@charset "Shift_JIS";

/* ヘッダエリア
-----------------------------------------------------------------------
----------------------------------------------------------------------- */

/* グローバルナビ スマホ開閉メニュー
------------------------------------*/
#MenuBox{
	display:none;
	}
.gNavOpen{
	display:none;
	}
@media screen and (max-width: 640px)  {
.gNavOpen {
	display:block;
	width:50px;
	height:44px;
	margin:8px 8px 0px 0px;
	padding:4px 0px 0px 0px;
	float:right;
	position:fixed;
	z-index:1900;
	right: 0;
	background:#0067AF;
	background-color:none;
	color:#FFF;
	border-radius:4px;
	cursor: pointer;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	box-sizing:border-box;
	}
	.gNavOpen .line{
		margin-top:6px;
		display:block;
		width:34px;
		height:2px;
		background-color:#FFFFFF;
		position:absolute;
		left:8px;
	}
	.gNavOpen .line01{
		top:17px;
		transition:transform 0.3s;
	}
	.gNavOpen .line02{
		top:23px;
	}
	.gNavOpen .line03{
		top:29px;
		transition:transform 0.3s;
	}
	
	/* キーclose */
	.gNavOpen.active .line{
		width:24px;
		left:13px;
		transform:rotate(45deg);
	}
	.gNavOpen.active .line01{
		top:23px;
		transform:rotate(45deg);
	}
	.gNavOpen.active .line02{
		opacity:0;
	}
	.gNavOpen.active .line03{
		top:23px;
		transform:rotate(135deg);
	}

#MenuBox{
	position:fixed;
	z-index:1899;	
	display:block;
	margin:0px auto 0 auto;
	width:100%; 
	text-align:center;
	clear:both;
	}
#MenuBox #headLogoArea {
	position:fixed;
	width:230px;
	height:auto;
	}
#MenuBox .MenuBoxIn {
	position:fixed;	
	width: 100%;
	background:#FFFFFF;
	padding:0 0 6px 0;	
	box-shadow:0px 6px 4px 0px #cccccc;	
	}

.LoginDrawer{
	position:absolute;
	z-index:2;
	opacity:0;
	box-shadow: 0 2% 2% rgba(0,0,0,0.2);
	-webkit-transform:translate(0, -450px);
	transform:translate(0px, -450px);
	-webkit-transition:opacity 1s,-webkit-transform 0.6s/*,box-shadow 1s*/;
	transition:opacity 1s,transform 0.6s/*,box-shadow 1s*/;
	}
.LoginDrawer.active{
	opacity:1;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	}
.LoginDrawer.activeC{
	opacity:1;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	}
#MenuBox .gNavClose {
	padding:2% 0;
	background:url(../images/gn_close.png) no-repeat 37% 50%;
	background-size:6%;
	width:100%; 
	}
#MenuBox .gNavClose a {
	font-size:120%;
	font-weight:bold;
	color:#00C2ED;
	text-decoration:none;
	}


/* コンテンツ------------------------------------------------------------------------------------------------------------------------------------ */
#contents_baseBk {
	margin:0px;
	width:100%; 
	padding-bottom:10px;
	}

/*見出し類
------------------------------------------------------------------------------------------------------------------------------------------------------- */
.contents_title {
	width:auto;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	background:url(../images/bg_header02_local.png) repeat-x left top;
	background-size:940px;
	margin:0px;
	padding:65px 0px 12px 1%;
	line-height:120%;
	position:relative;
	box-sizing:border-box;
	text-shadow: 1px 1px 2px #00C3EA;
	}
.contents_title span.arrow {
	margin:0px;
	padding:6px 0px 6px 10px;
	}	

.contents_title span.sp_btn_newsList {
	margin:0px;
	padding:0px;
	position:absolute;
	top:6px;
	right:7px;
	}
.contents_title span.sp_btn_newsList img {
	width:88px;
	margin:0px;
	padding:0px;
	}


/*ナビゲーション_ボタンタイプ-----------------------------------------------------------------------------------------------------------------------------------*/

.gnav_box {
	margin:0px auto 0px auto;
	padding:6px 0px 6px 0px;
	text-align:center;
	clear:both;
	background:#DEF1F7;
}

.gnavTitle {
	margin:0px 6px 0px 6px;
	font-size:15px;
	font-weight:bold;
	line-height:28px;
	height:28px;
	text-align:left;
	padding:0px;
	text-indent: 0.3em;
	color:#00C1EB;
	}
.gnav_box ul {
	margin:6px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:auto;
	text-align:center;
	}
.gnav_box ul li {
	width:29.5%;
	height:96px;
	font-size:15px;
	line-height:110%;
	list-style:none;
	vertical-align:middle;
	margin:0px 0px 8px 0px;
	display:inline-block;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
	border-radius:4px;
	border:2px solid #00C8F2;
}
.gnav_box ul li a {
	letter-spacing: -0.01em;
	display:inline-block;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
	width:100%;
	height:100%;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
	vertical-align:middle;
}
.gnav_box ul li a span {
	display: block;
}
#gnav_present {
	background: url(../images/sp_btn_present.png) no-repeat center center, #29e0f7; /* Old browsers */
	background: url(../images/sp_btn_present.png) no-repeat center center, -moz-linear-gradient(top,  #29e0f7 0%, #29e0f7 11%, #29e0f7 11%, #00d2f4 43%); /* FF3.6-15 */
	background: url(../images/sp_btn_present.png) no-repeat center center, -webkit-linear-gradient(top,  #29e0f7 0%,#29e0f7 11%,#29e0f7 11%,#00d2f4 43%); /* Chrome10-25,Safari5.1-6 */
	background: url(../images/sp_btn_present.png) no-repeat center center, linear-gradient(to bottom,  #29e0f7 0%,#29e0f7 11%,#29e0f7 11%,#00d2f4 43%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29e0f7', endColorstr='#00d2f4',GradientType=0 ); /* IE6-9 */ ;
	background-size:contain;
	}
#gnav_shop {
	background: url(../images/sp_btn_shop.png) no-repeat center center, #29e0f7; /* Old browsers */
	background: url(../images/sp_btn_shop.png) no-repeat center center, -moz-linear-gradient(top,  #29e0f7 0%, #29e0f7 11%, #29e0f7 11%, #00d2f4 43%); /* FF3.6-15 */
	background: url(../images/sp_btn_shop.png) no-repeat center center, -webkit-linear-gradient(top,  #29e0f7 0%,#29e0f7 11%,#29e0f7 11%,#00d2f4 43%); /* Chrome10-25,Safari5.1-6 */
	background: url(../images/sp_btn_shop.png) no-repeat center center, linear-gradient(to bottom,  #29e0f7 0%,#29e0f7 11%,#29e0f7 11%,#00d2f4 43%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29e0f7', endColorstr='#00d2f4',GradientType=0 ); /* IE6-9 */ ;
	background-size:contain;
	}
#gnav_member {
	background: url(../images/sp_btn_member.png) no-repeat center center, #29e0f7; /* Old browsers */
	background: url(../images/sp_btn_member.png) no-repeat center center, -moz-linear-gradient(top,  #29e0f7 0%, #29e0f7 11%, #29e0f7 11%, #00d2f4 43%); /* FF3.6-15 */
	background: url(../images/sp_btn_member.png) no-repeat center center, -webkit-linear-gradient(top,  #29e0f7 0%,#29e0f7 11%,#29e0f7 11%,#00d2f4 43%); /* Chrome10-25,Safari5.1-6 */
	background: url(../images/sp_btn_member.png) no-repeat center center, linear-gradient(to bottom,  #29e0f7 0%,#29e0f7 11%,#29e0f7 11%,#00d2f4 43%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29e0f7', endColorstr='#00d2f4',GradientType=0 ); /* IE6-9 */ ;
	background-size:contain;
	}
#gnav_land {
	background: url(../images/sp_btn_land.png) no-repeat center center, #29e0f7; /* Old browsers */
	background: url(../images/sp_btn_land.png) no-repeat center center, -moz-linear-gradient(top,  #29e0f7 0%, #29e0f7 11%, #29e0f7 11%, #00d2f4 43%); /* FF3.6-15 */
	background: url(../images/sp_btn_land.png) no-repeat center center, -webkit-linear-gradient(top,  #29e0f7 0%,#29e0f7 11%,#29e0f7 11%,#00d2f4 43%); /* Chrome10-25,Safari5.1-6 */
	background: url(../images/sp_btn_land.png) no-repeat center center, linear-gradient(to bottom,  #29e0f7 0%,#29e0f7 11%,#29e0f7 11%,#00d2f4 43%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29e0f7', endColorstr='#00d2f4',GradientType=0 ); /* IE6-9 */ ;
	background-size:contain;
	}

#gnav_present p, #gnav_shop p, #gnav_member p, #gnav_land p {
	color:#FFFFFF;
	margin-top:59px;
	font-weight:bold;
	line-height:120%;
	}
#gnav_land p {
	letter-spacing: -0.15em;
	}


/*サブナビゲーション（ボタンタイプ）--------------------------------------------------------------------------------------------------------------*/
.subnav_box {
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 4px 0px;
	text-align:center;
	clear:both;
	background:#FFFFFF;
	}
.subnav_box ul {
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	/*text-align:left;*/
	width:100%;
	}
.subnav_box ul li {
	width:29.5%;
	height:48px;
	list-style:none;
	vertical-align:middle;
	margin:0px 0% 8px 0%;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #f0f6f9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#f0f6f9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 1%,#f0f6f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f6f9',GradientType=0 ); /* IE6-9 */
	display:inline-block;
	border-radius:4px;
	border:2px solid #00C8F2;
	}
/*
.subnav_box ul li.spNav_about {
	border:2px solid #009AFF;
	}
.subnav_box ul li.spNav_commodity {
	border:2px solid #00B300;
	}
.subnav_box ul li.spNav_shop {
	border:2px solid #FFA400;
	}
.subnav_box ul li.spNav_donyu {
	border:2px solid #C257F7;
	}
.subnav_box ul li.spNav_activity {
	border:2px solid #FA91CB;
	}
.subnav_box ul li.spNav_recruit {
	border:2px solid #FA91CB;
	}*/

.subnav_box ul li a {
	letter-spacing: -0.01em;
	display:inline-block;
	width:100%;
	height:100%;
	text-align:center;
	text-decoration:none;
	font-size:14.5px;
	font-weight:bold;
	vertical-align:middle;
	line-height:110%;
	}

.subnav_box ul li a {
	color:#00C1EB;
	}
/*
.subnav_box ul li.spNav_about a {
	color: #009AFF;
	}
.subnav_box ul li.spNav_commodity a {
	color: #00B300;
	}
.subnav_box ul li.spNav_shop a {
	color: #FFA400;
	}
.subnav_box ul li.spNav_donyu a {
	color: #C257F7;
	}
.subnav_box ul li.spNav_activity a {
	color: #FA91CB;
	}*/

.subnav_box ul li a a span {
	display: block;
	}
.katakana {
	letter-spacing: -0.15em;
	white-space: nowrap;	
}
p.gyo1 {
	margin-top:16px;	
	font-weight:bold;
	}
p.gyo2 {
	margin-top:10px;	
	font-weight:bold;
}
p.gyo2 span {
	display: block;
	line-height:110%;
}
p.gyo3 {
	margin-top:5px;
	line-height:110%;
	font-weight:bold;
}
p#gyo_tra {
	text-align:left;
	margin-left:2px;
	font-weight:bold;
}


/*サブナビゲーション02（ボタンタイプ）--------------------------------------------------------------------------------------------------------------*/
.subnav_box02 {
	width:100%;
	margin:12px auto 2px auto;
	padding:0px 0px 4px 0px;
	text-align:center;
	clear:both;
	background:#FFFFFF;
	}
.subnav_box02 ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	/*text-align:left;*/
	width:100%;
	}
.subnav_box02 ul li {
	width:28.5%;
	height:28px;
	list-style:none;
	vertical-align:middle;
	margin:0px 1% 6px 1%;
	display:inline-block;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
	background: url(../images/sp_btn_pc.png) repeat-x center bottom;
	background-size:contain;
	border-radius:4px;
	border:2px solid #DFDFD0;
	background:#DFDFD0;
}
.subnav_box02 ul li a {
	letter-spacing: -0.01em;
	display:inline-block;
	*display: inline;/*スターハック*/
	*zoom: 1;/*スターハック*/
	width:100%;
	height:100%;
	text-align:center;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	vertical-align:middle;
	line-height:31px;
	color:#77774A;
	}
 ul li a span {
	display: block;
}

.subnav_box02 ul li.contactJp {
	margin:0px -1% 6px 1%;
	width:29.5%;
	border-radius:4px 0px 0px 4px;
}
.subnav_box02 ul li.contactEn {
	margin:0px 1% 6px -1%;
	width:29.5%;
	border-radius:0px 4px 4px 0px;
	border-left: 2px dotted #77774A;
}

	
/*サブナビゲーション（スマホ版メニュー サイト内検索ボタン）*/
.subnav_box03 {
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 4px 0px;
	text-align:center;
	clear:both;
	background:#FFFFFF;
	}
.subnav_box03 ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	/*text-align:left;*/
	width:100%;
	}
.subnav_box03 ul li {
	width:50%;
	height:32px;
	list-style:none;
	vertical-align:middle;
	margin:0px auto 4px auto;
	display:inline-block;
	border-radius:4px;
	border:2px solid #0067B1;
	background:#0067B1;
}
.subnav_box03 ul li a {
	display:inline-block;
	width:100%;
	height:100%;
	text-align:center;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
	line-height:33px;
	color:#ffffff;
	}
.subnav_box03 ul li a img {
	margin: 2px 3px auto 0px;
	width:27px;
	}
	
/* バナーエリア
------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sp_bannerBox {
	margin:20px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	clear:both;
	}
.sp_bannerBox ul {
	margin:0px 0px 0px 0px;
	list-style:none;
	border-bottom: none;
	}
.sp_bannerBox li {
	padding:0px 0px 12px 0px;
	font-weight:bold;
	width:100%;
	}
.sp_bannerBox li img {
	width:90%;
	}


.sp_bannerBox.sp_smileSoft {
	margin:-10px 0px 10px 0px;
	padding:0px 0px 6px 0px;
	text-align:center;
	clear:both;
	background:#DEF1F7;
	}
.sp_bannerBox.sp_bannerBox li img {
	width:94%;
	}
/*ボタン PCサイトで見る
------------------------------------------------------------------------------------------------------------------------------------------------------- 
.sp_btnToPcpage {
	margin:20px 0px 0px 0px;
	padding:14px 0px 8px 0px;
	text-align:center;
	clear:both;
	background-color:#EEEEEE;
	}
.sp_btnToPcpage ul {
	margin:0px 0px 0px 0px;
	list-style:none;
	border-bottom: none;
	}
.sp_btnToPcpage li {
	padding:0px 0px 12px 0px;
	font-weight:bold;
	width:100%;
	}
.sp_btnToPcpage li img {
	width:90%;
	}*/

/* フッタエリア
------------------------------------------------------------------------------------------------------------------------------------------------------- 
footer {
	clear:both;
	margin:20px 0px 0px 0px;
	padding:0px;
	color:#FFFFFF;
	}
.footer_gray {
	clear:both;
	font-size:12px;
	font-weight: bold;
	padding:15px 8px 10px 8px;
	background:#EEEEEE;
	}
.footer_gray-navi {
	font-size:13px;
	text-align:left;
	}
.footer_gray-navi li {
	margin-bottom:3%;
	list-style:none;
	padding:0px;
	vertical-align:middle;
	line-height:17px;
	}
.footer_gray-navi li a:link , .footer_gray-navi li a:visited , .footer_gray-navi li a:hover, .footer_gray-navi li a:active {
	text-decoration:none;
	color:#666666;
	}


.footer_top {
	clear:both;
	font-size:12px;
	font-weight: bold;
	padding:15px 8px 20px 8px;
	background:#00C1EB;
	}

.footer_left {
	float:left;
	width:70%;
	}
.footer_right {
	float:right;
	text-align:right;
	margin:36px 0px 0px 0px;
	padding:0px 3px 0px 0px;
	width:auto;
	position:relative;
	}
}	

@media screen and (max-width: 640px)  {
.gNavOpen {


}	*/