@charset "UTF-8";

/****************
Head
****************/
header{
	padding:0;
}
header h1{
	width:90px;
}

header strong{
	font-size:.8em;
	margin:5% 43px 0 0;
}
.langHead{
	display:none;
}

/****************
Main
****************/
#main{
	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;

	border-top:1px solid #888;
	border-bottom:1px solid #777;

	background:	-moz-linear-gradient(top,  #666 0%, #333 100%);
	background:	-webkit-gradient(linear, left top, left bottom, color-stop(0%,#666), color-stop(100%,#333));
	background:	-webkit-linear-gradient(top,  #666 0%,#333 100%);
	background:	linear-gradient(top,  #666 0%,#333 100%);

	box-shadow:0 0 4px 0 rgba(0, 0, 0, .9) inset;
	-moz-box-shadow:0 0 4px 0 rgba(0, 0, 0, .9) inset;
	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .9) inset;
}
.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;
}
.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:100%;
	padding:0 auto 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{
	margin:0;
	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 #fff;
	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{
	margin:0 15px 0 0;
}

.img_tree{
	width:45%;
	margin:0 2%;
}
.img_tree.arrow li:before{
	content:"";
	border-left:6px solid transparent;
	border-top:10px solid #fff;
	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;
}
.btStyle01{
	width:90%;	
}
.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;
}
#gMenu{
	display:none;
	background:url(../../img/bg.jpg) repeat;
	box-shadow:0 2px 10px #000;
}
#gMenu li{
	width:100%;
	position:relative;
}

#gMenu .cate a,
#gMenu .cate span{
	padding:15px 0 15px 13%;
}
#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;
}
/****************
Footer
****************/
footer ul{
	display:block;
}