@charset "UTF-8";
/*ページ全体のレイアウト
-----------------------------*/
*{margin: 0;padding: 0;border:0;}
body{background:#171717 url(../img/bk_gold.jpg) no-repeat center top;}
#index #container_wrap,#special #container_wrap{background:url(../img/bk_wave_top.gif) repeat-x center 15px;}
#container_wrap{background:url(../img/bk_wave.gif) repeat-x center 15px;}
#container{
	width: 960px;
	margin: 0 auto;
	padding-top:15px;
}

#header2{
	width: 960px;
	margin:0 auto;
	clear:both;

}
#contents{margin-bottom:75px;}
#special #contents{margin-bottom:5px;}
/*トップの背景
------------------------------------------------------------*/
html,body{
    height:100%;
}
body >#container_wrap2{
    height:auto;
}
#container_wrap2{
    height:100%;
    min-height:100%;
    background:url(../img/bk_container.gif) 15px 30px no-repeat;
}
/*フォント・画像
------------------------------------------------------------*/
body{
	font-family:Arial,Helvetica,sans-serif;
	font-size:15px;
	color:#c6b3c0;
	line-height:1.4em;
	/*text-align:justify;
	text-justify : inter-ideograph; */
}
a,button{outline: none;}/*リンクの破線なくす*/
a:link, a:visited{
	text-decoration:underline;
	color: #a1863c;
}
a:hover{
	text-decoration:none;
	color:#b7a4b1;
}
img{vertical-align:bottom;border-style:none;}
/*hの画像置換
------------------------------------------------------------*/
h1{
	font-size:8px;
	text-indent: -9999px;
	display: block;
}
h1#logo{
	width:322px;
	height:150px;
	background:url(../img/logo.gif) no-repeat;
	margin-bottom:8px;
}
h2,h3{
	font-size:18px;
	font-weight:normal;

}
h3{
	margin-bottom:10px;
	padding:0 0 10px 0;
	font-size:16px;
	background:url(../img/bk_h3.gif) left 25px no-repeat;
}
h2{
	font-family:Georgia,"Times New Roman",Times,serif;
	font-style:italic;
	margin-bottom:25px;
	display: block;
	border-bottom:1px solid #453b45;
	padding:18px 0 3px 70px;
}
#seto h2,#yacht h2,#service h2,#about h2,#privacy h2,#aboutus h2,#gallery h2{/*960-画像幅-80-75*/
	width:885px;
	background:url(../img/icon_seto.png) no-repeat;
}
#east h2{/*960-画像幅-80-75*/
	width:350px;
	background:url(../img/icon_eseto.png) no-repeat;
}
#west h2{/*960-80-75*/
	width:350px;
	background:url(../img/icon_wseto.png) no-repeat;
}
#support h3{
	background:url(../img/bk_h3.gif) left 25px repeat-x;
}
/*ナビ
------------------------------------------------------------*/
#navi{
	padding-top:20px;
	margin-left:10px;
	line-height:1em;font-weight:bold;
	font-size:12px;
}
#navi ul {
	float:left;
	margin:0 auto;
	list-style: none;
	font-size:12px;
	letter-spacing:0.1em;
}
#navi li { /*リストの1段目*/
	float: left;
	white-space: nowrap;
	/*min-width: 94px;*/
}
 
#navi ul ul { /*2段目以降*/
	display: none;
	position: absolute;
	z-index: 10;
}
 
#navi li li {
	clear: left;
	position:relative;
	width: 100%;
}
#navi ul li:hover > ul {
	display: block;
}
#navi ul ul a { /*IE用*/
	width: 140px;
	white-space: normal; /*幅に応じて改行*/
}

#navi #navi_parent li {
	border-left:1px solid #b7a4b1;
}
#navi #navi_parent li#li_about{
	border-right:1px solid #b7a4b1;
}
#navi #navi_child li {
	padding:0px;
	border-left:none;
}
#navi a { /*1段目以降のメニュー文字*/
	color:#b7a4b1;
	text-decoration: none; 
	text-align: center; /*1段目は文字を中央合わせに*/
	padding:0 13px; 
	display: block;

}
#navi a:hover { 
	color: #e4af21;
}
#navi ul ul {  
	letter-spacing:0em;
	padding-top:6px;
}
#navi ul ul a { /*2段目以降のメニュー文字*/
	font-size: 11px; 
	line-height: 1.3;
	atext-align: left; /*2段目以降は左寄せにもどす*/
	padding:5px 10px;
	/*color:#e0dade;*/
	color:#fff;
	border-top: solid 1px #555555;
	border-right: solid 1px #070707;
	border-bottom: solid 1px #070707;
	border-left: solid 1px #555555;
	background-color: #343434;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}
#navi ul ul a:hover{color:#ffe400;} 
/*ヘッダー
------------------------------------------------------------*/
#header{height:196px;}
/*フッター・フッターナビ
------------------------------------------------------------*/
#footer{
	clear:both;
	font-size:11px;
	color:#75614d;
	padding:5px 0 0 10px;
}
#footnavi{padding:5px 0 10px;}
#index #footnavi,#special #footnavi{padding:5px 0 0;}
#footnavi ul li a{
	display: block;
	margin: 0;
	padding:0 10px;
}
#footnavi ul li#foot_copy{
	padding:0 10px;
}
#footnavi ul{
	padding: 0 0 5px;
	list-style: none;
	height: 12px;
	line-height:1em;
}
#footnavi ul li{
	float:right;
	padding: 0;
	border-right: 1px solid #75614d;/*右線*/
}
#footnavi ul {margin-right:-1px;}/*最右線*/
#footnavi{overflow:hidden;float:right;}
#footer a:link,#footer a:hover,#footer a:visited{
	text-decoration:none;
	color:#75614d;
}
/*コンテンツ
------------------------------------------------------------*/
.txt_r img,.txt_l img{
	background-color:#000;
	padding:9px;
	border:1px solid #7b3a3a;
}
.txt_r.with_border  img,.txt_l.with_border  img{
	padding:0;
	border:0;
}
.txt_r{vertical-align:middle;}
.txt_r img{
	float: left;
	margin: 0px 70px 0px 0px;
}
.txt_l img{
	float: right;
	margin: 0px 0px 0px 60px;
}
.txt_r .txt,.txt_l .txt{
	overflow: auto;	/* for modern browser */
	zoom: 1;	/* for ie6 */
}
.txt{line-height:1.6em;}
.txt_l.with_border .txt{background:url(../img/txt_l.gif) right top no-repeat;}
.txt_r.with_border .txt{background:url(../img/txt_r.gif) left top no-repeat;}
#pct_map img{margin:1px;}
#pct_map{margin-top:70px;}
#viewmap{clear:right;float:right;}
.cont{padding-top:70px;}
.cont:after {/*ボックスの最後でfloatクリアするハック*/
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.cont{ display: inline-block; }
/* exlude MacIE5 \*/
* html .cont{ height: 1% }
.cont {display:block;}
/* end MacIE5 */

/*画像下キャプション
------------------------------------------------------------*/
.cont{position:relative;}
.caption{
	position:absolute;
	font-size:12px;
	color:#957e8e;
	line-height:1em;
	text-align:right;
}

/*コンテンツ#seto
------------------------------------------------------------*/
#seto .txt{text-align:center;}

/*コンテンツ#yacht
------------------------------------------------------------*/
#yacht h4,.thums_title{
	font-weight:bold;
	font-size:8pt;
	letter-spacing:0.1em;
	margin-bottom:2px;
}
ul#thumbs{clear:both;}
#yacht .cont{padding-top:0;}
div#change_image #view {
	float:left;
	line-height:0;
	margin-top:5px;
	width:440px;
}
#cont_yacht .yachtdetail{margin-left:520px;}
div.yachtdata{width:200px;float:left;}
div.yachtdata2{width:420px;float:left;}
div.yachtlay{width:240px;float:left;margin-bottom:5px;}
table.yachtdata{
  border-collapse: collapse;
}

table.yachtdata tr,table.yachtdata td{
	border-bottom: 1px solid #453b45;
	font-size:11px;
	color:#957e8e;
	line-height:1.6em;
}
.yachtspec{
	padding:10px 0 10px;
	font-size:11px;
	color:#957e8e;
	line-height:1em;
}
.yachtspec li{
	display:inline;
	line-height:0;
	padding-right:5px;
}
div#change_image {
	display:block;
	position:relative;
}
div#change_image ul#thumbs{
	list-style:none;
	text-align:right;
}
div#change_image ul#thumbs2{
	list-style:none;
	text-align:right;
}
div#change_image ul#thumbs3{
	list-style:none;
	text-align:right;
}
div#change_image ul#thumbs4{
	list-style:none;
	text-align:right;
}
div#change_image ul#thumbs li {
	display:inline;
	line-height:0;
	margin:5px 0 0 5px;
}
div#change_image ul#thumbs2 li {
	display:inline;
	line-height:0;
	margin:5px 0 0 5px;
}
div#change_image ul#thumbs3 li {
	display:inline;
	line-height:0;
	margin:5px 0 0 5px;
}
div#change_image ul#thumbs4 li {
	display:inline;
	line-height:0;
	margin:5px 0 0 5px;
}
div#change_image ul#thumbs li img{
	cursor:pointer;
	vertical-align:top;
	margin:5px 0 0;
}
div#change_image ul#thumbs2 li img{
	cursor:pointer;
	vertical-align:top;
	margin:5px 0 0;
}
div#change_image ul#thumbs3 li img{
	cursor:pointer;
	vertical-align:top;
	margin:5px 0 0;
}
div#change_image ul#thumbs4 li img{
	cursor:pointer;
	vertical-align:top;
	margin:5px 0 0;
}
/*コンテンツ#east,#west
------------------------------------------------------------*/
.map{position:relative;}
#sample{position:absolute;bottom:-160px;right:0;}
#glink{font-size:12px;}
/*コンテンツ#gallery
------------------------------------------------------------*/
#gallery .cont div{margin-left:80px;}
#gallery .cont img{margin:0 10px 10px 0;}
/*メールフォーム
------------------------------------------------------------*/
#new .cont,#thanks .cont{padding-top:0;}
#new #container_wrap,#thanks #container_wrap{background:none;}
#mf_header h2{
	border:none;
	padding:0;
	font-size:16px;
	font-style:normal;
	font-weight:normal;
}
#new table,#about table{margin-left:100px;}
th,td{
	padding:5px 15px 0 0 ;
	font-size:12px;
	font-weight:normal;
}
th{text-align:right;}
input,textarea{background:#c8bbc4;}
input,textarea{color:#333;}
.star{color:yellow;font-size:15px;padding:0.4em 0.2em;}
#getpass{
	display:block;
	width:148px;
	height:37px;
	background:url(../img/btn_getpwd.gif);
	cursor:pointer;
	color:#333;
	font-weight:bold;
}
#getpass:hover{background:url(../img/btn_getpwd_hov.gif);}

/*プライバシーポリシー
------------------------------------------------------------*/
#privacy h3{
	margin-bottom:10px;
	padding:25px 0 0px 0;
	font-size:16px;
	background:none;
}