@charset "utf-8";

/* -------------------------------------------- */
/*html>body #hack {
color:#ff0000;
}
*/

* { font-size:100%; margin:0; }

html{height:100%;}

body{
	behavior:url("csshover.htc");
	color:#333333;
    font-size:12px;
	line-height:1.6;
	margin:0;
	height:100%;
	background-repeat:repeat-x;
	background-image: url(image/back.jpg);
	background-color:#ffffff;
	background-position:center top;
	background-attachment:scroll;
	position:relative;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	overflow-x:hidden;
	}

body#toppage {
	background-image:url(image/htmlback.jpg);
	background-repeat:no-repeat;
}

h1{
	font-size:11px;
	color:#fff;
	font-weight:lighter;
	height:23px;
	padding-top:10px;
	}

a:link {color:#139DD9;text-decoration:none;}
a:visited {color:#139DD9;text-decoration:none;}
a:hover {color:#0F5C9B;text-decoration:none;}

img{border:0;}

.outline_none {
	outline:0;
}


/*CSS基本セット==============================================*/

/*メインウィンドウを中央配置に。IE6バグ回避対策*/

.window_size {
	width:100%;
	height:auto;
	background-image:url(image/back_girl.png);
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:bottom center;
}

#toppage .window_size {
	background-image:none;
	height:800px;
}

div.conteinar_window {
	width:920px;
	height:800px;
	text-align:center;
}

div.conteinar_box{
 margin-left: auto;
 margin-right: auto;
 text-align: left;
}


div.main_window_top {
	width:745px;
	text-align:center;
	height:100%;
}

div.main_window_top_box{
 text-align: left;
 margin-left:60px;
 height:100%;
}

div.hed_window {
	width:920px;
	text-align:center;
	clear:both;
	overflow:auto;  /*これ重要！Safari対策　height100%は、ここでは不要。*/
	height:100%;
}

div.hed_box{
 text-align: left;
  margin-left: auto;
 margin-right: auto;
 height:100%;
}

#toppage .hed_window {
	padding-top:74px;
}

#toppage .hed_box{
 text-align: left;
  margin-left: auto;
 margin-right: auto;
 height:800px;
 position:relative;
 overflow:hidden;
}

#toppage .toplogo {
	background-image:url(image/toplogo.png);
	width:415px;
	height:291px;
	position:absolute;
	top:33px;
	left:270px;
}

#toppage .backgirl {
	background-image:url(image/girl.png);
	width:415px;
	height:585px;
	position:absolute;
	top:250px;
	right:0;
}

#toppage .backgrow {
	background-image:url(image/backgrow.png);
	width:280px;
	height:752px;
	display:block;
	position:absolute;
	bottom:-50px;
	left:-50px;
	z-index:0;
}

#toppage .infobox {
	background-image:url(image/infobox.png);
	width:528px;
	height:192px;
	position:absolute;
	top:340px;
	left:59px;
	padding-top:150px;
	padding-left:36px;
}

#toppage .infobox .infobox-frame p {
	margin-bottom:10px;
}

#toppage .infobox .infobox-frame {
	overflow:scroll;
	height:140px;
}

/*==フッダーレイアウト===================================*/


div.hud_box {
	margin-left:378px;
	clear:both;
}


.hud_image_box {
	margin-top:15px;
}

.hud_image {
	margin-right:10px;
}

/*フッダー１００％　IE6バグ回避対策*/
div.hud_window {
	clear:both;
	margin:0;
	padding:0;
	width:100%;
	height:126px;
	background-image:url(image/down/back.png);
	background-repeat:repeat-x;
	background-position:center;
}

.hud_botton {
	margin-left: auto;
 	margin-right: auto;
	text-align:right;	
	width:760px;
}
 
div.hud_window_text {
	margin-left: auto;
 	margin-right: auto;
	padding-top:68px;
	padding-left:65px;
	text-align:left;	
	color:#756767;
	width:855px;
	font-size:11px;
}

div.hud_window_text a {
	color:#ff7f7f;
}

div.hud_window_text a:hover {
	color:#ffec82;
}

.hud_font {
	font-size:16px;
	font-weight:bold;
}

.hud_left {
	float:left;
	margin-right:40px;
}

.hud_right {
	float:left;
}

#toppage #footer {
	position:absolute;
	top:750px;
}

/*CSS基本セット　ここまで==============================================*/

.logo_box {
	width:307px;
	margin-top:40px;
	margin-left:60px;
}

#toppage .logo_box {
	display:none;
}

.logo_underline {
	clear:both;
	width:743px;
	margin-left:60px;
}

.top_comment {
	position:absolute;
	top:675px;
	left:20px;
}

.left_window {
	float:left;
	width:179px;
	height:100%;
	position:relative;
}
	

.right_window_hed {
	float:right;
	width:550px;
	margin-top:2px;
}

.right_window {
	float:right;
	width:550px;
	background-image:url(image/contents/contents_r.png);
	background-repeat:repeat-y;
}

.right_window_hud {
	float:right;
	width:550px;
}

.right_window_box {
	width:486px;
	 text-align: left;
  margin-left: auto;
 margin-right: auto;
}

.main_window_hud {
	clear:both;
		 text-align: left;
  margin-left: auto;
 margin-right: auto;
 width:800px;
}


/*サブページナビゲーションロールオーバー==============================================*/

.navi1 a{
	background-image:url(image/navi/menu01.png);
	display:block;
	width:179px;
	height:73px;
	float:left;
}

.navi1 a:hover {
	background-image:url(image/navi/menu01a.png);
	cursor:pointer;
}

.navi2 a{
	background-image:url(image/navi/menu02.png);
	display:block;
	width:179px;
	height:74px;
	float:left;
}

.navi2 a:hover {
	background-image:url(image/navi/menu02a.png);
	cursor:pointer;
}


.navi2on a{
	background-image:url(image/navi/menu02on.png);
	display:block;
	width:179px;
	height:74px;
	float:left;
}

.navi2on a:hover {
	background-image:url(image/navi/menu02on_a.png);
	cursor:pointer;
}


.navi3 a{
	background-image:url(image/navi/menu03.png);
	display:block;
	width:179px;
	height:73px;
	float:left;
}

.navi3 a:hover {
	background-image:url(image/navi/menu03a.png);
	cursor:pointer;
}


.navi3on a{
	background-image:url(image/navi/menu03on.png);
	display:block;
	width:179px;
	height:73px;
	float:left;
}

.navi3on a:hover {
	background-image:url(image/navi/menu03on_a.png);
	cursor:pointer;
}