@charset "utf-8";

/*
ブラウザ、OS間のフォントサイズの差異をなくす。

基本13px、IE7はsmall、IE6はx-small
希望のフォントサイズ(px) : 指定する値(em)
10px : 0.77em
11px : 0.85em
12px : 0.92em
13px : 1.0em
14px : 1.07em
15px : 1.14em
16px : 1.22em
17px : 1.29em
18px : 1.36em
19px : 1.44em
20px : 1.52em
21px : 1.59em
22px : 1.67em
23px : 1.74em
24px : 1.82em
25px : 1.89em
26px : 1.97em
*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 0.81em;
	*font-size: small; /*IE7*/
	*font: x-small;    /*IE6*/
	background: #000000;
	color: #bfbfbf;
}

hr	{
	display: none;
}

ul,ol,li {
	list-style: none;
}

h1,h2,h3,h4,h6,p,ul,ol,li,div,table,th,td,dl,dt,dd {
	text-align: left;
}

h1	{
	margin-bottom: 10px;
	font-size: 0.92em;
	font-weight: normal;
}

h2	{
}

h3 	{
}

h4	{
}

h5	{
}

h6	{
}

p	{
	line-height: 1.5em;
}

a	{
	color: #bfbfbf;
	text-decoration: underline;
}

a:hover	{
	text-decoration: none;
}

img	{
	border: none;
}

address	{
	font-style: normal;
}

li img	{
	vertical-align: bottom;
}

/*========================================================================
layout
========================================================================*/

#document {
	margin: 0 auto;
	width: 960px;
	background: #000000;
}

#mainVisual {
	width: 960px;
	height: 700px;
	background-color: #960;
}

#contents {
	margin: 10px 0 30px 0;
	width: 960px;
			/*\*/                 
	overflow: hidden;       
	/**/
}

#navigation {
	float: left;
	display: inline;
	width: 200px;
}

#footer {
	border-top: 1px solid #676767;
	background: #000000;
}

/*========================================================================
header
========================================================================*/

#headerimg	{
	width: 960px;
	margin: 38px auto 65px;
		/*\*/                 
	overflow: hidden;       
	/**/
}

#headerimg #img_box {
	width: 183px;
	height: 160px;
	float: left;
}

#headerimg #text_box {
	width: 518px;
	float: left;
	margin-left: 24px;
	display: inline;
}

#main	{
	width: 960px;
}

/*========================================================================
home
========================================================================*/

.home #footer	{
	margin: 0;
}

.home #mainVisual	{
	width: 960px;
	height: 665px;
	position: relative; 
	overflow: hidden;
	background: #000;
}

.home #mainVisual ul li	{
	width: 998px;
	height: 665px;
	position: absolute;
	left: 0;
	top: 0;
	display: none; 
}

.home #mainVisual #loading	{
	width: 32px;
	height: 32px;
	margin: 0 auto;
	padding-top: 300px;
}

.home #mainVisual #txt_copy	{
	color: #ffffff;
	display: none;
	position: absolute;
	left: 190px;
	top: 80px;
	z-index: 999;
}

.home #mainVisual #txt_copy p#copy_big	{
	font-size: 40px;
	text-align: center;
	margin-bottom: 40px;
}

.home #mainVisual #txt_copy p#copy_sub	{
	font-size: 30px;
	text-align: center;
}

/*========================================================================
howto
========================================================================*/

#howto #main .headline_first {
	width: 960px;
	margin: 0 0 70px 0;
				/*\*/       
	overflow: hidden;       
	/**/
}

#howto #main .headline_second {
	width: 960px;
				/*\*/       
	overflow: hidden;       
	/**/
}

#howto #main .headline_box_first {
	width: 465px;
	float: left;
			/*\*/       
	overflow: hidden;       
	/**/
}

#howto #main .headline_box_second {
	width: 465px;
	float: right;
			/*\*/       
	overflow: hidden;       
	/**/
}
	
#howto #main .headline_text {
	width: 329px;
	float: left;
}

#howto #main .headline_text h3 {
	width: 329px;
	height: 45px;
	margin: 0 0 10px 0;
}

#howto #main .headline_text p {
	font-size: 0.92em;
}

#howto #main .headline_img {
	width: 110px;
	height: 163px;
	float: right;
}

/*========================================================================
recomend
========================================================================*/

#recomend #main	{
				/*\*/       
	overflow: hidden;       
	/**/
}

#recomend #main #mainarea {
	width: 600px;
	float: left;
}

#recomend h3	{
	margin-bottom: 25px;
}

#recomend #aboutbar_box	{
	margin-bottom: 54px;
}

#recomend #aboutbar_box	.text_box h4 {
	margin-bottom: 16px;
}

#recomend p {
	margin-bottom: 28px;
	padding-left: 15px;
}

#recomend #blog_box dl {
	padding-left: 15px;
					/*\*/       
	overflow: hidden;       
	/**/
}

#recomend #blog_box dt {
	float: left;
	padding-right: 10px;
}

#recomend #main #subarea {
	width: 290px;
	float: right;
}

#recomend #main #subarea #img_box {
	margin: 29px 0 34px;
}

/*========================================================================
faq
========================================================================*/

#faq #main {
	width: 670px;
}

#faq #main #btn_box	{
	width: 670px;
	height: 60px;
						/*\*/       
	overflow: hidden;       
	/**/
	position: relative;
	margin-bottom: 40px;
}

#faq #main #btn_box #question_btn {
	width: 260px;
	height: 60px;
	float: left;
}

#faq #main #btn_box dl {
	position: absolute;
	right: 0;
	bottom: 0;
							/*\*/       
	overflow: hidden;       
	/**/
}

#faq #main #btn_box dd {
	float: left;
	padding-left: 10px;
}

#faq #main #form_text {
	width: 160px;
	font-size: 13px;
}

#faq #main #category_box {

}

#faq #main #category_box h3 {
	margin-bottom: 12px;
}

#faq #main #category_box ul {
	 /*\*/       
	overflow: hidden;       
	/**/
}

#faq #main #category_box li {
	width: 130px;
	height: 23px;
	margin-left: 20px;
	float: left;
	margin-bottom: 40px;
}

#faq #main .faq_box {
	margin-bottom: 6px;
}

#faq #main .faq_box h3 {
	margin-bottom: 30px;
}

#faq #main .faq_box .faq_background {
	background-color: #111111;
	border: 1px solid #333333;
	margin-bottom: 24px;
}

#faq #main .faq_box .faq_background dl {
	border-bottom: 1px solid #333333;
	/*background: url(../../faq/img/border.gif) no-repeat 14px center;*/
}

#faq #main .faq_box .faq_background p {
	margin-left:8px;
	padding: 12px 0 12px 34px;
	background: url(../../faq/img/bullet_q.gif) no-repeat left center;
}

#faq #main .faq_box .faq_background dt {
	background: url(../../faq/img/border.gif) no-repeat left bottom;
	margin-left: 12px;
}

#faq #main .faq_box .faq_background dd {
	margin-left:20px;
	padding: 12px 12px 12px 34px;
	background: url(../../faq/img/bullet_a.gif) no-repeat left center;
}

#faq #main .faq_box .back_top {
	text-align: right;
}

#faq #main .faq_box .back_top a {
	background: url(../../faq/img/bullet_arrow.gif) no-repeat left center;
	padding-left: 18px;
}


/*========================================================================
menu
========================================================================*/

#menu #main {
	width: 960px;
			 /*\*/       
	overflow: hidden;       
	/**/
}

#menu #main #subnavi {
	width: 166px;
	float: left;
}

#menu #main #subnavi #title_menu {
	margin-bottom: 11px;
}

#menu #main #mainarea {
	width: 759px;
	float: right;
}

#menu #main #mainarea h3 {
	margin-bottom: 38px;
}

#menu #main #mainarea h4 {
	width: 743px;
	height: 23px;
	background: url(../../menu/img/back_subtitle.png) no-repeat left top;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 24px;
	padding: 2px 0 2px 16px;
}

#menu #main #mainarea table {
	width: 594px;
	margin: 0 0 32px 16px;
	
}

#menu #main #mainarea table .comment {
	margin-left: 16px;
	list-style: disc outside;
}

#menu #main #mainarea table th,#menu #main #mainarea table td {
	padding-bottom: 6px;
}

#menu #main #mainarea table th {
	font-weight: normal;
}

#menu #main #mainarea table td {
	text-align: right;
	vertical-align: top;
}

#menu #main #mainarea .description {
	margin: 0 0 20px 16px;
}

/*========================================================================
masterphoto
========================================================================*/

#masterphoto #main #photo_box {
	width: 996px;
	margin-left: -36px;
		 /*\*/       
	overflow: hidden;       
	/**/
}

#masterphoto #main #photo_box dl {
	width: 213px;
	margin-bottom: 24px;
	padding-left: 36px;
	float: left;
}

#masterphoto #main #photo_box dt {
	margin-bottom: 10px;
}

/*========================================================================
guestphoto
========================================================================*/

#guestphoto #main h3 {
	margin-bottom: 23px;
	width: 868px;
	height: 27px;
	padding: 3px 0 7px 92px;
	font-size: 18px;
	font-weight: normal;
}

#guestphoto #main #number1 {
	background: url(../../guestphoto/img/number1.gif);
}

#guestphoto #main #number2 {
	background: url(../../guestphoto/img/number2.gif);
}

#guestphoto #main #number3 {
	background: url(../../guestphoto/img/number3.gif);
}

#guestphoto #main .photo {
			 /*\*/       
	overflow: hidden;       
	/**/
	margin-bottom: 40px;
}
	
#guestphoto #main .photo li {
	float: left;
	margin: 0 16px 16px 0;
	display: inline;
}

/*========================================================================
access
========================================================================*/

#access #main #mainarea {
	width: 650px;
	margin: 0 auto;
}

#access #main #mainarea #map {
	margin-bottom: 26px;
}

#access #main #mainarea #information h3 {
	font-size: 1em;
	border-bottom: 1px solid #c0c0c0;
	padding: 0 0 6px 6px;
}

#access #main #mainarea #information table {
	width: 650px;
	border-collapse:collapse;
}

#access #main #mainarea #information th,#access #main #mainarea #information td {
	border-bottom: 1px dotted #676767;
	padding: 6px 0 6px 6px;
}

#access #main #mainarea #information th {
	width: 200px;
	font-weight: normal;
	vertical-align: top;
}

#access #main #mainarea #information #last th,#access #main #mainarea #information #last td {
	border: none;
}

/*========================================================================
link
========================================================================*/

#link #main table {
	width: 810px;
	border-top: 1px solid #c0c0c0;
	border-collapse:collapse;
}

#link #main th,#link #main td {
	border-bottom: 1px dotted #676767;
	padding: 6px 0;
	vertical-align: top;
}

#link #main th {
	width: 200px;
	font-weight: normal;
}