@charset "Shift_JIS";
/* 
	boat_charter.css
*/


/* body */
body{}
/* contents */
#contents ul.breadCrumb{
	padding-top: 9px;
	margin-bottom: 17px;
}

#contents ul.breadCrumb li{
	font-size: 80%;
}

#contents ul.breadCrumb li a{
	color: #245ea7;
	text-decoration: none;
}

#contents ul.breadCrumb li a:hover{
	text-decoration: underline;
}
/* main */
#main{
	font-size: 117%;
	width: 744px;
}

#main h2{
	padding-top: 3px;
	margin-bottom: 7px;
}

#main p.sub{
	background: url(../img/sub_bg.gif) no-repeat left;
	color: #044daa;
	font-size: 105%;
	padding: 7px 16px;
}

#main .planArea01 .clm02L{
	width: 310px;
}

#main .planArea01 .clm02L p.yoyaku{
	padding-top: 3px;
	margin: 0 0 57px 50px;
}

#main .clm02L p.private{
	text-align: center;
}

#main .clm02L .leadArea{
	color: #044daa;
}

#main .clm02L .leadArea table{
	border: 1px #6bd0f0 solid;
	width: 290px;
}

#main .clm02L .leadArea table th{
	background-color: #c9ebff;
	border-right: 1px #6bd0f0 solid;
	text-align: left;
	padding: 3px 5px;
	width: 145px;
}

#main .clm02L .leadArea table td{
	text-align: right;
	padding: 3px 0;
}

#main h3{
	margin-bottom: 16px;
}

#main .optionInner{
	padding: 0 10px 0 20px;
	font-size: 90%;
}

#main .optionInner .clm02L{
	width: 382px;
}

#main .optionInner .clm02L dl{
	border-bottom: 1px #d1d1d1 dotted;
}

#main .optionInner .clm02L dl.last{
	border-bottom: none;
}

#main .optionInner .clm02L dl dt{
	padding: 10px 0;
	width: 302px;
}

#main .optionInner .clm02L dl dd{
	color: #cc0000;
	padding: 10px 0;
	text-align: left;
	width: 80px;
	word-break: break-all;
}

#main .optionInner .clm02L dl.first dt{
	padding: 10px 0 0;
}

#main .optionInner .clm02L dl.first dd{
	padding: 19px 0 0;
}

#main .optionInner .clm02L dl.first dt span{
	vertical-align: middle;
	display: inline-block;
}

#main .optionInner .clm02L p{
	font-size: 85%;
}

#main .optionInner .clm02R{
	width: 307px;
}

#main .red{
	color: #cc0000;
}

#main .procedureArea{
	margin: 0 20px;
}

#main .procedureArea dl dt{
	color: #044daa;
	height: 17px;
	padding: 4px 0 4px 32px;
}

#main .procedureArea dl dd{
	line-height: 1.5;
}

#main .procedureArea dl.procedure01 dt{
	background: url(../img/procedure01.png) no-repeat;
}

#main .procedureArea dl.procedure02 dt{
	background: url(../img/procedure02.png) no-repeat;
}

#main .procedureArea dl.procedure03 dt{
	background: url(../img/procedure03.png) no-repeat;
}

#main .procedureArea dl.procedure04 dt{
	background: url(../img/procedure04.png) no-repeat;
}

#main .procedureArea dl.procedure05 dt{
	background: url(../img/procedure05.png) no-repeat;
}

#main .annotation{
	font-size: 85%;
	padding: 0 10px;
}

#main .annotation dl dt{
	font-weight: bold;
	line-height: 1.5;
}

#main .annotation dl dd{
	padding: 0 13px;
	line-height: 1.5;
}

#main .annotation dl dd ul li{
	line-height: 1.5;
}

#main .clm02L .leadArea table tr.first th,#main .clm02L .leadArea table tr.first td{
	border-bottom: 1px #6bd0f0 solid;
}

#main .clm02L .description ul li{
	line-height: 1.5;
}

#main .clm02L .description p{
	font-size: 85%;
	line-height: 1.5;
}

.right_photo{
	float:right;
	width:414px;
	margin:8px 0;
}

.right_photo img{
	float:left;
	width:46%;
	height:auto;
	margin:2% 2%;
}

.dbl_photo{
	float:left;
	width:100%;
	margin:0 auto 15px;
}

.dbl_photo img{
	float:left;
	width:50%;
	height:auto;
	box-sizing: border-box;
	padding:0 1.5% 0 0;
}