@charset "utf-8";
/******リセット********/
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,p,blockquote,table,th,td{
	margin: 0;
	padding: 0;
}


.hidari{
        float: left;
        margin-bottom:10px;
}

.migi{
        float: right;
        margin-bottom:10px;
}

.mannaka{margin-bottom:10px;}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{
	font-style: normal;
	font-weight: normal;
}

fieldset,img,abbr{ border: 0; }
caption,th{ text-align: left; }
q:before,q:after{ content: ''; }
a{ text-decoration: none; }
img{
	border: none;
	vertical-align: bottom;
}
ul{
	margin-bottom:10px;
	list-style-position: inside;
	line-height:150%;
}
p{
	line-height:150%;
}
/******全体設定********/
body{
	text-align: center;
	background-color:#ffc;
	color:black;
	font-size:12px;
	word-break:break-all;
        font-family: メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Arial,Verdana,Helvetica,sans-serif;
}

a{ text-decoration: none; }
a:link{ color: black; }
a:visited{ color: black; }
a:hover{ color: gray;}

#centering{
	width: 800px;
	margin:0 auto;
	background-color:#fff;
        border-left: 1px solid black;
        border-right: 1px solid black;
}

/******ヘッダエリア********/
#header{
	width:800px;
	height:100px;
	text-align:left;
	background-color:#fff;
}

#header .text_area{
	margin:15px 10px 0 0;
	float:right;
	text-align:right;
	color:gray;
}

h1{
	margin-bottom:3px;
	font-size:12px;
}

#header ul{
	position:absolute;
	margin-left:580px;
	top:65px;
	list-style:none;
}

#header li{
	float:left;
	width:76px;
	_width:100px;
	height:20px;
	margin-right:10px;
	_margin-right:10px;
	padding:2px 0 0 24px;
	background:url(../images/header_btn.gif) no-repeat;
}

#header li a{
	color:#fff;
	text-decoration: none;
}

#header li a:hover{ color: #696969; }

#header_img{
}

/******メニュー********/
/*全体*/
#menu{
	width:800px;
	text-align:left;
}
#menu a{
	text-decoration:none;
	color:#333333;
}
/*ボタン*/
#menu_b{
	background:url(../images/menu_btn.gif) no-repeat;
	width: 800px;
	height: 50px;
	margin:0 0 5px 0;
}
#menu_b li {
	list-style: none;
	float:left;
}
#menu_b a {
	height:50px;
	display:block;
	text-indent:-9999px;
	list-style: none;
	font-size: 0%;
}
#menu_ul {
	margin:0 0 0 0;
	padding:0;
	width:800px;
	height:50px;
	background:url(navi.jpg) no-repeat;
}
/*現在のページ*/
#top_n {background:url("../images/menu_btn.gif") 0px -100px no-repeat}
#stay_n {background:url("../images/menu_btn.gif") -100px -100px no-repeat}
#tour_n {background:url("../images/menu_btn.gif") -240px -100px no-repeat}
#diving_n {background:url("../images/menu_btn.gif") -380px -100px no-repeat}
#snorkel_n {background:url("../images/menu_btn.gif") -520px -100px no-repeat}
#sport_n {background:url("../images/menu_btn.gif") -660px -100px no-repeat}
/*ボタン幅*/
#top_a a {width:100px;}
#stay_a a {width:140px;}
#tour_a a {width:140px;}
#diving_a a {width:140px;}
#snorkel_a a {width:140px;}
#sport_a a {width:140px;}
#top_n a {width:100px;}
#stay_n a {width:140px;}
#tour_n a {width:140px;}
#diving_n a {width:140px;}
#snorkel_n a {width:140px;}
#sport_n a {width:140px;}
/*ホバー*/
#top_a a:hover {background:url("../images/menu_btn.gif") 0px -50px no-repeat}
#stay_a a:hover {background:url("../images/menu_btn.gif") -100px -50px no-repeat}
#tour_a a:hover {background:url("../images/menu_btn.gif") -240px -50px no-repeat}
#diving_a a:hover {background:url("../images/menu_btn.gif") -380px -50px no-repeat}
#snorkel_a a:hover {background:url("../images/menu_btn.gif") -520px -50px no-repeat}
#sport_a a:hover {background:url("../images/menu_btn.gif") -660px -50px no-repeat}

/******ライト********/
#right{
	float:right;
	width:570px;
	padding:5px 10px 0 0;
	text-align:left;
}

.pan_navi{
	clear:both;
	width:570px;
	margin:15px 0 30px 0;
}

.pan_navi a{color: #0000cc; font-weight: bold;}

.content_box{
	clear:both;
	width:570px;
	margin:0 0 20px 0;
}

#box_line{
	width:568px;
	_width:570px;
	padding:15px 0;
	border-right:#000044 solid 1px;
	border-bottom:#000044 solid 1px;
	border-left:#000044 solid 1px;
}

#box_line h4{
        height: 25px;
        text-align: center;
	padding: 3px 0 0 0px;
	font-size:13px;
	font-weight:bold;
	background:url(../images/link-mark05.gif) no-repeat;
}

#box_line .bline_left{
	float:left;
	width:270px;
	padding:0 0 20px 9px;
}

#box_line .bline_right{
	float:right;
	width:270px;
	padding:0 9px 20px 0;
}

#box_line p{
	float:left;
	width:265px;
	color:#333;
	line-height:150%;
}

/*２段目２カラム*/
.mdd_left{
	float:left;
	width:279px;
	height:340px;
	background:url(../images/top-mdd-left1.gif) no-repeat;
}

.mdd_left h3{
	width:279px;
	margin:20px 0 25px 0;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}

.mdd_left h4{
	width:279px;
	margin:20px 0 25px 0;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}

.mdd_left h5{
	width:100%;
	margin:10px 8px;
	font-size:15px;
	font-weight:bold;
}

.mdd_left ul li img{
        vertical-align:middle;
        padding:3px;
        margin-right:5px;
}

.mdd_left p{
	margin:0 0px 3px 0;
	font-family:monospace;
	line-height:120%;
}



.mdd_left ul li{
        margin: 3px;
        list-style: none;
}


.mdd_right{
        clear: both;
	float:right;
	width:568px;
	_width:570px;
	height:190px;
	background-color: #ffffdd;
        border-right: 1px solid #000040;
        border-left: 1px solid #000040;
        border-bottom: 1px solid #000040;
}


.mdd_right h5{
	margin: 10px 0 10px 0;
        font-size: 13px;
        float: left;
}

.mdd_right h5 a{
	background:none;
	padding:0;
	width:100%;
	font-size:13px;
	font-weight:bold;
}

.mdd_right img{
	margin:15px 10px;
        float: left;
}

.mdd_right p{
	margin:15px 10px;
	line-height:160%;
	color:black;
        font-size: 13px;
}

.mdd_right a{
	background:url(../images/link-mark02.gif) no-repeat;
	margin:15px 0px;
        padding-left: 18px;
	font-size:14px;
	font-weight:bold;
}

/*新着情報*/
#right .news_box dt{
	float:left;
	width:80px;
	padding:10px 0 10px 0;
	color:#000066;
	border-bottom:#630 dotted 1px;
}

#right .news_box dd{
	margin-left:49px;
	padding:10px 0 10px 10px;
	border-bottom:#000040 dotted 1px;
}

#right .news_box a{
	padding:10px 0 10px 10px;
}

/***ライト（カテゴリ等）***/
.content_box .cat_box h3{
        color: #fff;
	width:570px;
	height:50px;
	_height:50px;
	padding: 15px 0 0 60px;
	font-size:14px;
	font-weight:bold;
	background:url(../images/subpage_h2_02.gif) no-repeat;
}

.content_box .cat_box img{
	margin:10px 0 10px 5px;
}

.content_box .cat_box p{
        font-size: 14px;
	margin:10px;
	color:#000;
	line-height:170%;
}


/***ライト（サブ(詳細)ページ等）***/
.content_box2{
	clear:both;
	width:560px;
	margin:0 10px 20px 0;
}

.content_box2 h2{
	width:560px;
	height:28px;
	padding:5px 0 0 20px;
	font-size:14px;
	font-weight:bold;
	background:url(../images/subpage_h2_01.gif) no-repeat;
}

.content_box2 h3{
        color: black;
	width:560px;
	height:50px;
	padding:15px 0 0 50px;
	font-size:14px;
	font-weight:bold;
	background:url(../images/subpage_h2_01.gif) no-repeat;
}

.content_box2 .main_center{
        clear: both;
        text-align: center;
        padding: 0 auto;
}

.content_box2 .main_center img{
       margin: 0px 0px 10px 0px;
}

.content_box2 .main_left{
	float:left;
	margin:10px 10px 20px 10px;
	_margin:10px 10px 20px 5px;
}

.content_box2 .main_right{
	margin:10px 0 10px 10px;
        float: left;
}

.content_box2 .main_right p{
	line-height:170%;
	margin-bottom:8px;
        color: black;
}

.content_box2 p{
	line-height:170%;
	margin: 20px 0;
}

.content_box2 .main_right h4{
	margin-bottom:8px;
	color:#1e90ff;
	font-size:14px;
	font-weight:bold;
}

.content_box2 .main_right dl{
	color:#000;
	line-height:170%;
}

.content_box2 .main_right dt{
	float:left;
	width:55px;
	padding-bottom:5px;
        color: black;
        font-weight: bold;
}

.content_box2 .main_right dd{
	margin-left:60px;
	padding-bottom:5px;
        color: black;
}

.content_box2 .main_detail h3{
	widows:550px;
	height:30px;
	margin:3px 0 15px 0;
	color:#000066;
	font-weight:bold;
	background:url(../images/subpage_h3_01.gif) no-repeat;
}

.content_box2 .main_detail h4{
	font-weight:bold;
}

.content_box2 .main_detail p{
	line-height:150%;
	margin-bottom:26px;
}

.content_box2 .main_detail dt{
	margin-bottom:10px;
	font-weight:bold;
}

.content_box2 .main_detail dd{
	margin:0 0 20px 15px;
	line-height:150%;
}

.content_box2 .main_detail .left_img{
	float:left;
	width:150px;
	margin:6px 20px 30px 6px;
}

.content_box2 .main_detail img{
	margin:6px 0px 30px 0px;
}

.content_box2 .main_detail .right_txt{
	padding:6px;
	color:#000;
	font-family:monospace;
	line-height:150%;
}

.content_box2 .rsrv_form{
	margin:0 0 0 120px;
}

/***会社概要***/
.co_detail dl{
	color:#000;
	line-height:120%;
	margin:10px 0 0 50px;
}

.co_detail dt{
	float:left;
	padding-bottom:8px;
	font-weight:bold;
}

.co_detail dd{
	margin-left:60px;
	padding-bottom:8px;
}

/******レフト********/
#left{

	float:left;
	width:190px;
	padding:5px 0 0 10px;
	text-align:left;
}

.left_toform{
	margin-bottom:13px;
}

/*サブメニュー*/
#sub_menu ul{
	list-style:none;
	list-style-position: outside;
}

#sub_menu li{
	margin-top:15px;
	padding:0 0 15px 10px;
	border-bottom:#0066cc dotted 1px;
}

#sub_menu li .menu_bg{
	background:url(../images/link-mark02.gif) no-repeat;
	padding:0 0 0 20px;
}

/*詳細メニュー*/
#detail_menu{
	margin:10px 0 30px 0;
}

#detail_menu .title{
	width:190px;
	height:30px;
	_height:40px;
	padding-top:10px;
	text-align:center;
	color:#000080;
	font-size:13px;
	background:url(../images/detail_menu1.gif) no-repeat;
}

#detail_menu ul{
	list-style:none;
	list-style-position: outside;
}

#detail_menu li{
	_width:190px;
	padding:10px 0 10px 10px;
	background-color:#fff;
	border-bottom:#0066cc dotted 1px;
}

#detail_menu li .menu_bg{
	background:url(../images/link-mark03.gif) no-repeat;
	padding:0 0 0 20px;
}

/*画像リンク*/
.left-link-area{
	margin-top:27px;
}

.left-link-area ul{
	list-style:none;
	list-style-position: outside;
}

.left-link-area li{
	margin-bottom:20px;
}

/******フッタ********/
div#footer{
	clear: both;
	width: 800px;
	text-align: center;
}

/*メニュー*/

div#footer .me{background-color: #FFFF99; padding: 20px;}

div#footer .menu{
	margin: 6px 0 0 0;
}

div#footer .menu li{
	display: inline;
	font-size: 12px;
        color: gray;
}


div#footer .menu a{ text-decoration: none; color: gray;}

div#footer #copyright{
	clear: both;
	margin-top: 10px;
	padding: 15px 0 15px 0;
	width: 800px;
	line-height: 150%;
        color: black;
        background-color: #fff;
}

div#footer img{margin:5px 0 5px 0;}

/******スタッフブログ一覧用********/
.contributor{
	margin:10px;
	text-align:right;
	color:#000066;
}

div#comment-form-name{
        margin: 10px;
}

div#comment-form-email{
       margin: 10px;
}

div#comment-form-url{
       margin: 10px;
}

div#comment-form-remember-me{
       margin: 10px;
}

div#comments-open-text{
       margin: 10px;
}

div#comments-open-captcha{
       margin: 10px auto;
       width: 560px;
       text-align: center;
}
/******その他********/
.clear{
	height:0px;
	color:#fff;
	border:#fff 0px;
	clear:both;
}


.jyuu{
        height: 10px;
        color: #fff;
        border: #fff 0px;
        clear: both;
}

.ni{
        height: 20px;
        color: #fff;
        border: #fff 0px;
        clear: both;
}

.ni_1{
        color: #fff;
        border-bottom: 1px dashed #3366cc;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        clear: both;
        margin-top: 40px;
}

.san{
        height: 30px;
        color: #fff;
        border: #fff 0px;
        clear: both;
}

.clear1{
	height:0px;
	color:#fff;
	border-bottom:#0066cc dotted 1px;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
	clear:both;
        margin-top: 20px;
}


.h340{ height:340px }

.ma_3{ margin:3px }
.ma_10{ margin:10px }

.mr_20{ margin-right:20px }

.ml_10{ margin-left:10px }
.ml_20{ margin-left:20px }

.fl_c{ clear: both }
.fl_r{ float:right }
.fl_l{ float:left }

.ta_c{ text-align:center }
.ta_l{ text-align:left }
.ta_r{ text-align:right }

.b{ font-weight:bold }

.white{ color:#fff!important }
.beige{ color:#fff4e0!important }
.orange{ color:#330099!important }
.pink{ color:#ff69b4!important }
.ao{color: #330099;}

.nasi{
      text-align: left;
      padding-style: normal;
      margin-style: normal;
      }



/****** Sitemap ********/
ul li.home { list-style-type: none }

ul.tree {
margin: 0 0 0 1em!important;
padding: 0!important;
list-style: none!important;
}
ul.tree ul {
margin: 0 0 0 1em!important;
padding: 0!important;
}
ul.tree li {
margin: 0!important;
padding: 0 0 0 16px!important;
list-style:circle!important;
}
ul.tree li.tree_end { list-style:disc }

/****** お問合せ ********/
.contact_us{
	clear:both;
	margin:6px auto;
	padding-left:10px;
	font-size:14px;
	text-align:center;
}

.contact_us table{
	width:520px;
	padding:10px;
	border-color:#aaa;
}

.contact_us tr{
	height:35px;
}

.contact_us td{
}

/******ショップ用********/
div#shop .item_list{
	margin		: 5px 32px 10px 32px;
	float		: left;
	display		: inline;
	width		: 220px;
	text-align	: center;
	}
	
div#shop .item_img{
	margin		: 5px auto;
	}

div#shop .name {
	margin		: 5px auto;
	}
	
div#shop .name a{
	color		:#EC7600;
	}
div#product_area .item_main_img{
	margin		: 10px 0px;
	}
div#product_area .item_txt{
	margin		: 10px 0px;
	}
div#product_area .ttl{
	width:560px;
	height:28px;
	padding:5px 0 0 20px;
	font-size:14px;
	font-weight:bold;
	background:url(../images/subpage_h2_01.gif) no-repeat;
}
.item{
	width:560px;
	border-bottom: 1px dotted #666;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}

.item_image{
	width		: 150px;
	float		: left;
	}

.detail{
	width		: 400px;
	float		: right;
	}

.icon li{
	float		: left;
	margin-right: 5px;
	}
	
.item_name{
	clear		: left;
	padding		: 10px 0;
	font-size	: 14px;
	font-weight	: bold;
	color		: #EC7600;
	border-bottom: 1px dotted #666;
	}
	
.price_box{
	margin		: 10px 0;
	}
	
.price{
	float		: left;
	margin		: 0 10px 0 0;
	}

.price p{
	margin		: 0 0 5px 0;
	}
.list{
	margin		: 0 0 0 180px;
	}
.clrfix{
    overflow		: hidden;
}
.clrfix:after{
    content			: "";
    display			: block;
    clear			: both;
    height			: 1px;
    overflow			: hidden;
}
#material{
	margin			: 10px 0px;
	}
	
#material table{
	width		: 560px;
	}
	
#material th{
	background		: #FFF4E0;
	border			: 1px solid #ccc;
	border-collapse	: collapse;
	padding			: 8px;
	font-weight		: bold;
	}
#material td{
	border			: 1px solid #ccc;
	border-collapse	: collapse;
	padding			: 8px;
	}
/******カート用********/
.cart_txt{
	text-align	: center;
	color		: #FF0000;
	font-weight	: bold;
	margin		: 20px;
	}
	
.add_list{
	width		: 560px;
	margin		: 10px 0px;
	}
	
.add_list th{
	background		: #FFF4E0;
	border			: 1px solid #ccc;
	border-collapse	: collapse;
	padding			: 8px;
	font-weight		: bold;
	}
.add_list td{
	border			: 1px solid #ccc;
	border-collapse	: collapse;
	padding			: 8px;
	}
.add_list a{
	color			:EC7600;
	}
.add_price{
	text-align	: right;
	}
	
.add_number{
	text-align	: center;
	}
	
.add_subtotal{
	text-align	: right;
	}

.add_delete{
	text-align	: center;
	}
	
.total{	font-weight	: bold;
	text-align	: right;
	}
	
.cart_btn{
	margin		: 20px 0;
	border		: none;
	width		: 100%;
	text-align	: center;
	}
	
.cart_btn th,.cart_btn td{
	border		: none;
	}

.go_regi{
	margin		: 20px;
	text-align	: right;
	}
	
.payment{
	width		: 590px;
	margin		: 5px;
	}

/****テーブルレイアウト****/

.example table {
border: 1px #000000 none;
border-collapse: collapse;
margin-top: 10px;
margin-bottom: 10px;
width: 550px;
font-size: 12px;
}

.example td {
border: 1px #000000 solid;
background-color: #FFFFFF;
padding: 5px 15px;
text-align: left;
}

.example th {
border: 1px #000000 solid;
background-color: #FFFAF0;
padding: 5px 15px;
text-align: left;
width: 150px;
}

.jikan table {
width: 400px;
border: 1px #000000 none;
border-collapse: collapse;
margin-bottom: 10px;
width: 550px;
font-size: 12px;
}

.jikan td {
border: 1px #000000 solid;
background-color: #FFFFFF;
padding: 5px 15px;
text-align: left;
}

.jikan th {
border: 1px #000000 solid;
background-color: #F5F5F5;
padding: 5px 15px;
text-align: center;
width: 70px;
}

.example2 table {
width: 380px;
border: 1px #000000 none;
border-collapse: collapse;
margin-top:8px;
margin-bottom: 10px;
font-size: 12px;
}

.example2 td {
border: 1px #000000 solid;
background-color: #FFFFFF;
padding: 5px 15px;
text-align: left;
}

.example2 th {
border: 1px #000000 solid;
background-color: #FFFAF0;
padding: 5px 15px;
text-align: left;
width: 110px;
}


.example3 table {
width: 300px;
border: 1px #000000 none;
border-collapse: collapse;
margin-top:8px;
margin-bottom: 10px;
}

.example3 td {
border: 1px #000000 solid;
background-color: #FFFFFF;
padding: 5px 15px;
text-align: left;
}

.example3 th {
border: 1px #000000 solid;
background-color: #FFFAF0;
padding: 5px 15px;
text-align: left;
width: 110px;
}

/*** ol 追加 ****/

.content_box2 ol {
margin: 10px 0 10px 20px;
}

.content_box2 ol li{
line-height:200%;
color: #003366;
}