@charset "shift_jis";

/*-----------------------------------------------------
html
-------------------------------------------------------*/
html{
	overflow-y:scroll;
}

/*-----------------------------------------------------
body
-------------------------------------------------------*/
body{
	font-size:12px;
	font-size:75%＼9;
	color:#333;
	line-height:1.6;
	letter-spacing:0.03em;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;
	-webkit-text-size-adjust:none;
	background-color:#1B8DCC;
}
input,textarea{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;
}

/* for IE6 */
* html body{
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input,
* html textarea{
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
/* for IE9 */
body:not(:target){
	font-size:75＼9;
}

/*-----------------------------------------------------
a
-------------------------------------------------------*/
a:link,
a:visited{
	color:#0016ff;
	text-decoration:underline;
}
a:hover,
a:active{
	color:#FF0000;
	text-decoration:none;
}

/*-----------------------------------------------------
nonvisual_menu
-------------------------------------------------------*/
div.nonvisual_menu{
	width:0;
	height:0;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	/* except MacIE ＼*/position:absolute;/* end */
	left:0;
	top:0;
	color:#fff;
}

div.nonvisual_menu a{
	text-decoration:none;
	font-size:1px;
	line-height:1px;
	color:#fff;
}
#main_Contents img{
	position:absolute;
	border:none!important;
	height:1px;
	top:0px;
	left:0px;
}


/*-----------------------------------------------------
Container
-------------------------------------------------------*/
#Container{
	width:100%;
	min-width:960px;
	overflow:hidden;
	margin:0 auto 0 auto;
}
#Container.fixed{
	padding: 0px 0 0 0;
}


/*-----------------------------------------------------
Ie6Update
-------------------------------------------------------*/
#Ie6Update{
	width:100%;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	text-align:center;
	border-bottom:2px solid #6F6F6F;
}
#Ie6Update div.bg{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background:#F9F9F9;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	z-index:101;
}
#Ie6Update p{
	position:relative;
	padding:10px 0 10px 0;
	z-index:102;
}


/*-----------------------------------------------------
Common Header
-------------------------------------------------------*/

/* device
---------------------*/
#Header p.device{
	float:right;
	display:inline;
	margin:12px 10px 0 0;
}


/*-----------------------------------------------------
Header
-------------------------------------------------------*/
#Header{
	width:960px;
	height:261px;
	position:absolute;
	top:38px;
	left:50%;
	margin:0 0 0 -480px;
	z-index:12;
}

/*-------------------------------------
logo
---------------------------------------*/
#Header p.logo{
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -140px;
	z-index:15;
}

/*-------------------------------------
ul
---------------------------------------*/
#Header ul{
	width:920px;
	height:72px;
	margin:0;
	padding:7px 20px 15px 20px;
	position:absolute;
	top:auto;
	bottom:-42px;
	left:0;
	z-index:14;
}
#Header ul.fixed{
	position:fixed;
	top:55px;
	bottom:auto;
	left:50%;
	margin:0 0 0 -480px;
	z-index:100;
}
#Header ul li{
	height:72px;
	float:left;
	display:inline;
	position:relative;
}
#Header ul li.navi01{width:196px;}
#Header ul li.navi02{width:196px;}
#Header ul li.navi03{width:132px;}
#Header ul li.navi04{width:132px;}
#Header ul li.navi05{width:132px;}
#Header ul li.navi06{width:132px;}

/* a */
#Header ul li a{
	width:100%;
	display:block;
	position:relative;
	z-index:16;
}

/* new */
#Header ul li span.new{
	width:55px;
	height:27px;
	display:block;
	overflow:hidden;
	position:absolute;
	top:-7px;
	right:-5px;
	text-indent:-9999px;
	background:url("../images/navi_img_new.png") no-repeat 0 0;
}

/* span */
#Header ul li span.cara{
	width:100%;
	height:0;
	display:none;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	z-index:15;
}

/* active */
#Header ul li.active a img.active{margin-top:10px;}
#Header ul li.active a span.new{margin-top:10px;}
#Header ul li.active span.cara{display:block;height:121px;top:-51px;}
#Header ul.fixed li a img.active{margin-top:0;}
#Header ul.fixed li a span.new{margin-top:0;}
/* #Header ul.fixed li span.cara{display:none !important;} */
#Header ul.fixed li.active span.cara{display:block !important;top:-61px;}

/* none */
#Header ul li.none{background:url("../images/navi_off.png") no-repeat 0 0;}
#Header ul li.none a{display:none !important;}


/*-------------------------------------
bg
---------------------------------------*/
#Header div.bg{
	width:960px;
	height:94px;
	display:none;
	position:fixed;
	top:55px;
	left:50%;
	margin:0 0 0 -480px;
	background:url("../images/navi_bg.png") no-repeat 0 0;
	z-index:13;
}



/*-----------------------------------------------------
Content
-------------------------------------------------------*/
#Content{
	width:100%;
	position:relative;
	padding:244px 0 15px 0;
	background-repeat:no-repeat;
	background-position:50% 0;
	background-attachment:scroll;
	background-color:#0075B5;
	z-index:1;
}
#Content.fixed{
	background-attachment:fixed;
	background-position: 50% 0px;
}
body.load #Content{
	background-attachment:scroll;
	background-position:50% 200px;
	background-repeat:no-repeat;
	background-image:url("../images/loading.gif");
}



/*-------------------------------------
Main
---------------------------------------*/
#Main{
	width:100%;
}



/*-----------------------------------------------------
Common Footer
-------------------------------------------------------*/
#Common_Footer{
	width:100%;
	height:106px;
	min-width:960px;
	position:relative;
	margin:-15px 0 0 0;
	background:url("../images/footer_bg.png") repeat-x 50% 100%;
	z-index:2;
}
#Common_Footer div.inline{
	width:100%;
	min-width:960px;
	max-width:1280px;
	overflow:hidden;
	margin:0 auto 0 auto;
	padding:33px 0 0 0;
}

/* pagetop
---------------------*/
#Common_Footer p.pagetop{
	width:960px;
	position:absolute;
	top:-17px;
	left:50%;
	margin:0 0 0 -480px;
	text-align:right;
}

/* navi
---------------------*/
#Common_Footer ul.navi{
	width:100%;
	text-align:center;
	margin:0 0 30px 0;
}
#Common_Footer ul.navi li{
	display:inline;
	color:#FFFFFF;
	border-left:1px solid #FFFFFF;
}
#Common_Footer ul.navi li.navi_f01{border:none;}
#Common_Footer ul.navi li a{
	padding:0 8px 0 8px;
	line-height:1;
	color:#FFFFFF;
	text-decoration:none;
}
#Common_Footer ul.navi li a:hover{text-decoration:underline;}

/* address
---------------------*/
#Common_Footer address{
	float:left;
	display:inline;
	margin:0 0 0 10px;
}

/* logo
---------------------*/
#Common_Footer ul.logo{
	float:right;
	display:inline;
	overflow:hidden;
	margin:0 10px 0 0;
}
#Common_Footer ul.logo li{
	float:left;
	display:inline;
	padding:0 15px 0 15px;
	line-height:1;
	border-right:1px solid #FFFFFF;
}

#Common_Footer ul.logo li.last{padding:0 0 0 15px;border:0;}