@charset "utf-8";  
/*------------------------------------------------------------ 
	デフォルトスタイル	全ページ共通css
------------------------------------------------------------*/  

/**** フォントサイズ　*************

基本を12pxに、サイズは％指定。

====偶数====　　　====奇数====
■10px = 84%      ■11px = 92%
■12px = 100%     ■13px = 109%
■14px = 117%     ■15px = 125%
■16px = 134%     ■17px = 142%
■18px = 150%     ■19px = 159%
■20px = 167%     ■21px = 175%
■22px = 184%     ■23px = 192%
■24px = 200%     ■25px = 209%
■26px = 217%     ■27px = 226%

**********************************/

html, body{ margin:0; padding:0;}
body{
	font-size:76%;
	background:#FFF6EE;
	-webkit-text-size-adjust:100%;
	min-width:970px;
}

html{ font-size:100%;}

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;
    border: 0;
    outline: 0;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size:100%;
	line-height:1.5;
	font-weight:normal;
	vertical-align:baseline;
    background:transparent;
}  

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

blockquote, q { quotes:none;}

a{
	text-decoration:none;
	outline:none;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del { text-decoration: line-through;}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ul{ list-style-type:none;}
img{ vertical-align:middle;}

.line:hover{ text-decoration:underline;}

.opacity{ display:inline-block;}
.opacity:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;
}

.noborder{
	border:none;
	outline:none;
}

.clear{ clear:both;}
.clearfix{ width:100%;}
.clearfix:after{
    content:"";
    display:block;
    clear:both;
}

.fl{ float:left;}
.fr{ float:right;}
.fn{ float:none;}

.txtl{ text-align:left;}
.txtr{ text-align:right;}
.txtc{ text-align:center;}

address{ font-style:normal;}
strong{ font-weight:bold; color:inherit;}
.fwb{ font-weight:bold;}

.clrr{ color:#CC0000;}
.clrb{ color:#333;}
.clrw{ color:#fff;}
.clrc{ color:#666;}
.clrp{ color:#72558E; font-weight:bold;}
.clrg{ color:#2E562B;}
.clrpi{ color:#FF9DBE;}

.il{ display:inline;}
.bl{ display:block;}
.no{ display:none;}

.li2{ line-height:2;}


/* margin */

.mT10{ margin-top:10px;}
.mT15{ margin-top:15px;}
.mT20{ margin-top:20px;}
.mT30{ margin-top:30px;}
.mT40{ margin-top:40px;}
.mT50{ margin-top:50px;}
.mT70{ margin-top:70px;}
.mT200{ margin-top:200px;}

.mR10{ margin-right:10px;}
.mR20{ margin-right:20px;}
.mR30{ margin-right:30px;}

.mB10{ margin-bottom:10px;}
.mB20{ margin-bottom:20px;}
.mB25{ margin-bottom:25px;}
.mB30{ margin-bottom:30px;}

.mL10{ margin-left:10px;}
.mL15{ margin-left:15px;}
.mL20{ margin-left:20px;}
.mL30{ margin-left:30px;}
.mL50{ margin-left:50px;}

/* padding */

.pT10{ padding-top:10px;}
.pT20{ padding-top:20px;}
.pT30{ padding-top:30px;}

.pR10{ padding-right:10px;}
.pR15{ padding-right:15px;}
.pR20{ padding-right:20px;}
.pR30{ padding-right:30px;}

.pB10{ padding-bottom:10px;}
.pB20{ padding-bottom:20px;}
.pB30{ padding-bottom:30px;}
.pB50{ padding-bottom:50px;}
.pB100{ padding-bottom:100px;}

.pL10{ padding-left:10px;}
.pL20{ padding-left:20px;}
.pL30{ padding-left:30px;}

/* font-size */

.font10{ font-size:84%;}
.font11{ font-size:92%;}
.font12{ font-size:100%;}
.font13{ font-size:109%;}
.font14{ font-size:117%;}
.font15{ font-size:125%;}
.font16{ font-size:134%;}
.font17{ font-size:142%;}
.font18{ font-size:150%;}
.font19{ font-size:159%;}
.font20{ font-size:167%;}
.font21{ font-size:175%;}
.font22{ font-size:184%;}
.font23{ font-size:192%;}
.font24{ font-size:200%;}
.font25{ font-size:209%;}
.font26{ font-size:217%;}
.font27{ font-size:226%;}

/* editor */

#editor table,
#editor caption,
#editor tbody,
#editor tfoot,
#editor thead,
#editor tr,
#editor th,
#editor td{
	border:1px solid gray;
    border-spacing:2px;
	border-collapse:separate;
}


/*------------------------------------------------------------ 
	style 
------------------------------------------------------------*/

.inner{
	width:970px;
	margin-right:auto;
	margin-left:auto;
	overflow:hidden;
}

/*------------------------------------------------------------ 
	header
------------------------------------------------------------*/

#header{
	width:100%;
	height:80px;
	background:#3A2D51;
}

h1{
	width:228px;
	height:51px;
	margin-top:13px;
	float:left;
}

#langNavi{
	height:28px;
	text-align:right;
	overflow:hidden;
}

#langNavi li{
	width:70px;
	height:28px;
	float:right;
	margin-left:1px;
}

#langNavi a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:25px;
	background:url(../img/langBg.png) no-repeat 0 0;
	color:#333;
}

#langNavi a:hover,
#langNavi .selected{
	background-position:-70px 0px;
	color:#fff;
}

#subNavi{
	height:15px;
	overflow:hidden;
	margin-top:24px;
}

#subNavi li{
	height:15px;
	line-height:15px;
	float:left;
	border-left:1px solid #fff;
	padding-left:15px;
	margin-left:15px;
}

#subNavi a{
	color:#fff;
	line-height:15px;
}

#subNavi li:first-child{ border:none;}

#gNavi{
	width:100%;
	height:50px;
	background:#634D8A;
	border-bottom:7px solid #544176;
}

#gNavi li{
	width:194px;
	height:50px;
	float:left;
}

#gNavi a{
	display:block;
	width:100%;
	height:50px;
	text-align:center;
	line-height:50px;
	font-size:117%;
	color:#fff;
	border-radius:5px;
	position:relative;
	behavior:url("/common/js/PIE.htc");
}

#gNavi a:hover,
#gNavi .selected a{
	background:#fff;
	color:#634D8A;
}

.sp_banner{
	width:100%;
	height:153px;
	margin-bottom:1px;
}

.sp_banner a{
	display:block;
	text-align:center;
	background:#3B2D51;
}


/*------------------------------------------------------------ 
	contents 
------------------------------------------------------------*/

#leftCont{
	width:635px;
	float:left;
}

#rightCont{
	width:300px;
	float:right;
}

.headline{
	width:auto;
	height:73px;
	line-height:73px;
	color:#fff;
	padding-left:30px;
	font-size:200%;
	font-weight:bold;
	background:#634D8A;
	border-radius:5px;
	behavior:url("/common/js/PIE.htc");
}


/* 開花時期 */

.bloomingInfo{
	width:auto;
	min-height:60px;
	padding:20px 25px;
	border-radius:5px;
	overflow:hidden;
	background:#FFD9BE;
	behavior:url("/common/js/PIE.htc");
}

.bloomingInfo dt{
	width:90px;
	height:60px;
	text-align:center;
	line-height:60px;
	float:left;
	color:#fff;
	font-size:117%;
	font-weight:bold;
	background:#FF6600;
	border-radius:45px/30px;
	behavior:url("/common/js/PIE.htc");
}

.bloomingInfo dd{
	min-width:80px;
	line-height:60px;
	font-weight:bold;
	float:left;
	font-size:109%;
	margin:0 40px 0 15px;
}


/* 営業時間・施設案内 */

.info{
	width:400px;
	min-height:150px;
	padding:15px;
	float:left;
	background:#CCD9C9;
	border-radius:5px;
	behavior:url("/common/js/PIE.htc");
}

.info h3{
	width:400px;
	height:26px;
	text-align:center;
	line-height:26px;
	background:#2E562B;
	border-radius:13px;
	color:#fff;
	font-size:117%;
	behavior:url("/common/js/PIE.htc");
}

.facilityInfo{
	width:200px;
	margin:15px 0 0 45px;
	float:left;
}

.facilityInfo h3{
	height:26px;
	text-align:center;
	line-height:26px;
	color:#fff;
	font-size:117%;
	font-weight:bold;
	border-radius:13px;
	background:#333;
	behavior:url("/common/js/PIE.htc");
}

.facilityInfo ul{
	width:208px;
	margin:0 5px;
	overflow:hidden;
}

.facilityInfo li{
	float:left;
	margin:18px 18px 0 0;
}


#mes{
	display:none;
	padding:15px 10px;
	margin-bottom:4px;
	background:#fff;
	border-radius:5px;
	position:absolute;
	z-index:10;
	box-shadow:rgba(102, 102, 102, 0.65098) 3px 3px 6px 0px;
	-webkit-box-shadow:rgba(102, 102, 102, 0.65098) 3px 3px 6px 0px;
	-moz-box-shadow:rgba(102, 102, 102, 0.65098) 3px 3px 6px 0px;
	behavior:url("/common/js/PIE.htc");
}

#mes:before{
	content:"";
	display:block;
	width:20px;
	height:14px;
	background:url(../img/icon_shadow.png) no-repeat;
	position:absolute;
	bottom:-14px;
	left:0;
}

/*------------------------------------------------------------ 
	footer 
------------------------------------------------------------*/

#footer{
	width:100%;
	padding:30px 0 20px;
	margin-top:80px;
	background:#634D8A;
}

.ftInner{ width:1010px;}

.ftNavi{
	width:200px;
	min-height:160px;
	margin-right:40px;
	float:left;
	position:relative;
}

.ftNavi.wid{ width:225px;}

.ftNavi h4{
	display:inline-block;
	margin-bottom:10px;
	font-size:117%;
	padding-right:10px;
	color:#fff;
	background:#634D8A;
	position:relative;
	z-index:10;
}

.ftNavi:after{
	display:block;
	content:"";
	width:100%;
	height:0;
	border-top:1px solid #fff;
	position:absolute;
	left:0;
	top:10px;
}

.ftNavi li{
	line-height:2;
	text-indent:-1em;
	padding-left:1em;
	color:#fff;
}

.ftBanner{
	width:225px;
	float:left;
	margin-top:5px;
}

.ftBanner p{
	width:225px;
	height:50px;
}

.ftBanner a{
	display:table-cell;
	height:50px;
	vertical-align:middle;
	line-height:1.4;
	color:#fff;
	background:url(../img/ft_banner.png) no-repeat;
}

.ftBanner .banner01 a{
	width:125px;
	padding:0 50px 0 50px;
	text-align:center;
	line-height:25px;
}

.ftBanner .banner01 span{
	display:block;
	color:#fff;
	font-size:92%;
}

.ftBanner .banner02{ margin-top:20px;}
.ftBanner .banner02 a{
	width:165px;
	padding-left:60px;
	background-position:0 -50px;
}

#ftgNavi{
	width:750px;
	padding:10px 0;
	margin:10px 0 15px;
	text-align:center;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

#ftgNavi li{
	display:inline-block;
	*display: inline;  
	*zoom: 1;
	margin:0 25px;
}

.ftNavi a,
#ftgNavi a{ color:#fff;}

.address{
	color:#fff;
	font-size:109%;
	margin-bottom:10px;
}

.copyright{
	color:#fff;
	font-size:92%;
}