@charset 'utf-8';

/* ==================================================
  INDEX style.css
 ----------------------------------------------------
    reset,base,link
  1.main
  2.header
  3.contents
  4.footer
  5.other
    5-1.line
    5-2.color
    5-3.background
    5-4.position
================================================== */


/* reset
================================================== */
* {
	margin		: 0;
	padding		: 0;
	font-style	: normal;
	font-family	: Verdana, "ＭＳ Ｐゴシック",sans-serif;
	}

body,
h1,h2,h3,h4,h5,
ol,ul,li,dl,dd,
address,
div,img{
	margin		: 0;
	padding		: 0;
	}

ol,ul,li,
dl,dd{
	list-style	: none;
	}
	
h1,h2,h3,h4,h5{
	font-size		: 100%;
	letter-spacing	: 0.1em;
	}

p{
	margin		: 0 0 1em 0;
	line-height	: 1.6;
	}

table{
	line-height	: 1.6;
	}

img{
	border		: none;
	}

address{
	font-style	: normal;
	}

.overimg:hover img {
	filter:alpha (opacity=70);
	-moz-opacity:0.80;
	opacity:0.80;
}

.overimg:hover input {
	filter:alpha (opacity=70);
	-moz-opacity:0.80;
	opacity:0.80;
}

.overimgbtn {
	filter:alpha (opacity=70);
	-moz-opacity:0.80;
	opacity:0.80;
}


/* base
================================================== */
html{
	background	: url("https://www.okinawa-kayak.net/img/common/bg_haikei_2.jpg") top center no-repeat #0A2510;
	}

body{
	text-align	: center;
	margin		: 0 auto;
	font-size	: 80%;
	color		: #F2FFCF;
	letter-spacing	: 0.1em;
	}

table,
th,
td{
	font-size	: 100%;
	}

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

a:link {   
	color		: #9C9;
	}  
	
a:visited {  
	color		: #9C9;
	}
	
a:hover {  
	color		: #9C9;
	text-decoration	: none;
	}
	
a:active {  
	color		: #9C9;
	}  	
	
/* 1.header
================================================== */
#header{
	height      : 310px;
	margin		: 0px auto;
	}
	
#header_box{
	width       : 950px;
	margin		: 0px auto;
	}

#header_list{
	width       : 725px;
	float		: right;
	margin-top	: 0px;
	margin-bottom: 5px;
	height      : 20px;
	}
	
h1{
	float		: right;
	margin-top	: 0px;
	margin-right : 5px;
	font-size   : 120%;
	}
	
	
.header_p{
	float		: right;
	text-align	: right;
	padding-top : 3px;
	margin-right : 5px;
	}

	
#logo{
	width: 170px;
	height: 120px;
	float		: left;
	}
	
#logo a{
	width: 170px;
	height: 120px;
	margin-top	: 25px;
	margin-left	: 35px;
	text-decoration:none;
	display: block;
	text-indent:-9999px;
	}
		
#header_menu{
	float			: right;
	margin			: 0 0 0 0;
	display			: block;
	}
	
#header_menu li{
	float			: left;
	border		　　: solid 1px #FFF;
	background		: #593E2D;
	padding			: 5px 5px 5px;
	font-size		: 12px;
	margin			: 0 0 0 5px;
	}

#header_menu li a,
#header_menu li a:hover{
	color		: #FFF;
	text-decoration	: none;
	}
	
/* 1-1.topimg
=====================================*/
.top{
	float		: right;
	margin-top  : 0;
	margin-right : 0;
	width : 520px;
	}

.top_camp{
	width : 520px;
	height  : 230px;
	margin-right : 0;
	margin-bottom:0;
	}

.camp{
	width : 435px;
	height  : 191px;
	float		: right;
	margin-bottom:9px;
	}

.camp_syousai{
	width : 396px;
	height  : 30px;
	float		: right;
	margin-right:20px;
	}
			
.catch{
	margin : 5px 0 0 0;
	padding : 0;
	text-align : right;
	color: #FFF;
	font-size  :120%;
	font-weight : bold;
	height:20px;
	}

.catch2 {
	margin : 0;
	padding : 0;
	text-align : left;
	letter-spacing : 1px;
	font-size   : 80%;
	}

/* 2.main
================================================== */
#main{
	width		: 950px;
	margin		: 0 auto;
	text-align	: left;
	letter-spacing	: 0.1em;
	line-height	: 160%;
	}

/* 3.main_content
================================================== */
#main_content{
	width		: 950px;
	margin		: 5px auto 5px auto;
	text-align	: left;
	clear		: both;
	}

#contents{
    width		: 715px;
	padding-top	: 0px;
	float		: right;
	line-height	: 1.8;
	position: relative;
	}

.navi {
	font-size : 10px;
	margin : 0px 0px 10px 0px;
	padding : 0px;
	}

.navi strong {
	font-weight : normal;
}

.topicpass {
	font-size: 10px;
	padding: 0;
	margin-top: 0x;
	margin-right: 0;
	margin-bottom:10px;
	margin-left: 15px;
	line-height: 16px;
	vertical-align: bottom;
}

.info{
    width       : 710px;
	height      : 155px;
	background	: url("https://www.okinawa-kayak.net/img/common/bg_info.gif") top center no-repeat;
	float       : left;
	margin		: 0 0 10px 2px;
	}

.info img{
    margin-top	: 12px;
	margin-left	: 8px;
	float       : left;
	
	}

.info p{
    margin-top	: 40px;
	margin-left : 10px;
	float       : left;
	width       : 450px;
	}

.ttl_contents{
	height		: 30px;
	padding		: 4px 0 0 35px;
	margin		: 0 0 10px 5px;
	font-size	: 14px;
	color		: #F2FFCF;
	font-weight : bold;
	letter-spacing	: 0.1em;
	background	: url("https://www.okinawa-kayak.net/img/common/bg_ttl.gif") no-repeat;
	}

.ttl_contents1{
	height		: 30px;
	padding		: 4px 0 0 35px;
	margin		: 0 0 10px 5px;
	font-size	: 14px;
	color		: #F2FFCF;
	font-weight : bold;
	letter-spacing	: 0.1em;
	background	: url("https://www.okinawa-kayak.net/img/common/bg_ttl1.gif") no-repeat top left;
	}

.entry_body{
	margin-left	: 5px;
	float		: left;
	width		: 700px;
	}

.entry_footer{
	padding		: 5px 5px 50px 0;
	text-align	: right;
	clear		: both;
	border-top	: solid 1px #FFF;
	}
	
/* 4.sideL
=====================================*/
.sideL{
	width		: 210px;
	margin-left : 0px;
	margin-top	: 0px;
	float		: left;
	}

#side_fb{
    width		: 210px;
	background	: #FFF;
	margin:15px 0 0 0;
	}

#side_dantai{
    width		: 210px;
	line-height	: 1.6;
	margin-bottom:15px;
	padding-bottom:5px;
	}

#side_dantai h4{
    width		: 210px;
	height      : 49px;
	display: block;
	margin :0;
	}

#side_dantai .d_photo{
    width		: 210px;
	height      : 131px;
	display: block;
	margin :0;
	float:left;
	}

#side_dantai .d_text{
    width		: 190px;
	background	: url("../img/side/bg_dantai.png") repeat-y;
	line-height	: 1.6;
	font-size:10px;
	padding:10px 10px 0px 10px;
	margin :0;
	color:#FFF;
	float:left;
	}

#side_dantai .d_fotter{
    width		: 210px;
	height      : 8px;
	float:left;
	margin :0;
	}
	
#side_jaf{
    width		: 210px;
	background	: #F9FFCC;
	line-height	: 1.4;
	margin-bottom:15px;
	padding-bottom:5px;
	}

#side_jaf h4{
    width		: 210px;
	height      : 45px;
	display: block;
	text-indent:-9999px;
	position: relative;
	background	: url("../img/side/ttl_jaf.gif");
	margin :0;
	}

#side_jaf p{
    width		: 193px;
	font-size   : 10px;
	padding-left : 10px;
	color:#333A01;
	margin-bottom: 0;
	}
	
#side_jaf .jaf{
    width		: 200px;
	height      : 174px;
	margin-left : 5px;
	margin-bottom: 5px;
	}

#side_jaf .jaf_syousai{
    width		: 118px;
	height      : 27px;
	margin-left : 46px;
	margin-top: 0;
	}

#side_jaf a {
	text-decoration: none;
	outline:none;
	color:#5C5B5C;
	}

#side_jaf a:hover {  
	color		: #5C5B5C;
	text-decoration	: none;
	}
					
.sideL h6{
	float		: left;
	margin		: 0px 0px 15px;
	}

#side_menu{
    width		: 210px;
	float		: left;
	background	: #A2CF2A;
	line-height	: 1.4;
	}

.menu{
	width		: 210px;
	margin			:0;
	padding			:0;
	}
	
			
.menu ul{
	margin-top	: 0px;
	padding-bottom: 5px;
	}
	
.menu li{
	padding : 1px 7px 1px 7px;
	}

.menu li a{
        text-decoration:none;
        color:#423636;
        background:url("https://www.okinawa-kayak.net/img/side/ttl_list.gif") no-repeat #F2FFCF;
        display:block;
        padding:10px 3px 10px 40px;
        line-height:140%;
		}

.menu li a:hover{
        background:url("https://www.okinawa-kayak.net/img/side/ttl_listh.gif") no-repeat #FFD554;
        line-height:140%;
        text-decoration:none;
		}

#side_mang{
    width		: 206px;
	float		: left;
	border		: solid 2px #FFE5A8;
	margin-bottom:15px;
	background  :#FFE5A8;
	color		: #323232;
	}

#side_mang a,
#side_mang a:hover{
	color		: #FF7200;
	}
	
.mang{
	margin      : 0 10px 0 10px;
	}

.ttl_mang{
	margin      : 0;
	}

#side_mang p{
    margin      : 5px 8px 10px 10px;
	font-size   : 80%;
	}
		
/* 5.footer
================================================== */
#footer{
	background	: url("https://www.okinawa-kayak.net/img/common/bg_fotter.gif") top center repeat-x #035820;
	height      : 100%;
	margin		: 30px auto 0;
	padding-bottom:10px;
	}
	
#footer_box{
	width       : 950px;
	margin		: 0px auto;
	}
		
.f_logo{
	margin-top	: 20px;
	float		: left;
	width       : 200px;
	text-align	: left;
	margin-left: 20px;
	}

.f_logo img{
	float: left;
	margin-left: 30px;
	margin-bottom :0px;
		}

		
.f_menu{
	margin-top	: 5px;
	margin-left: 15px;
	float		: left;
	width       : 700px;
	text-align	: left;
		}
	
.f_menu strong{
	color       : #FF8A00;
	font-size   : 160%;
	}

.f_menu a,
.f_menu a:hover{
	color		: #C7EA5E;
	}
			
#footer p{
	margin-left	: 15px;
	margin-top	: 15px;
	clear		: both;
}
	
/* 6.other
================================================== */
.b{
	font-weight	: bold;
	}
	
.normal{
	font-weight	: normal;
	}

.b_none{
	text-decoration	: none;
	border			: none;
	}

.clear{
	clear		: both;
	}

.thin{
	letter-spacing	: 0em;
	}

.font11{
	font-size		: 1.1em;
	}
	
.font12{
	font-size		: 1.2em;
	}
	
.font13{
	font-size		: 1.3em;
	}
	
.f_small{
	font-size		: small;
	}
	
/* 6-1.line
-------------------------------------------------- */
hr {
	display		: none;
	}
	
.clr {
	height		: 0;
	clear		: both;
	}
	
.line01{
	height		: 1px;
	margin		: 10px 0;
	clear		: both;
	background	: url(../img/common/line01.gif) repeat-x;
	}
	
.line02{
	height		: 9px;
	margin		: 10px 0;
	clear		: both;
	background	: url(../img/line02.gif) repeat-x;
	}	
	
/* 6-2.color
-------------------------------------------------- */
.blue{
	color		: #039;
	}

.red{
	color		: #C00;
	}

.green{
	color		: #008000;
	}
	
.orange{
	color		: #F60;
	}


/* 6-3.background
-------------------------------------------------- */
.bg_gray{
	background	: #CCC;
	}

.bg_beige{
	background	: #F3FDE8;
	}


/* 6-4.position
-------------------------------------------------- */
.textC{
	text-align	: center;
	color       :#F2FFCF;
	}

.textC a,
.textC a:hover{
	color		: #F2FFCF;
	text-decoration	: none;
	}

.textR{
	text-align	: right;
	}

.textL{
	text-align	: left;
	}
	
.imgR{
	float		: right;
	margin		: 0 0 10px 10px;
	}

.imgL{
	float		: left;
	margin		: 0 10px 10px 0;
	}
	
.imgR2{
	float		: right;
	margin		: 0;
	}

.imgL2{
	float		: left;
	margin		: 0;
	}

/* #side_navi
--------------------------------------------------------- */
#side_navi{
width:32px;
padding:7px 10px 3px 8px;
height:auto;
position:fixed;
top:175px;
right:0;
background: rgba(81, 53, 4, 0.8);
z-index: 110;
}

@media screen and (max-width: 800px) {
#side_navi{
display:none;
}
}

#side_navi li:hover {
	filter:alpha(opacity=80);  /* for IE */
	-moz-opacity: 0.8;  /* for Firefox */
	opacity: 0.8;  /* for Safari or Opera */
}

#side_navi #tab1{
width:35px;
height:38px;
position:relative;
margin-bottom:5px;
}

#side_navi #tab2{
width:35px;
height:38px;
position:relative;
margin-bottom:5px;
}

#side_navi #tab3{
width:35px;
height:35px;
position:relative;
margin-bottom:8px;
}

#side_navi #tab4{
width:35px;
height:35px;
position:relative;
margin-bottom:8px;
}

#side_navi #tab5{
width:35px;
height:35px;
position:relative;
margin-bottom:5px;
}


.f_icon{  
	margin:5px auto 15px;
	display: block;
	clear:both;
	float:left;
	} 

.f_icon li{
	margin:0 10px;
	float:left;
}

.f_icon li img{
	width:40px;
}

.campg_box{
	margin  :5px auto 20px;
	width : 435px;
	}

.campg{
	width : 435px;
	height  : 191px;
	margin-bottom:10px;
	}

.campg_syousai{
	width : 396px;
	height  : 30px;
	}

.campg_box p{
	text-align	: center;
	}

.catin10{
	display:block;
	font-weight:500;
	background:#FF5D5D;
	color:#FFF;
	margin-top:10px;
	margin-bottom:0;
	padding-top:0;
	font-size:1.2em;
	line-height:1.4;
	padding:8px 10px 8px;
	clear:both;
}