@charset "UTF-8";

/*-------------------------------------------------------------------
 *
 * File Name   :base.css
 *
-------------------------------------------------------------------*/

body{
	zoom:1;
}
/* =================================================================

	clearfix

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

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

	html

================================================================= */
html{
	overflow-y:scroll;
}
.sp,
img{
	display:none;
}

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

	body

================================================================= */
body{
	width:100%;
	min-width:960px;
	background-color:#fff;
	color:#222222;
	line-height:1.4;
	font-size:12px;
	text-align:center;
}
#wrapper{
	background:#00081b url(../img/cmn_bg.jpg) center top no-repeat;
}

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

	hyperlink

================================================================= */
a:link,
a:visited{
	color:#222222;
	text-decoration:none;
}
a:hover,
a:active{
	color:#222222;
	text-decoration:underline;
}

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

	header

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

div#header{
	width:100%;
}

div#header .lineBox{ background:#008738; height:14px; border-bottom:2px solid #FFF; }
div#header .lineBox .line1{ background:#004ea1; height:7px; }

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

	globalNavi

================================================================= */
div#globalNavi{
	width:100%;
}
div#globalNavi div#logo{
	background-color:#009f4d;
	width:100%;
	margin-bottom:6px;
}
div#globalNavi div#logo ul{
	width:960px;
	height:41px;
	margin:0 auto;
}
div#globalNavi div#logo ul li.logo01{
	float:left;
}
div#globalNavi div#logo ul li.logo02{
	float:right;
}
div#globalNavi div#logo ul li a{
	display:block;
	width:101px;
	height:41px;
}
div#globalNavi div#logo ul li.logo01 a{
	background:url(../img/cmn_logo.gif) no-repeat left top;
}
div#globalNavi div#logo ul li.logo02 a{
	background:url(../img/cmn_logo02.gif) no-repeat left top;
}
div#globalNavi ul.gnav_pc{
	background:url(../img/cmn_gnavi_bg.png) left top repeat;
	width:100%;
	font-size:0;
	text-align:center;
}
div#globalNavi ul.gnav_pc li{
	display:inline-block;
	width:240px;
	height:56px;
	font-size:12px;
}
div#globalNavi ul.gnav_pc > li > a,
div#globalNavi ul.gnav_pc > li > span{
	background:url(../img/cmn_gnavi.png) no-repeat left top;
	display:block;
	width:241px;
	height:56px;
}
div#globalNavi ul li.gnavi02 a{
	background-position:-240px 0;
}
div#globalNavi ul li.gnavi03 a{
	background-position:-480px 0;
}
div#globalNavi ul li.gnavi04 a{
	background:#ffe828 url(../img/cmn_gnavi.png) no-repeat right 0;
}
div#globalNavi ul li.gnavi04{
	background:url(../img/cmn_gnavi.png) no-repeat right 0;
}
div#globalNavi ul li.gnavi04 span{
	background:url(../img/cmn_gnavi.png) no-repeat right 0;
}

#lineup div#globalNavi ul li.gnavi01 > a,
div#globalNavi ul li.gnavi01 > a:hover,
div#globalNavi ul.gnav_pc > li.gnavi01:hover > a{
	background-color:#009f4d;
	background-position:left bottom;
}
#howto div#globalNavi ul li.gnavi02 a,
div#globalNavi ul li.gnavi02 a:hover,
div#globalNavi ul.gnav_pc > li.gnavi02:hover > a{
	background-color:#009f4d;
	background-position:-240px bottom;
}
#cm div#globalNavi ul li.gnavi03 a,
div#globalNavi ul li.gnavi03 a:hover,
div#globalNavi ul.gnav_pc > li.gnavi03:hover > a{
	background-color:#009f4d;
	background-position:-480px bottom;
}
#cp div#globalNavi ul li.gnavi04 a,
div#globalNavi ul.gnav_pc > li.gnavi04:hover > a{
	background-position:right 0;
}

div#globalNavi ul.gnav_pc li ul{
	width:241px;
	position:absolute;
	z-index:1001;
	background:url(../img/cmn_gnavi_bg.png) left top repeat;
	display:none;
}
div#globalNavi ul.gnav_pc li ul li{
	width:241px;
	height:28px;
}

div#globalNavi ul.gnav_pc li ul li a{
	height:28px;
	display:block;
	background:url(../img/cmn_gnavi_inner01.png) no-repeat left top;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}
div#globalNavi ul.gnav_pc li ul li.gnavi01_2 a{
	background-position:0 -28px;
}
div#globalNavi ul.gnav_pc li ul li.gnavi01_3 a{
	background-position:0 -56px;
}
div#globalNavi ul.gnav_pc li ul li.gnavi01_4 a{
	background-position:0 -84px;
}
div#globalNavi ul.gnav_pc li ul li.gnavi01_5 a{
	background-position:0 -112px;
}
div#globalNavi ul.gnav_pc li ul li.gnavi01_6 a{
	background-position:0 -140px;
}
div#globalNavi ul.gnav_pc li ul li.gnavi01_7 a{
	background-position:0 -168px;
}
div#globalNavi ul.gnav_pc li ul li.gnavi01_8 a{
	background-position:0 -196px;
}
div#globalNavi ul.gnav_pc li ul li.gnavi01_9 a{
	background-position:0 -224px;
}
div#globalNavi ul.gnav_pc li ul li.gnavi01_1 a:hover{
	background-color:#009f4d;
	background-position:-241px 0;
}
div#globalNavi ul.gnav_pc li ul li.gnavi01_2 a:hover{
	background-color:#009f4d;
	background-position:-241px -28px;
}
div#globalNavi ul.gnav_pc li ul li.gnavi01_3 a:hover{
	background-color:#009f4d;
	background-position:-241px -56px;
}
div#globalNavi ul.gnav_pc li ul li.gnavi01_4 a:hover{
	background-color:#009f4d;
	background-position:-241px -84px;
}
div#globalNavi ul.gnav_pc li ul li.gnavi01_5 a:hover{
	background-color:#009f4d;
	background-position:-241px -112px;
}
div#globalNavi ul.gnav_pc li ul li.gnavi01_6 a:hover{
	background-color:#009f4d;
	background-position:-241px -140px;
}
div#globalNavi ul.gnav_pc li ul li.gnavi01_7 a:hover{
	background-color:#009f4d;
	background-position:-241px -168px;
}
div#globalNavi ul.gnav_pc li ul li.gnavi01_8 a:hover{
	background-color:#009f4d;
	background-position:-241px -196px;
}
div#globalNavi ul.gnav_pc li ul li.gnavi01_9 a:hover{
	background-color:#009f4d;
	background-position:-241px -224px;
}

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

	contents

================================================================= */
#contents{
	position:relative;
	color:#fff;
	width:100%;
	padding-top:10px;
	text-align:left;
}
#contents img{
	display:block;
}
#contents .contentsInner{
	position:relative;
	width:960px;
	margin:0 auto 1em;
	z-index:99;
}

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

	bread

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

ul.bread{
	width:960px;
	margin:0 auto;
	text-align:left;
}
ul.bread li{
	display:inline-block;
}
ul.bread li:after{
	content:" ＞";
}
ul.bread li.current:after{
	content:none;
}
ul.bread li a{
	color:#fff;
	text-decoration:underline;
}

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

	main contents

================================================================= */
div.detail,
div.lineupArea,
.index div.lineupArea{
	color:#222;
	background:transparent url(../img/detail_bg.png) left top repeat;
}

div.detail,
div.lineupArea{
	padding:55px 45px;
}

.index div.lineupArea{
	padding:30px 20px 55px;
}

div.detail:not(:target),
div.lineupArea:not(:target){
	color:#222;
	background-color:rgba(255,255,255,0.8);
	background-image:none;
	box-shadow:rgba(255, 249, 185, 0.65) 0px 0px 8px 3px;
	-webkit-box-shadow:rgba(255, 249, 185, 0.65) 0px 0px 8px 3px;
	-moz-box-shadow:rgba(255, 249, 185, 0.65) 0px 0px 8px 3px;
	border-radius:5px;
}
.index div.lineupArea:not(:target){
	background:-moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,1.0)); /* Firefox?p */
	background:-o-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,1.0)); /* Opera */
	background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.8)),to(rgba(255,255,255,1.0))); /* Safari,Google Chrome?p */
	background:linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,1.0));
}


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

	bottom

================================================================= */
p.pagetop{
	width:960px;
	margin:0 auto 2em;
	text-align:right;
}
p.pagetop a{
	color:#fff;
}

p.ex{
	position:relative;
	width:880px;
	margin:0 auto;
	text-indent:-73px;
	padding-left:73px;
	font-size:11px;
	z-index:999;
}

div#linkArea{
	position:relative;
	background:url(../img/cmn_bg02.png) left top repeat;
	padding:15px 0;
	margin-top:1em;
	z-index:99;
}
div#linkArea .contentsInner{
	margin-bottom:0;
}
div#linkArea ul.bnrList{
	float:left;
}
div#linkArea ul.bnrList li{
	float:left;
	margin-right:15px;
	width:225px;
}
div#linkArea ul.bnrList li.first{
	width:251px;
}
div#linkArea ul.bnrList li.infoBnr{
	width:250px;
}
div#linkArea ul.bnrList li.qrCode{
	width:115px;
	margin-right:0;
}

div#linkArea ul.bnrList li.hImg{
	position:relative;
}
div#linkArea ul.bnrList li.hImg a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1001;
}
div#linkArea p.share_f{
	float:right;
	margin-right:5px;
	margin-top:11px;
}
div#linkArea ul.share{
	float:right;
	margin-top:11px;
}
div#linkArea ul.share li{
	display:block;
	overflow:hidden;
	width:70px;
	height:20px;
}
div#linkArea ul.share li.tw{
	margin-bottom:4px;
}

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

	footer

================================================================= */
#footer{
	padding-top:1em;
	/*border-top:2px solid #008738;*/
	background-color:#009f4d;
}
#footer ul{
	display:inline-block;
	width:960px;
	margin:0 auto;
	text-align:left;
}

#footer ul li{
	margin-right:40px;
	line-height:23px;
	float:left;
}
#footer ul li a{
	display:inline-block;
}
#footer ul li.arrow:before{
	content:"＞";
}
#footer ul li.arrow,
#footer ul li.arrow a{
	color:#fff;
}
#footer div.copyright{
	position:relative;
	color:#fff;
	/*background-color:#009f4d;*/
	margin-top:10px;
	padding:10px 0;
}
#footer p.logoCi{
	position:absolute;
	left:50%;
	bottom:13px;
	margin-left:385px;
}
#footer p.logoCi a{
	display:block;
	background:url(../img/cmn_logo_ci.gif) no-repeat left top;
	width:91px;
	height:13px;
}

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

	Click Save Image Guard

================================================================= */
.hideImage{
	position:relative;
	display:block;
}
.hideImage:after{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	background-color:transparent;
	content:'';
	z-index:1000;
}

img.hImg{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1000;
}

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

	spNon

================================================================= */
#pcNon{ display:none; }

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

	end

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