@charset "UTF-8";

/****************
ALL
****************/
#wrap{
	padding:0;
	width:100%;
}
body:before,
body:after{
	content:none;
}
html:after{
	content:none;
}

/****************
Head
****************/

header h1{
	width:90px;
}
header h1 a{
	display:block;
}
header h1 a img{
	display:block;
	padding:3px 0;
}
header strong{
	font-size:.8em;
	color:#000;
	margin:0 43px 0 0;
}
.langHead{
	display:none;
}
/****************
Main
****************/
#main{
	margin:0;
	clear:both;
	width:100%;
}

#face{
	font-size:.8em;
	line-height:1.4em;
	margin:0;
}
#face img{
	width:100%;
}

.titStyle01{
	font-size:1.5em;
	height:20px;
	background-position:0 0;
	font-size:130%;
	padding:15px 0 15px 18%;
}

.titStyle02,
.titStyle03,
.titStyle06,
.titStyle08{
	font-size:1em;
	background-size:auto 100%;
}

.titStyle02{
	text-indent:-10%;
	padding:5px 0 10px 12%;
}
.titStyle02:before{
	padding-left:11%;
}
.titStyle06:before{
	padding-left:20%;
	background-size:auto 86% !important;
}
.titStyle08:before{
	padding-left:15%;
	background-size:auto 86% !important;
}
ol.txStyle02{
	padding:10px 2% 10px 5%;
}
.titStyle04{
	font-size:1.1em;
	background-position:0 0;
	background-size:auto 100%;
	line-height:1em;
	width:80%;
	padding:20px 8% 0;
}
.txStyle00{
	font-size:.9em;
	line-height:1.2em;
}
.txStyle02{
	font-size:.9em;
	line-height:1.2em;
	padding:0 0 10px;
}
.txStyle03{
	padding:0 0 5px;
}
.txStyle05{
	font-size:.9em;
	padding:10px 2%;
	clear:both;
	width:100%;
}
ol.txStyle05{
	padding:10px 2% 10px 5%;
}
ol.txStyle05 li{
	list-style-type:decimal;
}
.txStyle06{
	font-size:.8em;
}
.substance{
/*	width:90%;*/
	width:90%;
/*	padding:0 auto 20px;*/
	padding:0 5% 20px;
}

.img_sgl .switchPhoto,
.img_sgl .toolTips,
.img_sgl .jstImg,
/*.img_sgl.fixed .switchPhoto,
.img_sgl.fixed .toolTips,
.img_sgl.fixed .jstImg,*/
.img_sgl_lft .switchPhoto,
.img_sgl_lft .toolTips,
.img_sgl_lft .jstImg,
.img_sgl_rgt .jstImg,
.img_sgl_lft .tx_inclu{
	margin:0;
	width:100%;
}

.img_sgl_fixed{
	width:100%;
}
.img_sbs li{
	clear:both;
	width:100%;
	margin:0;
}
.img_sbs li .switchPhoto,
.img_sbs li .toolTips,
.img_sbs li .jstImg{
	width:100%;
}

.img_sbs li:nth-child(odd){
	margin:0 0 20px 0;
}
.img_sbs.arrow li:after,
.img_sbs.arrow01 li:after,
.img_sbs.arrow02 li:after{
	content:"";
	border-top:10px solid #000;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	position:absolute;
	top:49%;
	left:49%;
}

.img_sbs li .switchPhoto,
.img_sbs li .toolTips{
	clear:both;
}

.img_sgl_lft .switchPhoto,
.img_sgl_lft .toolTips,
.img_sgl_lft .jstImg,
.img_sgl_rgt .jstImg{
	margin:0 15px 0 0;
}

.img_sgl_lft.noGui,
.img_sgl_rgt.noGui{
	text-align:center;
}
.img_sgl_lft.noGui img,
.img_sgl_rgt.noGui img{
	margin:20px;
}
.img_sgl_lft.noGui p,
.img_sgl_rgt.noGui p{
	width:100%;
}


.img_tree{
	width:45%;
	margin:0 2%;
}
.img_tree.arrow li:before{
	content:"";
	border-left:6px solid transparent;
	border-top:10px solid #000;
	border-right:6px solid transparent;
	position:absolute;
	top:-17%;
	left:48%;
}


.liStyle01 li,
.liStyle01 li:nth-child(even){
	font-size:.9em;
	width:100%;
	clear:both;
	margin:0 0 15px 0;
}

.liStyle02 li p{
	margin:5px 0 0;
}
.liStyle02 li{
	width:45%;
	line-height:.8em;
}
.liStyle02 li.clr{
	float:left;
}
.liStyle04{
	font-size:.9em;
	padding:0 0 10px;
}
.img_sgl_lft .liStyle06,
.img_sgl_rgt .liStyle06{
	width:98%;
}
.note p{
	font-size:.9em;
	line-height:1.2em;
}
.col3 .switchPhoto,
.col3 .toolTips,
.col3 .jstImg{
	width:100%;
	clear:both;
}
.colum3 li{
	clear:both;
	width:100%;	
}
.gototop{
	display:block;
}
.gototop a{
	font-size:0.55em;
}
#col{
	display:none;
}
.txStyle01{
	margin:0;
	width:100%;
}
.toolTips{
	width:100%;
}
.switchPhoto{
	width:100%;
}

.gotohome{
	display:block;
}
/****************
Side
****************/
nav{
	height:auto;
	width:100%;
	position:absolute;
	top:0;
	right:0;
	background:none;
}
nav:before{
	content:none;
}


#gMenu{
	display:none;
	background:#000;
	box-shadow:0 2px 10px #000;
}
#gMenu li{
	width:100%;
	position:relative;
}
#gMenu .cate a,
#gMenu .cate span{
	padding:15px 0 15px 7%;
}
#sMenu .cate a:before,
#gMenu .cate a:before,
#gMenu .cate span:before{
/*	top:5px;*/
}

/*
#gMenu li.ex a{
	border-bottom:5px solid #9b9b9b;
}
#gMenu li.ex a:before{
	left:5%;
}
#entertainment #li2 .cate span,
#navigation #li3 .cate span,
#others #li4 .cate span{
}*/
.nest a{
	padding:13px 15px;
}
#menu{
	text-align:right;
	padding:0 10px 10px;
	display:block;
	cursor:pointer;
}
#menu img{
	padding:12px 4px 4px;

	border-color:#999 #474747 #333 #ccc;
	border-width:2px;
	border-style:solid;
	border-top:none;

	border-radius: 0 0 10px 10px;

	width:15px;
	background: -moz-linear-gradient(top,  #999 0%, #ccc 40%, #666 60%, #999 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(40%,#ccc), color-stop(60%,#666), color-stop(100%,#999));
	background: -webkit-linear-gradient(top,  #999 0%, #ccc 40%, #666 60%, #999 100%);
	background: -o-linear-gradient(top,  #999 0%, #ccc 40%, #666 60%, #999 100%);
	background: linear-gradient(top,  #999 0%, #ccc 40%, #666 60%, #999 100%);
}

#gMenu .cate a{
	display:block;
}
#gMenu a#previous{
	display:block;
	padding:5px 20px;
	background:#333;
}
#gMenu li.ex form{
	display:block;
}

.note,
.note p{
	text-align:center;
}
.note p{
	display:block;
	margin:0 0 10px;
}
.note p a{
	padding:0;
}
.note p a:after{
	content:none;	
}

/****************
Footer
****************/
footer ul{
	display:block;
}
footer{
	width:100%;
}
footer small{
	font-size:.7em;
	margin:25px 0 0;
}
footer ul{
	font-size:.6em;
}
footer li:before{
	top:5px;
	border-width:2px 5px;
}