@charset "utf-8";

/*---------------------------------------
 detail （トップページのスタイル）
=======================================*/

/* 　　　
---------------------------------------*/
/*** ぱんくず ***/
ul.bread{
	display: block;
	width: 80%;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 8px;
}

ul.bread > li{
	display: inline;
	padding-right: 6px;
	margin-right: 6px;
}


/*** 詳細　コンテンツ外枠 ***/
img.detailcont-cap{
	display: block;
	width: 1012px;
	height: 12px;
	margin: 0 auto;
}

.detailcont{
	display: block;
	width: 1012px;
	margin: 0 auto;
	background: url(../../../imgs/detail/bg-detailcont-body.png) repeat-y 0 0;
}

.detailcont > .inbox{
	display: block;
	width: 975px;
	padding: 10px 0;
	margin-left: 18px;
}

/* 横浜中古艇フェア２０１５
---------------------------------------*/
/*==================
ヘッダーイメージ
====================*/
#boat_show_2015 img.img_main{
	display: block;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

/*==================
セクションタイトル
====================*/
#boat_show_2015 .tit_sec{
	display: block;
	width: 970px;
	height: 32px;
	line-height: 32px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-indent: 12px;
	background: url(../imgs/bg_tit_sec.jpg) repeat 0 0;
	margin-bottom: 10px;
}

/*==================
セクション1　トップ
====================*/
#boat_show_2015 .sec01_top{
	width: 970px;
}

/*==================
セクション1　トップ 左側
====================*/
#boat_show_2015 .sec01_top .left{
	width: 529px;
}

#boat_show_2015 .sec01_top .left .img_sec01_top_l{
	display: block;
	/*margin-bottom: 13px;*/
	margin-bottom: 30px;
}

#boat_show_2015 .sec01_top .left .orange{
	width: 529px;
	background: #FFDC73;
	/*margin-bottom: 13px;*/
	margin-bottom: 30px;
}

#boat_show_2015 .sec01_top .left .orange p{
	color: #111111;
	font-size: 20px;
	line-height: 1.3em;
	font-weight: bold;
	padding: 15px;
}

#boat_show_2015 .sec01_top .left h4.tit_shoplist{
	width: 529px;
	height: 25px;
	line-height: 25px;
	color: #3D8BC9;
	font-size: 17px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	margin-bottom: 7px;
}

#boat_show_2015 .sec01_top .left .box_shoplist{
	width: 529px;
}

#boat_show_2015 .sec01_top .left .box_shoplist ul.left{
	width: 45%;
}

#boat_show_2015 .sec01_top .left .box_shoplist ul.right{
	width: 55%;
}

#boat_show_2015 .sec01_top .left .box_shoplist ul li{
	width: 80%;
	line-height: 1.3em;
	color: #535353;
	/*font-size: 17px;*/
	font-size: 15px;
	background: url(../imgs/li_shoplist.jpg) no-repeat left top;
	padding-left: 25px;
	margin-bottom: 5px;

}

#boat_show_2015 .sec01_top .left .box_shoplist ul li.no-bg{
	background-image: none;
}

#boat_show_2015 .sec01_top .left .box_shoplist ul li a{
	color: #535353;
	/*font-size: 17px;*/
	font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
}

#boat_show_2015 .sec01_top .left .box_shoplist ul li a:hover{
/*	background: linear-gradient(transparent 40%, #ffff66 40%);*/
	background: linear-gradient(transparent 40%, #FFDC73 40%);
	/*background: linear-gradient(transparent 40%, #66FFCC 40%);*/
}

/*==================
セクション1　トップ 右側
====================*/
#boat_show_2015 .sec01_top .right{
	width: 425px;
}

#boat_show_2015 .sec01_top .right h4{
	font-size: 17px;
	color: #3D8BC9;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 5px;
}

#boat_show_2015 .sec01_top .right p{
	line-height: 20px;
	margin-bottom: 7px;
}

#boat_show_2015 .sec01_top .right p.linkes{
	line-height: 20px;
	text-align: center;
	padding-top: 7px;
}

#boat_show_2015 .sec01_top .right p.linkes a{
	padding-right: 15px;
	background: url(../imgs/bg_linkes.jpg) no-repeat right center;
}

#boat_show_2015 .sec01_top .right .img_sec01_r1{
	margin-bottom: 10px;
}

#boat_show_2015 .sec01_top .right .img_sec01_r2{

}

/*==================
セクション1　トップ MID
====================*/
#boat_show_2015 .sec01_mid{
	display: block;
	margin-bottom: 10px;
}

/*==================
セクション1　トップ boat_area
====================*/
.boat_area{
	display : block;
	width: 100%;
	padding: 15px 0;
}

.boat_box{
	float: left;
	display: block;
	width: 24.5% !important;
	margin-right: 4px;
	margin-bottom: 3px;
}

.boat_box table{
	table-layout: fixed;
	width: 100%;
	border-collapse: separate;
	/*border-collapse: collapse;*/
	border: 1px solid #CCC;
}

.boat_box table tr th,
.boat_box table tr td{
	text-align: center;
	font-size: 13px;
	padding: 2px;
}

.boat_box table tr th{
	width: 40%;
	color: #FFF;
	background-color: #2E81C5;
}

.boat_box table tr td{
	width: 60%;
	text-align: center;
/*	text-indent: 5px; */
	background-color: #EBEDEC;
}

.boat_box table tr td a{
	display: block;
	height: 175px;
	max-height: 175px;
	overflow: hidden;
	padding: 20px 0;
	/* transition */
	transition-property: all;
	transition-duration: .3s;
	transition-timing-function: ease-in-out;
}

.boat_box table tr td a:hover{
	opacity: .6;
}

.boat_box table tr td img{
	width: 100%;
}

/*==================
セクション1　トップ BOTTOM
====================*/
#boat_show_2015 .sec01_bottom{
	display: block;
	width: 967px;
	height: 251px;
	background: url(../imgs/bg_sec01_bottom.jpg) no-repeat 0 0;
	margin: 0 auto 10px;
	position: relative;
}

#boat_show_2015 .sec01_bottom .inner{
	display: block;
	width: 937px;
	padding: 15px;
}

#boat_show_2015 .sec01_bottom h4.sec01_bottom_opt{
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 21px;
	color: #663300;
	font-weight: bold;
	background: url(../imgs/icon_sec01_bottom_opt.jpg) no-repeat left top;
	padding-left: 50px;
}

#boat_show_2015 .sec01_bottom .inner > div{
	width: 500px;
	position: relative;
	left: 155px;
}

#boat_show_2015 .sec01_bottom .inner > div.sec01_bottom01{
	padding-top: 5px;
	margin-bottom: 15px;
}

#boat_show_2015 .sec01_bottom .inner > div.sec01_bottom01 p{
	font-size: 15px;
	line-height: 1.3em;
	color: #111111;
}

#boat_show_2015 .sec01_bottom .inner > div.sec01_bottom01 p.sub{
	font-size: 12px;
	line-height: 1.5em;
	color: #111111;
	text-align: right;
}

#boat_show_2015 .sec01_bottom .inner > div.sec01_bottom01 p span{
	color: #D86C00;
	font-weight: bold;
}

#boat_show_2015 .sec01_bottom .inner > div.sec01_bottom02{
	width: 370px;
}

#boat_show_2015 .sec01_bottom .inner p.sec01_bottom03{
	text-align: center;
	position: absolute;
	left: 550px;
	top: 145px;
}

#boat_show_2015 .sec01_bottom .inner p.sec01_bottom03 img{
	display: block;
}

/*==================
セクション2
====================*/
#boat_show_2015 .sec02{
	display: block;
	text-align: center;
	margin-bottom: 15px;
}

/*==================
セクション3
====================*/
#boat_show_2015 .sec03{
	width: 960px;
	padding: 0 5px;

}

/*==================
セクション3 左側
====================*/
#boat_show_2015 .sec03 .left{
	width: 400px;
}

#boat_show_2015 .sec03 .left h4{
	font-size: 17px;
	color: #2D81C4;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 7px;
}

/*==================
セクション3 右側
====================*/
#boat_show_2015 .sec03 .right{
	width: 550px;
	padding-top: 27px;
}

#boat_show_2015 .sec03 .right p{
	font-size: 17px;
	color: #444444;
	line-height: 25px;
}

#boat_show_2015 .sec03 .right p span{
	font-weight: bold;
	color: #2D81C4;
}

#boat_show_2015 .sec03 .right p a{
	color: #2D81C4;
	text-decoration: none;
}

#boat_show_2015 .sec03 .right p.bold{
	font-size: 17px;
	color: #0B0000;
	font-weight: bold;
}


boat_area