@charset "UTF-8";


/*common上書き
---------------------------------------------------------- */

/*wrapper*/

#wrapper {
	background: url(../img/foreign/body_bg.jpg) center bottom repeat-x;
}

/*font-size*/
.font10 {font-size: 63%;}
.font11 {font-size: 69%;}
.font12 {font-size: 75%;}
.font13 {font-size: 82%;}
.font14 {font-size: 88%;}
.font15 {font-size: 94%;}
.font16 {font-size: 100%;}
.font17 {font-size: 107%;}
.font18 {font-size: 113%;}
.font19 {font-size: 119%;}
.font20 {font-size: 125%;}
.font21 {font-size: 132%;}
.font22 {font-size: 138%;}
.font23 {font-size: 144%;}
.font24 {font-size: 150%;}
.font25 {font-size: 157%;}
.font26 {font-size: 163%;}


/*header*/
header .hd_block {
	margin-bottom:0;
	padding-bottom:30px;
}

@media screen and (max-width: 738px) {
	header .hd_block {
		padding-bottom:0;
	}
	
	header #hd_logo{
		float:none;
		width:50%;
		padding: 1% 0 0;
		margin-bottom:10px;
		text-align: center;
	}
	
	header .hd_lang{
		display: block;
		width:50%;
		margin: 0 auto;
		position:relative;
		text-align: center;
	}
	
	header .hd_lang li{
		float: none;
		max-width:20%;
		display:inline-block;
		margin-left:0;
		padding: 0 1%;
	}
	
	header .hd_lang li img{
		width:100%;
		height: auto;
	}
}


/*top_slide*/

.top_slide {
	margin-bottom:100px;
}

@media screen and (max-width: 738px) {
	.top_slide {
		margin-bottom:50px;
	}
}

/*container*/

#lang_container {
	min-width:1027px;
	padding-bottom:80px;
	position:relative;
	background: url(../img/common/stripes_bg02.png) top center repeat;
}

@media screen and (max-width: 738px) {
	#lang_container {
		min-width:100%;
		padding-bottom:30px;
	}
}

.lang_bg {
	margin-bottom:100px;
	padding-bottom:100px;
	background: url(../img/common/stripes_bg.png) top center repeat;
}

@media screen and (max-width: 738px) {
	.lang_bg {
		margin-bottom:60px;
		padding-bottom:60px;
	}
}

/*footer*/

footer {
	padding:50px 0 75px 0;
	font-size: 82%;
	font-family: arial,sans-serif;
}

#ft_block .ft_copyright .copyright {
	padding-top:10px;
}

@media screen and (max-width: 738px) {
	footer {
		padding:25px 0 50px 0;
	}
	
	#ft_block .ft_copyright .copyright {
		padding-top:0;
	}
}




/*contents
---------------------------------------------------------- */

.lang_contents {
	width:980px;
	margin: 0 auto;
}

@media screen and (max-width: 738px) {
	.lang_contents {
		width:92%;
	}
}

/*ttl
---------------------------------------------------------- */
.ttl01 {
	text-align: center;
	margin-bottom:40px;
	padding-bottom:25px;
	color: #d80c18;
	font-size: 210%;
	line-height:1.0;
	background:url(../img/common/ttl01_line.png) bottom center no-repeat;
}

@media screen and (max-width: 738px) {
	.ttl01 {
		margin-bottom:30px;
		padding-bottom:15px;
		font-size: 163%;
	}
}

.ttl02 {
	margin-bottom:20px;
	padding: 0 0 10px 30px;
	background:url(../img/common/ttl03_bg.png) left top no-repeat;
	border-bottom:1px dashed #e0cca7;
	font-size: 125%;
	line-height:1.4;
	color: #d80c18;
	font-weight: normal;
}



/*list
---------------------------------------------------------- */

.list_icon01 li {
	padding-left:20px;
	list-style: none;
	background:url(../img/common/icon_round01.png) left 6px no-repeat;
}



/*main
---------------------------------------------------------- */

#top_main {
	width:100%;
	max-width:1400px;
	margin: -20px auto 0;
	text-align: center;
}

#top_main h1{
	line-height:0;
}

@media screen and (max-width: 1399px) {
	#top_main {
		max-width:1399px;
	}
	
	#top_main h1 img {
		width:100%;
		height: auto;
	}
}


@media screen and (max-width: 1027px) {
	#top_main {
		width:1027px;
		max-width:1027px;
	}
	
	#top_main h1 img {
		width:1027px;
		height: auto;
	}
}

@media screen and (max-width: 738px) {
	#top_main {
		width:100%;
		max-width:100%;
	}
	
	#top_main h1 img {
		width:100%;
		height: auto;
	}
}

/*what
---------------------------------------------------------- */

.what_block {
	width:780px;
	margin: 0 auto;
}

.what_block .ph {
	margin-bottom:30px;
	text-align: center;
}

.what_block .what_box{
	clear: both;
	margin: 60px 0 0;
	padding: 30px;
	background-color: #fff;
	color: #d80c18;
}

.what_block .what_box .ph{
	float: right;
	width:400px;
	margin-left:25px;
}

.what_block .what_box .txt{
	overflow:hidden;
	zoom:1;
}
.what_block .what_box .txt .what_commnt{
	margin-bottom:35px;
	padding:0 10px 15px;
	font-size: 125%;
	line-height:1.2;
	border-bottom:1px dashed #e4d2b1;
}

.what_block .what_box .txt .what_commnt strong{
	display:block;
	font-size: 150%;
}

.what_block .what_box .txt .what_btn{
	width:278px;
	margin: 0 auto;
	text-align: center;
}

.what_block .what_box .txt .what_btn a{
	display:block;
	background: #d80c18;
	font-family: arial,sans-serif;
	color: #fff;
	border-radius: 50px;
	-webkit-border-radius: 50px; /* Safari,Google Chrome用 */
	-moz-border-radius: 50px; /* Firefox用 */
}

.what_block .what_box .txt .what_btn a:hover{
	text-decoration: none;
	opacity:0.7;
}

.what_block .what_box .txt .what_btn a img {
	margin-right:5px;
	vertical-align: bottom;
}

.what_block .what_box .txt .what_btn span{
	display:block;
	padding: 10px 45px;
	background:url(../img/common/icon_arrow01.png) 94% center no-repeat;
	background-size: 6px auto; 
	-webkit-background-size: 6px auto; /* Safari,Google Chrome用 */
	-moz-background-size: 6px auto; /* Firefox用 */
	-o-background-size: 6px auto; /* Opera用 */
}

@media screen and (max-width: 1027px) {
	.what_block {
		width:100%;
	}
	
	.what_block .ph {
		margin-bottom:20px;
	}
	
	.what_block .ph img{
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}
	
	.what_block .what_box{
		margin: 30px 0 0;
		padding: 5%;
	}
	
	.what_block .what_box .ph{
		float: none;
		width:100%;
		margin:0 0 10px;
		text-align: center;
	}
	
	.what_block .what_box .txt .what_commnt{
		margin-bottom:35px;
		padding:0 10px 15px;
		font-size: 125%;
		line-height:1.2;
		border-bottom:1px dashed #e4d2b1;
	}
	
	.what_block .what_box .txt .what_btn{
		width:100%;
	}
	
	.what_block .what_box .txt .what_btn a{
		display:inline-block;
		min-width:80%;
	}
	
	.what_block .what_box .txt .what_btn span{
		display:block;
		padding: 10px 10%;
	}
}

/*future
---------------------------------------------------------- */

.future_block01,
.future_block02 {
	clear: both;
	margin-bottom:60px;
}

.future_block01 .ph {
	float: left;
	width:400px;
	margin-right:40px;
}


.future_block02 .ph {
	float: right;
	width:400px;
	margin-left:40px;
}


.future_block01 .txt,
.future_block02 .txt {
	overflow:hidden;
	zoom:1;
}

@media screen and (max-width: 1027px) {
	.future_block01,
	.future_block02 {
		margin-bottom:30px;
	}
	
	.future_block01 .ph,
	.future_block02 .ph {
		float: none;
		width:100%;
		margin:0 0 15px;
		text-align: center;
	}
	
	.future_block01 .ph img,
	.future_block02 .ph img {
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}
}

/*guinness
---------------------------------------------------------- */

.guinness_block {
	clear: both;
	margin-bottom:60px;
	padding: 12px 28px;
	background-color: #e1f1f5;
	border:8px solid #fff;
}

.guinness_block .ph {
	float: right;
	margin-left:40px;
}


.guinness_block .txt {
	padding-top:95px;
	overflow:hidden;
	zoom:1;
}

.guinness_block .txt h3 {
	margin-bottom:20px;
	color: #d80c18;
	font-size: 200%;
	line-height:1.0;
}

.guinness_block .txt p{
	font-size: 82%;
}

@media screen and (max-width: 1027px) {
	.guinness_block {
		clear: both;
		margin-bottom:30px;
		padding: 10px 3% 25px;
	}
	
	.guinness_block .ph {
		float: none;
		margin:0 0 15px;
		text-align: center;
	}
	
	.guinness_block .ph img{
		max-width: 70%;
		height: auto;
		width /***/:auto;
	}
	
	.guinness_block .txt {
		padding-top:0;
	}
	
	.guinness_block .txt h3 {
		margin-bottom:15px;
	}
}



/*英語版
---------------------------------------------------------- */
body#en_page {
	font-family: arial,sans-serif;
	font-size: 16px;
	*font: medium;
	line-height: 1.6;
}

#en_page .ttl01,
#en_page .guinness_block .txt h3{
	font-family: 'Quicksand', sans-serif;
}

/*中国語版
---------------------------------------------------------- */
body#ch_page {
	font-family: Simhei,MS UI Gothic,Hei,sans-serif;
	font-size: 16px;
	*font: medium;
	line-height: 1.6;
}

#ch_page .ttl01,
#ch_page .guinness_block .txt h3{
	font-family: Simhei,MS UI Gothic,Hei,sans-serif;
}



/*韓国語版版
---------------------------------------------------------- */
body#ko_page {
	font-family:"Malgun Gothic","Yoon Gothic","sans-serif";
	font-size: 16px;
	*font: medium;
	line-height: 1.6;
}

#ko_page .ttl01,
#ko_page .guinness_block .txt h3{
	font-family:"Malgun Gothic","Yoon Gothic","sans-serif";
}