@charset "utf-8";


#gnavbox {
	position: relative;
	width: 100%;
	padding: 0;
}


/* HEADER
------------------------------------------------------------*/

#header {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 0;
	text-align: center;
	background: url(../images/bg_header.png) repeat-x 0 0;
	z-index: 999;
}
#header.fixed {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 999;
	background: url(../images/bg_header.png) repeat-x 0 0;
}

#topbelt {
	position: relative;
	width: 100%;
	height: 30px;
	padding: 0;
	z-index: 3;
	background: #cd0808 url(../images/bg_topbelt.png) repeat-x 0 0;
}
#topbelt .topcopy {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -100px;
}
#topbelt .gridWrapper {
	width: 100%;
}
#topbelt .grid01 {
	width: 30%;
	text-align: left;
}
#topbelt .grid01 img {
	width: 200px;
	height: auto;
}
#topbelt .grid03 {
	float: right !important;
	width: 30%;
	text-align: right;
}
#topbelt .grid03 ul {
	float: right;
	width: 300px;
	height: 30px;
	display: none;
}
#topbelt .grid03 ul li {
	float:left;
	display: inline;
	width: 100px;
	margin: 0;
	overflow: hidden;
}
#topbelt .grid03 ul li a {
	display: block;
	width: 100px;
	height: 30px;
}
#topbelt .grid03 ul li a span {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
#topbelt .grid03 ul li.lang01 a {
	background: url(../images/lang_eng.png) no-repeat;
	background-size: 100px 30px;
}
#topbelt .grid03 ul li.lang02 a {
	background: url(../images/lang_chn.png) no-repeat;
	background-size: 100px 30px;
}
#topbelt .grid03 ul li.lang03 a {
	background: url(../images/lang_kor.png) no-repeat;
	background-size: 100px 30px;
}

#header .inner {
	position: relative;
	width: 100%;
	height: 135px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	/* background: #ffcc00;*/
}
#header .inner #headtop {
	position: relative;
	width: 100%;
	height: 64px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	/* background: #ffcc00;*/
}
#header .inner #headtop .topcopy2 {
	display: none;
}
#header h1 {
	position: absolute;
	width: 45%;
	top: 10px;
	z-index: 1;
}
#header h1 img {
	display: inline-block;
	height: 40px;
	width: auto;
}
#header .hlangnv {
	position: absolute;
	width: 390px;
	right: 0;
}
#header nav {
	display: none;
}


/* global-nav
------------------------------------------------------------*/

#gnavi {
	position: relative;
	width: 100%;
	height: 61px;
	padding: 0;
	z-index: 3;
}
.glogo {
	position: absolute;
	top: -70px;
	left: 50%;
	margin-left: -80px;
}
#gnavi .global-nav-inner {
	width: 1000px;
	height: 71px;
	margin: 0 auto;
}
#gnavi ul {
	float:left;
	width: 1000px;
	height: 71px;
}
#gnavi ul li {
	float:left;
	display: inline;
	margin-left: 0;
	overflow: hidden;
}
#gnavi ul li.nvlogo {
	display: block;
	width: 152px;
	margin: 0px;
}
#gnavi ul li.nv01 {
	margin-left: 0px;
}
#gnavi ul li a {
	display: block;
	width: 106px;
	height: 71px;
}
#gnavi ul li span {
	display: block;
	width: 100%;
	text-indent: -9999px;
}
#gnavi ul li.nv01 a {
	background: url(../images/gnavi/01.png) no-repeat;
	background-size: 106px 142px;
}
.pgindex #gnavi ul li.nv01 a {
	background-position: 0 bottom;
}
#gnavi ul li.nv02 a {
	background: url(../images/gnavi/02.png) no-repeat;
	background-size: 106px 142px;
}
.pg01 #gnavi ul li.nv02 a {
	background-position: 0 bottom;
}
#gnavi ul li.nv03 a {
	background: url(../images/gnavi/03.png) no-repeat;
	background-size: 106px 142px;
}
.pg02 #gnavi ul li.nv03 a {
	background-position: 0 bottom;
}
#gnavi ul li.nv04 a {
	background: url(../images/gnavi/04.png) no-repeat;
	background-size: 106px 142px;
}
.pg03 #gnavi ul li.nv04 a {
	background-position: 0 bottom;
}
#gnavi ul li.nv05 a {
	background: url(../images/gnavi/05.png) no-repeat;
	background-size: 106px 142px;
}
.pg04 #gnavi ul li.nv05 a {
	background-position: 0 bottom;
}
#gnavi ul li.nv06 a {
	background: url(../images/gnavi/06.png) no-repeat;
	background-size: 106px 142px;
}
.pg05 #gnavi ul li.nv06 a {
	background-position: 0 bottom;
}
#gnavi ul li.nv07 a {
	background: url(../images/gnavi/07.png) no-repeat;
	background-size: 106px 142px;
}
#gnavi ul li.nv08 a {
	background: url(../images/gnavi/08.png) no-repeat;
	background-size: 106px 142px;
}
#gnavi ul li a:hover {
	background-position: 0 bottom;
}



#topspcWrap {
}
#topspcWrap img {
	width: 100%;
	height: 160px;
}
.lowdir .wrapper #topspcWrap img {
	height: 220px;
}
.lowdir.dirsec .wrapper #topspcWrap img {
	height: 160px;
}
.lowdir.pgnews .wrapper #topspcWrap img,
.lowdir.pgmenu2 .wrapper #topspcWrap img,
.lowdir.pgoth .wrapper #topspcWrap img {
	height: 200px !important;
}

/* 全体
------------------------------------------------------------*/
.wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #ffcc00;
	z-index: 1;
}
.lowdir .wrapper {
	padding: 0 0 100px;
}

.pgancbox {
}
.box {
	width: 1000px;
	margin: 0 auto;
}
.widebox {
	width:100%;
	margin: 0;
}
.imgbox {
	overflow: hidden;
	width: 100%;
	clear: both;
	text-align: center;
}
.imgbox img {
	width: 100%;
	height: auto;
	border: 0;
}
.textbox {
	font-size: 1.2em;
	color: #111;
	text-align: left;
	line-height: 2.4em;
}


.widecolumn {
	float: left;
	width: 750px;
	padding: 0;
}
.sidecolumn {
	float: right;
	width: 210px;
	padding: 0;
}



/**************************
/* グリッド
**************************/


.gridWrapper {
	display: block;
	width: 100%;
}
* html .gridWrapper{height:1%;}

.grid {
	float:left;
}
.rgrid {
	margin-left: 5%;
}
.recBox {
	margin: 0;
	background:url(../images/bg_recbox.jpg);
}
.recBox a {
	display: block;
	width: 100%;
	height: 100%;
}


/*************
/* タイトル
*************/

h1.csub {
	width: 100%;
	padding: 5px 0;
	font-size: 2.6em;
	color: #8cdce5;
	text-align: center;
	line-height: 1.3em;
}
h1.csub img {
	height: 60px;
	width: auto;
	margin: 0 auto;
}

h1.csub2 {
	width: 100%;
	padding: 5px 0;
	border-bottom: 1px solid #a23554;
}

h4.csub3 {
	width: 100%;
	padding: 4px 0;
	font-size: 1.7em;
	color: #197835;
	color: #111;
	text-align: center;
}
.widesub {
	width: 100%;
	height: 150px;
	padding: 0;
	text-align: center;
	background: #666;
}
.widesub h1 {
	width: 440px;
	height: 42px;
	margin: 0 auto;
	padding: 54px 0 0;
	text-align: center;
}
h4.evsub {
	margin: 0 auto 25px;
	padding: 0 0 12px 0;
	font-size: 1.6em;
	color: #111;
	text-align: center;
	border-bottom: dotted 1px #ccc;
}
.ctgsub {
	width: 50%;
	margin: 0 auto 30px;
	padding: 3px 6px;
	font-size: 1.5em;
	color: #197835;
	font-weight: normal;
	line-height: 1.6em;
	text-align: center;
	border: 1px solid #197835;
}


/*************
ボタン
*************/

.btn01 {
	display: block;
	width: 100%;
	padding: 6px 0;
	font-size: 1.2em;
	color: #333;
	text-align: center;
		-moz-border-radius: 24px;
		-webkit-border-radius: 24px;
	border-radius: 24px;
	background: #fff;
}
.btn01:hover {
	color: #fff;
	background: #39ada2;
}
.btn02 {
	display: block;
	width: 100%;
	padding: 5px 0;
	background: #c68992;
	border: 1px solid #ab4a64;
	text-align: center;
}
.btn02 a {
	display: block;
	width: 100%;
	height: auto;
}
.btn02:hover {
	background: #ab4a64;
}
.btn03 {
	display: block;
	width: 100%;
	padding: 5px 0;
	background: #fff;
	border: 1px solid #ab4a64;
	text-align: center;
}
.btn03 a {
	display: block;
	width: 100%;
	height: auto;
}
.btn03:hover {
	background: #c68992;
}

.bline {
	width: 100%;
	height: 24px;
	margin: 5px 0;
	background:url(../images/beans_line.png);
}


/*************
フォーム
*************/

input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
	margin: 0px;
	padding: 8px 2%;
	font-size: 1.0em;
	background: #fff;
	border: solid 1px #999;
}
select, input, textarea, button {
	font-size: 1.0em;
}
.required_asterisk {
	color: #eb1c30;
	margin-left: 3px;
}
.ipt01 {
	width: 240px;
	border: solid 1px #999;
}
.ipt02 {
	width:200px;
	padding: 12px;
	border: solid 1px #999;
}
.ipt03 {
	width: 300px;
	padding: 12px;
	border: solid 1px #999;
}
.ime_on {
	ime-mode:active;
}
.ime_off {
	ime-mode:disabled;
}
.hissu {
	vertical-align: middle;
	margin: 0 0 4px 8px;
}
:placeholder-shown {
	font-size: 10px;
	color: #999;
}


button {
	border: none;
	background: none;
	display: block;
	cursor: pointer;
}
button {
	text-decoration: none;
	color: #3D3938;
	opacity: 1.0;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.btnsubmit {
	display: block;
	width: 120px;
	padding: 6px 0 8px;
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	background: #9e8530;
	text-align: center;
	cursor: pointer;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
	border-radius: 12px;
}

/*************
メイン コンテンツ
*************/
section.content{
	margin-bottom:20px;
	font-size:14px;
	overflow:hidden;
}

* html section.content{height:1%;}



/* FOOTER
------------------------------------------------------------*/

.footer {
	width: 100%;
	background: #a23554;
}


/* #footnavi
==========================*/
#footnavi {
	position: relative;
	width: 100%;
	margin:0 auto;
	padding:  20px 0 30px;
	color: #fff;
	text-align: center;
	background: #666 url(../images/bg_footnavi03.jpg) no-repeat;
	background-size: cover;
}

#footnavi .gogochara {
	position: absolute;
	width: 50%;
	top: -60px;
	left: 50%;
	margin-left: -120px;
	text-align: center;
	z-index: 9;
}
#footnavi .gogochara {
	width: 240px;
	height: auto;
}
#footnavi .gridWrapper {
	width: 100%;
	text-align: left;
}
#footnavi .gridWrapper .grid {
	width: 23%;
	margin: 0 1%;
	padding: 110px 0 20px;
}

#footnavi .ftnv_ctgsub {
	margin: 0 0 6px;
	padding: 3px 0px 6px 32px;
	font-size: 1.1em;
	color: #fff;
	background: url(../images/icon_chara.png) no-repeat;
	background-size: 25px 25px;
}
#footnavi ul {
	width: 100%;
	margin: 0;
	line-height: 1.0em;
}
#footnavi ul.ftnv_topdir {
	margin: 0px 0 10px 60px;
}
#footnavi ul.ftnv_fstdir {
	margin: 8px 0 10px 32px;
}
#footnavi ul.ftnv_scddir {
	margin: 8px 0 10px 12px;
}
#footnavi ul li {
	margin: 0;
	padding: 0 0 6px;
}
#footnavi li a {
	display: block;
}


.footer .copyrightbox {
	position: relative;
	width: 100%;
	padding: 0 0 40px;
	text-align: center;
	background: url(../images/bg_copyright.png) repeat;
}
.footer .copyrightbox .copyright {
	width: 65%;
	padding: 10px 0 0 1%;
	text-align: left;
}
.footer .copyrightbox .copyright .ssbtnbox {
	display: block;
}
.footer .copyrightbox .copyright .ssbtnbox ul {
	float: left;
	width: 50%;
	display: inline;
}
.footer .copyrightbox .copyright .ssbtnbox li {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}
.twitter-share-button {
	margin-top: 6px;
}
.footer .copyrightbox .copyright h6 {
	display: block;
	padding: 0px 0 0 1%;
	font-size: 0.9em;
	color: #fff;
	letter-spacing: 0.1em;
	text-align: left;
}
.footer .copyrightbox .footlogo {
	position: absolute;
	width: 30%;
	top: 10px;
	right: 2%;
	text-align: right;
}
.footer .copyrightbox .footlogo img {
	height: 36px;
	width: auto;
}

/* pagetop
------------------------------------------------------------*/

#pageTop {
	position: absolute;
	right: 2px;
	bottom: 94px;
	z-index: 13;
}
#pageTop a {
	width: 240px;
	height: 102px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../images/pagetop.png);
	background-size: 480px 102px;
}
a.pageTopBtn {
	background-position: 0px 0px;
}
a.pageTopBtn:hover{ background-position:-240px 0;}

/* IE6 */
* html #pageTop {
	position: absolute;
	top: expression(eval(document.documentElement.scrollTop+100));
	right:0;
}

#smppageTop {
	display: none;
}

/* side social
------------------------------------------------------------*/

#sidess {
	position: fixed;
	right: -4px;
	top: 200px;
	z-index: 13;
}
#sidess ul.sidessbnr {
	padding: 1px;
	background: #fff;
	border: solid 1px #ccc;
		-moz-box-shadow: 0px 0px 2px #999;
		-webkit-box-shadow: 0px 0px 2px #999;
	box-shadow: 0px 0px 2px #999;
}


/*--------------------------------------------------------------------------
   PdNavi
---------------------------------------------------------------------------*/

/* type1 */
a.btn-type1{
	display: block;
	background: #cd0808;
	text-align:center;
	padding: 3px;
	font-size: 0;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	border-radius: 4px;
}

#PdNavi{
	display:none;
	position: fixed;
	top: 160px;
	left:0;
	z-index:1111;
	width:100%;
	min-width:320px;
}
#PdNavi:before{
	content:" ";
	position:absolute;
	bottom:100%;
	width:0;
	height:0;
	border:solid transparent;
	pointer-events:none;
}
#PdNavi:before{
	right:35px;
	margin-left:-5px;
	border-color:rgba(1,119,175,0);
	border-bottom-color:#cd0808;
	border-width:5px;
}
#PdNavi.open{
	display:block !important;
}

#PdNavi nav{
	position:relative;
	z-index:10;
	margin:0 10px 0 10px;
	padding:0 0 3px;
	background: #cd0808;
}
#PdNavi nav ul li.level01{
	border-bottom:1px solid #cd0808;
}
#PdNavi nav ul li.level01:after{
	content:"";
	display:block;
}
#PdNavi nav ul li.level01.low,
#PdNavi nav ul li.level01.low:after,
#PdNavi nav ul li.level01:last-child,
#PdNavi nav ul li.level01:last-child:after{
	border-bottom:none;
}
#PdNavi nav ul li a{
	display:block;
	padding:8px 10px 7px;
}
#PdNavi nav ul li a:hover {
	color: #fff;
	background: #ac0707;
}
#PdNavi nav ul li a.first{
	padding:8px 12px 7px 12px;
	color:#FFF;
	font-size:117%;
}
#PdNavi nav ul li a.first span{
	display:block;
	background-size:8px 12px;
}

/* acd */
#PdNavi nav ul.acd{
	margin:0;
	background:#ac0707;
}
#PdNavi nav ul.acd li{
	border-bottom:1px solid #666;
}
#PdNavi nav ul.acd li:first-child{
	border-top:1px solid #666;
}
#PdNavi nav ul.acd li:last-child{
	border-bottom:1px solid #666;
}
#PdNavi nav ul.acd li span.ico-open2{
	display:block;
	padding:0 8px 0 10px;
	cursor:pointer;
	color:#fff;
	font-size:117%;
	/* background: url(../images/icon_open.png) no-repeat 100% 50%; */
}
#PdNavi nav ul.acd li span.ico-open:hover {
	/* background: #000 url(../images/icon_open.png) no-repeat 100% 50%; */
	background: #000;
}
#PdNavi nav ul.acd li span.ico-open2 span{
	display:block;
	padding:8px 0 7px;
}
#PdNavi nav ul.acd li span.ico-open.open span{
	background-size:26px 28px;
}
#PdNavi nav ul.acd li span.ico-open.open{
	/* background:url(../images/icon_close.png) no-repeat 100% 50%; */
}
#PdNavi nav ul.acd li span.ico-open.open:hover {
	/* background: #000 url(../images/icon_close.png) no-repeat 100% 50%; */
	background: #000;
}



#PdNavi nav ul li.lownv a{
	padding: 6px 12px 5px 24px;
	color:#FFF;
	font-size:117%;
}

/* third */
#PdNavi nav ul li ul.third{
	/*display:none;*/
	margin:0;
	color:#fff;
	background:#555;
}
#PdNavi nav ul.acd li ul.third li:last-child{
	border-bottom: none;
}
#PdNavi nav ul.acd li ul.third li span{
	display:block;
	background-size:8px 12px;
}
#PdNavi nav ul li li a {
	padding-left: 17px;
	color:#fff;
}

/* close */
#PdNavi nav p.close {
	display:block;
	cursor:pointer;
	margin:0 3px;
	padding:15px 0;
	color:#fff;
	background: #ac0707;
	text-align:center;
}
#PdNavi nav p.close:hover {
	background: #830505;
}




@media only screen and (max-width: 767px){

#topbelt .topcopy {
		display: none;
}


#topbelt .grid03 {
	float: right !important;
	width: 90px;
	text-align: right;
}
#topbelt .grid03 ul {
	display: block;
	float: right;
	width: 90px;
	height: 30px;
}
#topbelt .grid03 ul li {
	float:left;
	display: inline;
	width: 30px;
	margin: 0;
	overflow: hidden;
}
#topbelt .grid03 ul li a {
	width: 30px;
	height: 30px;
}
#topbelt .grid03 ul li.lang01 a {
	background: url(../images/lang_eng_s.png) no-repeat;
	background-size: 30px 30px;
}
#topbelt .grid03 ul li.lang02 a {
	background: url(../images/lang_chn_s.png) no-repeat;
	background-size: 30px 30px;
}
#topbelt .grid03 ul li.lang03 a {
	background: url(../images/lang_kor_s.png) no-repeat;
	background-size: 30px 30px;
}

	#header {
		width: 100%;
		background: #fff;
	}
	#header .inner {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	#header .inner #headtop {
		width: 100%;
		height: 135px;
		background: url(../images/bg_header.png) repeat-x 0 -30px;
	}
	#header h1 {
		width: 250px;
		top: 5px;
		left: 5px;
	}
	#header h1 .logo img {
		display: block;
		height: 45px;
		width: auto;
	}
	#header .inner #headtop .topcopy2 {
		display: block;
		margin-left: -5px;
	}
	#header .inner #headtop .topcopy2 img {
		display: block;
		height: 26px;
		width: auto;
	}
	#header .hlangnv {
		display: none;
	}
	#header nav {
		display: block;
	}
	#header nav ul {
    		position: absolute;
		top: 78px;
		right: 6px;
	}
	#header nav ul li {
		margin: 0 0 0 5px;
	}
	#header nav ul li img {
		width: 32px;
		height: auto;
	}
	#header .topmail {
		top: 5px;
		right: 0;
		width: 140px;
	}

	#header .topmail img {
		width: 140px;
		height: auto;
	}
	.glogo {
		top: -135px;
		margin-left: 20px;
		width: 120px;
		height: auto;
	}
	.global-nav-inner {
		display: none;
	}

	.box {
		width: 94%;
		margin: 0 3%;
		padding: 0;
	}


	h1.csub img {
		width: 90%;
		max-width: 500px;
		height: auto;
		margin: 0 auto;
	}
	h1.csub2 img {
		width: 90%;
		max-width: 500px;
		height: auto;
		margin: 0 auto;
	}

	.btn01,
	.btn02,
	.btn03  {
		width: 100%;
		padding: 2px 0;
	}
	.btn01 img,
	.btn02 img,
	.btn02 img {
		width: 80%;
		max-width: 280px;
		height: auto;
	}

	#gnavi {
		display: none;
	}
	.lowdir.pgnews .wrapper #topspcWrap img,
	.lowdir.pgmenu2 .wrapper #topspcWrap img {
		height: 180px !important;
	}
	.wrapper {
		width: 100%;
    		padding: 10px 0 0;
	}
	.lowdir .wrapper {
	}
	.pgproduct .wrapper {
		width: 100% !important;
		margin: 0;
	}
	.grid {
		margin: 0;
	}




#pageTop {
	position: relative;
	width: 100%;
	right: auto;
	bottom: auto;
	z-index: 13;
	background: #000;
	text-align: center;
}
#pageTop a {
	display: block;
	width: 100%;
	height: 50px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../images/pagetop2.png) no-repeat center 0;
	background-size: 50px 50px;
}
#pageTop a:hover {
	background: url(../images/pagetop3.png) no-repeat center 0;
	background-size: 50px 50px;
}

/* IE6 */
* html #pageTop {
	position: absolute;
	top: expression(eval(document.documentElement.scrollTop+100));
	right:0;
}


	.footer #footnavi {
		display: none;
}
	.footer .copyrightbox {
		padding: 0 0 20px;
	}
	.footer .copyrightbox .copyright .ssbtnbox {
		display: block;
	}
	.footer .copyrightbox .copyright .ssbtnbox ul {
		float: none;
		width: 100%;
		display: inline-block;
		text-align: center;
	}
	.footer .copyrightbox .copyright .ssbtnbox li {
		float: none;
		display: inline-block;
		margin: 0 10px 0 0;
		text-align: center;
		vertical-align: middle;
	}
	.footer .copyrightbox .copyright,
	.footer .copyrightbox .copyright h6 {
		width: 100%;
		text-align: center;
	}
	.footer .copyrightbox .footlogo {
		width: 100%;
		position: static;
		top: 0;
		right: 0;
		text-align: center;
	}
	.footer .copyrightbox .footlogo img {
		height: 36px;
		width: auto;
	}

	#sidess {
		position: relative;
		right: 0;
		top: 0;
		z-index: 13;
		margin: 0 auto;
		text-align: center;
	}

	#sidess ul.sidessbnr {
		width: 100%;
		padding: 20px 0;
		background: #f1eff0;
		border: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
		box-shadow: none;
	}
	#sidess ul.sidessbnr li {
		display: inline-block;
		margin: 0 1.5%;
	}


.ipt01 {
	width: 60%;
}
.btnsubmit {
	width: 30%;
}


}