@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-right:2px;
        margin-bottom:5px;
}

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

.mannaka{margin-bottom:5px;}

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:#ffffcc;
	color:#630;
	font-size:12px;
	word-break:break-all;
}

a{ text-decoration: underline; }
a:link{ color: #630; }
a:visited{ color: #630; }
a:hover{ color: #fc0; }

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

/******ヘッダエリア********/
#header{
	width:800px;
	height:100px;
        text-align:left;
        background:url(http://aharen.xsrv.jp/images/header-logo.gif) no-repeat;      
        }

#header h2{text-indent:-9999px;}

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

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

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

#header li{
	float:left;
	width:76px;
	_width:100px;
	height:20px;
	margin-right:10px;
	_margin-right:10px;
	padding:4px 0 0 24px;
	background:url(../images/header_btn1.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:20px 0 30px 0;
}

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


.syoukai{
	clear:both;
	width:570px;
        height:200px;
	margin:0 0 10px 0;
        
	background:url(../images/syoukaiback.gif) no-repeat;}

.syoukai img{float: left;
             margin:20px;
             border:solid 1px #000;}

.syoukai p{
        font-size:13px;
        line-height:140%;
        width: 300px;
        float:left;
        margin: 30px 0 0 0;
}

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

#box_line h4{
	margin-bottom:5px;
	padding: 0 0 0 20px;
	font-size:13px;
	font-weight:bold;
	background:url(../images/link-mark02.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:130px;
	_width:121px;
	padding:0 3px;
	color:#333;
	line-height:120%;
}

/*２段目２カラム*/
.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{
	float:right;
	width:570px;
	height:230px;
	background:url(../images/syoukaiback2.gif) no-repeat;
        margin-bottom:20px;
}

.mdd_right h4{
	margin:17px 0 20px 0;
	padding-left:18px;
	font-size:16px;
        text-indent: -9999px;
	font-weight:bold;
}

.top_date{
	margin:0 18px;
	color:#666;
	font-weight:bold;
        text-align:left;
}

.mdd_right h5{
	padding:0 0 0 0;
        text-align: left;
}

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

.mdd_right img{
	float:left;
	margin:3px 10px 2px 18px;
        clear:both;
}

.mdd_right p{
	margin:3px 18px 15px 18px;
	line-height:120%;
	color:#000000;
	letter-spacing:1px;
	font-family:monospace;
}

.mdd_right a{
	background:url(../images/link-mark01.gif) no-repeat;
	margin:18px;
	padding:0 5px 0 20px;
	font-size:13px;
	font-weight:bold;
}

/*新着情報*/
#right .news_box dt{
	float:left;
	width:50px;
	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:#630 dotted 1px;
}

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

/***ライト（カテゴリ等）***/


.content_box .cat_box h3{
	width:570px;
	height:22px;
	_height:30px;
	padding: 8px 0 0 15px;
	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{
	margin:10px;
	color:#000;
	line-height:150%;
}


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

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

.content_box2 h3 a{color: #333366;}

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

.content_box2 p{
        font-size:13px;
        line-height:160%;
        margin-left:10px;
}

.content_box2 img{
        margin: 15px 15px 15px 0;
        border: 1px solid #000; }


.content_box2 .main_left{
	float:left;
	margin:20px 0 20px 12px;
	_margin:20px 0 20px 6px;
}

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

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

.content_box2 .main_detail .main_right p{
	line-height:135%;
	margin-bottom:6px;
}

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

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

.content_box2 .main_right dt{
	float:left;
	width:55px;
	padding-bottom:8px;
}

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

.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:6px;
}

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

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

#sub_menu li .menu_bg{
	background:url(../images/link-mark02.gif) no-repeat;
	padding:2px 0 4px 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 20px;
	background-color:#fff;
	border-bottom:#0066cc dotted 1px;
}

#detail_menu li .menu_bg{
	background:url(../images/link-mark03.gif) no-repeat;
	padding:2px 0 4px 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 .menu{
	padding: 30px 0 0 0;
        height: 50px;
        background-color: #003366;
        color: #000;
}
div#footer .menu li{
	display: inline;
	font-size: 12px;
        color: #fff;
        padding-right: 20px;
}

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

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

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

div#footer .menu2{
	padding: 0;
        text-align: right;
}

div#footer .menu2 li{
	display: inline;
	font-size: 12px;
        padding-right: 10px;
}

div#footer .menu2 p {
        margin-right:10px;
}


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


/******その他********/
.clear{
	height:0px;
	color:#fff;
	border:#fff 0px;
	clear:both;
}

.clear1{
	height:0px;
	color:#fff;
	border:#483D8B 0px 0px 2px 0px;
	clear:both;
}


.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-bottom: 26px;
width: 550px;
}

.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;
}

.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;
}

.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;
}