@charset "utf-8";

/* top.css --------------------------------------------------------------
 :title "top";
 :created "2006-08-19";
 :release [:revision "1.0"; :created "2008-08-19"];
 :author [:name "diamon"; :homepage <http://refeed.jp/>; :mbox "info@refeed.jp"];
 
------------------------------------------------------------------------------------*/

body#top {
	background-image:url(img/top/bg.gif);
}

#top h1 {
	height:48px;
	width:241px;
	margin:0;
	padding:17px 0 0 30px;
	background-image:none;
	display:block;
	float:left;
}

#top .mainimage {
	height:268px;
}


#top .mainimg {
	height:268px;
	width:800px;
	background-image:url(img/top/mainimg.jpg);
	text-indent:-30000px;
	margin:0 auto;
}

/* レフトカラム */

.topnews {
	border:1px solid #ccc;
	margin:0 0 38px 0;
}

#top .profile {
	margin:0 0 30px 0;
}

#top .profile h2 {
	height:11px;
	width:56px;
	margin:0;
	padding:0;
	background-image:url(img/top/title_profile.gif);
	background-repeat:no-repeat;
	text-indent:-30000px;
}

#top .profile h3 {
	width:200px;
	margin:0 0 5px 0;
	padding:0;
	font-size:12px;
	text-align:center;
	background:none;
}

#top .profile .photo {
	height:144px;
	width:200px;
	background-image:url(img/top/profile_img.jpg);
	background-repeat:no-repeat;
	text-indent:-30000px;
}

#top .profile p {
	margin:0 5px 10px 5px;
}

#top .profile .tel {
	height:16px;
	width:179px;
	background-image:url(img/top/profile_tel.gif);
	background-repeat:no-repeat;
	text-indent:-30000px;
}

#top .profile a.mail {
	height:16px;
	width:179px;
	background-image:url(img/top/profile_mail.gif);
	background-repeat:no-repeat;
	text-indent:-30000px;
	display:block;
}

#top .profile ul {
	margin:0;
	padding:0;
}

#top .profile ul li {
	margin:0 0 0 10px;
	padding:0;
	list-style-type:none;
	float:right;
}

#top .profile ul li a.company {
	height:12px;
	width:53px;
	background-image:url(img/top/profile_navi_company.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-30000px;
}

#top .profile ul li a.access {
	height:12px;
	width:72px;
	background-image:url(img/top/profile_navi_access.gif);
	background-repeat:no-repeat;
	display:block;
	text-indent:-30000px;
}

/* ライトカラム */

#top .info-block {
	width:169px;
	background-color:#ccc;
	margin:0 6px 18px 0;
	padding:5px;
	float:left;
}

#top .info-block .article {
	background-color:#fff;
	padding:0 0 5px 0;
	margin:0;
	height:245px;
}

#top .info-block .article p {
	margin:0 0 10px 5px;
	
}

#top .info-block .article p.caption {
	color:#09f;
	margin:5px 0 5px 5px;
	font-weight:bold;
}


#top .info-block .article h2 {
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	background:none;
	text-indent:-30000px;
}

#top .info-block .article h2 a {
	width:158px;
	height:21px;
	margin:0 0 0 5px;
	display:block;
}

#top .info-block .article a.moorings {
	background-image:url(img/top/title1.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
}

#top .info-block .article a.repair {
	width:158px;
	background-image:url(img/top/title2.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
}

#top .info-block .article a.sale {
	width:158px;
	background-image:url(img/top/title3.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
}

#top .info-block .article a.ship-delivery {
	width:158px;
	background-image:url(img/top/title4.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
}

#top .info-block .article a.licence {
	width:139px;
	background-image:url(img/top/title5.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
}

#top .info-block .article a.seabass {
	width:158px;
	background-image:url(img/top/title6.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
}

#top .info-block .article .details-box {
	margin:0 0 0 92px;
}
 
#top .info-block .article a.details {
	height:11px;
	width:72px;
	background-image:url(img/top/details.gif);
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	text-indent:-30000px;	
}

#top .info-block .article a.details:hover {
	background-position:0 -11px;
}