@charset "utf-8";
@import url(page.css);
@import url(entry.css);

/* common
------------------------- */
*{
	margin			:0;
	padding			:0;
	}
	
body{
	background		:#CCFFFF url(http://www.okinawa-marine.com/img/body_back.gif) top center repeat-x;
	padding			:0;
	margin			:0;
	font-size		:80%;
	color			:#1C353D;
	font-family		:Osaka, Verdana, Arial, Helvetica, sans-serif;
	line-height		:15pt;
	letter-spacing	:1px;
	text-align		:center;
	}
	
h1,h2,h3,h4,h5{
	font-weight		:normal;
	font-size		:100%;
	}
	
#container a,a:visited{
	color			:#3C95BD;
	text-decoration	:underline;
	}
	
#container a:hover{
	color			:#3C95BD;
	text-decoration	:none;
	}
	
img{
	border		:none;
	}
	
ul,li{
	list-style-type	:none;
	}
	
/* layout
------------------------- */
#container{
	width			:800px;
	margin			:0 auto;
	text-align		:left;
	background		:#FFFFFF url(http://www.okinawa-marine.com/img/container_bk.gif) top repeat-x;
	}
	
#header{
	height			:100px;
	}

.contents{
	margin			:10px 15px 20px 20px;
	float		:left;
	background-color:#FFFFFF;
	text-align		:center;
	}

.contact_box{
	width		: 750px;
	text-align	: left;
	margin		: 0px auto 20px 10px;
	}

.contact_box h3{
	margin		: 5px auto 5px 15px;
	text-align	: left;
	font-weight : bold;
	font-size   : 14px;
	color       : #1B9FFB;
	}
	
.course{
	width		: 710px;
	margin		: 20px auto 20px 10px;
	float		: left;
	background	: #E7FFFD;
	border		: solid 2px #1B9FFB;
	}
	
.contact_box p{
	margin		: 10px 20px 20px 20px;
	}

.course img{
	width		: 670px;
	margin		: 0px 20px 20px 20px;
	float		: left;
	}
						
#wrap{
	width			:800px;
	margin			:0 auto;
	text-align		:left;
	background-color:#FFFFFF;
	}
	
#right{
	float			:right;
	width			:370px;
	margin			:20px 20px 20px 10px;
	display			:inline;
	background-color		:#FFFFFF;
	}
	
#left{
	float			:right;
	width			:370px;
	margin			:20px 10px 20px 10px;
	background-color:#FFFFFF;
	}

#footer{
	background		:url(http://www.okinawa-marine.com/img/footer_back.gif) repeat-x;
	height			:124px;
	}
	
/* float
------------------------- */
.right{
	float				:right;
	margin-left			:8px;
	}
	
.left{
	float				:left;
	margin-right		:8px;
	}
	
.clr{
	clear				:both;
	height				:0;
	}
	
.clr hr{
	display				:none;
	}
	
/* textcolor
------------------------- */
.red{
	color				:#FF0000;
	}
	
.aka{
	color				:#FF0000;
	font-size			:14px;
	margin-bottom		:10px;
	}
	
.blue{
	color				:#0000FF;
	}

/* header
------------------------- */
h1{
	text-align		:right;
	font-size		:80%;
	}
	
#header p{
	text-align		:right;
	margin-right	:5px;
	font-size		:80%;
	}
	
#header	h2{
	text-align		:right;
	margin-right	:5px;
	font-size		:80%;
	}
	
#logo{
	float			:left;
	margin 			:-53px 0 0 8px;
	}
	
#submenu{
	float			:right;
	margin			:11px 0 0 0;
	}
	
#submenu li{
	float			:left;
	margin-right	:3px;
	}
	
#submenu img{
	vertical-align: bottom;
	}
	
/* right
------------------------- */
#menu h2{
	margin-bottom	:10px;
	}

	
.cate8{
	width			:170px;
	height			:168px;
	background		:url(http://www.okinawa-marine.com/menu/img/top_kayak.gif) no-repeat;
	margin			:10px 7px;
	float			:left;
	display			:inline;
	}
	
.cate8 h3{
	margin			:65px 5px 0 5px;
	}
	
.cate8 p{
	margin-right	:5px;
	margin-left		:5px;
	}
	
.cate8 img{
	margin-right	:5px;
	margin-left		:5px;
	}
	
.cate13{
	width			:170px;
	height			:168px;
	background		:url(http://www.okinawa-marine.com/menu/img/top_fishing.gif) no-repeat;
	margin			:10px 7px;
	float			:left;
	display			:inline;
	}
	
.cate13 h3{
	margin			:65px 5px 0 5px;
	}
	
.cate13 p{
	margin-right	:5px;
	margin-left		:5px;
	}
	
.cate13 img{
	margin-right	:5px;
	margin-left		:5px;
	}
	
.cate11{
	width			:170px;
	height			:168px;
	background		:url(http://www.okinawa-marine.com/menu/img/top_jetski.gif) no-repeat;
	margin			:10px 7px;
	float			:left;
	display			:inline;
	}
	
.cate11 h3{
	margin			:65px 5px 0 5px;
	}
	
.cate11 p{
	margin-right	:5px;
	margin-left		:5px;
	}
	
.cate11 img{
	margin-right	:5px;
	margin-left		:5px;
	}
	
.cate9{
	width			:170px;
	height			:168px;
	background		:url(http://www.okinawa-marine.com/menu/img/top_snorkel.gif) no-repeat;
	margin			:10px 7px;
	float			:left;
	display			:inline;
	}
	
.cate9 h3{
	margin			:65px 5px 0 5px;
	}
	
.cate9 p{
	margin-right	:5px;
	margin-left		:5px;
	}
	
.cate9 img{
	margin-right	:5px;
	margin-left		:5px;
	}




/* left
------------------------- */
#news{
	width			:370px;
	height			:100px;
	background		:url(http://www.okinawa-marine.com/img/newinfo.gif) no-repeat;
	}
	
#news dt{
	float			:left;
	clear			:left;
	width			:130px;
	padding-left	:15px;
	margin-left		:5px;
	background		:url(http://www.okinawa-marine.com/img/news_arrow.gif) left center no-repeat;
	}
	
/* campain
----------------- */
#campaing{
	margin			:10px 0;
	}
	
/* memories
----------------- */
.gallery{
	margin			:20px 0;
	}

.gallery h4{
	float			:left;
	margin-right	:5px;
	}
	
/* footer
------------------------- */
#footer_box{
	width			:800px;
	margin			:0 auto;
	font-size		:80%;
	}
	
#footer_box h3{
	padding			:30px 0 0 60px;
	}
	
#footer_box p{
	padding			:0 0 0 60px;
	}    
    	
#footer_box img{
	float			:left;
	margin			:-40px 0 0 70px;
	}
	
#footer a,a:visited{
	color			:#3C95BD;
	text-decoration	:underline;
	}
	
#footer a:hover{
	color			:#3C95BD;
	text-decoration	:none;
	}