@charset "utf-8";

/* story */

#header #pagetitle {
	float:left;
	width:35.1%;
	margin:2% 0 0 0;
}

#header #pagetitle img {
	width:100%;
	max-width:457px;
}

#story {
	min-width:960px;
	max-width:1300px;
	min-height:428px;
	max-height:580px;
	margin:0 auto 300px;
	z-index:100;
	overflow:hidden;
}

#box01 {
	min-width:940px;
	max-width:1275px;
	min-height:428px;
	max-height:580px;
	margin:0 auto;
	padding-bottom:1% !important;
	background:	url(../../common/images/main_bg.png);
	z-index:110;
	overflow:hidden;
}

#box01 #box01_in {
	width:90.3%;
	max-height:520px;
	padding:40px 60px 10px;
	overflow:hidden;
}

#box01 #box01_in .tx01 {
	margin:15px 0 0;
}
#box01 #box01_in .ph02 {
	margin:15px 0 0 0;
}
#box01 #box01_in .ph01 {
	float:left;
	margin:10px 35px 0 0;
}
#box01 #box01_in .ph03 {
	float:right;
	margin:-10px 0 40px 0;
}
#box01 #box01_in .ph04 {
	float:left;
	margin:10px 13% 0 0;
}
#box01 #box01_in .ph05 {
	margin:0 75px 0 0;
}
#box01 #box01_in .ti02 {
	float:left;
	margin:10px 0 0 0;
}
#box01 #box01_in .tx02 {
	margin:15px 0 0;
}
#box01 #box01_in .ti07 {
	float:left;
	margin:20px 30px 0 0;
}
#box01 #box01_in .tx07 {
	float:left;
	margin:20px 0 0;
}

#box01 #box01_in .boxLeft {
	float:left;
	width:47.2%;
	margin:0 4% 20px 0;
}
#box01 #box01_in .boxRight {
	float:left;
	width:47.2%;
	margin:0 0 20px 0;
}

#sti1 {
	width:31.4%;
}
#sti1 img {
	width:100%;
	max-width:366px;
}
#tx1 {
	width:62.8%;
}
#tx1 img {
	width:100%;
	max-width:731px;
}
#ph1 {
	width:32.9%;
}
#ph1 img {
	width:100%;
	max-width:383px;
}
#sti2 {
	float:left;
	width:15.8%;
}
#sti2 img {
	width:100%;
	max-width:184px;
}
#tx2 {
	float:left;
	width:62.8%;
}
#tx2 img {
	width:100%;
	max-width:732px;
}
#ph2 {
	float:right;
	width:32%;
}
#ph2 img {
	width:100%;
	max-width:373px;
}
#sti3 {
	width:39.2%;
}
#sti3 img {
	width:100%;
	max-width:457px;
}
#tx3 {
	width:62.8%;
}
#tx3 img {
	width:100%;
	max-width:732px;
}
#ph3 {
	float:right;
	width:32.2%;
}
#ph3 img {
	width:100%;
	max-width:375px;
}
#sti4 {
	float:left;
	width:52.5%;
}
#sti4 img {
	width:100%;
	max-width:612px;
}
#tx4 {
	float:left;
	width:62.9%;
}
#tx4 img {
	width:100%;
	max-width:733px;
}
#ph4 {
	width:32.8%;
}
#ph4 img {
	width:100%;
	max-width:382px;
}
#sti5 {
	width:71.8%;
}
#sti5 img {
	width:100%;
	max-width:395px;
}
#tx5 {
	width:99.8%;
}
#tx5 img {
	width:100%;
	max-width:549px;
}
#ph5 {
	float:left;
	width:29.3%;
}
#ph5 img {
	width:100%;
	max-width:342px;
}
#sti6 {
	width:56.7%;
}
#sti6 img {
	width:100%;
	max-width:312px;
}
#tx6 {
	width:100%;
}
#tx6 img {
	width:100%;
	max-width:550px;
}
#ph6 {
	float:left;
	width:29.1%;
	margin:0 6.5%;
}
#ph6 img {
	width:100%;
	max-width:339px;
}
#sti7 {
	float:left;
	width:30.1%;
	margin:0 2% 0 0;
}
#sti7 img {
	width:100%;
	max-width:351px;
}
#tx7 {
	float:left;
	width:65.7%;
}
#tx7 img {
	width:100%;
	max-width:765px;
}
#ph7 {
	float:left;
	width:26.8%;
}
#ph7 img {
	width:100%;
	max-width:312px;
}


/* tab */

#tab2, #tab3 {
	display:none;
}

.tavnav {
	width:500px;
	margin:0 auto 18px;
	text-align:center;
	z-index:2000px;
	zoom: 1;
	line-height: 1;
}
.tavnav img {
	z-index:22000;
	margin:0 5px;
}
.tavnav img.no{
	margin:8px 5px 0;
}

.mb1 {
	margin-bottom:58px !important;
}
.mb2 {
	margin-bottom:55px !important;
}
.mb3 {
	margin-bottom:15px !important;
}