@charset"shift_jis";

/* CSS Document */

.wrapper{
	display:none;
	}
.header {
	position: absolute;
}
.header.ready {
	opacity: 0;
}
.header.show {
	position: fixed;
	opacity: 0;
	-webkit-transition: opacity 500ms ease-in-out;
	transition: opacity 500ms ease-in-out;
}
.header.fadein {
	opacity: 1;
}
.header .headerin > *{
	display:none;
	}
.header.ready .headerin > *,
.header.show .headerin > * {
	display: block;
}
.header .headerin > #js-cc-member-embed-bar-wrapper {
	display: block;
	position: absolute;
	opacity: 1;
	top: 24px;
	left: 760px;
}
.header.show .headerin > #js-cc-member-embed-bar-wrapper {
	position: relative;
	top: auto;
	left: auto;
}
.header .cc-member-member-data--bar {
	margin-left: -25px;
}
.header.show .cc-member-member-data--bar {
	margin-left: 0px;
}

.indexheader{
	width:950px;
	margin:0 auto;
	padding-top:24px;
	text-align:left;
	padding-left:25px;
	padding-right:25px;
	position:relative;
	z-index:10;
	}

.indexheader .logo{
	float:left;
	padding-top:10px;
	width:121px;
	}
.indexheader .gnav{
	float:left;
	width:560px;
	padding-left:15px;
	}
.indexheader .gnav li{
	float:left;
	}
.indexheader .txt01{
	float:left;
	padding:23px 0 0 9px;
	}
.indexheader .btn01{
	float:left;
	padding:15px 0 0 10px;
	}
.indexheader .btn02{
	float:left;
	padding:15px 0 0 10px;
	}
.indexheader .user{
	float:left;
	width:131px;
	color:#fff;
	font-size:11px;
	text-align:right;
	line-height:140%;
	padding-top:7px;
	}
.indexheader .user span{
	background:url("/images/top/common/icon07.png") left center no-repeat;
	padding-left:17px;
	font-weight:bold;
	}
.indexheader .btn03{
	float:left;
	padding:15px 0 0 9px;
	}
.indexheader .btn04{
	float:left;
	padding:15px 0 0 10px;
	}

.mainvid{
	height:701px;
	margin-top:-84px;
	position:relative;
	z-index:9;
	}
.mainvid .mainvidlist li{
	height:630px;
	min-width:1000px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:500;
	}

.mainvid .mainvidlist li a{
	display:block;
	height:630px;
	min-width:1000px;
	width:100%;
	}
.mainvid .mainvidlist li a span{
	text-indent:-9999px;
	display:block;
	width:100%;
	height:630px;
	}
.mainvid .mainvidmaru{
	text-align:center;
	padding-top:660px;
	position:relative;
	z-index:11;
	min-width:1000px;
	}
.mainvid .mainvidmaru li{
	display:inline;
	padding:0 8px;
	}


.pickup{
	width:975px;
	margin:0 auto;
	text-align:left;
	padding:18px 0 15px 25px;
	}
.pickup .title{
	margin-bottom:39px;
	}
.pickup ul li{
	float:left;
	width:300px;
	padding-right:25px;
	padding-bottom:75px;
	position:relative;
	}
.pickup ul li a{
	display:block;
	color:#535353;
	}
.pickup ul li a:hover{
	text-decoration:none;
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	}
.pickup ul li a span{
	display:block;
	}
.pickup ul li a span.heading{
	font-weight:bold;
	font-size:14px;
	margin-top:13px;
	}
.pickup ul li a span.txt{
	font-size:12px;
	margin-top:2px;
	}
.pickup .new:after{
	content:url("/images/top/common/new.png");
	position:absolute;
	top:-14px;
	left:-13px;
	}
.pickup .badge01:after{
	content:url("/images/top/common/badge01.png");
	position:absolute;
	top:-14px;
	left:-9px;
	}
.pickup a:hover{
	text-decoration:none;
	}

.sns{
	background:#f7f7f7;
	}
.snsin{
	width:975px;
	margin:0 auto;
	padding:40px 0 40px 25px;
	text-align:left;
	}
.snsin ul{
	margin-top:24px;
	}
.snsin ul li{
	float:left;
	padding-right:22px;
	}
.snsin ul li a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	}

.trial{
	background:#032d4f;
	}
.trialin{
	width:1000px;
	margin:0 auto;
	padding:40px 0 40px 0;
	text-align:left;
	}
.trialin .titlebox h2{
	float:left;
	width:300px;
	padding-left:25px;
	}
.trialin .titlebox p{
	float:left;
	width:624px;
	padding:13px 0 0 25px;
	}
.trialin .triallist{
	width:963px;
	height:344px;
	overflow:hidden;
	margin-left:12px;
	position:relative;
	}
.trialin .triallistin{
	width:3852px;
	position:absolute;
	top:30px;
	left:13px;
	}





.trialin .triallist ul{
	width:963px;
	float:left;
	}
.trialin .triallist li{
	float:left;
	padding:4px 4px 0 0;
	position:relative;
	}
.trialin .triallist li.new:after{
	content:url("/images/top/common/new.png");
	position:absolute;
	top:-13px;
	left:-13px;
	}
.trialin .triallist li img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	}
.trialin .triallist li a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	}
.trialin .triallist li.topbtn img{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	}
.trialin .trialmaru{
	text-align:center;
	margin-top:12px;
	}
.trialin .trialmaru li{
	display:inline;
	padding:0 8px;
	}

.products{
	width:950px;
	text-align:left;
	margin:0 auto;
	padding:60px 25px 60px 25px;
	}
.products ul{
	margin-top:18px;
	}
.products ul li{
	float:left;
	border-right:1px solid #e0e0e0;
	padding:0 2px 0 0;
	position:relative;
	margin-top:20px;
	}
.products ul li.new:after{
	content:url("/images/top/common/new.png");
	position:absolute;
	top:-13px;
	left:-13px;
	}
.products ul li a:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	}


.modalbg{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#0d3776;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	z-index:2000;
	display:none;
	}

.modal{
	position:fixed;
	top:0;
	left:0;
	z-index:2001;
	width:700px;
	text-align:center;
	display:none;
	}


.openinganime{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:#012d4d url("/images/top/index/openanime/bg02.png") bottom center repeat-x;
	z-index:3000;
	display:none;
	}
.openinganime .openinganimetxt01{
	margin-top:207px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	}
.openinganime .openinganimetxt02{
	margin-top:56px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	}

/* shimiwatari modal */
.modalbg2{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000;
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	z-index:2002;
	display:none;
	}

.shimiwataru_modal{
	position:absolute;
	top:34px;
	left:0;
	z-index:2003;
	text-align:center;
	display:none;
	}
.shimiwataru_modalin{
	width:730px;
	background:#004ea2;
	padding-bottom:35px;
	position:relative;
	}
.shimiwataru_modalin .txt01{
	background:#fff;
	padding:4px 0;
	}
.shimiwataru_modalin a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	}
.shimiwataru_modalin .btn02{
	position:absolute;
	top:0px;
	left:740px;
	}


/* mitshuboshi modal */
.mitsuboshimodalbg{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:#000;
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	z-index:2002;
	display:none;
	}
.mitsuboshimodal{
	position:absolute;
	top:0px;
	left:0px;
	z-index:2003;
	display:none;
	}
.mitsuboshimodalclosebtn{
	position:absolute;
	top:0px;
	left:740px;
	}


/* weekly georgia */
.weeklygeorgia{
	background:#3c5f6f url("/images/top/index/weeklygeorgia/bg01.jpg") top center no-repeat;
	height:479px;
	}
.weeklygeorgiain{
	width:1000px;
	margin:0 auto;
	position:relative;
	}
.weeklygeorgiain .txt01{
	position:absolute;
	top:-61px;
	left:16px;
	}
.weeklygeorgiain .txt02{
	position:absolute;
	top:65px;
	left:23px;
	}
.weeklygeorgiain .txt03{
	position:absolute;
	top:207px;
	left:26px;
	}
.weeklygeorgiain .txt04{
	position:absolute;
	top:326px;
	left:96px;
	}
.weeklygeorgiain .txt05{
	position:absolute;
	top:72px;
	/*top:10px;*/
	left:500px;
	}

/********** clear-fix  ***********/
.products ul:after,
.trialin .triallistin:after,
.trialin .titlebox:after,
.snsin ul:after,
.pickup ul:after,
.indexheader .gnav:after,
.indexheader:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	}
.products ul,
.trialin .triallistin,
.trialin .titlebox,
.snsin ul,
.pickup ul,
.indexheader .gnav,
.indexheader{
	zoom: 1;
	}