@charset "utf-8";

/* reset */
*{
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6{
	font-size:100%;
}
caption, th{
	text-align:left;
}
q:before, q:after{
	content:'';
}
img, abbr, acronym, fieldset{
	border:0;
	vertical-align:bottom;
}
li{
	list-style-type:none;
}
em{
	font-style:normal;
	font-weight:normal;
}
strong{
	font-weight:normal;
}

a{
	overflow:hidden;
	color:#4473ae;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
a:focus{
	outline:none;
}

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

	style info :個別ページのスタイルを記述

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

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

/* layout */
html, body{height:100%;}

img.over{
	outline:none;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
a:hover img.over{
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
}
a:hover img.over.opa0{
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
}


body{
	margin:0;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-size:12px;
	line-height:1.6;
	text-align:center;
	color:#666;
	background:url(../images/bg.png) center top / cover no-repeat fixed;
}

#wrap{
	width:100%;
	height:100%;
	position:relative;
}

header{
	width:100%;
	min-width:1000px;
	height:57px;
	position:fixed;
	left:0;
	top:0;
	background:url(../images/bg_head.png) left top repeat-x;
	z-index:100;
}

#head_inner{
	padding:0 12px 0 21px;
	text-align:left;
}

#head_inner .logo_santen_head{
	float:left;
	width:65px;
	padding:20px 0 0 0;
}

#head_inner h1{
	float:left;
	width:190px;
	padding:7px 0 0 0;
}

.head_right{
	float:right;
	width:475px;
}

.navi_block{
	float:left;
	width:386px;
}

.navi_uList li{
	float:left;
	padding:21px 44px 0 0;
	font-size:0;
	line-height:0;
}
.navi_uList li:last-child{padding-right:0;}
.navi_uList li.navi01{background:url(../images/navi_movie_o.png) 0 21px no-repeat;}
.navi_uList li.navi02{background:url(../images/navi_character_o.png) 0 21px no-repeat;}
.navi_uList li.navi03{background:url(../images/navi_music_o.png) 0 21px no-repeat;}

.sns_block{
	float:left;
	width:85px;
}

.sns_uList li{
	float:left;
	padding:12px 5px 0 0;
}
.sns_uList li:last-child{padding-right:0;}
.sns_uList li.facebook{background:url(../images/btn_facebook_o.png) 0 12px no-repeat;}
.sns_uList li.twitter{background:url(../images/btn_twitter_o.png) 0 12px no-repeat;}

#pagetop{
	position:fixed;
	bottom:92px;
	right:13px;
	z-index:11;
}

footer{
	width:100%;
	min-width:1000px;
	position:fixed;
	left:0;
	bottom:0;
	background:#000;
	z-index:15;
}

#foot_inner{padding:0 20px;}

.foot_left{
	float:left;
	width:281px;
}

.logo_santen{
	float:left;
	width:114px;
	padding:18px 0;
}

.link_santen{
	float:left;
	width:167px;
	padding:25px 0 0 0;
}

.foot_right{
	float:right;
	width:679px;
	padding:30px 0 0 0;
	text-align:right;
}

.link_kiyaku{
	display:inline-block;
	padding-right:30px;
}
.link_kiyaku a{
	color:#a9a9a9;
	text-decoration:none;
}
.link_kiyaku a:hover{text-decoration:underline;}

.copyright{
	display:inline-block;
	color:#a9a9a9;
}


/* --------------------------------
	loading
-------------------------------- */

#loading{
	position:fixed;
	z-index:999;
	height:100%;
	width:100%;
	left:0;
	top:0;
	background:url(../images/bg.png) center top / cover no-repeat fixed;
	overflow:hidden;
}

#loading .loadbox{
	position:absolute;
	left:50%;
	top:428px;
	margin-left:-33px;
	overflow:hidden;
}


/* clearfix */
.clearfix:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}