@charset "utf-8";

/*--------------------
*reset
--------------------*/

html, body{
	height:100%;
	font-family:Hiragino Sans,"ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo", "メイリオ", Verdana,"ＭＳ Ｐゴシック",sans-serif;
	color:#444;
	background-color:#000;
}

*{
	margin:0px;
	padding:0px;
	border:0px;
}

a{
	text-decoration:none;
	color:#444;
}
img{
	display:block;
}
ul{
	list-style:none;
}

/*--------------------
*common
--------------------*/

.btn{
	cursor:pointer;
}
.btn:hover{
	opacity:0.7;
	filter:alpha(opacity=70)\9;
	-ms-filter:"alpha(opacity=70)"\9;
}

/*--------------------
*structure
--------------------*/

#wrapper{
	position:absolute;
	overflow-x:hidden;
	overflow-y:scroll;
	top:70px;
	bottom:40px;
	width:100%;
	min-width:1100px;
}

#background{
	position:absolute;
	width:100%;
	height:100%;
}
#contents{
	position:relative;
	height:100%;
}
#modal{
	position:fixed;
	top:70px;
	bottom:40px;
	left:0;
	right:0;
	background:#000;
}

#header{
	position:absolute;
	top:0;
	width:100%;
	min-width:1100px;
	height:69px;
	background-color:#fff;
	border-bottom:1px solid #ccc;
}
#footer{
	position:absolute;
	bottom:0;
	width:100%;
	min-width:1100px;
	height:39px;
	background-color:#fff;
	border-top:1px solid #ccc;
}

#indicator{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background-color:#000;
}

/*--------------------
*z-index
--------------------*/

#header{
	z-index:4;
}
#wrapper > .btn{
	z-index:2;
}
#modal{
	z-index:3;
}

/*--------------------
#wrapper
--------------------*/

#background > img{
	position:absolute;
	left:-50%;
	right:-50%;
	height:100%;
	margin:0 auto;
}

#breadcrumb{
	position:absolute;
	top:60px;
	left:190px;
	right:32px;
	height:12px;
	margin-top:26px;
	font-size:11px;
	line-height:12px;
}
#breadcrumb *{
	display:inline;
	color:#fff;
}
#breadcrumb li{
	height:12px;
}
#breadcrumb li+li:before{
	content:"＞";
	margin:0 0.35em;
}
#breadcrumb a{
	text-decoration:underline;
}
#breadcrumb a:hover{
	color:#c71444;
}

#wrapper > .btn.home{
	position:absolute;
	top:60px;
	left:20px;
	border:1px solid #666;
}
#wrapper > .btn.r35{
	position:absolute;
	top:12px;
	right:32px;
	border:1px solid #666;
}
#wrapper > .btn.back{
	position:absolute;
	top:50%;
	left:40px;
	margin-top:40px;
}

/*--------------------
#header
--------------------*/

#header > *{
	position:absolute;
}
#header > h1{
	left:20px;
}
#header > h2{
	right:20px;
	top:25px;
}
#header > h1 img{/*200708*/
	height:70px;
}

/*--------------------
#footer
--------------------*/

#footer{
	font-size:10px;
	line-height:10px;
	text-align:right;
}

#footer ul{
	position:relative;
	margin:14px 20px 0;
}
#footer li{
	display:inline-block;
}
#footer li a{
	color:#666;
}
#footer li a:hover{
	color:#c71444;
}

#footer li+li+li:before{
	content:"｜";
	display:inline-block;
	padding:0 0.5em;
}
#footer li:first-child{
	position:absolute;
	left:0;
}
#footer li:first-child a{
	color:#c71444;
}

/*--------------------
init
--------------------*/

body.init{
	visibility:hidden;
}

/*--------------------
#tablet (tablet hover fix)
--------------------*/

#tablet .btn:hover{
	opacity:1.0;
}
#tablet #breadcrumb a:hover{
	color:#fff;
}
#tablet #footer li a:hover{
	color:#666;
}