@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*________________________________________________

	name:			common.css
	create Date:	2016-02-03
	lastmodified:	****-**-**
________________________________________________*/

/* Base Styles ===================================
 * (classes defined in the Markup Guide)
================================================*/
/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

/* ColorScheme====================================
	MainColor	=>	#049fe0
	SubColor	=>	#daeef7
	BgColor		=>	#ffffff
	TextColor	=>	#333333
================================================*/

/*--------------------------------------------------------------
  link
--------------------------------------------------------------*/
a {
	color: #164398;
	text-decoration: underline;
}
a:hover {
	color: #1076cd;
	text-decoration: underline;
}

/*--------------------------------------------------------------
  レイアウト
--------------------------------------------------------------*/
.center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.left {
	float: left;
}
.right {
	float: right;
}
.fbold{
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
}
.no_sp { margin-right: 0px!important;}
/*--------------------------------------------------------------photoレイアウト*/
.leftfloat {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.rightfloat {
	display: inline;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
/*--------------------------------------------------------------50%レイアウト*/
.leftBox {
	display: inline;
	float: left;
	max-width: 50%;
	width: 310px;
	margin: 0;
}
.rightBox {
	display: inline;
	float: right;
	max-width: 50%;
	width: 310px;
	margin: 0;
}
/* clearfix */
.leftBox, .rightBox { zoom:1; }
.leftBox:after, .rightBox:after {
	content: "";
	display: block;
	clear: both;}
.leftBox h3,
.rightBox h3 {
	width: 310px;
}

/*--------------------------------------------------------------hissu　必須文字・赤色文字*/
.hissu, 
.error-message {
	color: #F00;
}
img.hissu {
	margin-right: 10px;
	vertical-align: middle;
}
th .hissu {
	display: inline;
	float: right;
	text-align: right;
	margin-left: 10px;
}
/* error　必須文字・赤色文字 */
.error {
	color: #F00;
}
/*--------------------------------------------------------------丸のリスト*/
ul.circle {
	display: list-item;
	margin-top: 1em;
	margin-bottom: 1em;
}
.circle li {
	display: list-item inline;
	list-style: disc inside;
	padding-left: 1em;
	text-indent: -1em;
}
/*--------------------------------------------------------------数字のリスト*/
ol.decimal {
	display: list-item;
	margin-top: 1em;
	margin-bottom: 1em;
}
.decimal li {
	display: list-item inline;
	list-style: decimal inside;
	margin-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
}
/*--------------------------------------------------------------アルファベット小文字のリスト*/
ul.loweralpha {
	display: list-item;
	margin-top: 1em;
	margin-bottom: 1em;
}
.loweralpha li {
	display: list-item inline;
	list-style: lower-alpha inside;
	margin-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
}/*--------------------------------------------------------------アルファベット大文字のリスト*/
ul.upperalpha {
	display: list-item;
	margin-top: 1em;
	margin-bottom: 1em;
}
.upperalpha li {
	display: list-item inline;
	list-style: upper-alpha inside;
	margin-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
}


/*--------------------------------------------------------------スクロール*/
.scroll {
	overflow: auto;
	overflow: scroll; /* ie6対策 */
	overflow-y: scroll; /* ie6対策 */
	overflow-x: hidden; /* ie6対策 */
}



/*--------------------------------------------------------------
  body
--------------------------------------------------------------*/
body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: #ffffff;
	color: #333333;
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.9em;
}

/*--------------------------------------------------------------
  #header
--------------------------------------------------------------*/
#header {
	display: block;
	clear: both;
	width: 100%;
	height: 65px;
	margin: 0;
	padding: 0;
	background: #EBB9B5;
	text-align: left;
	box-shadow: 0 3px 3px 0 #cccccc;         /* CSS3 */
	-moz-box-shadow: 0 3px 3px 0 #cccccc;   /* Firefox */
	-webkit-box-shadow: 0 3px 3px 0 #cccccc;/* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
	z-index: 100000;
}
#headerInner {
	display: block;
	clear: both;
	width: 1000px;
	height: 65px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	overflow: hidden;
}
/*clearfix*/
#headerInner { zoom:1; }
#headerInner:after {
	content: "";
	display: block;
	clear: both;}
/*--------------------------------------------------------------#logo*/
#logo {
	display: inline;
	float: left;
	margin: 0 auto 0 0;
	padding: 0;
}
#logo a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}
#pagejump {
	display: block;
	text-indent: -999999px;
}
/*--------------------------------------------------------------.headMenuBox*/
.headMenuBox {
	display: inline;
	float: right;
	width: 475px;
	margin: 20px 0 0 auto;
	padding: 0;
	overflow: hidden;
}
/*clearfix*/
.headMenuBox { zoom:1; }
.headMenuBox:after {
	content: "";
	display: block;
	clear: both;}
.headMenuBox ul {
	display: inline;
	float: left;
	width: 210px;
	height: 30px;
	margin: 0 5px 0 0;
	padding: 0;
	overflow: hidden;
}
/* clearfix */
.headMenuBox ul { zoom:1; }
.headMenuBox ul:after {
	content: ""; 
	display: block; 
	clear: both;}
.headMenuBox li {
	display: inline;
	float: left;
	width: 105px;
	height: 30px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
/*--------------------------------------------------------------.language*/
.language {
	display: inline;
	float: left;
	width: 90px;
	margin: 0;
	padding: 0;
}
.language select, 
.language option {
	width: 90px;
	height: 25px;
	font-size: 14px;
}
/*--------------------------------------------------------------.headersearches*/
.headersearches {
	display: inline;
	float: right;
	width: 160px;
	margin: 0;
	padding: 0;
}
/* clearfix */
.headersearches { zoom:1; }
.headersearches:after {
	content: "";
	display: block;
	clear: both;}
.headersearches form {
	width: 160px;
	height: 22px;
	margin: 0;
	padding: 0;
	text-align: left;
	overflow: hidden;
}
.headersearches input {
	width: 128px;
	height: 18px;
	margin: 0;
	padding: 2px 5px 2px 25px;
	border: none;
	overflow: hidden;
	background: #ffffff url(../img/common/bg_search.jpg) 5px center no-repeat;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}

/*--------------------------------------------------------------
  .nav
--------------------------------------------------------------*/
.nav {
	display: block;
	clear: both;
	width: 100%;
	height: 70px;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	position: relative;
	z-index: 10000;
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 10000;
}
.nav ul {
	display: block;
	clear: both;
	width: 990px;
	height: 55px;
	margin: 0 auto;
	padding: 10px 5px 5px 5px;
	background: #ffffff;
	text-align: center;
	box-shadow: 0 3px 3px 0 #cccccc;         /* CSS3 */
	-moz-box-shadow: 0 3px 3px 0 #cccccc;   /* Firefox */
	-webkit-box-shadow: 0 3px 3px 0 #cccccc;/* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
	border-radius: 0 0 5px 5px;         /* CSS3 */
	-moz-border-radius: 0 0 5px 5px;    /* Firefox */
	-webkit-border-radius: 0 0 5px 5px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
/*clearfix*/
.nav ul { zoom:1; }
.nav ul:after {
	content: ""; 
	display: block; 
	clear: both;}
/* clearfix */
.nav ul { zoom:1; }
.nav ul:after {
	content: ""; 
	display: block; 
	clear: both;}
.nav li {
	display: inline;
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
	line-height: 55px;
	text-align: left;
	position: relative;
}
.nav li a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}
/*--------------------------------------------------------------dropmenu*/
.nav li ul {
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	width: 220px;
	height: auto;
	background: #ffffff;
}
.nav li ul li {
	overflow: hidden;
	width: 300px;
	height: 0;
}
.nav li ul li a {
	display: block;
	height: 2em;
	margin: 0;
	padding: 5px 10px;
	text-align: left;
	font-weight: normal;
}
.nav li:hover ul li {
	display: block;
	overflow: visible;
	width: 220px;
	margin: 0;
	padding: 0;
	height: 2em;
	border-bottom: 1px solid #cccccc;
}
.nav li:hover ul li:first-child{
	border-top: 0;
}
.nav li:hover ul li:last-child{
 	border-bottom: 0;
}

/*--------------------------------------------------------------
#footer	フッター部分（全ページ共通）
--------------------------------------------------------------*/
#footer {
	display: block;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #0199DB url(../img/common/bg_footer.jpg) left top repeat-x;
	color: #ffffff;
	text-align: center;
}
#footer a {
	color: #ffffff;
}
/*--------------------------------------------------------------.footerNav*/
.footerNav {
	display: block;
	clear: both;
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	text-align: left;
}
.footerNav a {
	color: #ffffff;
	text-decoration: none;
}
.footerNav a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.footerNavInner {
	display: inline;
	float: left;
	width: 680px;
	margin: 0;
	padding: 0;
}
/*clearfix*/
.footerNavInner { zoom:1; }
.footerNavInner:after {
	content: "";
	display: block;
	clear: both;}
.footerNav ul {
	display: block;
	clear: both;
	width: auto;
	margin: 0 auto 0 0;
	padding: 0;
}
/*clearfix*/
.footerNavInner ul { zoom:1; }
.footerNavInner ul:after {
	content: "";
	display: block;
	clear: both;}
.footerNavInner li {
	display: inline;
	float: left;
	width: auto;
	margin: 0 20px 0 0;
	padding: 0;
	white-space: nowrap;
}
.footerNavInner li:last-child {
	margin-right: 0;
}
.footerNavInner li a {
	display: block;
	padding-left: 12px;
	background: url(../img/common/ya_footer.gif) left center no-repeat;
	line-height: 1em;
}
/*--------------------------------------------------------------.socialBox*/
.socialBox {
	display: inline;
	float: right;
	width: 300px;
	margin: 0 0 0 auto;
	padding: 0;
	text-align: right;
}
.socialBox ul {
	display: inline;
	float: right;
	margin: 0;
	text-align: right;
}
.socialBox li {
	display: inline;
	float: left;
	margin-left: 10px;
	text-align: right;
}
.socialBox li:first-child {
	margin-left: 0;
}
.socialBox li a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}
/* clearfix */
.socialBox, .socialBox ul { zoom:1; }
.socialBox:after, .socialBox ul:after {
	content: ""; 
	display: block; 
	clear: both;}
/*--------------------------------------------------------------.footerInnner*/
.footerInnner {
	display: block;
	clear: both;
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	text-align: left;
}
/* clearfix */
.footerInnner { zoom:1; }
.footerInnner:after {
	content: "";
	display: block;
	clear: both;}
/*--------------------------------------------------------------.footerinquiry*/
.footerinquiry {
	display: inline;
	float: left;
	width: 540px;
	height: 130px;
	margin: 0 auto 0 0;
	padding-left: 80px;
	background: url(../img/common/bg_flogo.jpg) left top no-repeat;
}
/* clearfix */
.footerinquiry { zoom:1; }
.footerinquiry:after {
	content: "";
	display: block;
	clear: both;}
.f_logo {
	display: block;
	clear: both;
	margin: 0 0 5px 0;
	font-size: 120%;
	text-align: left;
}
.f_logo a {
	display: inline-block;
	margin: 0 0 0 30px;
	padding: 0;
	background: #ffffff;
	text-align: left;
	vertical-align: middle;
}
.f_logo a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}
.footerinquiry a {
	color: #ffffff;
	text-decoration: none;
}
.footerinquiry p {
	margin-top: 5px;
}
/*--------------------------------------------------------------.pcsp*/
.pcsp {
	display: block;
	clear: both;
	width: auto;
	margin: 20px auto 0 auto;
	padding: 0;
	color: #ffffff;
	text-align: center;
}
.pcsp ul {
	display: inline-block;
	width: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.pcsp li {
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 0;
	line-height: 1em;
}
.pcsp li a {
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px #ffffff solid;
	color: #ffffff;
	line-height: 1em;
}
/*--------------------------------------------------------------#pageTop*/
#pageTop {
	display: inline;
	float: right;
	width: 80px;
	height: 80px;
	margin: 0 0 0 auto;
	padding: 0;
	color: #ffffff;
	text-align: center;
}
#pageTop a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}
/*--------------------------------------------------------------#copy*/
#copy {
	display: block;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 10px 0;
	background: #164397;
	color: #ffffff;
	text-align: center;
}

/*--------------------------------------------------------------
  #menu
--------------------------------------------------------------*/
#menu {
	display: block;
	clear: both;
	width: 100%;
	margin: 10px 0 15px 0;
	padding: 0;
	text-align: center;
	box-shadow: 0 3px 3px 0 #cccccc;         /* CSS3 */
	-moz-box-shadow: 0 3px 3px 0 #cccccc;   /* Firefox */
	-webkit-box-shadow: 0 3px 3px 0 #cccccc;/* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
/*clearfix*/
#menu ul { zoom:1; }
#menu ul:after {
	content: "";
	display: block;
	clear: both;}
#menu ul {
	display: block;
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding: 0 0 10px 0;
}
#menu li {
	display: inline;
	float: left;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	line-height: 1em;
}
#menu li a {
	display: block;
	margin-left: 0;
	margin-top: 0;
	padding: 10px;
	font-size: 120%;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
#menu li a:hover {
	color: #333333;
	text-decoration: none;
}
#menu li.home {
	width: 110px;
	margin-right: 10px;
}
#menu li.sightseeing {
	width: 100px;
	margin-right: 10px;
}
#menu li.life {
	width: 220px;
	margin-right: 10px;
}
#menu li.welfare {
	width: 160px;
	margin-right: 10px;
}
#menu li.efforts {
	width: 180px;
	margin-right: 10px;
}
#menu li.facilities {
	width: 140px;
	margin-right: 0;
}

/*--------------------------------------------------------------
#breadcrumbs　パンくず
--------------------------------------------------------------*/
#breadcrumbs {
	display: block;
	clear: both;
	width: 1000px;
	margin: 20px auto;
	padding: 0;
}
/* clearfix */
#breadcrumbs ul { zoom:1; }
#breadcrumbs ul:after {
	content: "";
	display: block;
	clear: both;}
#breadcrumbs ul {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
}
#breadcrumbs li {
	display: inline;
	float: left;
	margin-right: 10px;
	vertical-align: middle;
}
#breadcrumbs li img {
	display: inline-block;
	vertical-align: middle;
}

/*--------------------------------------------------------------
ページ全体（ページ共通）
--------------------------------------------------------------*/
/*--------------------------------------------------------------#container*/
#container {
	display: block;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0 0 90px 0;
	background: url(../img/common/bg_container.jpg) center bottom repeat-x;
	text-align: left;
}
/*--------------------------------------------------------------containerInnner*/
#containerInnner {
	display: block;
	clear: both;
	width: 1000px;
	margin: 20px auto 0 auto;
	padding: 0;
	text-align: left;
}
/*clearfix*/
#containerInnner { zoom:1; }
#containerInnner:after {
	content: "";
	display: block;
	clear: both;}
/*--------------------------------------------------------------新着*/
.ico_new {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	padding: 1px 3px;
	background: #F00;
	color: #ffffff;
	font-size: 80%;
	text-decoration: none;
	text-align: center;
	border-radius: 3px;         /* CSS3 */
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);}
.ico_new a {
	color: #ffffff;
	text-decoration: none;
}
/*--------------------------------------------------------------更新*/
.ico_renewal {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	padding: 2px 5px;
	background: #666666;
	color: #ffffff;
	text-align: center;
}
.ico_renewal a {
	color: #ffffff;
	text-decoration: none;
}
/*--------------------------------------------------------------タイトル類*/
#containerInnner h1 {
	display: block;
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
}
#containerInnner h1 a,
#containerInnner h2 a,
#containerInnner h3 a,
#containerInnner h4 a,
#containerInnner h5 a,
#containerInnner h6 a,
#containerInnner h7 a {
	text-decoration: none;
	font-weight: bold;
}
#containerInnner h2 {
	display: block;
	clear: both;
	margin: 20px 0 10px 0;
	padding: 10px;
	font-size: 160%;
	font-weight: bold;
	box-shadow: 3px 3px 3px 0 #cccccc;         /* CSS3 */
	-moz-box-shadow: 3px 3px 3px 0 #cccccc;   /* Firefox */
	-webkit-box-shadow: 3px 3px 3px 0 #cccccc;/* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
#containerInnner h2.first,
#containerInnner h2:first-child,
#containerInnner h3.first,
#containerInnner h3:first-child,
#containerInnner h4.first,
#containerInnner h4:first-child,
#containerInnner h5.first,
#containerInnner h5:first-child  {
	margin-top: 0;
}
#containerInnner h2 span {
	display: inline;
	float: right;
}
/* clearfix */
#containerInnner h2 { zoom:1; }
#containerInnner h2:after {
	content: "";
	display: block;
	clear: both;}
#containerInnner h2 a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}
#containerInnner h3 {
	display: block;
	clear: both;
	margin: 10px 0 5px 0;
	padding: 0 0 0 10px;
	font-size: 140%;
	font-weight: bold;
}
#containerInnner h3.listtitle {
	margin-bottom: 0!important;
	border-radius: 0!important;         /* CSS3 */
	-moz-border-radius: 0!important;    /* Firefox */
	-webkit-border-radius: 0!important; /* Safari,Chrome */
}
#containerInnner h4 {
	display: block;
	clear: both;
	margin: 10px 0 5px 0;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
}
#containerInnner h5 {
	display: block;
	clear: both;
	margin: 10px 0 5px 0;
	padding: 0 0 0 10px;
	font-weight: bold;
}
/*--------------------------------------------------------------#login*/
#login {
	display: block;
	clear: both;
	width: 240px;
	margin: 0 auto 5px auto;
	background: url(../img/common/bg_login.jpg) center top repeat-y;
}
.loginInner {
	display: block;
	clear: both;
	width: 220px;
	margin: 0 0 5px 0;
	padding: 10px;
	background: url(../img/common/footer_login.jpg) center bottom no-repeat;
}
.mailaddress input {
	color: #cccccc;
}
.membername {
	display: block;
	clear: both;
	margin: 5px 0 0 0;
	padding: 0 0 5px 0;
	border-bottom: 1px #CCCFC5 solid;
	font-weight: bold;
	text-align: center;
}
/* clearfix */
.loginInner dl { zoom:1; }
.loginInner dl:after {
	content: "";
	display: block;
	clear: both;}
.loginInner dt {
	display: inline;
	float: left;
	width: 70px;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 13px;
	text-align: right;
}
.loginInner dd {
	display: inline;
	float: right;
	width: 145px;
	margin: 0;
	padding: 0;
}
.loginInner dd input {
	width: 140px;
}
.loginBtn {
	display: block;
	clear: both;
	width: 220px;
	margin: 5px 0 0 0;
	padding: 0 0 5px 0;
	border-bottom: 1px #CCCFC5 solid;
	text-align: right;
}
.logoutBtn {
	display: block;
	clear: both;
	width: 220px;
	margin: 5px 0 0 0;
	padding: 0;
	text-align: right;
}
.loginremember,
.loginmeembershipcard,
.loginmeembershipchange  {
	display: block;
	clear: both;
	margin: 0;
	padding: 5px 0 5px 20px;
	background: url(../img/common/ya_remember.jpg) left center no-repeat;
	border-top: 1px #ffffff solid;
}
.loginremember a,
.loginmeembershipcard a,
.loginmeembershipchange a {
	color: #333333;
	font-weight: bold;
}
.loginremember a:hover,
.loginmeembershipcard a:hover,
.loginmeembershipchange a:hover {
	color: #666666;
	font-weight: bold;
}


/*--------------------------------------------------------------
  #leftBox
--------------------------------------------------------------*/
#leftBox {
	display: inline;
	float: left;
	width: 250px;
	margin: 0;
	padding: 0;
}
#leftBox a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}

/* --------------------------------------------------
  .searchMenu
-------------------------------------------------- */
.searchMenu {
	display: block;
	clear: both;
	border: #cccccc solid 1px;
	padding: 9px 9px 9px 9px;
	margin: 0 0 20px 0;
}
.searchMenu .title {
	display: block;
	clear: both;
	margin: 0 0 5px 0;
	padding: 5px 10px;
	font-weight: bold;
}
.searchMenu h4 {
	font-size: 100%!important;
}
.keywordSearch,
.daySearch,
.genreSearch {
	margin-bottom: 10px;
}
/* -------------------------------------------------- keywordSearch*/
.keywordSearch .search {
	margin: 0 0 3px 20px;
}
/* clearfix */
.keywordSearch .search { zoom:1; }
.keywordSearch .search:after {
	content: "";
	display: block;
	clear: both;}
.keywordSearch .search a {
	display: inline-block;
	float: left;
	padding: 2px 5px;
	height: 22px;
	font-size: 14px;
	text-decoration: none;
	line-height: 22px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
.keywordSearch .search .text {
	display: inline;
	float: left;
	width: 134px;
	background: #FFF;
	border: #CCC solid 1px;
	height: 26px;
	margin-right: 5px;
}
/* -------------------------------------------------- categorySearch*/
.categorySearch ul {
	padding: 0 0 5px 20px;
}
/* -------------------------------------------------- daySearch*/
.daySearch #yui-gen0 {
	position: relative;
	overflow: visible;
	clear: both;
	zoom: 1;
}
.daySearch .startDate,
.daySearch .endDate {
	margin: 0 0 5px 20px;
}
/* clearfix */
.daySearch .startDate,
.daySearch .endDate { zoom:1; }
.daySearch .startDate:after,
.daySearch .endDate:after {
	content: "";
	display: block;
	clear: both;}
.dateClear {
	display: inline-block;
	float: left;
	padding: 2px 5px;
	height: 22px;
	font-size: 14px;
	text-decoration: none;
	line-height: 22px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
.daySearch .text {
	display: inline;
	float: left;
	width: 125px;
	background: #FFF;
	border: #CCC solid 1px;
	height: 26px;
	margin-right: 5px;
}

/*--------------------------------------------------------------
#leftmenu　メニュー部分
--------------------------------------------------------------*/
#leftmenu {
	margin: 0;
	padding: 10px;
	box-shadow: 3px 3px 3px 0 #cccccc;         /* CSS3 */
	-moz-box-shadow: 3px 3px 3px 0 #cccccc;   /* Firefox */
	-webkit-box-shadow: 3px 3px 3px 0 #cccccc;/* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
#leftmenu dl {
	display: block;
	clear: both;
	width: auto;
	margin: 0 0 20px 0;
	padding: 0;
}
#leftmenu dl:last-child {
	margin-bottom: 0;
}
#leftmenu dt {
	display: block;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-weight: bold;
}
#leftmenu dd {
	display: block;
	margin: 0 0 5px 0;
	padding: 10px 30px 10px 10px;
	background: #ffffff url(../img/common/arrow_leftmenu.png) right 5px center no-repeat;
}
#leftmenu dd:last-child {
	margin-bottom: 0;
}
#leftmenu dd:active,
#leftmenu dd.current_menu,
#leftmenu dd:hover {
	background: url(../img/common/arrow_leftmenu.png) right 5px center no-repeat;
	color: #ffffff;
}
#leftmenu ul {
	display: block;
	margin: 0;
	padding: 0;
}
#leftmenu ul li {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	border-bottom: 1px #eeeeee solid;
}
/* 第3階層 */
#leftmenu ul li a,
#leftmenu ul li a:visited {
	display: block;
	padding: 10px 10px 10px 50px;
	background: #ffffff url(../img/common/arrow_leftmenu.png) 30px 0.9em no-repeat;
	color: #333333!important;
	text-decoration: none!important;
}
#leftmenu ul li a:active,
#leftmenu ul li a.current_menu,
#leftmenu ul li a:hover {
	display: block;
	padding: 10px 10px 10px 50px;
	background: #f9e5e9 url(../img/common/ya.png) 30px 0.9em no-repeat;
	color: #333333!important;
	text-decoration: none!important;
}
/* 第4階層 */
#leftmenu ul li li a,
#leftmenu ul li li a:visited {
	display: block;
	padding: 10px 10px 10px 70px;
	background: #ffffff url(../img/common/ya.png) 50px 0.9em no-repeat;
	color: #333333!important;
	text-decoration: none!important;
}
#leftmenu ul li li a:active,
#leftmenu ul li li a.current_menu,
#leftmenu ul li li a:hover {
	display: block;
	padding: 10px 10px 10px 70px;
	background: #f9e5e9 url(../img/common/ya.png) 50px 0.9em no-repeat;
	color: #333333!important;
	text-decoration: none!important;
}
/* 第5階層 */
#leftmenu ul li li li a,
#leftmenu ul li li li a:visited {
	display: block;
	padding: 10px 10px 10px 90px;
	background: #ffffff url(../img/common/ya.png) 70px 0.9em no-repeat;
	color: #333333!important;
	text-decoration: none!important;
}
#leftmenu ul li li li a:active,
#leftmenu ul li li li a.current_menu,
#leftmenu ul li li li a:hover {
	display: block;
	padding: 10px 10px 10px 90px;
	background: #f9e5e9 url(../img/common/ya.png) 70px 0.9em no-repeat;
	color: #333333!important;
	text-decoration: none!important;
}
/* 第6階層 */
#leftmenu ul li li li li a,
#leftmenu ul li li li li a:visited {
	display: block;
	padding: 10px 10px 10px 110px;
	background: #ffffff url(../img/common/ya.png) 90px 0.9em no-repeat;
	color: #333333!important;
	text-decoration: none!important;
}
#leftmenu ul li li li li a:active,
#leftmenu ul li li li li a.current_menu,
#leftmenu ul li li li li a:hover {
	display: block;
	padding: 10px 10px 10px 110px;
	background: #f9e5e9 url(../img/common/ya.png) 90px 0.9em no-repeat;
	color: #333333!important;
	text-decoration: none!important;
}
/* 第7階層 */
#leftmenu ul li li li li li a,
#leftmenu ul li li li li li a:visited {
	display: block;
	padding: 10px 10px 10px 130px;
	background: #ffffff url(../img/common/ya.png) 110px 0.9em no-repeat;
	color: #333333!important;
	text-decoration: none!important;
}
#leftmenu ul li li li li li a:active,
#leftmenu ul li li li li li a.current_menu,
#leftmenu ul li li li li li a:hover {
	display: block;
	padding: 10px 10px 10px 130px;
	background: #f9e5e9 url(../img/common/ya.png) 110px 0.9em no-repeat;
	color: #333333!important;
	text-decoration: none!important;
}

/*--------------------------------------------------------------
  #main　メイン部分
--------------------------------------------------------------*/
#main {
	display: inline;
	float: right;
	width: 730px;
	margin: 0;
	padding: 0;
}
/*clearfix*/
#main { zoom:1; }
#main:after {
	content: "";
	display: block;
	clear: both;}
#main a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}

/*--------------------------------------------------------------
  .socialbutton
--------------------------------------------------------------*/
.socialbutton {
	display: block;
	clear: both;
	width: auto;
	margin: 10px 0;
	padding: 0 0 5px 0;
	text-align: left;
	border-bottom: 1px #cccccc solid;
}
.socialbutton ul {
	display: inline;
	float: left;
	margin: 0 auto 0 0;
	text-align: left;
}
.socialbutton li {
	display: inline;
	float: left;
	margin-right: 10px;
	text-align: left;
}
/* clearfix */
.socialbutton, .socialbutton ul { zoom:1; }
.socialbutton:after, .socialbutton ul:after {
	content: "";
	display: block;
	clear: both;}


/*--------------------------------------------------------------
  textList
  写真の内テキストリンクのみのリスト
  トピックスの一覧、イベントトップの新着等
--------------------------------------------------------------*/
.textList {
	display: block;
	clear: both;
	margin: 10px 0;
}
/*clearfix*/
.textList, .textList li { zoom:1; }
.textList:after, .textList li:after {
	content: "";
	display: block;
	clear: both;}
.textList ul {
	display: block;
	clear: both;
	border-top: 1px #cccccc solid;
}
.textList li {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	border-bottom: 1px #eeeeee solid;
}
.textList li a {
	display: block;
	clear: both;
	margin: 0;
	padding: 10px 10px 10px 30px;
	word-wrap: break-word;
	word-break: break-all;
	background: url(../img/common/arrow_textlink.png) left 10px top 0.4em no-repeat;
	background-size: 13px 19px;
	-webkit-background-size: 13px 19px;
	color: #5F4B3D;
	text-decoration: none;
}
.textList li a:hover {
	background: #eeeeee url(../img/common/arrow_textlink.png) left 10px top 0.4em no-repeat;
	background-size: 13px 19px;
	-webkit-background-size: 13px 19px;
	color: #5F4B3D;
	text-decoration: none;
}
.textList div.Listdate {
	display: inline;
	float: left;
	width: 8em;
	padding-right: 10px;
}
.textList img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
.textList li .icon_ctg {
	margin: 2px 20px 2px 5px!important;
	width: 5em;
}

/*--------------------------------------------------------------
  .list
--------------------------------------------------------------*/
.list {
	display: block;
	clear: both;
	margin: 10px 0;
}
/*clearfix*/
.list, .list li { zoom:1; }
.list:after, .list li:after {
	content: "";
	display: block;
	clear: both;}
.list ul {
	display: block;
	clear: both;
	border-top: 1px #cccccc solid;
}
.list li {
	display: block;
	clear: both;
	padding: 10px 0 10px 30px;
	background: url(../img/common/ya.png) 15px 0.9em no-repeat;
	border-bottom: 1px #cccccc solid;
}
.list div.Listdate {
	display: inline;
	float: left;
	width: 7em;
	padding-right: 10px;
}
.list img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

/*--------------------------------------------------------------
  .linkList
  リンクのみのリスト
--------------------------------------------------------------*/
.linkList {
	display: block;
	clear: both;
}
.linkList li {
	display: block;
	clear: both;
	margin: 0;
	padding: 3px 0px 3px 20px;
	background: url(../img/common/ya.png) left 0.4em no-repeat;
}
/* -------------------------------------------------- linkMenu*/
.linkMenu {
	margin-bottom: 1em;
	padding-top: 1em;
	clear: both;
	*zoom: 1;
}

.linkMenu li {
	display: block;
	clear: both;
	margin: 0;
	min-height: 20px;
}

.linkMenu .hp {
	padding: 3px 0px 3px 20px;
	background: url(../img/common/icon_hp.gif) no-repeat left center;
}

.linkMenu .file {
	padding: 3px 0px 3px 20px;
	background: url(../img/common/icon_file.gif) no-repeat left center;
}

/*--------------------------------------------------------------
  トピックス＆重要なお知らせの詳細ページ
  フリーページ
--------------------------------------------------------------*/
/*--------------------------------------------------------------.dateBox*/
.dateBox {
	display: block;
	clear: both;
	width: auto;
	margin: 20px 0 5px 0;
	padding: 0;
	text-align: right;
}
/* clearfix */
.dateBox { zoom:1; }
.dateBox:after {
	content: ""; 
	display: block; 
	clear: both;}
.dateBox .date {
	display: inline;
	float: right;
	margin: 0 0 0 20px;
}
/*--------------------------------------------------------------.leadBox*/
.leadBox {
	display: block;
	clear: both;
	width: auto;
	margin: 0 20px 20px 20px;
	padding: 10px;
	background: #eeeeee;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
/*--------------------------------------------------------------.importantBox*/
.importantBox {
	display: block;
	clear: both;
	width: auto;
	margin: 0 0 20px 0;
	padding: 10px;
}
/*--------------------------------------------------------------.frameBox*/
.frameBox {
	display: block;
	clear: both;
	width: auto;
	margin: 0 0 20px 0;
	padding: 10px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
/* --------------------------------------------------.article*/
/* clearfix */
.article .photo2Col,
.article .photo3Col, .spc .photoArea {
  overflow: hidden;
  *zoom: 1;
}
.article .photo2Col:after,
.article .photo3Col:after, .spc .photoArea:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}
.article {
	display: block;
	clear: both;
}
/* clearfix */
.article { zoom:1; }
.article:after {
	content: "";
	display: block;
	clear: both;}
.article .section {
	clear: both;
	margin-bottom: 1em;
}
.article em {
	color: #F00;
}
.article .photo1Col {
	text-align: center;
	clear: both;
}
.article .photo1Col .photo img {
	width: auto;
	max-width: 674px;
	height: auto;
	border: none;
	margin: 0 auto;
	text-align: center;
}
.article .photo2Col {
	display: block;
	clear: both;
	width: 710px;
	margin: 10px auto;
	text-align: center;
}
.article .photo3Col {
	display: block;
	clear: both;
	width: 100%;
	margin: 10px 0;
	text-align: center;
}
.article .photo2Col .photo {
	width: 335px;
	text-align: center;
	float: left;
	margin: 0 10px;
}
.photo3Col .photo {
	float: left;
	margin-right: 2%;
	text-align: center;
}
.photo3Col .photo {
	width: 32%;
}
.photo3Col .photo:last-child {
	float: right;
	margin-right: 0;
}
.article .photo2Col .photo img {
	clear: both;
	width: 100%;
	height: auto;
	margin-bottom: 5px;
	padding: 0;
	border: none;
}
.article .photo3Col .photo img {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
	border: none;
}
.article .photoL {
	float: left;
	text-align: left;
	margin-right: 20px;
	margin-bottom: 15px;
	clear: both;
}
.article .photoR {
	float: right;
	text-align: right;
	margin-left: 20px;
	margin-bottom: 15px;
	clear: both;
}
.article .photo img {
	max-width: 680px;
	border: #ECE4DB solid 1px;
	padding: 2px;
}
.article .photo span {
	font-size: .8em;
	display: block;
	line-height: 1.2;
	padding-top: .5em;
    text-align: left;
}
.article dl {
	margin-bottom: 1em;
}
.article dt {
	padding: .5em 0;
	font-size: 1.2em;
	font-weight: bold;
}
.article ol {
	list-style: inside decimal;
}
.article ol li {
	padding-left: 1em;
	text-indent: -1em;
}
.article ul li {
	display: block;
	padding-left: 30px;
}
.article ul li.ico_lilnk {
	display: block;
	padding: 5px 0 5px 30px;
	background: url(../img/common/ico_link.jpg) left center no-repeat;
}
.article ul li.ico_file {
	display: block;
	padding: 5px 0 5px 30px;
	background: url(../img/common/ico_file.jpg) left center no-repeat;
}
.article .photoArea {
	margin: 1em 0;
}
.article .photoArea img {
	width: 332px;
	margin-left: 3px;
	margin-bottom: 3px;
}
.listA table {
	width: 100% !important;
}
.article  table {
	border-collapse: collapse;
}
.article th,
.article td {
/*	padding: 5px;*/
	border-collapse: collapse;
}
/*--------------------------------------------------------------downloadList*/
.downloadList {
	display: block;
	clear: both;
	margin: 10px 0 20px 0;
	padding: 0;
	background: #ffffff;
}
/*clearfix*/
.downloadList, .downloadList li { zoom:1; }
.downloadList:after, .downloadList li:after {
	content: ""; 
	display: block; 
	clear: both;}
.downloadList li {
	display: block;
	clear: both;
	margin: 0;
	padding: 5px 0 5px 30px!important;
	background: url(../img/common/arrow_download.jpg) left 5px center no-repeat!important;
	border-bottom: 1px #cccccc solid;
}
.downloadList li a {
	word-wrap: break-word;
	word-break: break-all;
}
/*--------------------------------------------------.blockList*/
ul.blockList {
	display: list-item;
	border: 1px #daeef7 solid;
	margin-bottom: 20px;
	padding: 10px 10px 10px 20px;
}
.blockList li {
	display: list-item inline;
	list-style: disc inside;
	padding-left: 1em;
	text-indent: -1em;
}
/*--------------------------------------------------.listGroup*/
.listGroup {
	display: block;
	clear: both;
	margin-right: -20px;
}
/* clearfix */
.listGroup { zoom:1; }
.listGroup:after {
	content: "";
	display: block;
	clear: both;}
.listGroup dl {
	display: inline;
	float: left;
	width: 340px;
	margin-right: 20px;
}
.listGroup dt {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 120%;
}
.listGroup dt a {
	display: block;
	margin: 0;
	padding: 7px 30px 7px 7px;
	background-image: url(../img/common/ico_dt_listgroup.png);
	background-position: 310px center;
	background-repeat: no-repeat;
	text-decoration: none;
}
/*--------------------------------------------------.sitemap*/
.sitemap {
	display: inline;
	float: left;
	width: 300px;
	margin: 0 10px;
}
.sitemap:first-child {
	margin-left: 0;
}
/* clearfix */
.sitemap:last-child {
	margin-right: 0;
}
/* clearfix */
.sitemap { zoom:1; }
.sitemap:after {
	content: "";
	display: block;
	clear: both;}
.sitemap dl {
	display: block;
	clear: both;
	width: 300px;
	margin: 0 0 10px 0;
}
.sitemap dt {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 120%;
}
.sitemap dt a {
	display: block;
	margin: 0;
	padding: 7px 30px 7px 7px;
	background-image: url(../img/common/ico_dt_listgroup.png);
	background-position: 270px center;
	background-repeat: no-repeat;
	text-decoration: none;
}

/*--------------------------------------------------------------
下げない
--------------------------------------------------------------*/
.indentBox {
	display: block;
	clear: both;
	margin-left: 0;
	margin-bottom: 10px;
	line-height: 1.5;
	text-align: left;
}
/* clearfix */
.indentBox { zoom:1; }
.indentBox:after {
	content: "";
	display: block;
	clear: both;}
/*--------------------------------------------------------------
1字下げ
--------------------------------------------------------------*/
.indentBox1 {
	display: block;
	clear: both;
	margin-left: 20px;
	margin-bottom: 10px;
	line-height: 1.5;
	text-align: left;
}
/* clearfix */
.indentBox1 { zoom:1; }
.indentBox1:after {
	content: "";
	display: block;
	clear: both;}

/*--------------------------------------------------------------
2字下げ
--------------------------------------------------------------*/
.indentBox2 {
	display: block;
	clear: both;
	margin-left: 40px;
	margin-bottom: 10px;
	line-height: 1.5;
	text-align: left;
}
/* clearfix */
.indentBox2 { zoom:1; }
.indentBox2:after {
	content: "";
	display: block;
	clear: both;}
/*--------------------------------------------------------------
3字下げ
--------------------------------------------------------------*/
.indentBox3 {
	display: block;
	clear: both;
	margin-left: 60px;
	margin-bottom: 10px;
	line-height: 1.5;
	text-align: left;
}
/* clearfix */
.indentBox3 { zoom:1; }
.indentBox3:after {
	content: "";
	display: block;
	clear: both;}


/*--------------------------------------------------------------
.btn　ボタン類のスタイル
--------------------------------------------------------------*/
.tel,
.fax,
.place,
.updated {
	display: inline-block;
	margin-right: 5px;
	padding: 2px 5px;
	background: #666666;
	font-size: 90%;
	vertical-align: middle;
}
.btnSearch {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
}
.btnSearch a {
	display: block;
	clear: both;
	margin: 0;
	padding: 8px;
	text-decoration: none;
	text-align: center;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
.btnSearch a:hover {
	text-decoration: none;
}
/*--------------------------------------------------------------.btn_list*/
.btn_list {
	display: block;
	clear: both;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
}
.btn_list a {
	display: block;
	margin: 0;
	padding: 10px 5px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	line-height: 19px;
	background: #7E6554;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
.btn_list img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	line-height: 19px;
}
.btn_list a:hover {
	text-decoration: none;
}
.btn_list a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}
/*--------------------------------------------------------------.btn_map*/
button.btn_map {
	display: block;
	margin: 0 auto;
	padding: 0.6em 20px 0.6em 65px;
	width: auto;
	height: auto;
	color: #fff;
	text-align: left;
	background-color: #5e4b3d;
	background-image: url(../img/common/ico_map.png);
	background-position: left 20px center;
	background-repeat: no-repeat;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	vertical-align: top;
	outline: none;
	appearance: none;
	cursor: pointer;
	border: 2px #5e4b3d solid;
}
button.btn_map:hover {
	color: #5e4b3d;
	background-color: #fff;
	background-image: url(../img/common/ico_map_o.png);
}
/*--------------------------------------------------------------.btnArea*/
.btnArea a {
	display: inline-block;
	margin: 0 auto;
	padding: 5px 20px;
	font-size: 140%;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
.btnArea {
	margin: 10px 0;
	text-align: center;
}
.btnArea inpu {
	display: inline-block;
	margin: 0 10px;
	text-align: center;
	vertical-align: middle;
}
.btn_monthlist a {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	padding: 3px 5px;
	font-size: 50%!important;
	font-weight: normal;
	text-decoration: none;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
.btnCenter {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center!important;
}
.btnCenter ul {
	width: 190px;
	margin: 0 5px;
	padding: 0;
}
/*clearfix*/
.btnCenter ul { zoom:1; }
.btnCenter ul:after {
	content: "";
	display: block;
	clear: both;}
.btnCenter li,
.btnCenter li a,
.btnCenter a {
	margin: 0!important;
	padding: 0!important;
}
.btnLeft {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: left!important;
}
.btnRight {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: right!important;
}
.btnCenter input, .btnCenter a, .btnLeft input, .btnRight input {
	margin-left: 10px;
	margin-right: 10px;
	border: none!important;
	cursor: pointer;
}
.button {
	display: block;
	clear: both;
	width: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}
.button a,
.button span {
	display: inline-block;
	clear: both;
	width: auto;
	min-width: 12em;
	margin: 0;
	padding: 5px!important;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	font-size: 120%;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	position: relative;
	behavior: url(/pie/PIE.htc);
}
.button span {
	margin: 0 auto!important;
}
.button a:hover {
	display: inline-block;
	clear: both;
	width: auto;
	min-width: 12em;
	margin: 0;
	padding: 5px!important;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	font-size: 120%;
	text-align: center;
	text-decoration: none;
	position: relative;
	behavior: url(/pie/PIE.htc);
}
.button a img {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

/*--------------------------------------------------------------
buttonBox
--------------------------------------------------------------*/
.buttonBox {
	display: block;
	clear: both;
	margin: 0 0 10px 0;
}
/*clearfix*/
.buttonBox { zoom:1; }
.buttonBox:after {
	content: "";
	display: block;
	clear: both;}
.buttonBox a {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

/*--------------------------------------------------------------
  paging
--------------------------------------------------------------*/
.paging {
	display: block;
	margin: 10px auto;
	text-align: right;
}
.paging a.prev,
.paging a.next{
	border: none!important;
	background: none transparent!important;
	text-decoration: none!important;
	color: #666666;
}
.paging a.prev:hover,
.paging a.next:hover{
	border: none!important;
	background: none transparent!important;
	color: #666666;
}
/*clearfix*/
.paging { zoom:1; }
.paging:after {
	content: ""; 
	display: block; 
	clear: both;}

.paging a {
	text-decoration:none;
	margin: 2px;
	padding: 0 5px;
	color: #666666;
}
.paging span.current {
	background-color: #666666;
	border:1px solid #666666;
	color: #ffffff;
	margin: 2px;
	padding: 0 5px;
}
.paging a:link,
.paging a:visited {
	border:1px solid #666666;
	background-color: #FFFFFF;
}
.paging a:hover,
.paging a:active {
	text-decoration:none;
	background-color: #eeeeee;
	border-color: #666666;
	color: #666666;
}

/*--------------------------------------------------------------.jcarousel-skin*/
.jcarousel-skin {
	display: block;
	clear: both;
	padding: 9px;
	margin: 5px 0 20px 20px;
	background: #ffffff;
}
/*--------------------------------------------------------------#googlemapBox*/
#googlemapBox {
	display: block;
	clear: both;
	margin: 5px 0 0 20px;
}

/* --------------------------------------------------
  #infoDesk
-------------------------------------------------- */
#infoDesk {
	display: block;
	clear: both;
	margin: 10px 0 0 0;
	padding: 10px;
	text-align: center;
}
#infoDesk .title {
	display: block;
	clear: both;
	margin: 0 0 5px 0;
	padding: 5px 5px 5px 30px;
	background-image: url(../img/common/ico_infodesk.png);
	background-position: 8px center;
	background-repeat: no-repeat;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
}
#infoDesk dl {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#infoDesk dt {
	font-size: 120%;
}
#infoDesk dd a {
	text-decoration: none;
}

/* --------------------------------------------------
  #relatedInfo
-------------------------------------------------- */
#relatedInfo {
	display: block;
	clear: both;
	margin: 10px -10px 0 0;
	padding: 0;
	width: 710px;
	overflow: hidden;
}
/* clearfix */
#relatedInfo { zoom:1; }
#relatedInfo:after {
	content: "";
	display: block;
	clear: both;}
#relatedInfo div {
	display: inline;
	float: left;
	width: 323px;
	margin: 0 10px 10px 0;
	padding: 10px;
	border: 1px #cccccc solid;
}
#relatedInfo .linkList {
	margin-left: 10px;
	font-size: 90%;
}

/* --------------------------------------------------
  #recommend
-------------------------------------------------- */
#recommend {
	display: block;
	clear: both;
	margin: 10px 0 0 0;
	padding: 10px;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
#recommend .title {
	display: block;
	clear: both;
	margin: 0 0 10px 0;
	font-size: 120%;
	font-weight: bold;
}
#recommend ul {
	display: list-item;
	margin-left: 10px;
}
#recommend li {
	display: list-item inline;
	list-style: disc inside;
	padding-left: 1em;
	text-indent: -1em;
}

/* --------------------------------------------------
  .feedback
-------------------------------------------------- */
.feedback {
	display: block;
	clear: both;
	margin: 20px 0 0 0;
	padding: 20px;
}
.feedback dl {
	display: block;
	clear: both;
	margin: 0 0 0 20px;
	padding: 0;
}
.feedback dt {
	display: block;
	clear: both;
	margin: 10px 0 5px 0;
	padding: 0 0 0 10px;
	font-weight: bold;
}
.feedback dd {
  margin-bottom: 2em;
  padding-left: 20px;
}
.feedback label {
  margin-right: 3em;
}
.feedback .textarea {
  width: 615px;
  height: 8em;
}


/* --------------------------------------------------
  #otherImage
-------------------------------------------------- */
#otherImage {
  position: relative;
  margin: 0 auto;
  clear: both;
  background: #eeeeee;
  border: #cccccc solid 1px;
  padding: 20px;
  margin-bottom: 20px;
}

#otherImage ul {
  width: 100%;
  overflow: hidden;
}

#otherImage li {
  text-align: center;
  display: block;
  float: left;
  margin-right: 1px;
  background: none;
}

#otherImage .clearfix {
  float: none;
  clear: both;
  display: none;
}

#otherImage .prev {
  position: absolute;
  left: 10px;
  top: 45%;
}

#otherImage .next {
  position: absolute;
  right: 10px;
  top: 45%;
}

/* --------------------------------------------------
  .dataTable
-------------------------------------------------- */
.dataTable {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
}
.dataTable th {
	padding: 5px;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	table-layout: fixed;
	width: 35%;
}
.dataTable td {
	padding: 5px;
	border-collapse: collapse;
}
.dataTable label {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	white-space: nowrap;
}

/* --------------------------------------------------
  .monthMenu
-------------------------------------------------- */
.monthMenu,
.dayMenu,
#monthMenu {
	display: block;
	clear: both;
	margin: 20px 0 10px 0;
	padding: 10px 15px 5px 15px;
	font-size: 160%;
	font-weight: bold;
	border-radius: 5px 5px 0 0;         /* CSS3 */
	-moz-border-radius: 5px 5px 0 0;    /* Firefox */
	-webkit-border-radius: 5px 5px 0 0; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
/* clearfix */
.monthMenu,
.dayMenu,
#monthMenu { zoom:1; }
.monthMenu:after,
.dayMenu:after,
#monthMenu:after {
	content: "";
	display: block;
	clear: both;}
.monthMenu .title,
.dayMenu .title {
	display: inline;
	float: left;
	width: 400px;
	padding: 0;
}
.skipBtn {
	display: inline;
	float: right;
}
/* clearfix */
.skipBtn { zoom:1; }
.skipBtn:after {
	content: "";
	display: block;
	clear: both;}
.skipBtn a {
	font-size: 16px;
}
.btn_prevmonth a {
	display: inline-block;
	float: left;
	padding: 3px 5px 3px 20px;
	background-image: url(../img/common/btn_prevmonth.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	text-align: center;
	text-decoration: none;
	border-radius: 5px 0 0 5px;         /* CSS3 */
	-moz-border-radius: 5px 0 0 5px;    /* Firefox */
	-webkit-border-radius: 5px 0 0 5px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
.btn_nextmonth a {
	display: inline-block;
	float:right;
	padding: 3px 20px 3px 5px;
	background-image: url(../img/common/btn_nextmonth.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	text-align: center;
	text-decoration: none;
	border-radius: 0 5px 5px 0;         /* CSS3 */
	-moz-border-radius: 0 5px 5px 0;    /* Firefox */
	-webkit-border-radius: 0 5px 5px 0; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
#monthMenu .title {
	display: inline;
	float: left;
	width: 780px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#monthMenu .skipBtn {
	display: block!important;
	clear: both!important;
	width: 100#!important;
	text-align: center;
}

/* --------------------------------------------------
  .monthTable
-------------------------------------------------- */
.monthTable {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.monthTable th {
	padding: 5px;
	border-collapse: collapse;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	table-layout: fixed;
	width: 7em;
}
.monthTable td {
	padding: 5px;
	border-collapse: collapse;
}
.monthTable label {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	white-space: nowrap;
}

/* --------------------------------------------------
monthTitle
-------------------------------------------------- */
.monthTitle {
  background: url(../events/img/bg_eventmenu.jpg) repeat-x;
  margin-bottom: 10px;
  text-align: center;
  padding: 7px;
  height:44px;
}

.monthTitle img {
  vertical-align: middle;
}

.monthTitle h2 {
  font-size: 1.2em;
  color: #FFF;
  display: inline;
  vertical-align: -.5em;
}

.monthTitle h2 span {
  font-size: 2.2em;
}

.monthTitle .next {
  float: right;
}

.monthTitle .prev {
  float: left;
}

.monthTitle .skipBtn {
  width: 100%;
  margin-top: -65px;
}

/* --------------------------------------------------
  #eventTable
-------------------------------------------------- */
#eventTable table {
	border-collapse: collapse;
	width: 100%;
}
#eventTable th, #eventTable td {
	border-collapse: collapse;
	padding: 5px;
	vertical-align: top;
	width: 14%;
}
#eventTable td {
	height: 7em;
}
#eventTable td a {
	font-size: .8em;
	display: block;
	padding: 0 5px;
	line-height: 1.3;
}
/*#eventTable th.weekday {
	background-color: #eeeeee;
}
#eventTable th.saturday {
	background-color: #d0e4f4;
}
#eventTable th.sunday {
	background-color: #f4cfd3;
}
#eventTable td.sat {
	background-color: #d0e4f4;
}
#eventTable td.sun {
	background-color: #f4cfd3;
}
#eventTable td.shuku {
	background-color: #f4cfd3;
}
#eventTable td.today {
	background-color: #fff45c;
}*/
#eventTable span.wd,
#eventTable span.sat,
#eventTable span.sun,
#eventTable span.shuku {
	display: block;
	width: 2em;
	text-align: center;
}

/* --------------------------------------------------
  .bookMonthList
-------------------------------------------------- */
.bookMonthList {
	display: block;
	clear: both;
	width: 960px;
	margin: 0;
	overflow: hidden
}
.bookMonthList ul {
	display: block;
	clear: both;
	width: 980px;
	margin: 0 -20px 0 0;
}
/* clearfix */
.bookMonthList ul,
.bookMonthList li { zoom:1; }
.bookMonthList ul:after,
.bookMonthList li:after, {
	content: "";
	display: block;
	clear: both;}
.bookMonthList li {
	display: inline;
	float: left;
	width: 440px;
	padding: 10px;
	margin: 0 10px 10px 10px;
	background-color: #eeeeee;
}
.bookMonthList li img {
	display: inline-block;
	vertical-align: middle;
	width:100px;
}
.bookMonthList .text {
	display: inline;
	float: right;
	width: 320px;
	padding: 0;
	text-align: left;
}
.bookMonthList .text .icon_ctg {
	clear: both;
	margin: 2px 0 5px 0!important;
}
.bookMonthList .text a {
	font-weight: bold;
}
.bookMonthList .photo {
	display: inline;
	float: left;
}
.btn_webbook a,
.btn_webbookpdf a {
	display: inline-block;
	width: 6em;
	margin: 5px 10px 0 0;
	padding: 3px 5px;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
.bookMonthList b {
  font-size: .8em;
  background: url(../img/common/icon_pdf.gif) no-repeat left top;
  padding-left: 2em;
  font-weight: normal;
}
#main .bookMonthList {
  margin-right: 0;
}
#main .bookMonthList li {
  width: 100%;
  float: none;
}

/*--------------------------------------------------------------
  .eventList
--------------------------------------------------------------*/
ul.eventList {
	display: block;
	clear: both;
	width: 700px;
	margin: 10px 0;
	border-top: 1px #cccccc solid;
	overflow: hidden;
}
/* clearfix */
ul.eventList { zoom:1; }
ul.eventList:after {
	content: "";
	display: block;
	clear: both;}
.eventList li {
	display: block;
	clear: both;
	width: 700px;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px #cccccc solid;
}
/* clearfix */
.eventList li { zoom:1; }
.eventList li:after {
	content: "";
	display: block;
	clear: both;}
.eventList li .photo {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}
.eventList li .photo img {
	display: block;
	clear: both;
	width: 180px;
	margin: 0;
	padding: 2px;
	border: #ECE4DB solid 1px;
}
.eventList dl {
	display: inline;
	float: right;
	width: 500px;
	margin: 0;
	padding: 0;
	text-align: left;
}
.eventList dt {
	display: block;
	clear: both;
	margin-bottom: 5px;
}
.eventList dt a {
	display: block;
	clear: both;
	font-weight: bold;
}
.eventList dd {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
}
.icon_ctg {
	display: inline-block;
	width: auto;
	margin: 2px 3px 2px 0;
	padding: 2px 5px;
	white-space: nowrap;
	font-size: 70%;
	text-align: center;
	border-radius: 3px;         /* CSS3 */
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
.eventList .date {
	display: block;
	clear: both;
	margin: 5px 0;
	padding: 3px 5px;
	word-wrap: break-word;
	word-break: break-all;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}

/*--------------------------------------------------------------
  #contact
--------------------------------------------------------------*/
#contact {
	display: block;
	clear: both;
	width: 740px;
	margin: 10px auto;
	text-align:  left;
}
#contact table {
	width: 740px;
	margin: 0 0 10px 0;
	text-align: center;
	border-collapse: collapse;
}
#contact th {
	padding: 5px;
	text-align: left;
	width: 300px;
	border-collapse: collapse;
}
#contact td {
	padding: 5px;
	text-align: left;
	width: 440px;
	border-collapse: collapse;
}
#contact td textarea {
	width: 428px;
}
#contact td li {
	display: inline;
	list-style: none;
	margin-right: 10px;
}
#contact .complete p {
	margin: 20px 0;
	text-align: center;
}
#contact .complete .button a {
	display: block;
	margin-left: auto!important;
	margin-right: auto!important;
	text-align: center;
}

/*--------------------------------------------------------------
  .kantansearch
--------------------------------------------------------------*/
.kantansearch {
	display: block;
	clear: both;
	margin: 0 0 20px 20px;
}
.kantansearch li {
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 190px;
	background-image: none!important;
}
.kantansearch a {
	display: block;
	margin: 0;
	padding: 10px 10px 10px 30px;
	text-decoration: none;
	background-image: url(../img/common/ya.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	text-decoration: none;
}

/*--------------------------------------------------------------
  #sitemap
--------------------------------------------------------------*/
#sitemap {
	display: block;
	clear: both;
	width: 740px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	overflow: hidden;
}
#sitemap dl {
	display: block;
	clear: both;
	width: auto;
	margin: 0 20px 0 20px;
	padding: 5px;
	background: #eeeeee;
}
#sitemap dt,
#sitemap dd  {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	background: #ffffff;
	border-bottom: 1px #eeeeee solid;
}
#sitemap dt a {
	display: block;
	clear: both;
	padding: 10px 10px 10px 30px;
	background: #ffffff url(../img/common/ya.png) 10px 0.8em no-repeat;
	color: #333333!important;
	text-decoration: none!important;
}
#sitemap dt a:active,
#sitemap dt a.current_link,
#sitemap dt a:hover {
	display: block;
	clear: both;
	padding: 10px 10px 10px 30px;
	background: #f9e5e9 url(../img/common/ya.png) 10px 0.8em no-repeat;
	color: #333333!important;
	text-decoration: none!important;
}
#sitemap dd a,
#sitemap dd a:visited {
	display: block;
	clear: both;
	padding: 10px 10px 10px 50px;
	background: #ffffff url(../img/common/ya.png) 30px 0.8em no-repeat;
	color: #333333!important;
	text-decoration: none!important;
}
#sitemap dd a:active,
#sitemap dd a.current_link,
#sitemap dd a:hover {
	display: block;
	clear: both;
	padding: 10px 10px 10px 50px;
	background: #f9e5e9 url(../img/common/ya.png) 30px 0.8em no-repeat;
	color: #333333!important;
	text-decoration: none!important;
}
#sitemap dd ul {
	display: block;
	clear: both;
	margin: 0 0 0 50px;
	padding: 0;
}
/* clearfix */
#sitemap ul { zoom:1; }
#sitemap ul:after {
	content: "";
	display: block;
	clear: both;}
#sitemap li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
#sitemap li a {
	display: block;
	clear: both;
	padding: 10px 10px 10px 30px;
	background: #ffffff url(../img/common/ya.png) 10px 0.8em no-repeat;
	color: #333333!important;
	text-decoration: none!important;
}
#sitemap li a:active,
#sitemap li a.current_link,
#sitemap li a:hover {
	display: block;
	clear: both;
	padding: 10px 10px 10px 30px;
	background: #f9e5e9 url(../img/common/ya.png) 10px 0.8em no-repeat;
	color: #333333!important;
	text-decoration: none!important;
}

/*--------------------------------------------------------------
  #mypage
--------------------------------------------------------------*/
.widget-content div.imageBox {
	display: inline;
	float: left;
	width: 90px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color:#FFF;
	text-align:center!important;
	border: 1px solid #cccccc;
	padding: 4px;
	overflow: hidden;
}
.widget-content div.imageBox img {
	display: block;
	width: 90px;
	margin: 0 auto!important;
}
.widget-content div.imageBox a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}
.widget-content div.topicsBox {
	display: inline;
	float: right;
	width: 170px;
	text-align: left;
	font-size: 85%;
}
.widget-content div.topicsBox div.topicsItem {
	display: block;
	background: url(../img/common/ya.png) left 0.2em no-repeat;
	margin: 0 0 2px 0;
	padding: 0 0 0 15px;
}
.mypageBox {
	display: block;
	padding: 5px 0;
	border-bottom: 1px #cccccc solid;
}
.mypageBox h5 {
	display: block;
	clear: both;
	text-align: left;
}
.mypageBox dl {
	display: block;
	clear: both;
	margin-bottom: 5px;
}
.mypageBox dt {
	display: inline-block;
	float: left;
	width: 4em;
	color: #ffffff;
	background-color: #333333;
	margin-right: 5px;
	padding: 2px 5px;
	font-size: 90%;
	text-align: center;
}
.mypageBox dd {
	text-align: left;
}
.mypageBox p {
}
/*clearfix*/
.mypageBox { zoom:1; }
.mypageBox:after {
	content: "";
	display: block;
	clear: both;}
.mypageSyousai {
	display: inline;
	float: right;
	width: 180px;
	text-align: left;
}
.mypageSyousaiPh {
	float: left;
	width: 90px;
	text-align:center!important;
	border: 1px solid #cccccc;
	padding: 4px;
	overflow: hidden;
}
.mypageSyousaiPh img {
	display: block;
	width: 90px;
	margin: 0 auto!important;
}
.mypageSyousaiPh a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}

/*--------------------------------------------------------------
  #area_search  地図から探す
--------------------------------------------------------------*/
#area_search {
	display: block;
	clear: both;
	background: #ffffff;
	position: relative;
	z-index: 100000000;
}
#area_search h2 {
	display: block;
	clear: both;
	margin: 0 0 20px 0;
	padding: 10px;
	font-size: 160%;
	font-weight: bold;
	box-shadow: 3px 3px 3px 0 #cccccc;         /* CSS3 */
	-moz-box-shadow: 3px 3px 3px 0 #cccccc;   /* Firefox */
	-webkit-box-shadow: 3px 3px 3px 0 #cccccc;/* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}

/*--------------------------------------------------------------.notfound*/
.notfound {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	text-align:center;
}
.notfoundInner {
	background-color: #FFF;
	padding: 70px 70px;
}
.btnForm {
	text-align:center;
	padding-top: 30px;
}
.btnForm a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}


/*--------------------------------------------------------------
  #searches  サイト内検索
--------------------------------------------------------------*/
#searches {
	display: block;
	clear: both;
}
#searches table,
#searches th,
#searches td {
	border: none!important;
}
/* --------------------------------------------------  resultline */
.resultline {
	clear: both;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px #666666 solid;
}
.resultline strong {
	font-weight: bold;
	font-size: 120%;
}
.resultline span {
	margin: 0 0.5em;
}
/* --------------------------------------------------  searchList */
.searchList {
}
.searchList li {
	margin: 10px 0;
	padding: 0;
	color: #333333;
}
.searchList a {
	display: block;
	font-size: 1.4em;
	padding: 5px 10px;
	margin: 0 0 5px 0;
	color: #333333;
	background: #CCCCCC;
}
.searchList p {
	margin: 5px 0 0 0;
	padding: 0;
}
.gsc-thumbnail-inside,
.gsc-url-top {
	padding-left: 0!important;
}
.gsc-thumbnail-left {
	display: none!important;
}
div.gs-title {
	display: block;
	clear: both;
	margin: 0 0 5px 0!important;
	padding: 5px 0!important;
	background: #ffffff;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
a.gs-title,
.gs-title a {
	color: #000000!important;
	font-size: 120%;
	/*font-weight: bold;*/
	text-decoration: none!important;
	border-bottom: 0.5px solid !important;
}
.gsc-input #gsc-iw-id1 {
	width: 128px;
	height: 18px;
	margin: 0;
	padding: 2px 5px 2px 25px;
	border: 1px #cccccc solid;
	overflow: hidden;
	background: #ffffff url(../img/common/bg_search.jpg) 10px center no-repeat;
	border-radius: 15px;         /* CSS3 */
	-moz-border-radius: 15px;    /* Firefox */
	-webkit-border-radius: 15px; /* Safari,Chrome */
	position: relative;
	behavior: url(/pie/PIE.htc);
}
input.gsc-i-id1 {
	margin: -10px 0 0 0;
	padding: 0;
	line-height: 18px;
}
#gs_tti50 ,
.gsib_a {
	margin: 0;
	padding: 0;
}
td.gsc-search-button {
	display: none;
}
.search .gsc-search-button input {
	color: #ffffff!important;
	font-size: 100%!important;
}
.gsc-search-button {
	color: #ffffff;
	background: #333333;
	cursor: pointer;
}
.gsc-results .gsc-trailing-more-results, .gsc-results .gsc-trailing-more-results * {
    color: #C00;
    text-decoration: underline;
}
.gsc-imageResult .gsc-cursor-box {
    clear: both;
}
.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
    display: inline;
    margin-bottom: 0;
}
.gsc-results .gsc-cursor {
    display: inline;
}
.gsc-results .gsc-cursor-box {
    margin-bottom: 10px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    color: #333333;
    cursor: pointer;
    display: inline;
    margin-right: 8px;
    text-decoration: underline;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    color: #333333;
	background: #eeeeee;
    cursor: default;
    text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}
.gs-result .gs-title, .gs-result .gs-title * {
    color: #ffffff;
    text-decoration: none!important;
}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    font-size: 16px;
}
.gsc-control-cse .gs-result .gs-spelling-original {
    font-size: 13px;
}
.gs-imageResult-column .gs-image-box {
    float: left;
    margin-right: 10px;
    text-align: left;
}
.gs-imageResult-column .gs-text-box {
    float: left;
    height: 86px;
    width: 350px;
}
