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



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;
}
ul{
	margin-bottom:10px;
	list-style-position: inside;
	line-height:150%;
}
p{
	line-height:150%;
}
/******全体設定********/
body{
	text-align: center;
	background-color:#ffffcc;
	color:black;
	font-size:12px;
	word-break:break-all;
}

a{ text-decoration: none; }
a:link{ color: #333399; }
a:visited{ color: #333399; }
a:hover{ color: #0033cc; }

#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.hustle.ne.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{margin-bottom:0px;
}

/******メニュー********/
/*全体*/
#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;
        _width :580px;
        padding: 5px;
        margin:0;
	text-align:left;
}

.pan_navi{
	clear:both;
	width:560px;
        margin: 20px 0px 20px 0px;
}


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

/************* インデックスページレイアウト　*********/

/******* 広告用画像配置 ******/

#eye_chatch{
        width: 560px;
}

.eye_catch_center{
        marfin-bottom: 5px;
}

.eye_catch_niretu{
        width: 270;
        float: left;
        margin: 5px;
}

/******* メイン紹介枠　*******/

#main_syoukai{
	clear: both;
	width: 560px;    
}

#main_syoukai p{
        font-size: 14px;
        margin: 10px;
        vertical-align: middle;
}


/*******サービス案内枠************/

.main_service_stay{
        width: 280px;
        height: 150px;
        margin-bottom: 10px;
        clear: both;
        float: left;
	background:url(../images/main_service_stay.gif) no-repeat;        
}

.main_service_stay h3{
       width: 280px;
       height: 30px;
       text-indent: -9999px;
}

.main_service_stay p{
       padding: 10px 15px 5px 15px;
       font-size: 12px;
       line-height: 140%;
}

.main_service_stay img{
       padding: 10px 10px 10px 15px;
       float: left;
}

.main_service_day{
        width: 280px;
        height: 150px;
        margin-bottom: 10px;
        float: left;
	background:url(../images/main_service_day.gif) no-repeat;        
}

.main_service_day h3{
       width: 280px;
       height: 30px;
       text-indent: -9999px;
}

.main_service_day p{
       padding: 10px 15px 5px 15px;
       font-size: 12px;
       line-height: 140%;
}

.main_service_day img{
       padding: 10px 10px 10px 15px;
       float: left;
}

.main_service_day img a{
       margin:0;
       padding:0;
}


/*******スタッフブログ枠*********/

.mdd_right{
        width: 560px;
        height: 230px;
	background:url(../images/blog_bk.gif) no-repeat;
}

.mdd_right h3{
        width: 560px;
        height: 50px;        
        text-indent: -9999px;
}

.mdd_right p{
        font-size: 12px;
        margin: 10px;
}

.mdd_right img{
        border: 2px solid #fff;
        margin: 10px 10px 30px 10px;
        float: left; 
}

.mdd_right a{
        font-weight: bold;
        margin: 10px;
}
/*******新着情報********/

#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_text{
        width: 560px;
        margin-bottom: 20px;
}

.content_text h3{

        padding:  15px 10px 15px 20px;
        margin-bottom: 20px;
        font-weight: bold;
	background:url(../images/text_h3.gif) no-repeat;
        color: #003366;
}

.content_text p{
        padding: 10px 10px 10px 10px;
        font-size: 14px;
}


/****2列レイアウト****/

.niretu_pad{
        padding: 50px 10px 10px 10px;
}

/***商品案内***/

.niretu{
        width: 280px;
        height: 400px;
	background:url(../images/niretu_bk.gif) no-repeat;
        float: left;
        text-align: center;
}

.niretu p{
        text-align: left;
        font-size: 14px;
        padding: 5px 10px;
}

.niretu img{
        margin: 10px 5px 0px 5px;
}

/***日帰り***/

.niretu2{
        width: 280px;
        height: 400px;
	background:url(../images/niretu_bk2.gif) no-repeat;
        float: left;
        margin-bottom:10px;
        text-align: center;
}

.niretu2 h4{
        width: 280px;
        height: 40px;
        text-indent: -9999px;
}

.niretu2 p{
        text-align: left;
        font-size: 14px;
        margin: 10px;
}

.niretu2 img{
        margin: 5px auto 5px auto;
}

/******* カテゴリー案内の2段目 ********/

.content_box_sub{
        width: 560px;
        margin-bottom: 30px;
}

.content_box_sub h4{
        padding: 15px 0px 15px 50px;
        margin-bottom: 20px;
        font-size: 14px;
        font-weight: bold;
	background:url(../images/content_box_sub_h4.gif) no-repeat;
}

.content_box_sub table{
        margin: 10px 0 30px 0;
}

.content_box_sub p{
        margin: 10px;
}

/************ 3列レイアウト ************/

.sanretu{
        width: 186px;
        height: 170px;
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
}

.sanretu img{
        border: 2px solid black;
}

.sanretu p{
        margin: 5px 5px 5px 5px;
}

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

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



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

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

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


.pic_hidari{
        float: left;
        margin: 0 10px 10px 10px;
        border: 1px solid black;
}


.pic_migi{
        float: right;
        margin: 0 10px 10px 10px;
        border: 1px solid black;
}

.top_jyuu{
       margin: 0px 0px 15px 0px;  
}

.jyuu{
        margin: 10px;
}

.hutoi{
        font-weight: bold;
}

.tyuuou{
        text-align: center;
        margin-right: auto;
        margin-left: auto;
}

.yoyaku_style{
        margin: 15px auto 15px auto;
        text-align: center;
}

.waku{
        border: 1px solid black;
        margin: 10px;
}

.yajirusi{
        clear: both;
        width: 50px;
        height: 80px;
        margin: 20px auto;
	background:url(../images/yajirusi.gif) no-repeat;
        text-indent: -9999px;
        color: #fff;
        border: solid 0px #fff;
}


/****** 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{
}


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

.example table {
border: 1px #000000 none;
border-collapse: collapse;
margin-bottom: 15px;
margin-top: 5px;
width: 560px;
font-size: 14px;
line-height: 140%;
}


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

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

.jikan table {
width: 560px;
border: 1px #000000 none;
border-collapse: collapse;
margin-bottom: 10px;
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: #99ccff;
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;
}

table{
border: 1px solid #666;
border-collapse: collapse;
margin-bottom: 15px;
margin-top: 5px;
width: 560px;
font-size: 12px;
line-height: 140%;}

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

th {
border: 1px solid #666;
background-color: #ffff99;
padding: 5px 15px;
text-align: left;
width: 150px;
font-weight: bold;
}