@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

html{height:100%;}

body{
	height:100%;
	background-color:#f2f2f2;
	text-align:center;
	font:100%;
    *font-size:medium;
    *font:small;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
img{		display:block;border:none;}
ul,ol{		list-style:none;}
object{outline:none;}

#wrapper{
	width:926px;
	height:100%;
	margin:0 auto 0 auto;
	background:#FFF;
	text-align:left;
	min-height:100%;
}

#wrapper #content{
	width:926px;
	height:100%;
	margin:0;
	padding:0 0 20px 0;
	min-height:100%;
}

body > #wrapper{height:auto;}
#wrapper > #content{height:auto;}


/* ===== header ===== */

#wrapper #header{
	width:926px;
	height:92px;
	margin:0;
	padding:0;
	background-color:#FFF;
}

#wrapper #header #title{
	float:left;
	width:94px;
	height:72px;
	margin:10px 0 0 10px !important;
	margin/**/:10px 0 0 5px;
}

#wrapper #header p.ci{
	float:left;
	width:94px;
}

#wrapper #header #headerright{
	float:right;
	margin-right:10px;
	width:281px;
	display:inline;
}

#wrapper #header p.directory{
	width:281px;
	margin:27px 0 20px 0;
}

#wrapper #header ul{
	width:229px;
	margin:0 8px 0 0;
	float:right;
	display:inline;
}

#wrapper #header ul li{
	float:left;
	margin-left:22px;
	display:inline;
}

	
/* ===== header ===== */




/* ===== breadPath ===== */

#breadPath{
	height:28px;
	margin:0 10px 22px 10px;
	border-top:#8A8175 3px solid;
}

#breadPath ul{
	padding:7px 30px 0 0;
	text-align:right;
	color:#8A8175;
	font-size:75%;
	line-height:1.1;
}
#breadPath ul li{display:inline;}

#breadPath ul li a{
	margin-right:4px;
	padding-right:9px;
	background:url(../img/breadpath_blit.gif) right 0.4em no-repeat;
	color:#8A8175;
	text-decoration:none;
}

#breadPath ul li a:hover{text-decoration:underline;}




/* ===== mainArea ===== */

#mainArea{
	width:906px;
	margin:0 10px;
	background:url(../img/content_btm.png) right bottom no-repeat;
	padding:0 0 5px;
}



/* ===== mainArea ===== */

#mainContentWrap{
	float:right;
	width:704px;
	background:url(../img/content_top.png) left top no-repeat;
}

#mainContentWrap .mainContent{
	margin:5px 0 0 0;
	padding:0 27px;
	background:url(../img/content_back.png) left top repeat-y;
}

#mainContentWrap .mainContent h1{
	margin:0 0 14px 0;
	padding:12px 0 8px 0;
	background:url(../img/h1_border.gif) left bottom repeat-x;
	color:#a32020;
	font-size:150%;
	font-weight:bold;
	line-height:1.1;
}

#mainContentWrap .mainContent p{
	margin-bottom:8px;
	font-size:75%;
	line-height:1.5;
}

#mainContentWrap .mainContent p#totop{
	width:82px;
	margin:20px 0 0 568px;
	padding-bottom:15px;
}



/* ===== navigation ===== */

#mainArea #navigation{
	float:left;
	width:194px;
	padding-top:5px;
	background:url(../img/navi_top.png) left top no-repeat;
}

#mainArea #navigation #navigationCont{
	padding-bottom:5px;
	background:url(../img/navi_btm.png) left bottom no-repeat;
}

#mainArea #navigation h2{
	padding:4px 9px 0;
	background:url(../img/navi_back.png) left top repeat-y;
	font-size:95%;
	font-weight:bold;
	line-height:1.1;
}

#mainArea #navigation h2 a{
	display:block;
	padding:9px 0 6px;
	background:url(../img/navi_h2_back.gif) left top no-repeat;
	color:#FFF;
	text-decoration:none;
}

#mainArea #navigation h2 a:hover{background-color:#a32020;}

#mainArea #navigation ul{
	margin:0;
	padding-bottom:2px;
	background:url(../img/navi_back.png) left top repeat-y;
}

#mainArea #navigation ul li{
	width:170px;
	margin:0 9px 5px;
	padding:6px 0 0 0;
	background:url(../img/navi_border.gif) left top no-repeat;
	font-size:75%;
	line-height:1.1;
}

#mainArea #navigation ul li#FAQ{margin-bottom:0 !important;}

#mainArea #navigation ul li ul{
	margin:4px 0 8px;
	padding:0;
	background-image:none !important;
}

#mainArea #navigation ul li ul li{
	width:160px;
	margin:0;
	padding-left:10px;
	background-image:none !important;
	font-size:100%;
	line-height:1.1 !important;
}


#mainArea #navigation ul li ul li ul li{
	width:150px;
}

#mainArea #navigation ul li h3{
	font-size:100%;
}

#mainArea #navigation ul li h3.off{
	background:#47484A;
	color:#A6A6A6;
	padding-left:12px;
	background-image:url(../img/navi_blit_off.png) !important;
	background-image/**/:url(../img/navi_blit_off.gif);
	background-position:3px 0.35em;
	background-repeat:no-repeat;
	text-decoration:none;
}

#mainArea #navigation ul li h3 a{
	display:block;
	padding-left:12px;
	background-image:url(../img/navi_blit_out.png) !important;
	background-image/**/:url(../img/navi_blit_out.gif);
	background-position:3px 0.35em;
	background-repeat:no-repeat;
	color:#FFF;
	text-decoration:none;
}

#mainArea #navigation ul li h3 a:hover{
	background-color:#a32020;
	background-image/**/:url(../img/navi_blit_on.gif);
}
#mainArea #navigation ul li h3 a.selected{
	background-color:#a32020;
	background-image/**/:url(../img/navi_blit_on.gif);
}

#mainArea #navigation ul li ul li a{
	padding-left:10px;
	display:block;
	color:#FFF;
	text-decoration:none;
}

#mainArea #navigation ul li ul li a:hover{background-color:#a32020;}
#mainArea #navigation ul li ul li a.selected{background-color:#a32020;}




/* ===== footer ===== */

#wrapper #footer{
	clear:both;
	width:906px;
	height:106px;
	margin:30px auto 0 auto;
	background:url(../../images/foot_copyright_line.png) left top no-repeat;
}

#wrapper #footer p{
	padding-top:12px;
}
#wrapper #footer ul{
	float:right;
	width:527px;
	height:15px;
	margin-right:15px;
	display:inline;
}

#wrapper #footer ul li{
	float:left;
	margin-left:15px;
}
*html #wrapper #footer ul li{margin-left:12px;}

#flashArea{
	height:400px;
	padding:0 10px;
	background:url(../../images/flash_back.jpg) left top repeat-x;
}

#flashContent{outline:none;}


/* ===== Common class ===== */

#wrapper #content .section{margin-bottom:60px;}

.clearfix:after {
	content:".";  /* 新しい要素を作る */
	display:block;  /* ブロックレベル要素に */
	clear:both;
	height:0;
	visibility:hidden;
}

.clearfix {
	min-height:1px;
}

* html .clearfix {
	height:1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}