@charset "UTF-8";



@import url("structure.css");



/* ======================================



 honshudesk.html



======================================= */



#contents .leading

{

	margin: 20px 0;

}



/* ----- anchor navigation ----- */



#contents .anchor

{

	overflow: hidden;

	width: 950px;

	margin: 0 0 20px;

	padding: 0 5px;

}

#contents .anchor li

{

	float: left;

}

#contents .anchor li a

{

	margin-right: 10px;

	padding-left: 10px;

	background: url(../img/com/arrow_r_green.gif) no-repeat left center;

	color: #053a1e;

	text-decoration: none;

}



/* ----- common desk ----- */



#contents .desk

{

	overflow: hidden;

	clear: both;

	width: 960px;

}

#contents .desk h3

{

	margin: 0 0 20px;

	padding: 7px;

	background: #7bb388;

}



/* ----- common desk side ----- */



#contents .desk .side

{

	float: left;

	width: 250px;

	margin: 0 0 20px;

}

#contents .desk .side .image

{

	margin: 0 0 15px;

}

#contents .desk .side .location

{

	width: 230px;

	padding: 9px;

	border: 1px solid #ccc;

}

#contents .desk .side .location h4

{

	margin: 0 0 5px;

	padding: 5px;

	background: #ebebeb;

	font-size: 116%;

}

#contents .desk .side .location p

{

	margin: 0 0 1em;

	padding: 5px;

}

#contents .desk .side .location .map

{

	text-align: center;

}



/* ----- common desk main ----- */



#contents .desk .main

{

	float: right;

	width: 690px;

}

#contents .desk .main .info

{

	margin: 0 0 20px;

}

#contents .desk .main .info dl dt

{

	margin-bottom: 0.2em;

	color: #436b56;

	font-size: 116%;

	font-weight: bold;

}

#contents .desk .main .info dl dd

{

	margin-bottom: 1em;

}

#contents .desk .main .special

{

	width: 660px;

	margin: 0 0 20px;

	padding: 15px;

	background: #e1eee4;

}

#contents .desk .main .special h4

{

	margin: 0 0 5px;

	color: #436b56;

	font-size: 116%;

}

#contents .desk .main .special p

{

	margin: 0 0 1em;

}

#contents .desk .main .special strong

{

	color: #000;

}

#contents .desk .main .reservation

{

	width: 660px;

	margin: 0 0 20px;

	padding: 15px;

	background: #ffe9d2;

}

#contents .desk .main .reservation h4

{

	margin: 0 0 5px;

	color: #f00;

	font-size: 116%;

}

#contents .desk .main .reservation .note

{

	margin: 0 0 1em;

	color: #f00;

}

#contents .desk .main .reservation .tel li

{

	margin: 0 0 0.3em;

	color: #333;

	font-size: 150%;

	font-weight: bold;

}

#contents .desk .main .reservation .open

{

	color: #000;

}



/* ----- esthe ----- */



#contents .desk .main .esthe

{

	overflow: hidden;

	width: 660px;

	margin: 0 0 20px;

	padding: 15px;

	background: #e1eee4;

}

#contents .desk .main .esthe h4

{

	margin: 0 0 10px;

	color: #436b56;

	font-size: 116%;s

}

#contents .desk .main .esthe .image

{

	float: left;

	width: 155px;

}

#contents .desk .main .esthe .info

{

	float: right;

	width: 485px;

	margin: 0;

}

#contents .desk .main .esthe .info h5

{

	margin: 0 0 5px;

}

#contents .desk .main .esthe p

{

	margin: 0 0 1em;

}

#contents .desk .main .esthe p.note

{

	font-size: 84%;

}

#contents .desk .main .esthe strong

{

	color: #000;

}









/* ----- dress ----- */

.dress1{

	margin-top: 30px;

}

.dress1 td{

	text-align: left;

	vertical-align: top;

}

#contents .dress1 .dress2

{

	overflow: hidden;

	clear: both;

	width: 250px;

}

#contents .dress1 .dress2 .side

{

	float: left;

	width: 250px;

	margin: 0 0 20px;

}

#contents .dress1 .dress2 .side .image

{

	margin: 0 0 15px;

}

#contents .dress1 .dress2 .side .location

{

	width: 230px;

	padding: 9px;

	border: 1px solid #ccc;

}

#contents .dress1 .dress2 .side .location h4

{

	margin: 0 0 5px;

	padding: 5px;

	background: #ebebeb;

	font-size: 116%;

}

#contents .dress1 .dress2 .side .location p

{

	margin: 0 0 1em;

	padding: 5px;

}

#contents .dress1 .dress2 .side .location .map

{

	text-align: center;

}
