@charset "Shift_JIS";

/* ===================================================
base.css for all pages, all browser(excet IE4,NN4)

 01.BASE

 02.DESIGN STRUCTURE

 03.DOCUMENT STRUCTURE

 04.NAVIGATION

 05.LINKTEXT DECOTAIOTN

 06.EACH

 07.FORM MODULES  

 08.FLASH
 
==================================================== */

/* 01 BASE
---------------------------------------------------- */

* { margin: 0; padding: 0; }
/*\*/ a { overflow:hidden; }/**/

/* IE6でロールオーバー時の背景画像のちらつきを解消 */
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

body{
	font-size:13px;
	*font-size:small;
	*font:x-small;	
	font-family: 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	color:#333;
	text-align:center;
	background:url(../images/common/bg.gif) repeat-x left top;
}

table { font-size:inherit; font:100%; }

hr{ display:none; }

ul,ol { list-style-type: none; }

img{ border:0; margin:0; padding:0; vertical-align:bottom; }


.clear{ clear:both; }

.clearfix {
/zoom : 1;
}
.clearfix:after {
	content : '';
	display : block;
	clear : both;
	height:0;
}



/* 02 DESIGN STRUCTURE
---------------------------------------------------- */

#wrapper{
	width:900px;
	margin:auto;
	text-align:left;
}

#header{ height:80px;}

h1{
	color:#666666;
	text-align:right;
	font-weight:normal;
	font-size:12px;
	height:50px;
}
h1 span{ float:right; padding-top:5px;}
h1 img{ float:left;}


#headNavi{
	width:900px;
	margin:auto;
	text-align:right;
}

#headNavi ul{
	display:inline;
}

#headNavi li{
	display:inline;
	display:table-cell;  
	*display:inline;  
	*zoom:1;
	font-size:95%;
	line-height:1em;
	background:url(../images/common/arrow.gif) no-repeat 25px 2px;
	padding:0 0 0 35px;
}
#headNavi li a{ color:#666666;}
#headNavi li a:hover{ color:#999999;}



/* コンテンツエリア */
#content{
	padding-top:25px;
}

#main{
	width:640px;
	float:left;
}

#sidebar{
	width:234px;
	float:right;
	padding-bottom:10px;
}


/* フッターエリア */
#wrapperBottom{
	padding:20px 0 8px;
	border-bottom:solid 3px #1484e4;
}

#footerNavi{
	width:900px;
	margin:auto;
	overflow:hidden;
	text-align:left;
}
#footerNavi ul{
	display:inline;
}
#footerNavi li{
	display:inline;
	display:table-cell;  
	*display:inline;  
	*zoom:1;
	font-size:95%;
	line-height:1em;
	background:url(../images/common/arrow.gif) no-repeat 0 2px;
	padding:0 25px 0 10px;
}
#footerNavi li a{ color:#666666;}
#footerNavi li a:hover{ color:#999999;}

#footer{
	width:900px;
	margin:auto;
	text-align:left;
	padding:8px 0 15px 0;
}

address{
	color:#666666;
	font-style:normal;
	font-size:90%;
	text-align:right;
}



/* 03 DOCUMENT STRUCTURE
---------------------------------------------------- */

p , li , dt , dd{ line-height:1.8em;}

#main p{ margin-bottom:15px;}

h2{
	padding:8px 0 8px 15px;
	border-bottom:solid 1px #d2e1ec;
	border-left:solid 3px #1a5aad;
	font-size:140%;
	margin-bottom:20px;
	color:#1a5aad;
}

h3{
	background-color:#f1f9ff;
	border-bottom:solid 1px #d2e1ec;
	padding:7px 10px 6px 10px;
	font-size:105%;
	margin:25px 0 15px 0;
	color:#1a5aad;
}

h4{
	font-size:100%;
	padding:0 0 1px 0;
	border-bottom:solid 1px #1a5aad;
	margin:0px 0 10px 0;
	color:#1a5aad;
}


/* テキスト揃え */
.textRight{
	display:block;
	text-align:right;
}

.textCenter{
	display:block;
	text-align:center;
}


/* 小見出し */
#main p.title{ margin-bottom:8px;}


/* リード文 */
.lead{
	font-size:120%;
	font-weight:bold;
}


/* テキスト色 */
.red{ color:#ef2f10;}
.blue{ color:#003399;}


.imgRight img{
	float:right;
	margin-left:15px;
}
.imgLeft img{
	float:left;
	margin-right:15px;
}


/* 基本テーブル */
.commonTable{
	border-collapse:collapse;
	width:640px;
	margin-bottom:15px;
}
.commonTable th , .commonTable td{
	line-height:1.8em;
	padding:6px 8px;
	text-align:left;
	font-weight:normal;
	border:solid 1px #DADADA;
	font-size:95%;
	vertical-align:top;
}
.commonTable th{
	background-color:#F1F1F1;
	width:100px;
}

.commonTable.thL th{
	width:120px;
}


/* レイアウトテーブル */
.layoutTable{
	border-collapse:collapse;
	width:640px;
}
.layoutTable th , .layoutTable td{
	line-height:1.8em;
	font-weight:normal;
	padding:0;
	border:0;
	vertical-align:top;
}
.layoutTable th{ padding-right:15px; width:auto;}

.space{ width:15px;}


/* インナーテーブル */	
.innerTable th , .innerTable td{
	font-size:inherit;
	line-height:1.8em;
	font-weight:normal;
	background-color:#FFFFFF;
	padding:0;
	border:0;
	vertical-align:top;
	text-align:left;
}
.innerTable th{ padding-right:15px; width:auto;}


/* インナーテーブルライン */
.innerTableLine{
	border-collapse:collapse;
	width:100%;
	border-top: dotted 1px #CCCCCC;
	margin-bottom:15px;
}
.innerTableLine th , .innerTableLine td{
	font-size:inherit;
	line-height:1.4em;
	font-weight:normal;
	background-color:#FFFFFF;
	padding:5px 0;
	border-bottom: dotted 1px #CCCCCC;
	vertical-align:top;
	text-align:left;
}
.innerTableLine th{ width:120px;}


/* テーブル　右寄せ・センター */
td.right{ text-align:right;}
td.center{ text-align:center;}


/* 基本リスト */
.commonUl{
	margin:0 0 0 40px;
	list-style-type:disc;
	margin-bottom:15px;
}
.commonUl li{ margin-bottom:5px; }	

.commonOl{
	margin:0 0 0 25px;
	list-style-type:decimal;
	margin-bottom:15px;
}	
.commonOl li{ margin-bottom:5px; }


/* レイアウトテーブル内のリストのフォントサイズクリア */
.layoutTable li{ font-size:inherit;}


/* 囲み */
.box{
	border:solid 1px #DADADA;
	background-color:#F1F1F1;
	padding:15px 15px 0 15px;
	margin-bottom:15px;
}



/* 04 NAVIGATION
---------------------------------------------------- */	

/* メインメニュー */
#globalNavi{ width: 900px;}
#globalNavi li { float: left;}


/* パンくず */
.topic-list-inline{
	font-size:90%;
	margin:5px 0 10px 0;
}


/* 中コンテンツナビ */
.subNavi{ margin-bottom:30px;}
.subNavi ul{
	overflow:hidden;
	border-bottom:solid 1px #CCCCCC;
}
.subNavi li{
	display:table-cell;
	*display:inline;
	*zoom:1;
	margin:0;
	height:35px;
}
.subNavi li a{
	display:block;
	padding:0 30px 0 30px;
	line-height:35px;
	border-right:solid 1px #CCCCCC;
	background: url(../images/common/arrow_sub_navi.gif) no-repeat #F1F1F1 15px 50%;
}
.subNavi li a:hover{ background: url(../images/common/arrow_sub_navi.gif) no-repeat #DADADA 15px 50%;}


/* ページの先頭へ */
#main p.pageTop{
	clear:both;
	text-align:right;
	margin:0;
	padding-top:25px;
}



/* 05 LINKTEXT DECOTAIOTN
---------------------------------------------------- */

a{ color:#1484e4; text-decoration:none; }
a:hover{ color:#5eaaeb; }


/* 矢印付きリンク　右寄せ */
.link{
	display:block;
	text-align:right;
	margin-top:5px;
}
.link a{
	background:url(../images/common/arrow_base.gif) no-repeat left 3px;
	padding-left:13px;
}


/* PDFアイコン */
.pdf{
	background:url(../images/common/icon_pdf.gif) no-repeat 0 0;
	padding:2px 0 2px 18px;
}


/* 外部リンクアイコン */
.external{
	background:url(../images/common/icon_external.gif) no-repeat 0 0;
	padding:2px 0 2px 18px;
}



/* 06.EACH
---------------------------------------------------- */

/* バナーエリア */
.bnArea{
	background:url(../images/common/bn_line.gif) no-repeat left bottom;
	padding-bottom:5px;
}
.bnArea img{ margin-bottom:10px;}


/* index
------------------*/

.topTable{
	border-collapse:collapse;
	width:640px;
	margin-bottom:20px;
}
.topTable td{
	text-align:left;
	font-weight:normal;
	font-size:95%;
	vertical-align:top;
}
.topTable td img{ margin-bottom:5px;}


/* 新着情報 */
h2.newsTitle{
	border:none;
	line-height:1em;
	padding:0;
	margin:0;
}
#newsArea{
	border:solid 5px #e5e5e5;
	border-top:0;
	padding:15px 0 0 15px;
	margin-bottom:25px;
}
#newsArea dl{
	height:130px;
	overflow:auto;
	overflow-x:hidden;
}
#newsArea dt{
	width:100px;
	float:left;
	padding-bottom:9px;
}
#newsArea dd{
	border-bottom:dotted 1px #e3e3e3;
	padding-left:100px;
	padding-bottom:9px;
	margin-bottom:10px;
}
#newsArea a{ text-decoration:underline;}



/* service
------------------*/
.serviceImg li{
	width:213px;
	float:left;
}


/* case
------------------*/
.caseList li{
	width:160px;
	float:left;
	margin-bottom:10px;
}
.caseList li img{ border:solid 3px #f1f1f1;}
.caseList li a:hover img{ border:solid 3px #1484e4;}
.caseList li span{
	display:block;
	width:151px;
	font-size:90%;
	line-height:1.6em;
	color:#666;
}


/* 07.FORM MODULES
---------------------------------------------------- */

.formTexrArea, .formSS, .formS, .formM, .formL{
	background-color:#f7fbfe;
	border:solid 1px #DADADA;
	padding:3px;
}
.formTexrArea{
	width:350px;
	height:150px;
}
.formSS{ width:60px;}
.formS{ width:100px;}
.formM{ width:180px;}
.formL{ width:350px;}

form input[type="submit"],form input[type="reset"] {
	width: 120px;
	padding: 5px;
	border: 0;
	border-radius: 5px;
	background-color: #1a5aad;
	color: #fff;
	font-size: 110%;
}
form input[type="reset"] {
	background-color: #6d7d91;
}
form input[type="submit"]:hover {
	background-color: #216bcc;
}
form input[type="reset"]:hover {
	background-color: #8597af;
}