@charset "UTF-8";
/* CSS Document */

html {-webkit-text-size-adjust:none;}

body {
	width: 100%;
	height: 100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow:hidden;
	background:url(../special/images/bg.jpg);
}

a{
	outline:none;
}

a:link {
	text-decoration:none;
	color:#333;
	border:none;
}

a:visited {
	text-decoration:none;
	color:#333;
	border:none;
}

a:hover {
	text-decoration:underline;
	color:#333;
	border:none;
}

#wrapper {
	width: 950px;
	margin: 0 auto;
	clear:both;
	background:#FFFFFF;
	-moz-box-shadow: 0 1px 4px #000;
	-webkit-box-shadow: 0 1px 4px #000;
	box-shadow: 0 1px 4px #000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#000, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#000, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#000, direction=270, strength=3, enabled=true);
}

/*--------------------------------------------------------
　ヘッダー設定
--------------------------------------------------------*/

#header {
	width:100%;
	height:215px;
	min-width:950px;
	background:url(../special/images/h_bg.jpg) repeat-x;
}

#header_content {
	width:950px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	padding-top:30px;
	
}

#header_content .lang_change{
	width:122px;
	height:17px;
	position:absolute;
	top:18px;
	right:1px;
}

#header_content .lang_change li{
	float:left;
}

#header_L {
	float:left;
}

#header_R {
	margin-top:14px;
	float:right;
}

#header_R ul{
	width:417px;
	overflow:hidden;
	margin-bottom:17px;
}

#header_R ul li{
	float:left;
	padding-left:5px;
}

#header_R ul.en{
	width:418px;
	overflow:hidden;
	margin-bottom:17px;
}


#header_R div{
	text-align:left;
}

#header_R div.en{
	text-align:right;
}

/*--------------------------------------------------------
　コンテンツ設定
--------------------------------------------------------*/
#contents {
	width: 871px;
	background:#FFFFFF;
	margin: 0 auto;
	padding: 0 40px 0 39px;
}


#contents h2{
	padding-top:67px;
	text-align:center;
}

#contents h3{
	margin-top:30px;
	text-align:center;
}

#sns {
	width:212px;
	margin:24px auto;
	overflow:hidden;
}

#sns li.t{
	width:100px;
	float:left;
}

#sns li.f{
	width:112px;
	float:left;
}

.photo_bg {
	width:871px;
	min-width:871px;
	height:402px;
	margin-bottom:37px;
	position:relative;
	background:url(../special/images/photo_bg.jpg) no-repeat;
}

.photo_bg img{
	background:#FFFFFF;
	border:none;
}


.photo_bg .right {
	text-align:right;
}

.photo_bg .photo_text01 {
	position:absolute;
	top:110px;
	right:57px;
}

.photo_bg .photo_text01_en {
	position:absolute;
	top:110px;
	right:57px;
}

.photo_bg .photo_text02 {
	position:absolute;
	top:130px;
	left:23px;
}

.photo_bg .photo_text02_en {
	position:absolute;
	top:130px;
	left:29px;
}

.photo_bg .photo_text03 {
	position:absolute;
	top:122px;
	right:44px;
}

.photo_bg .photo_text03_en {
	position:absolute;
	top:126px;
	right:23px;
}

.photo_bg .photo_text04 {
	position:absolute;
	top:127px;
	left:39px;
}

.photo_bg .photo_text04_en {
	position:absolute;
	top:130px;
	left:50px;
}

.text_center {
	text-align:center;
	font-size:16px;
	line-height:29px;
}

.text_center span{
	font-size:14px;
	color:#00AA83;
}

#contents ul.g_photo {
	width:871px;
	overflow:hidden;
	margin:50px 0 56px 0;
}

#contents ul.g_photo li {
	float:left;
	padding:0 0 17px 17px;
	font-size:1;
	line-height:1;
	display:table-cell;
}

#contents ul.g_photo li.none {
	float:left;
	padding-left:0;
}

.message {
	width:725px;
	margin:0 auto 28px;
}

.message p{
	font-size:12px;
	padding:0 0 0 5px;
}

.link_btn {
	width:613px;
	margin:0 auto 32px;
	clear:both;
	overflow:hidden;
}

.link_btn li{
	float:left;
	font-size:1;
	line-height:1;
	display:table-cell;
}

.link_btn li.center {
	padding:0 30px;
}

.link_btn04 {
	width:401px;
	height:74px;
	margin:0 auto;
	clear:both;
	background:url(../special/images/link_btn04_o.gif) no-repeat;
}

.link_btn04_en {
	width:401px;
	height:74px;
	margin:0 auto;
	clear:both;
	background:url(../en/special/images/link_btn04_o.gif) no-repeat;
}

.text_area {
	width:871px;
	position:relative;
}

.text_area .badge{
	position:absolute;
	left: 641px;
	top: -49px;
}

.text_area .badge_en{
	position:absolute;
	left: 675px;
	top: -114px;
}

.text_area p{
	text-align:center;
}

.text_area p.orange{
	margin:45px 0;
	font-size:16px;
	color:#F19500;
}

/*--------------------------------------------------------
　フッター設定
--------------------------------------------------------*/
#footer {
	width:950px;
	clear:both;
	position:relative;
}

#footer .mark {
	width:178px;
	height:168px;
	position:absolute;
	left: 6px;
	top: -60px;
}

#page_top {
	width:925px;
	margin:48px auto 6px;
	clear:both;
	padding-right:25px;
	text-align:right;
}

#footer_contents {
	width:902px;
	background:#00AA83;
	overflow:hidden;
	padding:42px 24px 15px;
}

#footer_L {
	padding-top:87px;
	width:270px;
	float:left;
	font-size:10px;
	color:#FFF;
}

#footer_R {
	width:630px;
	float:right;
	text-align:right;
}

#footer_R .data{
	margin-left:17px;
	width:613px;
	padding-top:10px;
	border-top:1px solid #FFF;
	font-size:10px;
	line-height:1.5;
	color:#FFF;
	text-align:right;
}

#footer_R .data_en{
	margin-left:200px;
	width:430px;
	padding-top:10px;
	border-top:1px solid #FFF;
	font-size:10px;
	line-height:1.5;
	color:#FFF;
	text-align:right;
}

/*--------------------------------------------------------
　ロールオーバー設定
--------------------------------------------------------*/
a:hover img.Aover{
    opacity:0.7;
    filter: alpha(opacity=70);
}

a:hover img.Aover02{
    opacity:0.0;
    filter: alpha(opacity=0);
}



/*--------------------------------------------------------
　空き設定
--------------------------------------------------------*/
.mt05 { margin-top: 5px !important; }
.mt06 { margin-top: 6px !important; }
.mt07 { margin-top: 7px !important; }
.mt08 { margin-top: 8px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt80 { margin-top: 80px !important; }
.mt100 { margin-top: 100px !important; }

.mu03 { margin-bottom: 3px !important; }
.mu05 { margin-bottom: 5px !important; }
.mu08 { margin-bottom: 8px !important; }
.mu10 { margin-bottom: 10px !important; }
.mu15 { margin-bottom: 15px !important; }
.mu20 { margin-bottom: 20px !important; }
.mu25 { margin-bottom: 25px !important; }
.mu30 { margin-bottom: 30px !important; }
.mu50 { margin-bottom: 50px !important; }
.mu40 { margin-bottom: 40px !important; }
.mu60 { margin-bottom: 60px !important; }
.mu80 { margin-bottom: 80px !important; }
.mu100 { margin-bottom: 100px !important; }

.mr02 { margin-right: 2px !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr13 { margin-right: 13px !important; }
.mr14 { margin-right: 14px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

.ml02 { margin-left: 2px !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
