@charset "shift_jis";

/*________________________________________________

	name:			style.css
	author:			kumi morita
	mail:			morimori@elf.coara.or.jp
	create Date:	2008-02-18
	lastmodified:	2009-03-13
________________________________________________*/


/* 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
 *
 */

* {
	margin: 0;
	padding: 0;
	line-height: 130%;
	list-style-type: none;
}
img {
	border: none;
	vertical-align: bottom;
}

/* first */
.first {
	margin-left:0!important;
}

/* end */
.end {
	margin-right:0!important;
}

/* right */
.right {
	text-align: right!important;
}

/* top */
.top {
	text-align: right;
	margin: 10px 10px 10px 10px;
	padding: 5px 0 0 0;
	border-top: 1px #999999 dashed;
	clear: both;
}

/* float */
.float_left {
	float: left;
	margin: 0 5px 5px 0;
}
.float_right {
	float: right;
	margin: 0 0 5px 5px;
}
img.imgfloatleft {
	float: left;
	margin: 0;
	text-align: left;
}
img.imgfloatright {
	float: right;
	margin: 0;
	text-align: right;
}

/* imgborder */
img.imgborder {
	margin: 0;
	padding: 0;
	border: 1px #cccccc solid!important;
}
img.imgborderwaku {
	margin: 0;
	padding: 5px!important;
	border: 1px #cccccc solid!important;
}

/*--------------------------------------------------------------
top
--------------------------------------------------------------*/
#top_container {
	display: block;
	clear: both;
	width: auto; /* 700px */
	height: auto;
	margin: 0;
	padding: auto;
	background: url(../img/top/top_container_bg.jpg) right top repeat-y!important;
	border-top: 5px #666666 solid;
	text-align: center;
}
#flash {
	margin: 0;
}
/* ƒgƒbƒvƒy�[ƒW�¶ƒRƒ“ƒeƒ“ƒc•”•ª */
#top_left {
	float: left;
	width: 510px;
	height: auto;
	margin: 10px 0;
	padding: 0;
	text-align: left;
}
#top_news {
	display: block;
	width: auto;
	height: auto;
	margin: 0 0 10px 10px;
	padding: 0;
	border: 1px #ff6666 solid;
	text-align: left;
}
#top_news p {
	display: block;
	width: auto;
	height: auto;
	margin: 5px 10px;
	padding: 0;
}
#top_left_banner {
	width: auto;
	height: auto;
	margin: 5px 0 5px 5px;
	text-align: left;
}
#top_left_banner ul.gaibu {
	display: block;
	float: left;
	width: 340px;
	height: auto;
	margin: 0 auto 0 0;
	padding: 0;
	background: url(../img/top/left_banner_bg.gif) left top repeat-y!important;
	text-align: left;
}
.gaibu li {
	display: block;
	float: left;
	width: 170px;
	height: auto;
	margin: 0;
	padding: 0 0 10px 0!important;
	text-align: center;
	background: url(../img/top/left_banner_footer.gif) left bottom no-repeat!important;
}
.gaibu li p {
	width: 150px;
	height: auto;
	margin: 0 10px;
	padding: 0;
	text-align: left;
}
.gaibu li a img {
	display: block;
	clear: both;
	width: 150px;
	height: 35px;
	margin: 0 10px;
	padding: 0;
	text-align: left;
}
#top_left_banner ul.banner {
	display: block;
	float: right;
	width: 160px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: right;
}
#top_left_banner ul.banner li {
	display: block;
	width: 160px;
	height: 65px;
	margin: 5px 0;
	padding: 0;
}
#top_left_yoyaku {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 5px 0 0 10px;
	padding: 0;
	background: #ece9d8;
	text-align: left;
}
#top_left_yoyaku ul {
	width: auto;
	height: auto;
	margin: 5px 10px;
	padding: 0;
	text-align: left;
}
#top_left_yoyaku li {
	width: auto;
	height: auto;
	margin: 0;
	padding: 2px 0;
	text-align: left;
}
#top_left_yoyaku li a {
	display: block;
	padding-left: 20px;
	background: url(../img/common/ya_blue.gif) left center no-repeat;
}
#top_left_yoyaku li a:hover {
	display: block;
	padding-left: 20px;
	background: url(../img/common/ya_pink.gif) left center no-repeat;
}
#top_left_yoyaku li a img {
	margin-left: 10px;
	text-decoration: none;
}
#top_left_yoyaku dl {
	display: block;
	float: left;
	width: 233px; /* 235px */
	height: auto;
	margin: 0 0 10px 10px;
	padding: 0;
	background: #ffffff;
	border: 1px #ff6666 solid;
	text-align: left;
}
/* iehack */
* html #top_left_yoyaku dl {
	margin: 0 5px 10px 5px;
}
/* iehack end */
#top_left_yoyaku dt {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}
#top_left_yoyaku dd.text {
	width: auto;
	height: auto;
	margin: 0;
	padding: 5px;
	text-align: left;
}
#top_left_yoyaku dd.text a {
	color: #ff6666!important;
	font-size: 120%;
	font-weight: bold!important;
}
#top_left_yoyaku dd.text p {
	margin: 5px 0;
}
#top_left_yoyaku dd img.planimage:hover, #top_left_yoyaku dd img.planimage a:hover {
	border: 1px #ff6666 solid;
}
#top_left_yoyaku dd img.planimage, #top_left_yoyaku dd img.planimage a {
	float: left;
	xwidth: 100px;
	height: auto;
	margin: 0 5px 5px 0;
	padding: 0;
	border: 1px #cccc66 solid;
	text-align: left;
}
#top_left_yoyaku dd.pink {
	width: auto;
	height: auto;
	margin: 0;
	padding: 5px;
	background: #ffeee9;
	text-align: center;
}
/* ƒgƒbƒvƒy�[ƒW‰EƒRƒ“ƒeƒ“ƒc•”•ª */
#top_right {
	float: right;
	width: 180px;
	height: auto;
	margin: 0;
	padding: 10px 0;
	/* background: url(../img/top/top_right_bg.jpg) left top repeat; */
	text-align: center;
}
dl.t-blog {
	display: block;
	clear: both;
	width: 170px; /* 160px */
	height: auto;
	margin: 0 5px;
	padding: 0 0 10px 0;
	background: url(../img/top/t-blog_footer.png) center bottom no-repeat;
	text-align: center;
}
ul.top_right_banner {
	display: block;
	clear: both;
	width: 160px; /* 160px */
	height: auto;
	margin: 5px 10px 0 10px;
	padding: 0;
	text-align: left;
}
ul.top_right_banner li {
	display: block;
	width: 160px; /* 160px */
	height: auto;
	margin: 0;
	padding: 5px 0;
	border-top: 1px #333333 dashed;
	text-align: left;
}
ul.top_right_banner li a.weather {
	display: block;
	padding-left: 20px;
	background: url(../img/common/ya_blue.gif) left center no-repeat;
}
ul.top_right_banner li a.weather:hover {
	display: block;
	padding-left: 20px;
	background: url(../img/common/ya_pink.gif) left center no-repeat;
}
/* iehack */
* html dl.t-blog {
	background: url(../img/top/t-blog_footer.png) center bottom no-repeat;
	behavior: url('http://www.sansuikan.co.jp/css/iepngfix.htc');
}
.t-blog dt {
	display: block;
	clear: both;
	width: 160px;
	height: 60px;
	margin: 0 5px;
	padding: 0;
}
.t-blog dd {
	display: block;
	clear: both;
	width: 150px; /* 160px */
	height: auto;
	margin: 0 5px;
	padding: 5px;
	background: #ffffff;
	text-align: left;
}

/*--------------------------------------------------------------
page
--------------------------------------------------------------*/
.pagetitle {
	clear: both;
	display: block;
	width: 700px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
}
#pagecontets {
	clear: both;
	display: block;
	width: 680px;
	height: auto;
	margin: 0 10px 0 10px;
	padding: 0;
	font-size: 100%;
	text-align: center;
}
#pagecontets h2 {
	clear: both;
	display: block;
	width: 680px;
	height: auto;
	margin: 10px 0 10px 0;
	padding: 0;
	text-align: left;
}
#pagecontets p {
	text-align: left;
}

/*--------------------------------------------------------------
’‹�H
--------------------------------------------------------------*/
/* menu	‚¨—¿—�ƒy�[ƒW‚Ì‚¨•i�‘‚«•”•ª */
.menu {
	display: block;
	clear: both;
	width: 634px;
	height: auto;
	margin: 10px auto;
	padding: 0;
	font-size: 90%;
	line-height: 90%!important;
	text-align: center;
}
.menu h2 {
	display: block;
	clear: both;
	width: 634px;
	height: auto;
	margin: 10px 0 5px 0;
	padding: 0;
}
.menu h3 {
	width: auto;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
}
div.menuimage {
	float: left;
	width: 300px;
	height: auto;
	margin: 0 10px 10px 0;
	padding: 0;
}
.menu p {
	margin: 5px 0 5px 0;
	text-align: left;
}
/* .btn_yoyaku�@—\–ñƒvƒ‰ƒ“‚ւ̃Šƒ“ƒN */
p.btn_yoyaku {
	display: block;
	float: left;
	width: 320px;
	margin: 5px auto;
}
p.btn_yoyaku a {
	display: block;
	padding-left: 20px;
	background: url(../img/common/ya_blue.gif) left center no-repeat;
}
p.btn_yoyaku a:hover {
	display: block;
	padding-left: 20px;
	background: url(../img/common/ya_pink.gif) left center no-repeat;
}
p.btn_yoyaku a img {
	margin-left: 10px;
	text-decoration: none;
}


/*--------------------------------------------------------------
text
--------------------------------------------------------------*/
.text_xs {
	font-size: x-small;
}
.text_s {
	font-size: small;
}
.text_m {
	font-size: medium;
}
.text_l {
	font-size: large;
}

/* red_text */
.red_text {
	color: #b73733;
}
.red_text_xs {
	color: #b73733;
	font-size: x-small;
}
.red_text_s {
	color: #b73733;
	font-size: small;
}
.red_text_m {
	color: #b73733;
	font-size: medium;
}
.red_text_l {
	color: #b73733;
	font-size: large;
}

/* red2_text */
.red2_text {
	color: #ff0000;
}
.red2_text_xs {
	color: #ff0000;
	font-size: x-small;
}
.red2_text_s {
	color: #ff0000;
	font-size: small;
}
.red2_text_m {
	color: #ff0000;
	font-size: medium;
	line-height: 130%;
}
.red2_text_l {
	color: #ff0000;
	font-size: large;
}

/* blue_text */
.blue_text {
	color: #5872ab;
}
.blue_text_xs {
	color: #5872ab;
	font-size: x-small;
}
.bluet_text_s {
	color: #5872ab;
	font-size: small;
}
.blue_text_m {
	color: #5872ab;
	font-size: medium;
}
.blue_text_l {
	color: #5872ab;
	font-size: large;
}

/* green_text */
.green_text {
	color: #94cf5A;
}
.green_text_xs {
	color: #94cf5A;
	font-size: x-small;
}
.greent_text_s {
	color: #94cf5A;
	font-size: small;
}
.green_text_m {
	color: #94cf5A;
	font-size: medium;
}
.green_text_l {
	color: #94cf5A;
	font-size: large;
}

/*--------------------------------------------------------------
globalnavi
--------------------------------------------------------------*/
#globalnavi {
	display: block;
	clear: both;
	width: 700px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: left;
}
#globalnavi ul {
	display: block;
	width: 700px;
	height: auto;
	margin: 0;
	padding: 0;
}
#globalnavi li {
	display: inline;
	width: auto;
	height: 30px;
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------------
breadcrumbs
--------------------------------------------------------------*/
#breadcrumbs {
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0;
	color: #999999;
	font-size: 80%;
	text-align: left;
}
#breadcrumbs a {
	color: #999999;
	text-decoration: underline;
}

/*--------------------------------------------------------------
pagetop
--------------------------------------------------------------*/
.pagetop {
	clear: both;
	float: right;
	background-color: #ffffff;
	color: #666666;
	font-size: 80%;
	text-align: right;
}
.pagetop img {
	float: left;
	margin-right: 5px;
}
.pagetop a {
	color: #666666!important;
}
/*--------------------------------------------------------------
contentstop
--------------------------------------------------------------*/
.contentstop {
	clear: both;
	width: auto;
	height: auto;
	margin: 10px 0 0 0;
	padding: 0;
	background: #ffffff;
	color: #666666;
	font-size: 80%;
	text-align: right!important;
}

/*--------------------------------------------------------------
header
--------------------------------------------------------------*/
#header img {
	float: left;
}
#header img.htn_mail {
	display: block;
	float: left;
	margin: 0 15px auto 35px;
}
#header img.htn_yoyaku {
	display: block;
	float: left;
	margin: 0 auto auto 0;
}
#header img.htn_hoyou {
	display: block;
	float: right!important;
	margin: 0 0 0 auto;
}
/* ie hack */
* html #header img.htn_mail {
	margin: 0 10px auto 35px;
}
* html #header img.htn_hoyou {
	margin: 0 0 5px auto;
}

/*--------------------------------------------------------------
footer
--------------------------------------------------------------*/
/* footerglobalnavi */
.footerglobalnavi {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0;
	padding: 5px;
	background-color: #ff9999;
	color: #ffffff;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}
.footerglobalnavi a {
	color: #ffffff;
	text-decoration: underline;
}
.footerglobalnavi a:hover {
	text-decoration: underline;
}
.footerglobalnavi ul {
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
.footerglobalnavi li.homefirst {
	border: none;
}
.footerglobalnavi li {
	display: inline;
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 0 5px;
	border-left: 1px #ffffff solid;
	text-align: center;
}
/* footer */
#footer strong {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.4em;
}
/* copy */
#copy {
	clear: both;
	height: auto;
	padding: 2px;
	background-color: #cccccc;
	color: #333333;
	font-size: smaller;
	text-align: center;
}

/* lead_pink */
.lead_pink {
	clear: both;
	display: block;
	width: auto; /* 540px */
	height: auto;
	margin: 10px 70px 0 70px;
	padding: 5px;
	background: #ffeee9;
	border: #ff6666 1px solid;
	color: #333333;
	font-weight: normal;
	text-align: left;
}

/* pinktable */
.pinktable th {
	width: 94px;
	height: auto;
	margin: 0;
	padding: 3px;
	background: #ffeee9;
	border-bottom: #FF6666 1px dashed;
	color: #333333;
	font-weight: normal;
	text-align: center;
}
.pinktable td {
	height: auto;
	margin: 0;
	padding: 3px;
	border-bottom: #FF6666 1px dashed;
	color: #333333;
	font-weight: normal;
	text-align: center;
}

/*--------------------------------------------------------------
furo ‚¨•—˜C
--------------------------------------------------------------*/
.furotime {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 5px 30px;
	padding: 5px 0;
	background: #ffeee9;
	color: #FF0000;
	font-weight: bold;
}
.furotime li {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 5px;
	color: #ff3333;
	font-weight: bold;
	font-size: 120%;
	text-align: right;
}

/*--------------------------------------------------------------
text
--------------------------------------------------------------*/
.text12 {
	line-height:150%;
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}
.text12strong {
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 150%;
	font-weight: bold;
	color: #333333;
}
.text14 {
	line-height:150%;
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}
.text14strong {
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 150%;
	font-weight: bold;
	color: #333333;
}
.text16 {
	line-height:150%;
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}
.text16strong {
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 150%;
	font-weight: bold;
	color: #333333;
}
.text18 {
	line-height:150%;
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}
.text18strong {
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 150%;
	font-weight: bold;
	color: #333333;
}

/* ----- whitetext ----- */
.white12strong {
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 150%;
	font-weight: bold;
	color: #FFFFFF;
}
.white14strong {
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 150%;
	font-weight: bold;
	color: #FFFFFF;
}
.white16strong {
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 150%;
	font-weight: bold;
	color: #FFFFFF;
}
.white18strong {
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 150%;
	font-weight: bold;
	color: #FFFFFF;
}


/* ----- greentext ----- */
td.green16strong {
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #669933;
}
a.green16strong {
	color: #669933;
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 150%;
	font-weight: bold;
	text-decoration: none;

}
a.green16strong:hover {
	color: #669933;
	text-decoration: underline;
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 150%;
	font-weight: bold;
}
a.green18strong {
	color: #669933;
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 150%;
	font-weight: bold;
	text-decoration: none;

}
a.green18strong:hover {
	color: #669933;
	text-decoration: underline;
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 150%;
	font-weight: bold;
}
.green12strong {
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 150%;
	font-weight: bold;
	color: #669933;
}
.green14strong {
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 150%;
	font-weight: bold;
	color: #669933;
}
.green16strong {
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 150%;
	font-weight: bold;
	color: #669933;
}
.green18strong {
	font-family: Verdana, Arial,"Hiragino Kaku Gothic Pro", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 150%;
	font-weight: bold;
	color: #669933;
}


/*--------------------------------------------------------------
ie hack
--------------------------------------------------------------*/
/* Hides from IE-mac \*/
*html #globalnavi {
	font-size: 0.85em;
}
*html #topwhatnew {
	margin: 10px 0 10px 0;
}
*html #topwhatnew h3 {
	padding: 10px 7px 7px 7px;
}
*html #topevent {
	margin: 10px 0 10px 0;
}
*html #topevent h3 {
	padding: 10px 7px 7px 7px;
}
*html #closed {
	margin-left: 0;
}
*html #closed h3 span {
	padding-top: 1px;
}
/* End hide from IE-mac */

/*--------------------------------------------------------------
clearfix
--------------------------------------------------------------*/
dl, ul {
	display: inline-block;
	display: block;
	zoom: 100%;
}
dl:after, ul:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html dl, * html ul {
	height: 1%;
}
dl, ul {
	display: block;
}
/* End hide from IE-mac */