/* TOUCAN CSS RESET | v0.1.9 */
/* General
---------------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;}
p, blockquote, q, pre, address, hr, code, samp,
dl, ol, ul, form, table, fieldset, menu{ margin-bottom: 2em;}

/* Structure
---------------------------------------- */
html{font-size: 100%;}
body{
     font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
     font-size: .875em;
     line-height: 1.5;}

/* Text
---------------------------------------- */
h1, h2, h3, h4, h5, h6{font-weight: bold;}
h1{ font-size: 3em; line-height: 1.1; margin-bottom: .238em;}
h2{ font-size: 2em; line-height: 1.15; margin-bottom: .357em;}
h3{ font-size: 1.5em; line-height: 1.2; margin-bottom: .476em;}
h4, h5, h6{ font-size: 1em; margin-bottom: .715em;}
em, i{ font-style: italic;}
strong, b{ font-weight: bold;}
blockquote, q, cite{ font-style: italic;}
blockquote, q{ quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{ content: ""; content: none;}
code, kbd, pre, samp, tt{ font-family: "andale mono", consolas, monaco, "lucida console", "courier new", courier, monospace; line-height: 1.3;}
pre{ /* word-wrap: break-word; */ white-space: pre-wrap;}
abbr, acronym, dfn{ border-bottom: 1px dotted; cursor: help; font-style: normal; font-variant: normal;}
var{ font-style: normal;}
center{ text-align: center;}

/* Hypertext
---------------------------------------- */
a:link{}
a:visited{}
a:hover{}
a:active{}
a:focus{ outline: 1px dotted;}

/* Image
---------------------------------------- */
img{ border: 0;}

/* List
---------------------------------------- */
ul{ list-style: circl outside none;}
ol{ list-style: decimal outside none;}
li{ margin-left: 2em;}
li ul, li ol{ margin-bottom: 0;}
dt{ font-weight: bold;}
dd{ margin-bottom: 1em;}

/* Presentation
---------------------------------------- */
hr{border: 0; border-bottom: 1px solid;}
big{ font-size: 1.25em;}
small, sub, sup{ font-size: .85em;}
sub, sup{line-height: 1;}
sub{ vertical-align: bottom;}
sup{ vertical-align: top;}
del, s, strike{ text-decoration: line-through;}
ins{ border-bottom: 1px dotted; text-decoration: none;}
bdo{ border-bottom: 1px dotted;}
u{ text-decoration: underline;}

/* Form
---------------------------------------- */
fieldset{ padding: 1em;}
legend{ font-weight: bold; padding: 0 .25em;}
input, textarea, select, button{ font-family: inherit; font-size: 1em;}
input[type=button], input[type=file], input[type=image], input[type=reset], input[type=submit],
button[type=button], button[type=reset], button[type=submit]{ cursor: pointer; line-height: 1;}
input[type=text], input[type=password], textarea{ padding: 1px;}
textarea{ line-height: 1.25; text-align: left;}

/* Table
---------------------------------------- */
table{ border: 0; border-collapse: collapse; border-spacing: 0; line-height: 1.3;}
caption, th, td{ text-align: left; vertical-align: top;}
th, td{ border: 1px solid; padding: .5em 1em;}
caption{ padding-bottom: 1em;}
th{ font-weight: bold;}

/* combine
---------------------------------------- */
/* Clearfix */
.wrap{ zoom: 100%; display: inline-block;} .wrap:after{ content: " ";  clear: both;  height: 0;  display: block;  visibility: hidden;} .wrap{display: inline-block;} * html .wrap{ height: 1%;} .wrap{display: block;}
/*anchor*/
a:hover img.alpha{filter:alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
a.button{ display: block; margin: 0.3em auto; padding: 10px 0; color: #FFF; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; background-image: url(images/bg_button.jpg); background-position: left top; background-repeat: repeat-x; background-color: #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
a.button:hover{background-position: left bottom; text-decoration: none;}
/*context*/
.indent{padding-left: 1.1em; padding-right: 1em;}
ul.indent,ol.indent{margin-left: 2.2em;}
.segment{margin-bottom: 2em;}
.tRight{ text-align: right;}
span.tRight{ display: block;}
.tCenter{ text-align:center;}
span.tCenter{ display: block;}
/*border*/
.bdr{border: 1px solid #CCC;}
.hr{border-bottom: 1px dashed #CCC; padding-bottom: 1em;}
/*box*/
.rad{-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 8px;}
.box{ width: 90%; margin: 0 auto;}
.shadow{box-shadow: 0 0 2px #333; -moz-box-shadow: 0 0 2px #333; -webkit-box-shadow: 0 0 2px #333;}
/*noLst*/
.noLst li{ margin: 0; padding: 0; list-style: outside none !important;}


/* layout
---------------------------------------- */
.shell{
	width: 960px;
	margin: 0 auto;}
#header #navigation{
	width: 200px;
	float: left;}
#header #navigation h1{
	margin: 0;}
#header #navigation h1 img{
	vertical-align: bottom;}	
#header #branding{
	width: 760px;
	float: right;}

/* header
---------------------------------------- */
#header #map{
	background: url(images/map.jpg) right bottom no-repeat;
	width: 230px;
	height: 90px;
	padding: 230px 0 0 10px;
	float: right;}
#header #map a{ display: block;}
#header #map a:link,
#header #map a:visited{
	background: url(images/googleMap.png) 0 0 no-repeat;}
#header #map a:hover{
	background-position: 0 -100px;}
#header #map a:action{
	background-position: 0 -100px;}
#header #map a img{
	vertical-align: bottom;}
#header #introduction p{
	font-size: 1.1em;
	margin-right: 250px;}
#header .content{
	margin-left: 15px;}
#areaMap{
	clear: right;}
#footer{text-align: center; border-top: 1px solid #DDD; margin-top: 2em;}

/*navi*/
#menu li{
	margin-bottom: .3em;}
#menu a{ display: block; width: 200px; height: 60px; overflow: hidden;}
#nav01 a:link,
#nav01 a:visited{
	background: url(images/nav01.jpg) 0 0 no-repeat;}
#nav02 a:link,
#nav02 a:visited{
	background: url(images/nav02.jpg) 0 0 no-repeat;}
#menu a:hover{
	background-position: 0 -60px;}
#menu a:action{
	background-position: 0 -60px;}
/*banner*/
.banner a{
	width: 180px;
	height: 40px;
	display: block;
	float: right;
	overflow: hidden;}
.busLoadmap a:link,
.busLoadmap a:visited{
	background: url(images/bnr_bus.jpg) 0 0 no-repeat;}
.gotoTop a:link,
.gotoTop a:visited{
	background: url(images/bnr_top.jpg) 0 0 no-repeat;}
.banner a:hover{
	background-position: 0 -40px;}
.banner a:action{
	background-position: 0 -40px;}
	
#container{ clear: both;}

#content02{ background: url(images/idx_gallery.jpg) 0 0 no-repeat; padding-left: 220px;}

table.noBdr{ border: none;}
table.noBdr td,table.noBdr th{ border: none; padding: 4px;}
table.noBdr p{ margin-bottom: .5em; padding: .5em; background: #DBF482; color: #3F4E30;}

#room_colors{
	border: 4px solid #F19A9A;
	padding: 1em;
	margin-bottom: 1em;}
#room_colors .colors_intro{
	font-size: 1.1em;
	color: #036;}
	
#content03{ background: url(images/idx_variation.jpg) 0 0 no-repeat; padding-left: 220px;}
#variation_list{ width: 640px; margin: 0 0 0 60px;}
#variation_list h5{ text-align: center;}