@charset "UTF-8";
@import url("http://www.hayama-diving.com/shared/css/style.css");
@import url("http://www.hayama-diving.com/shared/css/menu.css");
@import url("http://www.hayama-diving.com/shared/css/other.css");
/*------------------------------------------------
   TopOnly-Change
------------------------------------------------*/
div#header {
	padding:0 10px;
	margin-bottom:20px;
	width:780px;
	height:100px;
	background:url(http://www.hayama-diving.com/shared/images/headerbg.jpg) no-repeat;
	}
	
h1#logo{
	margin-top:9px;
	float:left;
}
h1#logo a{
	display:block;
	width:396px;
	height:81px;
	text-indent:-5000px;
	background:url(http://www.hayama-diving.com/shared/images/logo.gif) no-repeat;
}

div#header-inner{
	float:right;
	width:364px;
	margin-top:13px;
}

div#header-inner h2{
	float:left;
	width:189px;
	height:41px;
}
p#shoponly{
	float:right;
}
p#shoponly a{
	display:block;
	width:175px;
	height:41px;
	text-indent:-5000px;
	background:url(http://www.hayama-diving.com/shared/images/shoponly_btn.gif) no-repeat 0 0;
}
p#shoponly a:hover{
	background-position:0 -41px;
}


/*------------------------------------------------
   TopElements
------------------------------------------------*/
#mainvisual {
	margin-bottom:20px;
	width:580px;
	height:230px;
}
/*----------
	ClientBanner
----------*/
div#clientbanner{
	margin-bottom:20px;
	width:580px;
	background:url(http://www.hayama-diving.com/images/clientbanner_bgTop.gif) no-repeat 0 0;
}
div#clientbanner-inner{
	float:left;
	margin-top:10px;
	padding:0 10px;
	width:560px;
	background:url(http://www.hayama-diving.com/images/clientbanner_bgMiddle.gif) repeat-y 0 0;
}
div#clientbanner-inner p{
	float:left;
}
p#clientbanner_padi{padding-left:4px;}
p#clientbanner_national{padding-left:15px;}
p#clientbanner_txt{padding:26px 0 0 15px;}

div#clientbanner-bottom{
	clear:left;
	width:580px;
	background:url(http://www.hayama-diving.com/images/clientbanner_bgBottom.gif) no-repeat 0 0;
}

/*----------
	Topics
----------*/
div.topics{
	margin-bottom:20px;
	width:580px;
	height:180px;
}

div.topics-news{background:url(images/newsBg.jpg) no-repeat 0 0;}
div.topics-diving{background:url(images/divingBg.jpg) no-repeat 0 0;}
div.topics-tour{background:url(images/tourBg.jpg) no-repeat 0 0;}

div.topics h3{
	padding:16px 0 0 445px;
}
div.topics h3 a{
	display:block;
	width:126px;
	height:20px;
	text-indent:-5000px;
}
h3#newsList a{background:url(images/btn_newsList.gif) no-repeat 0 0;}
h3#newsList a:hover{background:url(images/btn_newsList.gif) no-repeat 0 -20px;}
h3#divingList a{background:url(images/btn_divingList.gif) no-repeat 0 0;}
h3#divingList a:hover{background:url(images/btn_divingList.gif) no-repeat 0 -20px;}
h3#tourList a{background:url(images/btn_tourList.gif) no-repeat 0 0;}
h3#tourList a:hover{background:url(images/btn_tourList.gif) no-repeat 0 -20px;}

div.topics-inner{
	float:left;
	padding:33px 10px 0 14px;
	width:556px;
}
div.topics-inner dl{
	font-size:11px;
	line-height:1.8;
}
div.topics-inner dt{
	float:left;
	width:69px;
	font-weight:bolder;
	color:#fff;
}
div.topics-inner dd{
	width:487px;
	float:left;
}
div.topics-inner dd a:link{color:#fff}
div.topics-inner dd a:visited{color:#fff}
div.topics-inner dd a:hover{color:#A30114}
div.topics-inner dd a:active{color:#fff}

div.topics-bottom{
	clear:left;
	width:580px;
	height:20px;
}