@charset "utf-8";

/*
【大枠レイアウト用のCSS】
div#wrapper・div#content・div#footerなど、サイト全体にわたる汎用的なレイアウト（骨組み）指定に用います
*/

/*
77% = 10px	    146.5% = 19px
85% = 11px	    153.9% = 20px
93% = 12px	    161.6% = 21px
100% = 13px	    167% = 22px
108% = 14px	    174% = 23px
116% = 15px	    182% = 24px
123.1% = 16px	189% = 25px
131% = 17px	    197% = 26px
138.5% = 18px
*/



/* LAYOUT ######################################## */


html{
 margin:0;
 padding:0;

}

body{
	
	background: url(../images/common/bg_header.png) left top repeat-x; 
	
	margin:0 auto;
	padding:0;
 	line-height:1.6;
 	text-align:center;
 	font-size:108%;
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #333333;
}

body#topP {
		background: url(../images/top/bg_top_010.png) left top repeat-x; 
}


div#wrapper {
	text-align: center;
}

div#wrapper div#wrapperInner{
	text-align: left;
	width: 950px;
	margin: 0 auto;
}



/* div#header BEGIN --------------------------------------------------------- */

div#header{
	width:100%;
	height:190px;
}

body#topP div#header {
	height: 515px;
}

div#header #headerInner { height: 150px; 
	position: relative; 
	width: 950px;
	margin: 0 auto;
	}

body#topP div#header #headerInner { height: 142px; 
}

div#header #headerInner #logo {
	left: 0px;
	position: absolute;
	top: 20px;
	height: 120px;typ_footer_010
	margin-bottom: 0;
	width: 100px;
}
div#header #headerInner #btn_header_030 {
	left: 857px;
	position: absolute;
	top: 18px;
	height: 20px;
	margin-bottom: 0;
	width: 80px;
}
div#header #headerInner #typ_header_010 {
	left: 112px;
	position: absolute;
	top: 37px;
	height: 16px;
	margin-bottom: 0;
	width: 517px;
}
div#header #headerInner #btn_header_010 {
	left: 665px;
	position: absolute;
	top: 47px;
	height: 13px;
	margin-bottom: 0;
	width: 85px;
}
div#header #headerInner #btn_header_020 {
	left: 765px;
	position: absolute;
	top: 47px;
	height: 27px;
	margin-bottom: 0;
	width: 174px;
}
div#header #headerInner #typ_header_020 {
	left: 112px;
	position: absolute;
	top: 64px;
	height: 52px;
	margin-bottom: 0;
	width: 461px;
}
div#header #headerInner #bg_search {
	left: 665px;
	position: absolute;
	top: 80px;
	height: 25px;
	margin-bottom: 0;
	width: 285px;
}




/* グローバルナビ　*/
div#header div#navMain {
	padding:0;
	margin:0 auto;
	height:40px;
	width: 950px;
	overflow: hidden; 
}

div#header div#navMain ul {
	height:40px;
}

div#header div#navMain ul li { 
	display: inline;
	float: left;
}

/* div#header END --------------------------------------------------------- */


/* div#content BEGIN --------------------------------------------------------- */

div#wrapper div#content{
	margin: 30px auto;/**/
	padding:0;
	width:950px;
	text-align:left;
	overflow: hidden;
}

* html div#wrapper div#content{
	height: 1%;
}

div#wrapper div#content div#contentHeader{
	height: 100px;
}

/* div#content END --------------------------------------------------------- */

/* div#contentInner BEGIN --------------------------------------------------------- */

div#wrapper div#content div#contentInner{
	padding: 0;
	overflow: hidden;
}
	
* html div#wrapper div#content div#contentInner{
	height: 1%;
}


/* div#sidebar BEGIN --------------------------------------------------------- */

/* サイドバー（レイアウト・横幅・背景画像） */
div#wrapper div#content div#contentInner div#sidebar{
	margin: 0 0 50px 0;
	padding:0;
	width:260x;
	float:left;
	overflow: hidden;
}

* html div#wrapper div#content div#contentInner div#sidebar{
	height: 1%;
}


/*サイドバーヘッダー */
div#wrapper div#content div#contentInner div#sidebar div#sidebarHeader{
height: 50px;

}





/* div#sidebarInner BEGIN --------------------------------------------------------- */

div#wrapper div#content div#contentInner div#sidebar div#sidebarInner{
	margin:0;/*0 0 0 5px;*/
	padding:0;
	width:260px;
	overflow: hidden;
}

* html div#wrapper div#content div#contentInner div#sidebar div#sidebarInner{
	height: 1%;
}

/* サイドバーインナーヘッダー */
div#wrapper div#content div#contentInner div#sidebar div#sidebarInner div#sidebarInnerHeader {
	margin:0;
	height:30px;
}

/* div#sectionWrap BEGIN --------------------------------------------------------- */
div#wrapper div#content div#contentInner div#sidebar div#sidebarInner div.sectionWrap{
	margin: 0 auto;	
	padding:0;

}

div#wrapper div#content div#contentInner div#sidebar div#sidebarInner div.sectionWrap .sectionA1 {
	margin-bottom: 20px;
	background-color: #fff;
	border-bottom: solid 1px #DDDDDD;
}


div#wrapper div#content div#contentInner div#sidebar div#sidebarInner div.sectionWrap .sectionA1 h3 {
padding: 10px;
border-top: solid 3px #006598;
font-weight: normal;
font-size: 100%;
}

div#wrapper div#content div#contentInner div#sidebar div#sidebarInner div.sectionWrap .sectionA1 h3 span {
border-left: solid 3px #659800;
padding-left: 10px;
}

div#wrapper div#content div#contentInner div#sidebar div#sidebarInner div.sectionWrap .sectionA1 ul li {
	border-top: dotted 1px #ccc;
	padding: 8px 15px 8px 35px;
	background: url(../images/common/ph_side_li.png) left 15px no-repeat; 
	font-size: 100%;
}

div#wrapper div#content div#contentInner div#sidebar div#sidebarInner div.sectionWrap .sectionA1 ul li a {
	color:#333333;
	text-decoration:none;
}
div#wrapper div#content div#contentInner div#sidebar div#sidebarInner div.sectionWrap .sectionA1 ul li a:hover {
	text-decoration: underline;
}

div#wrapper div#content div#contentInner div#sidebar div#sidebarInner div.sectionWrap .sectionA2 {
	border: solid 1px #ddd;
	background-color: #fff;
	padding: 10px 10px 0 10px;
	border-top: none;
	font-size: 93% ;
}

div#wrapper div#content div#contentInner div#sidebar div#sidebarInner div.sectionWrap .sectionA2 p {
	margin-bottom: 10px;
	line-height: 140%;
}

div#wrapper div#content div#contentInner div#sidebar div#sidebarInner div.sectionWrap .sectionA2 p.side_b {
	text-align: right;
	margin-bottom: 15px;
}

div#wrapper div#content div#contentInner div#sidebar div#sidebarInner div.sectionWrap .sectionA2 .banners {
	margin-top: 20px;
}

div#wrapper div#content div#contentInner div#sidebar div#sidebarInner div.sectionWrap .sectionA2 .banners img {
	margin-bottom: 10px; 
}

div#wrapper div#content div#contentInner div#sidebar div#sidebarInner div.sectionWrap .sectionA1 ul.widget-list {
	border-top: solid 3px #006598;
}

div#wrapper div#content div#contentInner div#sidebar div#sidebarInner div.sectionWrap .sectionA1 ul.widget-list li:nth-of-type(1) {
	border-top: none;
}


/* div#navFacilities END --------------------------------------------------------- */



/* div#sectionWrap END --------------------------------------------------------- */

/* サイドバーインナーフッター */
div#wrapper div#content div#contentInner div#sidebar div#sidebarInner div#sidebarInnerFooter{
	margin-top:0;
	height:30px;
	
}
/* div#sidebarInner END --------------------------------------------------------- */

/* サイドバーフッター */
div#wrapper div#content div#contentInner div#sidebar div#sidebarFooter{
 height:30px;
}

/* div#sidebar END --------------------------------------------------------- */






/* div#main BEGIN --------------------------------------------------------- */

/* メインコンテント */
div#wrapper div#content div#contentInner div#main{
	margin: 0 0 50px 30px;
	padding:0;
	width:658px;
 	float:right;
 	overflow:hidden;
	border: solid 1px #DDDDDD;
	background-color: #fff;
}


#topP div#wrapper div#content div#contentInner div#main{ 
	margin: 0 0 30px 30px;
	padding:0;
	width:660px;
 	float:right;
 	overflow:hidden;
	border: none;
	background-color: transparent;
}

* html div#wrapper div#content div#contentInner div#main{
	height: 1%;
}



/* メインヘッダー */
div#wrapper div#content div#contentInner div#main div#mainHeader{
	
}

/* div#mainInner BEGIN --------------------------------------------------------- */

/* メインインナー（メインコンテント内包ボックス） */
div#wrapper div#content div#contentInner div#main div#mainInner{
	margin:0;
	padding: 30px 20px 50px 20px;
	width:618px;
	background-color:#FFF;
}


#topP div#wrapper div#content div#contentInner div#main div.mainInner{
	margin: 0 0 20px 30px;
	padding:0;
	width:658px;
 	float:right;
 	overflow:hidden;
	border: solid 1px #DDDDDD;
	border-top: none;
	background-color: #fff;
}

#topP div#wrapper div#content div#contentInner div#main div.mainInner div.mainInnerSec {
	margin:0;
	padding: 20px 20px 50px 20px;
	width:618px;
	background-color:#FFF;
}

/* メインインナーヘッダー */
div#wrapper div#content div#contentInner div#main div#mainInner div#mainInnerHeader{
	height: 30px;
}

div#wrapper div#content div#contentInner div#main div#mainInner .mainInnerCont {
	margin-bottom: 50px;
}

/* div#sectionWrap BEGIN --------------------------------------------------------- */

div#wrapper div#content div#contentInner div#main div#mainInner div.sectionWrap{
 margin: 0;
 padding:0;
}


/* div.sectionA1 BEGIN --------------------------------------------------------- */
/* 詳細はelement.cssで設定------------------------------------------------------ */

div#wrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1{
	padding: 0;
	background-color:#ff0000;
}


div#wrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1{
	display:inline-block;
	
}

div#wrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 iframe {
	padding-left:20px;
}

/* Hides from IE-mac \*/
* html div#wrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 { height: 1%; }
div#wrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA1 { display: block; }
/* End hide from IE-mac */


/* div#sectionA1 END --------------------------------------------------------- */

div#wrapper div#content div#contentInner div#main div#mainInner div.sectionWrap div.sectionA2{
	padding: 0;
	background-color:#333;
	height: 30px;
}


/* div#sectionWrap END --------------------------------------------------------- */

div#wrapper div#content div#contentInner div#main div#mainInner div#mainInnerFooter {
	height: 30px;
}

/* div#mainInner END --------------------------------------------------------- */


div#wrapper div#content div#contentInner div#main #mainFooter {
	height: 30px;
}
/* div#main END --------------------------------------------------------- */



/* div#contentInner END --------------------------------------------------------- */

/* div#contentFooter */
div#wrapper div#content div#contentsFooter{
	clear:both;
	height: 100px;
	background-color: #ffffff;
	text-align: right;
}

/* div#content END --------------------------------------------------------- */


/* div#wrapper END --------------------------------------------------------- */



/* div#footer BEGIN --------------------------------------------------------- */

div#footer{
	clear:both;
	margin:0 auto;
	padding:0;
	width:100%;
	height:257px;
	background: url(../images/common/bg_footer.png) left bottom repeat-x; 
	
	}
	
div#footer div#footerInner{
	margin:0 auto;
	padding:0;
	height: 257px;
	width:950px;
	position: relative;
	font-size: 93%;
	line-height: 140%;
	
}

div#footer div#footerInner #logo_fotter {
	left: 0px;
	position: absolute;
	top: 46px;
	height: 120px;
	margin-bottom: 0;
	width: 100px;
}
div#footer div#footerInner #flist {
	left: 480px;
	position: absolute;
	top: 47px;
	margin-bottom: 0;
	border-left: dotted 1px #ccc;
	text-align: left;
	padding-left: 25px;
}


div#footer div#footerInner #flist ul li {
	background:url(../images/common/btn_footer_010.png) left center no-repeat; 	
	padding-left: 10px;
	margin-bottom: 5px;
}

div#footer div#footerInner #flist ul li a { color:#006598; text-decoration: none; }
div#footer div#footerInner #flist ul li a:hover { color:#006598;  text-decoration: underline; }


div#footer div#footerInner #typ_footer_010 {
	left: 112px;
	position: absolute;
	top: 71px;
	height: 15px;
	margin-bottom: 0;
	width: 355px;
}
div#footer div#footerInner #typ_footer_020 {
	left: 112px;
	position: absolute;
	top: 96px;
	height: 45px;
	margin-bottom: 0;
	width: 359px;
}
div#footer div#footerInner address {
	left: 1px;
	position: absolute;
	top: 176px;
	margin-bottom: 0;
	border-top: dotted 1px #ccc;
	width: 450px;
	padding-top: 10px;
	text-align: left;
}


/* フッターナビ　*/


/* フッターアドレス　
div#footer div#footerInner address{
	height: 50px;
	margin: 20px;
	background-color:#fff;
}

div#footer div#footerInner div#footerInfo address span.copyright {
 font-size:93%;
}

*/
/* div#footerEND --------------------------------------------------------- */
