@charset "UTF-8";

/* 基本
---------------------------------------------*/


body { color: #FFFFFF; font-size: 12px; font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic','Lucida Grande','Geneva','Arial','Helvetica','Verdana', Sans-serif; background: #000000; }

img {
	vertical-align: top;
}
a {
	color: #CCCCCC;
}
a:visited {
	color: #CCCCCC;
}
a:hover,
a:focus {
	color: #FFFFFF;
}
a:active {
	color: #FFFFFF;
}


#wrapper {
	width: 948px;
	margin: 0 auto;
}

#header {
	padding-top: 15px;
	position: relative;
	padding-bottom: 4px;
	background: url(../images/header_bg.gif) left bottom repeat-x;
}

#content {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	position: relative;
	padding-top: 16px;

}

/* クリア
---------------------------------------------*/
.c-both { clear:both; height:0px; font-size:0px; line-height:0%; }


.top {
background: url(../images/contents_bg.jpg) left bottom repeat-x;
}

.page {
background: url(../images/contents_bg02.jpg) left bottom repeat-x;
}

#content #primary {
	padding-left: 50px;

}

#secondary { height:420px;}

#content #secondary {
	padding-right: 50px;
}


#content h2 {
	border-bottom: 1px solid #6d5229;
	margin-bottom: 2px;
	font-size: 117%;
	color: #6d5229;
	font-weight: bold;
}
#content #text_list li {
	letter-spacing: 0.1em;
	padding-left: 5px;
}

#content .sectionPhoto p,
#content .section p {
	margin-bottom: 1em;
	line-height: 1.4;
	letter-spacing: 0.1em; 
	text-align: justify; 
	padding-left: 5px;
}

#photo {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	position: relative;
	padding-top: 0px;
	width: 848px;
}

#movie {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	position: relative;
	padding-top: 0px;
	width: 848px;
}


#banner {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	position: relative;
}

#footer {
	clear: both;
	width: 100%; /* for WinIE6,7 */
}

.gold { color: #6d5229;}

/* 文章部分
---------------------------------------------*/

#content #primary .section {
	float: left;
	padding-top: 10px;
	width: 400px;
}

#content #secondary .section {
	float: left;
	padding-left: 40px;
	padding-top: 10px;
	width: 400px;
}

#content #primary .sectionPhoto {
	float: left;

	padding-top: 10px;
	width: 848px;
}

#content #primary .sectionMovie {
	text-align:center;
	padding-top:30px;
	width: 848px;
}

#photo li {
	float: left;
	height: 53px;
	padding-left: 2px;
	padding-top: 5px;

}

#utiwa li {
	float: left;
	height: 223px;
	padding-left: 2px;
	padding-top: 5px;

}

/* ロゴとユーティリティナビゲーション
---------------------------------------------*/
#logo {
	padding: 11px 0;
}

#utilityNavigation {
	position: absolute;
	right: 0;
	top: 45px;
	width: 162px;
	border-bottom: 1px solid #FFFFFF;
}

#utilityNavigation li {
	float: left;
	height: 14px;
}

#utilityNavigation li a {
display: block; 
text-decoration: none; 
text-indent: -9999px; 
height: 14px; 
overflow:hidden;
}

#utilityNavigation li.un01 a {
width: 68px; 
background: url(../images/un_li_01.gif) left center no-repeat;
}


#utilityNavigation li.un02 a {
width: 36px; 
background: url(../images/un_li_02.gif) left center no-repeat;
}


#utilityNavigation li.un03 a {
width: 56px; 
background: url(../images/un_li_03.gif) left center no-repeat;
}



#utilityNavigation li.un01 a:hover {
background: url(../images/un_li_01_over.gif) left center no-repeat;
}
#utilityNavigation li.un02 a:hover {
background: url(../images/un_li_02_over.gif) left center no-repeat;
}
#utilityNavigation li.un03 a:hover {
background: url(../images/un_li_03_over.gif) left center no-repeat;
}

/* ユーティリティナビゲーション英語
---------------------------------------------*/
#utilityNavigationEN {
	position: absolute;
	right: 0;
	top: 59px;
	width: 162px;
height: 14px; 
}

#utilityNavigationEN li {
	float: left;
height: 14px; 
}

#utilityNavigationEN li a {
display: block; 
text-decoration: none; 
text-indent: -9999px; 
overflow:hidden;
height: 14px; 
}

#utilityNavigationEN li.un_en01 a {
width: 68px; 
background: url(../images/un_li_en_01.gif) left center no-repeat;
}


#utilityNavigationEN li.un_en02 a {
width: 36px; 
background: url(../images/un_li_en_02.gif) left center no-repeat;
}


#utilityNavigationEN li.un_en03 a {
width: 56px; 
background: url(../images/un_li_en_03.gif) left center no-repeat;
}



#utilityNavigationEN li.un_en01 a:hover {
background: url(../images/un_li_en_01_over.gif) left center no-repeat;
}
#utilityNavigationEN li.un_en02 a:hover {
background: url(../images/un_li_en_02_over.gif) left center no-repeat;
}
#utilityNavigationEN li.un_en03 a:hover {
background: url(../images/un_li_en_03_over.gif) left center no-repeat;
}



/* グローバルナビゲーション
---------------------------------------------*/
#globalNavigation {
	width: 474px;
	margin-top: 15px;
	margin: 0 auto;
	height: 15px;
	border-bottom: 1px solid #FFFFFF;
}
#globalNavigation li {
	float: left;
	height: 15px;
}

#globalNavigation li.current a {
	border-bottom: 1px solid #F5E02E;
}

#globalNavigation li a {
display: block; 
text-decoration: none; 
text-indent: -9999px; 
height: 15px; 
overflow:hidden;
}

#globalNavigation li.gn01 a {
width: 42px; 
background: url(../images/gn_li_01.gif) left center no-repeat;
}


#globalNavigation li.gn02 a {
width: 74px; 
background: url(../images/gn_li_02.gif) left center no-repeat;
}


#globalNavigation li.gn03 a {
width: 80px; 
background: url(../images/gn_li_03.gif) left center no-repeat;
}

#globalNavigation li.gn04 a {
width: 60px; 
background: url(../images/gn_li_04.gif) left center no-repeat;
}

#globalNavigation li.gn05 a {
width: 66px; 
background: url(../images/gn_li_05.gif) left center no-repeat;
}

#globalNavigation li.gn06 a {
width: 45px; 
background: url(../images/gn_li_06.gif) left center no-repeat;
}

#globalNavigation li.gn07 a {
width: 57px; 
background: url(../images/gn_li_07.gif) left center no-repeat;
}

#globalNavigation li.gn08 a {
width: 50px; 
background: url(../images/gn_li_08.gif) left center no-repeat;
}


#globalNavigation li.gn01 a:hover {
background: url(../images/gn_li_01_over.gif) left center no-repeat;
}
#globalNavigation li.gn02 a:hover {
background: url(../images/gn_li_02_over.gif) left center no-repeat;
}
#globalNavigation li.gn03 a:hover {
background: url(../images/gn_li_03_over.gif) left center no-repeat;
}
#globalNavigation li.gn04 a:hover {
background: url(../images/gn_li_04_over.gif) left center no-repeat;
}
#globalNavigation li.gn05 a:hover {
background: url(../images/gn_li_05_over.gif) left center no-repeat;
}
#globalNavigation li.gn06 a:hover {
background: url(../images/gn_li_06_over.gif) left center no-repeat;
}
#globalNavigation li.gn07 a:hover {
background: url(../images/gn_li_07_over.gif) left center no-repeat;
}
#globalNavigation li.gn08 a:hover {
background: url(../images/gn_li_08_over.gif) left center no-repeat;
}



/* グローバルナビゲーション英語
---------------------------------------------*/
#globalNavigationEN {
	width: 474px;
	margin: 0 auto;
	height: 15px;
}
#globalNavigationEN li {
	float: left;
	height: 15px;
}


#globalNavigationEN li a {
display: block; 
text-decoration: none; 
text-indent: -9999px; 
height: 15px; 
overflow:hidden;
}

#globalNavigationEN li.gn_en01 a {
width: 42px; 
background: url(../images/gn_li_01_en.gif) left center no-repeat;
}


#globalNavigationEN li.gn_en02 a {
width: 74px; 
background: url(../images/gn_li_02_en.gif) left center no-repeat;
}


#globalNavigationEN li.gn_en03 a {
width: 80px; 
background: url(../images/gn_li_03_en.gif) left center no-repeat;
}

#globalNavigationEN li.gn_en04 a {
width: 60px; 
background: url(../images/gn_li_04_en.gif) left center no-repeat;
}

#globalNavigationEN li.gn_en05 a {
width: 66px; 
background: url(../images/gn_li_05_en.gif) left center no-repeat;
}

#globalNavigationEN li.gn_en06 a {
width: 45px; 
background: url(../images/gn_li_06_en.gif) left center no-repeat;
}

#globalNavigationEN li.gn_en07 a {
width: 57px; 
background: url(../images/gn_li_07_en.gif) left center no-repeat;
}

#globalNavigationEN li.gn_en08 a {
width: 50px; 
background: url(../images/gn_li_08_en.gif) left center no-repeat;
}


#globalNavigationEN li.gn_en01 a:hover {
background: url(../images/gn_li_01_en_over.gif) left center no-repeat;
}
#globalNavigationEN li.gn_en02 a:hover {
background: url(../images/gn_li_02_en_over.gif) left center no-repeat;
}
#globalNavigationEN li.gn_en03 a:hover {
background: url(../images/gn_li_03_en_over.gif) left center no-repeat;
}
#globalNavigationEN li.gn_en04 a:hover {
background: url(../images/gn_li_04_en_over.gif) left center no-repeat;
}
#globalNavigationEN li.gn_en05 a:hover {
background: url(../images/gn_li_05_en_over.gif) left center no-repeat;
}
#globalNavigationEN li.gn_en06 a:hover {
background: url(../images/gn_li_06_en_over.gif) left center no-repeat;
}
#globalNavigationEN li.gn_en07 a:hover {
background: url(../images/gn_li_07_en_over.gif) left center no-repeat;
}
#globalNavigationEN li.gn_en08 a:hover {
background: url(../images/gn_li_08_en_over.gif) left center no-repeat;
}


/* コンテンツ部分
---------------------------------------------*/
.arrow_back {
	position: absolute;
	left: 0;
	top: 200px;
	width: 31px;
}

.arrow_back a {
display: block; 
text-decoration: none; 
text-indent: -9999px; 
height: 34px;  
overflow:hidden;
background: url(../images/arrow_back.gif) left center no-repeat;
}

.arrow_back a:hover {
background: url(../images/arrow_back_over.gif) left center no-repeat;
}


.arrow_next {
	position: absolute;
	right: 0;
	top: 200px;
	width: 31px;
}

.arrow_next a {
display: block; 
text-decoration: none; 
text-indent: -9999px; 
height: 34px; 
overflow:hidden;
background: url(../images/arrow_next.gif) left center no-repeat;
}

.arrow_next a:hover {
background: url(../images/arrow_next_over.gif) left center no-repeat;
}



/* バナー部分
---------------------------------------------*/

#bannerContents li {
	float: left;
	height: 112px;
}

#bannerContents li a {
display: block; 
text-decoration: none; 
text-indent: -9999px; 
overflow:hidden;
width: 237px; 
height: 112px; 
}

#bannerContents li.bc01 a {
background: url(../images/banner_join.jpg) left center no-repeat;
}


#bannerContents li.bc02 a {
background: url(../images/banner_request.jpg) left center no-repeat;
}


#bannerContents li.bc03 a {
background: url(../images/banner_blog.jpg) left center no-repeat;
}


#bannerContents li.bc04 a {
background: url(../images/banner_recommend.jpg) left center no-repeat;
}


#bannerContents li.bc01 a:hover {
background: url(../images/banner_join_over.jpg) left center no-repeat;
}
#bannerContents li.bc02 a:hover {
background: url(../images/banner_request_over.jpg) left center no-repeat;
}
#bannerContents li.bc03 a:hover {
background: url(../images/banner_blog_over.jpg) left center no-repeat;
}
#bannerContents li.bc04 a:hover {
background: url(../images/banner_recommend_over.jpg) left center no-repeat;
}


/* フッター
---------------------------------------------*/
#copyright {
	float: right;
	padding: 3px 17px;
	font-size: 10px;
	line-height: 1;
}