@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:#444;
	text-align:center;
	background:url(../images/common/bg.jpg) 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; }
.clear1px{ clear:both; height:1px; overflow: hidden; }


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

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

h1{
	width:300px;
	float:left;
}
#header ul{
	float:right;
	overflow:hidden;
	border-right:solid 1px #444;
	margin-top:55px;
	margin-right:5px;
}
#header ul li{
	float:left;
	padding:0 10px 0 10px;
	border-left:solid 1px #444;
	font-size:90%;
	line-height:1.1em;
}
#header ul li a{ color:#444; text-decoration:none;}
#header ul li a:hover{ color:#1E6ADC; }


#content{
	clear:both;
	padding:15px 5px 0 5px;
}

#main{
	float:right;
	width:680px;
}

#article{
	background-color:#FFFFFF;
	border-right:solid 1px #DADADA;
	border-bottom:solid 1px #DADADA;
	border-left:solid 1px #DADADA;
	padding:0 19px 19px 19px;
}

#subArea{
	float:left;
	width:200px;
}

.quickMenu{
	background:url(../images/common/c_menu_bg.gif) no-repeat left top #DADADA;
	padding:22px 10px 10px 10px;
	margin-bottom:10px;
}


#footerBan{ margin:20px 0; /margin:20px 0 10px 0;}
#footerBan ul{ margin:0 -10px 10px 0;}
#footerBan ul li{
	display:table-cell;  
	*display:inline;  
	*zoom:1;
	padding-right:10px;
}


#footer{
	border-top:solid 1px #DADADA;
}
#footerWrapper{
	width:900px;
	margin:auto;
}

#footer ul{
	padding:8px 0;
	border-bottom:dotted 1px #DADADA;
	text-align:left;
}
#footer ul li{
	display:table-cell;  
	*display:inline;  
	*zoom:1;
	background:url(../images/common/arrow_foot_navi.gif) no-repeat left 5px;
	padding:0 20px 0 10px;
	font-size:90%;
}
#footer ul li a{ color:#444444;}
#footer ul li a:hover{ color:#1E6ADC;}

#footer p{
	text-align:left;
	padding:8px 0;
	margin-bottom:0;
	border-bottom:dotted 1px #DADADA;
	font-size:90%;
}

address{
	font-style:normal;
	text-align:right;
	font-size:90%;
	padding:10px 0;
}
address img{ padding:0 0 5px 5px; _padding:0 0 10px 5px;}


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

p , li , dt , dd{ font-size:95%; line-height:1.5em;}

#article h3{
	background:url(../images/common/h3_bg.gif) no-repeat left top;
	font-size:130%;
	line-height:40px;
	padding:0 15px;
	color:#FFFFFF;
	margin-bottom:20px;
}

#article h4{
	background:url(../images/common/h4_bg.gif) no-repeat left 3px;
	padding:0 0 0 20px;
	font-size:105%;
	line-height:1.4em;
	color:#FF9600;
	margin-bottom:5px;
	margin-top:20px;
}

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

#article p.big{
	font-size:120%;
	font-weight:bold;
}

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

.box{
	background-color:#E0EFFC;
	padding:10px;
}

.center{ text-align:center;}


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

/* データテーブル */
.dataTable{
	width:640px;
	border-collapse:collapse;
	margin-bottom:15px;
}
.dataTable th , .dataTable td{
	padding:6px 8px;
	text-align:left;
	font-weight:normal;
	border:solid 1px #BED4E6;
	font-size:95%;
	vertical-align:top;
}
.dataTable th{ text-align:center;}
.dataTable .head th{ background-color:#F0F8FE;}
.dataTable .even th, .dataTable .even td{ background:#F5F5F5;}

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

/* 基本リスト */
.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; }


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

/* メインメニュー */
#globalNavi{
	clear:both;
	height:60px;
}
#globalNavi li{ float:left;}


.categoryNavi{
	height:40px;
	background:url(../images/each/c_navi_bg.gif) repeat-x left top;
}
.categoryNavi li{ float:left;}


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

a{ color:#3C9BEB; text-decoration:underline; }
a:hover{ color:#1E6ADC; }


.bread{ padding:10px 0 10px 0; overflow:auto;}
.bread li{ display:inline; list-style-type:none; font-size:85%;}
.bread li a{ padding-right:15px; background:url(../images/common/arrow_bread.gif) no-repeat right 50%;}


#article .pageTop{ text-align:right; margin:20px 0 0 0; clear:both;}


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

.subInfo{ margin-bottom:10px;}
.subInfo p{
	border-right:solid 1px #66CCFF;
	border-bottom:solid 1px #66CCFF;
	border-left:solid 1px #66CCFF;
	padding:0 10px 10px 10px;
	text-align:center;
}



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

#topImg{ overflow:hidden;}
#topImg h2{
	width:702px;
	float:left;
	margin-bottom:0;
}
#topImg .quickMenu{
	float:left;
	background:url(../images/top/img_top03.jpg) no-repeat left top;
	padding:44px 25px 25px 3px;
	margin-bottom:10px;
	margin-bottom:0;
}

#globalNaviTop{ overflow:hidden; margin-bottom:15px;}
#globalNaviTop li{ float:left;}


#index #main{
	float:left;
	width:680px;
}

#index #subArea{
	float:right;
	width:200px;
}


#news{
	background:url(../images/top/bg_news.gif) repeat-y left top;
}
.newsIn{
	background-color:#FFF;
	margin:0 10px;
	height:343px;
	overflow:auto;
}
.newsIn dl{
	overflow:hidden;
	margin:0 15px 15px 15px;
}
.newsIn dt{
	width:120px;
	float:left;
	padding:15px 0 12px 0;
	color:#3C9BEB;
}
.newsIn dd{
	padding-left:120px;
	border-bottom:solid 1px #DADADA;
	padding:15px 0 12px 0;
}


.emergency{
	background:url(../images/top/sinsai_back01.jpg) no-repeat right top;
	width:600px;
	margin-left:150px;
}
.emergencyIn{
	background:url(../images/top/sinsai_back02.jpg) no-repeat right bottom;
	padding:20px 20px 5px 20px;
	font-family:'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
	font-size:14px;
}
.emergency p{ margin-bottom:15px;}


/* network
------------------*/

.dataTable .width01{ width:80px;}
.dataTable .width02{ width:250px;}
.dataTable .width03{ width:110px;}
.dataTable .width04{ width:200px;}


/* stat
------------------*/

.statLi{ overflow:hidden; margin-bottom:20px;}
.statLi:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .statLi {
    height: 1em;
    overflow: visible;
}
/**/

.statLi li{
	width:180px;
	float:left;
	background:url(../images/common/arrow_foot_navi.gif) no-repeat left 5px;
	padding:0 0 5px 13px;
}


.twoColumnArea{ overflow:hidden; margin-bottom:20px;}
.twoColumnArea:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .twoColumnArea {
    height: 1em;
    overflow: visible;
}
/**/

.twoColumn{
	width:320px;
	float:left;
}
.twoColumn li{
	margin-left:40px;
	list-style-type:disc;
	margin-bottom:5px;
}
.twoColumn li span{ font-size:90%;}


.twoColumn li ul{ margin-top:5px;}
.twoColumn li ul li{
	font-size:inherit;
	list-style-type:circle;
}



/* info
------------------*/

/*
.infoImg{
	background:url(../images/each/img_info01.jpg) no-repeat right bottom;
}
*/

/* 詳細記事用 */
#article.info h3{
	background:none;
	background-color:#EEEEEE;
	border-left:solid 5px #3C9BEB;
	border-bottom:solid 1px #DADADA;
	font-size:130%;
	line-height:1.4em;
	padding:15px;
	color:#3C9BEB;
	margin-bottom:20px;
}


.infoSet td{ vertical-align:top;}
.infoSet td span{ display:block; text-align:center; margin-bottom:20px; font-size:95%;}

#article .infoSet td h4{ margin-top:0;}



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


