@charset "utf-8";
/*---------------------------------------
common.css
create:asoTWC/nishioka
---------------------------------------*/

*{
	margin:0;
	padding:0;
}

body {
	color:#333;
	font-size: 84%; /* modern browser */
	*font-size: small; /* IE 7 */
	*font: x-small; /* IE 6 */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color:#5a554e;
}
body, x:-moz-any-link {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 87%;
}

/* link
--------------------------------------------------------------*/
a:link,a:visited {text-decoration: underline;color:#936f00;}
a:hover,a:active {
	text-decoration: none; color: #ffc411;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}


/* frame
--------------------------------------------------------------*/
#container {
	background-color:#fff;
}

/* header
--------------------------------------------------------------*/
#smHeader {
	display:none;
}
#smGlobalHeader {
	display:none;
}
#header {
	background:url(img/topbar_bg.gif) repeat-x 0 -11px #fff;
	text-align:center;
	padding:5px 0 0px;
	width:100%;
/*
	position:fixed;
	left:0;
	top:0;
	z-index:1000;
*/
}
#asoHome #navigation {
	padding-top:15px;
}
.headerSecond {
	padding-bottom:0 !important;
}
#header #secondHeader {
	height:133px;
	background:url(img/header_bg.gif) repeat-x left top;
}
#header #secondHeader .alignCenter img {
	height:130px;
	width:auto;
}
#header #secondHeader .headerInner {
	width:800px;
	margin:0 auto;
}
#header #secondHeader .headerLogo {
	float:left;
}
#header #secondHeader .headerLogo img {
	height:133px;
	width:auto;
}
#header #secondHeader .headerInfo {
	float:right;
	width:500px;
	text-align:right;
	padding-top:50px;
}
#header #secondHeader .headerInfo2 {
	float:right;
	width:500px;
	text-align:right;
	padding-top:12px;
}
#header #secondHeader .headerInfo2 p {
	padding-bottom:10px;
}
#header #secondHeader .startMessage {
	padding-bottom:10px;
}

#headerTopInquiry {
	width:800px;
	margin:0 auto;
	text-align:right;
}
#headerTopInquiry img {
	padding-left:15px;
}

#navigation {
	text-align:right;
	padding:10px 0 10px;
	margin-bottom:20px;
	border-bottom:1px solid #dfd5c5;
}
#navigation .topNaviInner {
	width: 800px;
	margin: 0 auto;
	text-align: center;
}
#navigation .topNaviInner ul {
	float:left;
}
#navigation .topNaviInner ul li {
	float:left;
	width:150px;
	text-align:left;
	padding-top:5px;
}
#navigation img {
	padding-bottom:5px;
	padding-right:10px;
	vertical-align:bottom;
}
#navigation img.twitter {
	padding-bottom:1px;
}


/* globalnavigation
--------------------------------------------------------------*/



#globalNavigation {
	clear:both;
	height:57px;
	padding-bottom:20px;
	background:url(img/gnavi_bg.gif) repeat-x left top;
	width:100%;
/*
	position:fixed;
	left:0;
	top:138px;
	z-index:1000;
*/
}
#asoHome #globalNavigation {
	top:260px;
}
#forignHome #globalNavigation {
	top:420px;
}
#globalNavigation ul {
	width:800px;
	margin:0 auto;
}
#globalNavigation ul li {
	float:left;
}
/* socialmedia
--------------------------------------------------------------*/
#bottom {
	padding:20px 0;
	margin-bottom:10px;
	background-color:#807b74;
	text-align:center;
}
#bottom li {
	display:inline;
	padding-left:20px;
}
#bottom li img {
	padding-bottom:5px;
	padding-right:5px;
	vertical-align:bottom;
}

/* contents
--------------------------------------------------------------*/
#contents,
#content {
	width:800px;
	margin:0 auto;
	padding:20px 0 50px;
}
#asoHome #contents {
	padding:20px 0 50px;
}
#forignHome #contents {
	padding-top:500px;
}
.unitBox {
	width:100%;
	padding-bottom:25px;
}
#contents h1,
#contents h2,
#contents .pageTitle {
	padding-bottom:15px;
}
#contents h2 {
	font-size:150%;
	padding:0 9px 10px;
	color:#494744;
}
#contents h2.topTitle {
	padding:0 0px 15px;
	font-size:150%;
	color:#494744;
}
#contents h3 {
	font-size:130%;
	padding:0 9px 10px;
	color:#494744;
}
#contents p {
	padding:0 9px 10px;
	line-height:170%;
}
#contents table.normalTable {
	width:100%;
	margin:0 9px 20px;
}
#contents table.normalTable td,
#contents table.normalTable th {
	padding:7px 0 7px;
	border-bottom:1px solid #ddd;
}
#contents table.normalTable th {
	color:#595753;
	text-align:left;
}

#contents .pageTop {
	text-align:right;
}

#contents dl.newsList {
	padding:0 9px 10px;
}
#contents #newsDetail {
	padding:0 9px 10px;
}
#contents #newsDetail .newsTitle {
	font-size:200%;
	padding:0 0 5px;
	border-bottom:2px solid #a1937b;
	margin-bottom:20px;
	color:#97896d;
}
#contents #newsDetail .newsDate {
	color:#777;
	padding-bottom:5px;
}
#contents #newsDetail .cts {
	font-size:110%;
}
#contents #newsDetail .photo {
	float:right;
	padding:0 0 20px 20px;
}
#contents #newsDetail .photo img {
	padding:7px;
	border:1px solid #ded3bf;
}

#contents .linkListTable {
	margin:10px 9px;
	width:100%;
}
#contents .linkListTable th,
#contents .linkListTable td {
	padding:20px 0 5px;
	border-bottom:1px solid #cbc3b3;
}
#contents .linkListTable th {
	width:250px;
	font-size:120%;
}
#contents .facilitiesTable {
	margin:10px 9px;
	width:100%;
}
#contents .facilitiesTable th,
#contents .facilitiesTable td {
	width:25%;
	padding:0px 0 5px;
	vertical-align:top;
}
#contents .facilitiesTable th {
	white-space:nowrap;
	text-align:left;
	font-weight:bold;
	font-size:120%;
}
#contents .staffTable {
	margin:10px 0px;
	width:100%;
}
#contents .staffTable th,
#contents .staffTable td {
	padding:15px 0px;
	border-bottom:1px solid #dfd5c5;
}
#contents .staffTable th {
	padding-right:15px;
	text-align:left;
}
#contents dl {
	margin:0px 9px;
	padding-bottom:30px;
}
#contents dl dt {
	font-weight:bold;
	font-size:130%;
	padding-bottom:3px;
	border-bottom:2px solid #e1d9c8;
	margin-bottom:12px;
	margin-top:20px;
}
#contents dl dd {
	padding-left:0px;
	padding-bottom:7px;
	display:list-item;
	list-style-type:disc !important;
	margin-left:40px;
}
#contents ul.tabMenu {
	background:url(img/tab_bg.gif) no-repeat 0 35px;
	margin-top:20px;
	padding:0 62px 70px;
}
#contents ul.tabMenuB {background:url(img/tab_bg_b.gif) no-repeat 0 35px;}
#contents ul.tabMenuC {background:url(img/tab_bg_c.gif) no-repeat 0 35px;}
#contents ul.tabMenuD {background:url(img/tab_bg_d.gif) no-repeat 0 35px;}
#contents ul.tabMenuE {background:url(img/tab_bg_e.gif) no-repeat 0 35px;}
#contents ul.tabMenu li {
	float:left;
	margin:0 5px;
}
#contents ul.tabMenu li.active {
	width:125px;
	height:30px;
	padding-top:11px;
	text-align:center;
	font-size:13px !important;
	color:#645546;
	background:url(img/tab_ovr.gif) no-repeat left top;
}
#contents ul.tabMenu li.activeB {background:url(img/tab_ovr_b.gif) no-repeat left top;}
#contents ul.tabMenu li.activeC {background:url(img/tab_ovr_c.gif) no-repeat left top;}
#contents ul.tabMenu li.activeD {background:url(img/tab_ovr_d.gif) no-repeat left top;}
#contents ul.tabMenu li.activeE {background:url(img/tab_ovr_e.gif) no-repeat left top;}
#contents ul.tabMenu li a {
	width:125px;
	height:30px;
	padding-top:11px;
	display:block;
	text-align:center;
	font-size:13px !important;
	text-decoration:none;
	color:#645546;
	background:url(img/tab_out.gif) no-repeat left top;
}
#contents ul.tabMenu li a:hover {background:url(img/tab_ovr.gif) no-repeat left top;}
#contents ul.tabMenu li.tabB a:hover {background:url(img/tab_ovr_b.gif) no-repeat left top;}
#contents ul.tabMenu li.tabC a:hover {background:url(img/tab_ovr_c.gif) no-repeat left top;}
#contents ul.tabMenu li.tabD a:hover {background:url(img/tab_ovr_d.gif) no-repeat left top;}
#contents ul.tabMenu li.tabE a:hover {background:url(img/tab_ovr_e.gif) no-repeat left top;}


#contents table.spotTable {
	width:100%;
	margin-bottom:30px;
	border-bottom:1px dotted #817261;
}
#contents table.spotTable td,
#contents table.spotTable th {
	padding-bottom:10px;
}
#contents table.spotTable td img {
	margin-right:10px;
}
#contents table.spotTable th {
	text-align:left;
	font-size:120%;
}
#contents ul.normalList {
	padding:0 9px 20px;
}
#contents ul.normalList li {
	list-style-type:disc;
	list-style-position:inside;
}


/* Google map
--------------------------------------------------------------*/
div#map_canvas {
	margin-bottom:30px;
	width:778px;
	height:390px;
	margin:10px 9px;
	border:4px solid #b2a995;
}
div#map_canvas .content {
	text-align:center;
}
div#map_canvas .content img {
	margin:0 0 5px;
}
div#map_canvas .content h3 {
	padding-top:18px;
	font-weight:bold;
}
div#map_canvas .content p {
	margin-bottom:0px !important;
}



/* ギャラリー */
.season h3 {
	margin:0 0 20px;
	font:120% Meiryo;
	padding:0px 0 5px !important;
	border-bottom:2px solid #c6bdac;
}
div.season {
	margin: 0px 9px 40px;
}
div.item {
	float: left;
	padding: 10px;
}
span.caption {
	display: block;
	text-align: center;
}
div.item img {
	padding:4px;
	border: 1px solid #e9e4d9;
}

/* メールフォーム */

table.mailForm {
	width:100%;
	margin:10px 9px 20px;
	border-top:1px solid #ccc;
}
table.mailForm th,
table.mailForm td {
	padding:13px 15px;
	border-bottom:1px solid #ccc;
}
table.mailForm td {
	font-size:80%;
}
table.mailForm th.required {
	background:url(img/required.gif) no-repeat left center #f3f3f3;
}
table.mailForm th {
	text-align:left;
	background-color:#f3f3f3;
}
table.mailForm th span {
	display:block;
	color:#777;
	font-size:10px;
	font-weight:normal;
}
.formButton {
	text-align:center;
}
.formButton input {
	padding:7px 20px;
}
.errorMessage {
	text-align:center;
	color:#C00;
	padding:70px 0;
}

/* footer
--------------------------------------------------------------*/
#footer {
	text-align:center;
	padding:17px 0 30px;
}
#footer h3 {
	padding-bottom:20px;
}
#footer .copyright {
	color:#bab5a8;
	font-size:11px;
}


/* common format
--------------------------------------------------------------*/

.clr {clear:both}
.clrR {clear:right;}
.clrL {clear:left;}
.fir {display:none;}

.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
} 
.clearfix { zoom: 100%; } 

ul,li,ol {list-style-type:none;}
img {border:none}
table {	border-collapse:collapse;}

h1,h2,h3,h4,h5,h6 {font-weight:normal;line-height:130%;}

.displayBlock {display:block !important;}
.displayNone {display:none !important;}
.displayInline {display:inline !important;}

/* align float */
.alignLeft {
	text-align: center !important
}
.alignRight {text-align:right !important}
.alignCenter {text-align:center !important}
.floatLeft {float:left !important}
.floatRight {float:right !important}

/* textformat */
.fontSize1 { font-size:134%;}
.fontSize2 { font-size:127%;}
.fontSize3 { font-size:114%;}
.fontSize4 { font-size:88%;}
.fontSize5 { font-size:74%;}
.fontSize6 { font-size:62%;}

.textRed {color:#f00 !important;}
.textRed2 {color:#b00 !important;}
.textGreen2 {color:#0b0 !important;}
.textBlue2 {color:#0082a8 !important;}
.textOrange {color:#f80 !important;}
.textPink {color:#f48 !important;}
.textPurple {color:#70c !important;}

/* bordercolor */
.bcGreen {border-color:#7fdfbe !important;}
.bcRed {border-color:#ff9b9b !important;}
.bcPink {border-color:#ffb4d9 !important;}
.bcBlue {border-color:#c9eaff !important;}
.bcGray {border-color:#bbb !important;}
.bcOrange {border-color:#ffd59b !important;}

/* backgroundcolor */
.bgGreen {background-color:#e1eed3 !important;}
.bgRed {background-color:#ffd4d4 !important;}
.bgPink {background-color:#ffe0ef !important;}
.bgBlue {background-color:#eaf7ff !important;}
.bgGray {background-color:#ddd !important;}
.bgOrange {background-color:#ffefd8 !important;}

/* width */
.width10 {width:10%;}
.width20 {width:20%;}
.width30 {width:30%;}
.width40 {width:40%;}
.width50 {width:50%;}
.width60 {width:60%;}
.width70 {width:70%;}
.width80 {width:80%;}
.width90 {width:90%;}
.width100 {width:100%;}

/* margin-bottom */
.marginAuto {margin-left:auto;margin-right:auto !important;}
.marginBottom0 {margin-bottom:0px !important;}
.marginBottom10 {margin-bottom:10px !important;}
.marginBottom20 {margin-bottom:20px !important;}
.marginBottom30 {margin-bottom:30px !important;}
.marginBottom40 {margin-bottom:40px !important;}
.marginBottom50 {margin-bottom:50px !important;}
.marginBottom60 {margin-bottom:60px !important;}
.marginBottom70 {margin-bottom:70px !important;}
.marginBottom80 {margin-bottom:80px !important;}
.marginBottom90 {margin-bottom:90px !important;}

/* margin-left,margin-right */
.marginLeft0 {margin-left:0px !important;}
.marginLeft10 {margin-left:10px !important;}
.marginLeft20 {margin-left:20px !important;}
.marginLeft30 {margin-left:30px !important;}
.marginLeft40 {margin-left:40px !important;}
.marginLeft50 {margin-left:50px !important;}
.marginRight0 {margin-right:0px !important;}
.marginRight10 {margin-right:10px !important;}
.marginRight20 {margin-right:20px !important;}
.marginRight30 {margin-right:30px !important;}
.marginRight40 {margin-right:40px !important;}
.marginRight50 {margin-right:50px !important;}

/* margin-top */
.marginTop0 { margin-top:0px !important; }
.marginTop10 { margin-top:10px !important; }
.marginTop20 { margin-top:20px !important; }
.marginTop30 { margin-top:30px !important; }
.marginTop40 { margin-top:40px !important; }
.marginTop50 { margin-top:50px !important; }
.marginTop60 { margin-top:60px !important; }
.marginTop70 { margin-top:70px !important; }
.marginTop80 { margin-top:80px !important; }
.marginTop90 { margin-top:90px !important; }
.marginTop100 { margin-top:100px !important; }

/* padding-top */
.paddingTop0 { padding-top:0px !important; }
.paddingTop10 { padding-top:10px !important; }
.paddingTop20 { padding-top:20px !important; }
.paddingTop30 { padding-top:30px !important; }
.paddingTop40 { padding-top:40px !important; }
.paddingTop50 { padding-top:50px !important; }
.paddingTop60 { padding-top:60px !important; }
.paddingTop70 { padding-top:70px !important; }
.paddingTop80 { padding-top:80px !important; }
.paddingTop90 { padding-top:90px !important; }
.paddingTop100 { padding-top:100px !important; }

/* padding-bottom */
.paddingBottom0 {padding-bottom:0px !important;}
.paddingBottom10 {padding-bottom:10px !important;}
.paddingBottom20 {padding-bottom:20px !important;}
.paddingBottom30 {padding-bottom:30px !important;}
.paddingBottom40 {padding-bottom:40px !important;}
.paddingBottom50 {padding-bottom:50px !important;}
.paddingBottom60 {padding-bottom:60px !important;}
.paddingBottom70 {padding-bottom:70px !important;}
.paddingBottom80 {padding-bottom:80px !important;}
.paddingBottom90 {padding-bottom:90px !important;}

/* padding-left,padding-right */
.paddingLeft0 {padding-left:0px !important;}
.paddingLeft10 {padding-left:10px !important;}
.paddingLeft20 {padding-left:20px !important;}
.paddingLeft30 {padding-left:30px !important;}
.paddingLeft40 {padding-left:40px !important;}
.paddingLeft50 {padding-left:50px !important;}
.paddingRight0 {padding-right:0px !important;}
.paddingRight10 {padding-right:10px !important;}
.paddingRight20 {padding-right:20px !important;}
.paddingRight30 {padding-right:30px !important;}
.paddingRight40 {padding-right:40px !important;}
.paddingRight50 {padding-right:50px !important;}