@charset "utf-8";

/*************
全体
*************/
#wrapper{
margin:0 auto;
width:960px;
background:#fff;
padding: 0 0;/*罫線から中身までの空き*/
border: solid #c7d5e2;/*罫の形と色*/
border-width: 0 1px;
}

.container{
    max-width: 958px;
}

/*************
枠
*************/
.border{
border:4px solid #ebebeb;
}


/*************
/* ヘッダー
*************/
#header{
height:110px;
}

#header h1{
padding:5px 0 4px 10px;
font-size:12px;
font-weight:normal;
}


/*************
/* ロゴ
*************/
.logo{float:left;
      text-align:left;
      line-height: 15px;
padding:0px 0px 0px 10px;
}

.logo img{
  width: 338px;
  height: 46px;
/*float:left;
*/}

/*************
/* 電話番号
*************/
.info{
float:right;
padding-right:20px;
text-align:right;
}

.info .open{font-size:0.9em;}


/*************
/* ロゴ+電話番号
*************/
.logo,.info .tel{
color:#003366;
font-size:24px;
font-weight:bold;
}

.logo span,.info span{
color:#333;
font-size:.6em;
font-weight:normal;
}


/**************************
/* トップナビゲーション
**************************/
ul#topnav{
clear:both;
overflow:hidden;
padding:0 14px;
background:url(../images/topnavBg.png);
}

* html ul#topnav{height:1%;}
li {
list-style-type:none;
}
ul#topnav li {
float:left;
text-align:center;
}

ul#topnav li.last{border-right:1px solid #ebebeb;}

ul#topnav a{
font-size:13px;
display:block;
width:154px;
height:45px;
padding-top:15px;
color:#333;
background:url(../images/topnavSep.png);

}

ul#topnav span {
color:#708c0c;
font-size:10px;
}

ul#topnav li.active a,ul#topnav a:hover{
color:#fff;
background-position:0 -60px;
padding-top:15px;
}


#globalNavi {
background:url(../images/topnavBg.png);
width:936px;
	margin:0 0 10px;
	padding:0 12px;
	display:inline-block;
	position: relative;

}

#globalNavi #toggle{
  display: none;
}

#globalNavi:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#globalNavi ul li {
	float: left;
	position: relative;
border-left:1px solid #ebebeb;
}

#globalNavi li ul.drop {
background:url(../images/topnavBg2.png);
border-left:1px solid #ebebeb;
	width:155px;
	position:absolute;
	display:none;
	float:none;
	z-index:100;
	left:0;
	top:60px;
}
#globalNavi li ul.drop li {
	float:none;
	position:static;
}
#globalNavi li ul.drop li a {
	display:block;
	_zoom:1; /* IE 6 */
}








/**************************
/* メイン画像（サブページ）
**************************/
#mainImgSub{
margin:8px auto;
width:709px;
height:120px;
border:4px solid #fff;
}


#mainImgSub h2{
color:#fff;
width:400px;
padding:29px 0 10px 35px;
font-size:20px;
}

#mainImgSub p{
color:#b6b6b6;
width:460px;
padding:0 0 0 35px;
}


/**************************
/* トップページ　3つのボックス
**************************/
#boxContainer .box{
float:left;
width:278px;
height:495px;
margin:0 0 20px 15px;
padding:10px;
border:1px solid #003366;
overflow:hidden;
}

#boxContainer.box img{
border:4px solid #ebebeb;
}

* html #boxContainer .box{margin-left:10px;}

#boxContainer .box{text-align:center;}

.box h3{padding:10px 0 5px;
font-size:30px;
}

.box h3, .box p{text-align:left;}


.box p.readmore{
padding:10px 5px 5px;
text-align:right;
}






/**************************
/* グリッド
**************************/
.gridWrapper7{
padding-bottom:20px;
overflow: hidden;
}

* html .gridWrapper{height:1%;}
	
.grid7{
float:left;
border-radius:5px;
background:#fff;
}

.box7{
margin:3px 0px 10px 15px;
padding:10px;
border:1px solid #ebebeb;
width:275px;
}

.box7 img{
max-width:100%;
height:auto;
border:4px solid #ebebeb;
}

.box7 h3{padding:10px 0 5px;}

.box7 h3, .box p{text-align:left;}

.box7 p.readmore{
padding:10px 5px 5px;
text-align:right;
}








/* --- 新着情報エリア外枠 --- */
#boxContainer .box2{
float:left;
width:590px;
height:247px;
margin:0 0 20px 15px;
padding:10px;
border:0px solid #003366;
overflow:hidden;
}

/* --- 震災ニュースエリア外枠 --- */
#boxContainer .box3{
float:right;
width:590px;
height:210px;
margin:0 20px 20px 15px;
padding:10px;
border:0px solid #003366;
overflow:hidden;

}
/* --- 新着情報エリア --- */
div.update {
width: 590px; /* 新着情報エリアの幅 */
font-size: 100%;
}

/* --- 新着情報エリア見出し --- */
div.update h3 {
padding: 5px 0px 7px 35px;
background: url(../images/news.gif)no-repeat 0 0;
vertical-align:bottom;
}

/* --- 新着リスト --- */
div.update dl {
width: 100%; /* 新着リストの幅 */
height: 247px; /* 新着リストの高さ */
overflow: auto;
margin: 0;
background-color: #fff; /* 新着リストの背景色 */
border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */
border-bottom: 1px #c0c0c0 dotted; /* 新着リストの下境界線 */
}

/* --- 日付エリア --- */
div.update dt {
width: 6.7em; /* 日付エリアの幅 */
float: left;
padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
}

/* --- 本文エリア --- */
div.update dd {
margin: 0;
padding: 7px 3px 6px 6.6em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリアの下境界線 */
line-height: 120%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}




/*************
メイン（右側）コンテンツ
*************/
#main{
float:right;
width:717px;
padding-right:15px;
display:inline;
}

.article{
padding:20px;
margin-bottom:20px;
border:1px solid #ebebeb;
overflow:hidden;
}

* html .article{height:1%;}

.article p{margin-bottom:10px;}

.articlep2{margin:0px 0px 30px 30px;}

.articlep2 a{font-size:16px;}

.article h4{clear:both;}




/* --- 見出しエリア --- */
div.heading {
width: 716px; /* 見出しエリアの幅 */
margin-bottom: 0em;
    font-size:15px;
    font-family:“ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro W3″,メイリオ,Meiryo,”ＭＳ Ｐゴシック”,sans-serif;
    text-shadow:0 0 1px #bbb, 0 0 1px #bbb, 0 0 1px #bbb, 0 0 1px #bbb;
background: url(../images/heading_back3_left.gif) no-repeat left top; /* 見出しエリアの背景 */
border-bottom: 0px #173B75 solid; /* 見出しエリアの下境界線 */
}

/* --- 見出し --- */
div.heading h3 {
margin: 0;
padding: 10px 10px 5px; /* 見出しのパディング（上、左右、下） */
background: url(../images/heading_back3_right.gif) no-repeat right top; /* 見出しの背景 */
border-bottom: 3px red solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
}





.alignleft{
float:left;
clear:left;
margin:0 10px 10px 0;
}

.alignleft2{
float:left;
clear:left;
margin:75px 10px 10px 0;
}



.alignleft3{
float:left;
clear:left;
margin:0 10px 10px 10px;
}

.alignright{
float:right;
clear:right;
margin:0 0 10px 10px;
}

.gallery{padding:10px 0;}

.gallery img{
float:left;
margin:10px 0 2px 10px;
}



/*table
---------------------------------------------------------------------------------------*/
table.hyou{
    border-top:1px solid #6B8E23;
    border-left:1px solid #6B8E23;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.hyou th{
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    color:#FFFFE0;
    background-color:#6B8E23;

    background-position:left top;
    padding:0.2em 1em;
    text-align:center;
}
.hyou td{
    border-right:1px solid #6B8E23;
    border-bottom:1px solid #6B8E23;
    padding:0.3em 1em;
}




/*************
テーブル
*************/
table{
border-collapse:collapse;
width:670px;
margin:5px auto 15px auto;
}

table td{
border-collapse:collapse;
background-color:#F9F9F9;
text-align:left;
padding:8px;
border:1px solid #D6D6D6;
line-height:20px;
}

table th{
background-color:#F5F5F5;
text-align:left;
padding:8px;
white-space:nowrap;
color: #151515;
border-top:1px solid #D4D4D4;
border-right:4px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
}


/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float:left;
width:195px;
padding:12px 0 0 15px;
}

#sidebar .article{padding:7px;}

#sidebar p{margin-bottom:18px;}

#sidebar h3{
font-weight:normal;
padding:0 10px;
line-height:36px;
color:#fff;
background:url(../images/heading3.png) repeat-x 0 0;
}

#sidebar ul{padding-top:10px;}

#sidebar li{
margin-bottom:10px;
padding-bottom:10px;
list-style:none;
border-bottom:1px dashed #ebebeb;
}

#sidebar li.last{
border:0;
margin-bottom:0px;
}

#sidebar li a{display:block;}

#sidebar .section{
clear:both;
padding:5px 0;
}

#sidebar .section img{
float:left;
margin-right:5px;
vertical-align: middle;
}

#sidebar .section{
font-size:12px;
line-height:1.35;
}


/*************
/* フッター
*************/
#footer{
clear:both;
overflow:hidden;
padding:7px 10px 5px 10px;
background:#efefef;
}

* html #footer{height:1%;}

#footer #info{
float:left;
padding:5px 0 5px;
width:345px;
}

#footer #info .logo, #footer #info .info{float:none;}

#footer #info .info{
clear:both;
padding:5px 0px 0px 15px;
text-align:left;
}

#footer .logo{font-size:18px;}

#footer .info .tel,#footer .info .tel span,#footer #info .open{font-size:12px;}

#footer ul.footnav{
float:right;
width:580px;
padding:5px 0;
}

#footer ul.footnav li{
float:left;
margin-bottom:5px;
padding:0 7px 0 8px;
border-right:1px solid #b6b6b6;
}

#footer a{color:#333;}

#footer a:hover{color:#888;}

address{
clear:both;
padding:3px;
text-align:center;
font-style:normal;
font-size:12px;
color:#fff;
background:#333;
}



/* --------------------------------------------------
   coder Table
-------------------------------------------------- */
.coder {
    border-spacing: 0;
	
    border: 1px solid #CCC;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    box-shadow: 0 1px 1px #CCC;	
}
.coder th,
.coder td {
    padding:10px;
    background:#FFF;
    border-bottom:solid 1px #CCC;
    border-right:solid 1px #CCC;
}
.coder th {
    background:#e4e4ea;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color:#69655c;
    text-align:left;
}

/* --------------------------------------------------
   小見出し
-------------------------------------------------- */
    .selector02 {  
        border-left:7px solid #ff9900;  
        border-bottom:1px solid #ff9900;  
        padding:.6em .8em;
    font-size:15px;

    }  


hr {
	border-top: 1px solid #bbb;
}