html, body {height: 100%;}



/* スマホ用 */

html {-webkit-text-size-adjust: none}



/*========================================

タグ初期化

========================================*/

*{

	padding:0;

	margin:0;

}



a {

	outline:0;

	cursor:pointer;

	font-size:12px;

}



img {

	border:0;

	vertical-align:text-bottom;

}



/*a:hover img {

	opacity:0.8;

	zoom:1;

	filter:alpha(opacity=80);

	-ms-filter:"alpha( opacity=80 )";

}*/

	

h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,li,form,label {

   margin:0;

   padding:0;

   font-size:12px;

}



ol,ul,li {

	list-style:none;

	margin:0;

	padding:0;

}



em{font-style:normal;}





/*========================================

基本

========================================*/



body {

	margin:0;

	padding:0;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	line-height:1.6;

	*zoom:1;

	min-width:950px;

	min-height:800px;

	height:800px;

	overflow:hidden;

}



#ContWrapperOutOut {

}



#ContWrapperOut {

	background:url(../img/main_BG.jpg) no-repeat center 176px;

	/*max-width:1600px;*/

	margin:auto;

	zoom:1;

	position:relative;

}



#ContWrapper {

	width:900px;

	margin:auto;

	position:relative;

	z-index:1;

}



#Header {

	width:900px;

	height:139px;

	margin:auto;

	overflow:visible;

	background:url(../img/header_BG.gif) no-repeat left 20px;

	position:relative;

	z-index:10000;

}



h1 {

	margin:0;

	padding:0;

	height:117px;

	margin:auto;

	/* IE7 */

	*height:79px;	

}



h1 a {

	display:block;

	height:97px;

	text-indent:-9999px;

}



#Header h2 {

	position:absolute;

	width:180px;

	height:119px;

	top:20px;

	right:0;

	background:url(../img/header_spin_off.jpg);

}



#Header h2 a {

	display:block;

	height:119px;

	text-indent:-9999px;

}



#MainNavi {

	width:720px;

	overflow:visible;

	font-family:Helvetica, Arial, sans-serif;

	z-index:1000000;

	position:relative;

}



#MainNavi ul {

	overflow:visible;

	position:relative;

}



#MainNavi li {

	width:89px;

	float:left;

	border-right:1px solid #CEE1E7;

	position:relative;

	z-index:10000;

}



#MainNavi li a {

	display:block;

	text-align:center;

	font-size:12px;

	line-height:22px;

	color:#B2CED9;

	text-decoration:none;

	cursor:pointer;

	white-space: nowrap;

}



#MainNavi li a:hover {

	color:#FFF;

}



#m01 a {background:url(../img/main_navi_BG.gif) no-repeat 0 0;}

#m02 a {background:url(../img/main_navi_BG.gif) no-repeat -90px 0;}

#m03 a {background:url(../img/main_navi_BG.gif) no-repeat -180px 0;}

#m04 a {background:url(../img/main_navi_BG.gif) no-repeat -270px 0;}

#m05 a {background:url(../img/main_navi_BG.gif) no-repeat -360px 0;}

#m06 a {background:url(../img/main_navi_BG.gif) no-repeat -450px 0;}

#m07 a {background:url(../img/main_navi_BG.gif) no-repeat -540px 0;}



#m01 a:hover {background:url(../img/main_navi_BG.gif) no-repeat 0 -22px;}

#m02 a:hover {background:url(../img/main_navi_BG.gif) no-repeat -90px -22px;}

#m03 a:hover {background:url(../img/main_navi_BG.gif) no-repeat -180px -22px;}

#m04 a:hover {background:url(../img/main_navi_BG.gif) no-repeat -270px -22px;}

#m05 a:hover {background:url(../img/main_navi_BG.gif) no-repeat -360px -22px;}

#m06 a:hover {background:url(../img/main_navi_BG.gif) no-repeat -450px -22px;}

#m07 a:hover {background:url(../img/main_navi_BG.gif) no-repeat -540px -22px;}



#m01Now a {background:url(../img/main_navi_BG.gif) no-repeat 0 -22px;}

#m02Now a {background:url(../img/main_navi_BG.gif) no-repeat -90px -22px; color:#FFF;}

#m03Now a {background:url(../img/main_navi_BG.gif) no-repeat -180px -22px; color:#FFF;}

#m04Now a {background:url(../img/main_navi_BG.gif) no-repeat -270px -22px; color:#FFF;}

#m05Now a {background:url(../img/main_navi_BG.gif) no-repeat -360px -22px; color:#FFF;}

#m06Now a {background:url(../img/main_navi_BG.gif) no-repeat -450px -22px; color:#FFF;}

#m07Now a {background:url(../img/main_navi_BG.gif) no-repeat -540px -22px; color:#FFF;}



#MainNavi li .SubMenu {
	position:absolute;
	top:22px;
	left:0;
	/*
	padding:10px;
	padding-top:5px;
	*/
	border:1px solid #CCC;
	background:#FFF;
	/* 初期設定 */
	display:none;
	z-index:10000000;
}



#MainNavi li .SubMenu ul {
	padding:10px;
	padding-top:5px;
	padding-right:0;
}

#MainNavi li .SubMenu li {
	float:none !important;
	line-height:1.5;
	border:0;
	width:auto;
	font-size:11px;
	color:#999 !important;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-right:10px;

}



#MainNavi li .SubMenu li a {

	text-indent:0 !important;

	color:#999 !important;

	text-decoration:none !important;

	background:none;

	text-align:left;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-size:11px;

}



#MainNavi li .SubMenu li.SubItem .MenuInnerItem {

	border:0;

	font-size:11px;

	color:#999 !important;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	padding-left:10px;

	display:none;

}



#MainNavi li .SubMenu li a:hover,

#MainNavi li .SubMenu li.SubItem a:hover  {

	color:#333 !important;

}



#MainNavi li .SubMenu li.SubItem a {

	padding-left:7px !important;

	color:#999 !important;

}



#m01 .SubMenu, #m01Now .SubMenu {width:178px;}

#m02 .SubMenu, #m02Now .SubMenu {width:88px;}

#m03 .SubMenu, #m03Now .SubMenu {width:115px;}

#m04 .SubMenu, #m04Now .SubMenu {width:88px}

#m05 .SubMenu, #m05Now .SubMenu {width:178px;}

#m06 .SubMenu, #m06Now .SubMenu {width:88px;}

#m07 .SubMenu, #m07Now .SubMenu {width:178px;}



li#m08 {

	height:22px;

	background:url(../img/main_navi_blank.gif) no-repeat 0 0;

	border-right:0 !important;

}



/* パンくず */

#PageNavi {

	clear:both;

	font-size:11px;

	width:900px;

	margin:auto;

	color:#999;

	line-height:38px;

	/*position:relative;

	z-index:10000;*/

	/* IE7 */

	*padding-top:10px;

	*padding-bottom:1px;

	*line-height:1.6;

}



#PageNavi a {

	font-size:11px;

	color:#999;

	text-decoration:none;

	background:url(../img/pagelist_arrow.gif) no-repeat right 2px;

	padding-right:14px;

}



#PageNavi a:hover {

	color:#444;

}



#PageNavi span img {

	padding-left:3px;

	padding-right:3px;

	padding-bottom:2px;

}



#PageNavi strong {

	font-weight:normal;

	color:#67A3B6;

}



.PageTitle {

	width:900px;

	overflow:hidden;

	margin:auto;

	text-indent:-9999px;

	position:absolute;

	top:150px;

	right:15px;

	z-index:5;

	width:300px;

}



/* コンテンツエリア */

#MainContWrapper {

	width:900px;

	height:540px;

	padding:10px;

	margin:auto;

	background:url(../img/contArea.png) no-repeat;

	margin-left:-9px;

	margin-top:-9px;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/contArea.png, sizingMethod=image);

	overflow:hidden;

}



/* メインビジュアル */

.MainImg {

	clear:both;

	margin-left:-2px;

	margin-top:-2px;

	overflow:hidden;

}





/* フッター */

#FooterWrapper {

	background:url(../img/footer_BG.gif) repeat-x center 10px;

	overflow:hidden;

	position:absolute;

	top:718px;

	width:100%;

	height:100px;

	clear:both;

	text-indent:-9999px;

	z-index:100;

}





#Footer {

	width:900px;

	height:55px;

	overflow:hidden;

	position:relative;

	margin:auto;

	z-index:10000;

}



#FooterWrapper h2 {

	text-align:right;

	margin:0;

	padding:0;

	position:relative;

}


/* 2012.8.27 */
#MainNavi #sm01 ul li.SubItem a {
	background:url(../img/submenu_arrow.gif) no-repeat right;
}

#MainNavi #sm01 li.SubItem ul	{
	left:168px;
	top: -9px;
	position:absolute;
	background:#FFF;
	padding:10px;
	padding-left:6px;
	border:1px solid #CCC;
	visibility:hidden;
}

#MainNavi #sm01 ul li.SubItem a.hover,
#MainNavi #sm01 ul li.SubItem a:hover {
	color:#333 !important;
	background:url(../img/submenu_arrow_on.gif) no-repeat right;
}

#MainNavi ul li.SubItem ul li a {
	background:none !important;
}

#MainNavi ul li.SubItem ul li a.hover,
#MainNavi ul li.SubItem ul li a:hover {
	color:#333 !important;
	background-image:none !important;
}

#MainNavi #sm01 li:hover > ul {
	visibility: visible;
}