@charset "UTF-8";

/*------------------------------------------------
universal
------------------------------------------------*/
body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #f0faff url(../images/common/bg.gif) repeat-x top;
	margin: 0;
	padding: 0;
	color: #333;
}
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
p {
	margin-top: 0;
}
a img {
	border: none;
}

a:link {
	color: #0066ff;
	text-decoration: underline;
}
a:visited {
	color: #0066ff;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	color: #0066ff;
	text-decoration: none;
}
.pic {
	padding: 10px 0 15px;
	margin: 0;
	text-align: center;
}.pic_lft {
	float: left;
	padding: 0 15px 10px 8px;
	margin: 0;
}.pic_rt {
	float: right;
	padding: 0 8px 10px 15px;
	margin: 0;
}
.clear {
	clear: both;
}
p {
	font-size: 12px;
	line-height: 160%;
	margin: 0 8px 20px;
	text-align: left;
}p.lead {
	font-size: 13px;
}p.cap {
	font-size: 11px;
}

/*------------------------------------------------
global
------------------------------------------------*/
#wrapper{
	width: 100%;
	text-align: center;
	background: transparent url(../images/common/bg_btm.jpg) no-repeat center bottom;
}
.container {
	width: 898px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
.content {
	width: 898px;
	background: transparent url(../images/common/content_bg.gif) repeat-y left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/*------------------------------------------------
head area
------------------------------------------------*/
#header {
	width: 898px;
	height: 63px;
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#header h1 a {
	float: left;
	position: relative;
}#header h1 a {
	width: 261px;
	height: 63px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/common/h1_logo.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
}

/*------------------------------------------------
header navi
------------------------------------------------*/
.hdmenu {
	float: right;
	position: relative;
	width: 502px;
	height: 42px;
	margin: 21px 0 0;
	padding: 0;
	overflow: hidden;
}
.hdmenu ul {
	list-style: none;
	margin: 0;
	position: relative;
}.hdmenu ul li.mn1 {
	float: left;
	position: relative;
}.hdmenu ul li.mn1 a, .hdmenu ul li.mn1 a:visited {
	width: 101px;
	height: auto;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	line-height: 105%;
	text-align: center;
	margin: 0 7px 8px 0;
	padding: 6px 3px;
	background: #0e93ee;
	text-decoration: none;
	display: block;
}.hdmenu ul li.mn1 a:hover, .hdmenu ul li.mn1 a:active, .hdmenu ul li.mn1 a:focus {
	background: #1d6dbc;
}.hdmenu ul li.mn2 {
	float: left;
	position: relative;
}.hdmenu ul li.mn2 a, .hdmenu ul li.mn2 a:visited {
	width: 101px;
	height: auto;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	line-height: 105%;
	text-align: center;
	margin: 0 14px 8px 0;
	padding: 6px 3px;
	background: #0e93ee;
	text-decoration: none;
	display: block;
}.hdmenu ul li.mn2 a:hover, .hdmenu ul li.mn2 a:active, .hdmenu ul li.mn2 a:focus {
	background: #1d6dbc;
}.hdmenu ul li.mn3 {
	float: left;
	position: relative;
}.hdmenu ul li.mn3 a, .hdmenu ul li.mn3 a:visited {
	width: 65px;
	height: 33px;
	margin-right: 2px;
	padding: 0;
	background: transparent url(../images/common/lang_ja.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}.hdmenu ul li.mn3 a:hover, .hdmenu ul li.mn3 a:active, .hdmenu ul li.mn3 a:focus, .hdmenu ul li.mn3 a.over  {
	background: transparent url(../images/common/lang_ja_on.gif) no-repeat left top;
}.hdmenu ul li.mn4 {
	float: left;
	position: relative;
}.hdmenu ul li.mn4 a, .hdmenu ul li.mn4 a:visited {
	width: 75px;
	height: 33px;
	margin-right: 2px;
	padding: 0;
	background: transparent url(../images/common/lang_en.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}.hdmenu ul li.mn4 a:hover, .hdmenu ul li.mn4 a:active, .hdmenu ul li.mn4 a:focus, .hdmenu ul li.mn4 a.over  {
	background: transparent url(../images/common/lang_en_on.gif) no-repeat left top;
}.hdmenu ul li.mn5 {
	float: left;
	position: relative;
}.hdmenu ul li.mn5 a, .hdmenu ul li.mn5 a:visited {
	width: 56px;
	height: 33px;
	margin-right: 2px;
	padding: 0;
	background: transparent url(../images/common/lang_ch.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}.hdmenu ul li.mn5 a:hover, .hdmenu ul li.mn5 a:active, .hdmenu ul li.mn5 a:focus, .hdmenu ul li.mn5 a.over  {
	background: transparent url(../images/common/lang_ch_on.gif) no-repeat left top;
}.hdmenu ul li.mn6 {
	float: left;
	position: relative;
}.hdmenu ul li.mn6 a, .hdmenu ul li.mn6 a:visited {
	width: 65px;
	height: 33px;
	padding: 0;
	background: transparent url(../images/common/lang_kr.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}.hdmenu ul li.mn6 a:hover, .hdmenu ul li.mn6 a:active, .hdmenu ul li.mn6 a:focus, .hdmenu ul li.mn6 a.over  {
	background: transparent url(../images/common/lang_kr_on.gif) no-repeat left top;
}

/*------------------------------------------------
main visual
------------------------------------------------*/
#mainvisual {
	width: 898px;
	height: 250px;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	overflow: hidden;
}
/* 透過PNG適用CSS */
* html #typ4 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/slideshow/mv_tp_win.png', sizingMethod='scale');
}
* html #typ3 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/slideshow/mv_tp_aut.png', sizingMethod='scale');
}
* html #typ2 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/slideshow/mv_tp_sum.png', sizingMethod='scale');
}
* html #typ1 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/slideshow/mv_tp_spr.png', sizingMethod='scale');
}

#typ4 {
	width: 898px;
	height: 250px;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 8;
}
#placeholder4 {
	width: 898px;
	height: 250px;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 7;
}
#typ3 {
	width: 898px;
	height: 250px;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 6;
}
#placeholder3 {
	width: 898px;
	height: 250px;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 5;
}
#typ2 {
	width: 898px;
	height: 250px;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 4;
}
#placeholder2 {
	width: 898px;
	height: 250px;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 3;
}
#typ1 {
	width: 898px;
	height: 250px;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 2;
}
#placeholder1 {
	width: 898px;
	height: 250px;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 1;
}

/*------------------------------------------------
content navi
------------------------------------------------*/
.navi {
	width: 898px;
	margin: 0 0 6px;
	padding: 0;
	overflow: hidden;
}
.navi ul {
	list-style: none;
	margin: 0;
	position: relative;
}.navi ul li.mn1 {
	float: left;
	position: relative;
}.navi ul li.mn1 a, .navi ul li.mn1 a:visited {
	width: 128px;
	height: 58px;
	margin-right: 2px;
	padding: 0;
	background: transparent url(../images/common/mn_01.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}.navi ul li.mn1 a:hover, .navi ul li.mn1 a:active, .navi ul li.mn1 a:focus  {
	background: transparent url(../images/common/mn_01_on.gif) no-repeat left top;
}.navi ul li.mn1 a.over  {
	background: transparent url(../images/common/mn_01_over.gif) no-repeat left top;
}.navi ul li.mn2 {
	float: left;
	position: relative;
}.navi ul li.mn2 a, .navi ul li.mn2 a:visited {
	width: 126px;
	height: 58px;
	margin-right: 2px;
	padding: 0;
	background: transparent url(../images/common/mn_02.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}.navi ul li.mn2 a:hover, .navi ul li.mn2 a:active, .navi ul li.mn2 a:focus  {
	background: transparent url(../images/common/mn_02_on.gif) no-repeat left top;
}.navi ul li.mn2 a.over  {
	background: transparent url(../images/common/mn_02_over.gif) no-repeat left top;
}.navi ul li.mn3 {
	float: left;
	position: relative;
}.navi ul li.mn3 a, .navi ul li.mn3 a:visited {
	width: 126px;
	height: 58px;
	margin-right: 2px;
	padding: 0;
	background: transparent url(../images/common/mn_03.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}.navi ul li.mn3 a:hover, .navi ul li.mn3 a:active, .navi ul li.mn3 a:focus  {
	background: transparent url(../images/common/mn_03_on.gif) no-repeat left top;
}.navi ul li.mn3 a.over  {
	background: transparent url(../images/common/mn_03_over.gif) no-repeat left top;
}.navi ul li.mn4 {
	float: left;
	position: relative;
}.navi ul li.mn4 a, .navi ul li.mn4 a:visited {
	width: 126px;
	height: 58px;
	margin-right: 2px;
	padding: 0;
	background: transparent url(../images/common/mn_04.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}.navi ul li.mn4 a:hover, .navi ul li.mn4 a:active, .navi ul li.mn4 a:focus  {
	background: transparent url(../images/common/mn_04_on.gif) no-repeat left top;
}.navi ul li.mn4 a.over  {
	background: transparent url(../images/common/mn_04_over.gif) no-repeat left top;
}.navi ul li.mn5 {
	float: left;
	position: relative;
}.navi ul li.mn5 a, .navi ul li.mn5 a:visited {
	float: left;
	position: relative;
	width: 126px;
	height: 58px;
	margin-right: 2px;
	padding: 0;
	background: transparent url(../images/common/mn_05.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}.navi ul li.mn5 a:hover, .navi ul li.mn5 a:active, .navi ul li.mn5 a:focus  {
	background: transparent url(../images/common/mn_05_on.gif) no-repeat left top;
}.navi ul li.mn5 a.over  {
	background: transparent url(../images/common/mn_05_over.gif) no-repeat left top;
}.navi ul li.mn6 {
	float: left;
	position: relative;
}.navi ul li.mn6 a, .navi ul li.mn6 a:visited {
	width: 126px;
	height: 58px;
	margin-right: 2px;
	padding: 0;
	background: transparent url(../images/common/mn_06.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}.navi ul li.mn6 a:hover, .navi ul li.mn6 a:active, .navi ul li.mn6 a:focus  {
	background: transparent url(../images/common/mn_06_on.gif) no-repeat left top;
}.navi ul li.mn6 a.over  {
	background: transparent url(../images/common/mn_06_over.gif) no-repeat left top;
}.navi ul li.mn7 {
	float: left;
	position: relative;
}.navi ul li.mn7 a, .navi ul li.mn7 a:visited {
	width: 128px;
	height: 58px;
	padding: 0;
	background: transparent url(../images/common/mn_07.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}.navi ul li.mn7 a:hover, .navi ul li.mn7 a:active, .navi ul li.mn7 a:focus  {
	background: transparent url(../images/common/mn_07_on.gif) no-repeat left top;
}.navi ul li.mn7 a.over  {
	background: transparent url(../images/common/mn_07_over.gif) no-repeat left top;
}

/*------------------------------------------------
right navi
------------------------------------------------*/
.rightarea {
	width: 198px;
	float: right;
	margin: 0;
	padding: 0;
	background: #d5f0ff;
	overflow: hidden;
}
.sidenavi {
	margin: 0;
	padding: 0;
	background: #a5d3ed;
	overflow: hidden;
}
ul.search {
	width: 198px;
	height: 30px;
	list-style: none;
	margin: 0;
	background: #61a4d2;
	overflow: hidden;
}ul.search li.navittl {
	width: 198px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/common/search_ttl.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}
ul.confirm {
	clear: both;
	list-style: none;
	margin: 0 0 15px;
}ul.confirm li.navittl {
	width: 198px;
	height: 42px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/common/confirm_ttl.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}ul.confirm li.mn1 a, ul.confirm li.mn1 a:visited {
	width: 198px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/common/confirm_mn01.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}ul.confirm li.mn1 a:hover, ul.confirm li.mn1 a:active, ul.confirm li.mn1 a:focus, ul.confirm li.mn1 a.over  {
	background: transparent url(../images/common/confirm_mn01_on.gif) no-repeat left top;
}ul.confirm li.mn2 a, ul.confirm li.mn2 a:visited {
	width: 198px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/common/confirm_mn02.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}ul.confirm li.mn2 a:hover, ul.confirm li.mn2 a:active, ul.confirm li.mn2 a:focus, ul.confirm li.mn2 a.over  {
	background: transparent url(../images/common/confirm_mn02_on.gif) no-repeat left top;
}ul.confirm li.mn3 a, ul.confirm li.mn3 a:visited {
	width: 198px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/common/confirm_mn03.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}ul.confirm li.mn3 a:hover, ul.confirm li.mn3 a:active, ul.confirm li.mn3 a:focus, ul.confirm li.mn3 a.over  {
	background: transparent url(../images/common/confirm_mn03_on.gif) no-repeat left top;
}ul.confirm li.mn4 a, ul.confirm li.mn4 a:visited {
	width: 198px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/common/confirm_mn04.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}ul.confirm li.mn4 a:hover, ul.confirm li.mn4 a:active, ul.confirm li.mn4 a:focus, ul.confirm li.mn4 a.over  {
	background: transparent url(../images/common/confirm_mn04_on.gif) no-repeat left top;
}

ul.confirm li.mn5 a, ul.confirm li.mn5 a:visited {
	width: 198px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/common/confirm_mn05.png) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}
ul.confirm li.mn5 a:hover, ul.confirm li.mn5 a:active, ul.confirm li.mn5 a:focus, ul.confirm li.mn5 a.over  {
	background: transparent url(../images/common/confirm_mn05_on.png) no-repeat left top;
}
ul.confirm li.mn6 a, ul.confirm li.mn6 a:visited {
	width: 198px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/common/confirm_mn06-a.png) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}
ul.confirm li.mn6 a:hover, ul.confirm li.mn6 a:active, ul.confirm li.mn6 a:focus, ul.confirm li.mn6 a.over  {
	background: transparent url(../images/common/confirm_mn06_on-a.png) no-repeat left top;
}

ul.visual {
	list-style: none;
	margin: 0 0 15px;
}ul.visual li.navittl {
	width: 198px;
	height: 42px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/common/visual_ttl.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}ul.visual li.mn1 a, ul.visual li.mn1 a:visited {
	width: 198px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/common/visual_mn01.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}ul.visual li.mn1 a:hover, ul.visual li.mn1 a:active, ul.visual li.mn1 a:focus, ul.visual li.mn1 a.over  {
	background: transparent url(../images/common/visual_mn01_on.gif) no-repeat left top;
}ul.visual li.mn2 a, ul.visual li.mn2 a:visited {
	width: 198px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/common/visual_mn02.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}ul.visual li.mn2 a:hover, ul.visual li.mn2 a:active, ul.visual li.mn2 a:focus, ul.visual li.mn2 a.over  {
	background: transparent url(../images/common/visual_mn02_on.gif) no-repeat left top;
}ul.visual li.mn3 a, ul.visual li.mn3 a:visited {
	width: 198px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/common/visual_mn03.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}ul.visual li.mn3 a:hover, ul.visual li.mn3 a:active, ul.visual li.mn3 a:focus, ul.visual li.mn3 a.over  {
	background: transparent url(../images/common/visual_mn03_on.gif) no-repeat left top;
}ul.visual li.mn4 a, ul.visual li.mn4 a:visited {
	width: 198px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/common/visual_mn04.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}ul.visual li.mn4 a:hover, ul.visual li.mn4 a:active, ul.visual li.mn4 a:focus, ul.visual li.mn4 a.over  {
	background: transparent url(../images/common/visual_mn04_on.gif) no-repeat left top;
}
ul.member {
	width: 161px;
	list-style: none;
	margin: 0 auto 20px;
}ul.member li.btn1, ul.member li.btn1 a {
	width: 161px;
	height: 40px;
	margin: 0;
	padding-bottom: 6px;
	background: transparent url(../images/common/btn_member.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}ul.member li.btn2, ul.member li.btn2 a {
	width: 161px;
	height: 40px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/common/btn_magazine.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}
ul.bnr {
	width: 174px;
	list-style: none;
	margin: 0 auto 20px;
}ul.bnr li.bnr1, ul.bnr li.bnr1 a {
	width: 174px;
	height: 44px;
	margin: 0;
	padding-bottom: 6px;
	background: transparent url(../images/common/btn_inquiry.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}ul.bnr li.bnr2, ul.bnr li.bnr2 a {
	width: 174px;
	height: 44px;
	margin: 0;
	padding-bottom: 6px;
	background: transparent url(../images/common/btn_banner.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}ul.bnr li.bnr3, ul.bnr li.bnr3 a {
	width: 174px;
	height: 44px;
	margin: 0;
	padding-bottom: 6px;
	background: transparent url(../images/common/btn_link.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}ul.bnr li.bnr4, ul.bnr li.bnr4 a {
	width: 174px;
	height: 44px;
	margin: 0;
	padding-bottom: 6px;
	background: transparent url(../images/common/btn_fb.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}ul.bnr li.bnr5, ul.bnr li.bnr5 a {
	width: 174px;
	height: 44px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/common/btn_tw.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}
ul.sns {
	width: 174px;
	list-style: none;
	margin: 0 auto 20px;
	padding: 11px 0 0;
	background: transparent url(../images/common/snsbg_upr.gif) no-repeat left top;
	overflow: hidden;
}ul.sns li, ul.sns li a {
	width: 150px;
	height: auto;
	font-size: 11px;
	line-height: 120%;
	color: #333;
	text-decoration: none;
	text-align:left;
	margin: 0;
	padding: 3px 12px 1px;
	background: transparent url(../images/common/snsbg.gif) repeat-y left;
}ul.sns li.end {
	width: 174px;
	height: 11px;
	margin: 0;
	padding: 0 ;
	background: transparent url(../images/common/snsbg_btm.gif) no-repeat left top;
}

.rightarea .info_area {
	padding: 20px 12px;
}.rightarea .info_area h3 {
	font-size: 12px;
	color: #666;
	line-height: 140%;
	text-align: left;
	font-weight: bold;
	margin: 0 0 5px;
}.rightarea .info_area p {
	font-size: 12px;
	color: #666;
	line-height: 140%;
	text-align: left;
	margin: 0;
}
/* 2020-03-10 */
.rightarea .info_area a {
    margin: 3px 0;
    display: inline-block;
}

/*------------------------------------------------
google search
------------------------------------------------*/
#src_area {
	width: 198px;
	height: 34px;
	position:relative;
	margin: 0 0 15px;
	padding:0;
	background: #61a4d2;
	display:block;
	overflow:hidden;
} #googleKeywords {
	float: left;
	position: relative;
	width: 152px;
	height: 20px;
	font-size: 11px;
	font-weight: 100;
	color: #333;
	line-height: 110%;
	text-align: left;
	margin: 5px 0 0 12px;
	padding: 2px;
	background: transparent url(../images/common/search_bg.gif) no-repeat left top;
	text-decoration: none;
	display: block;
	border:none;
} #searchBtn {
	float: left;
	position: relative;
	width: 15px;
	height: 14px;
	margin: 9px 14px 0 0;
	padding: 0;
	display: block;
}
#result {
	text-align: left;
}

/*------------------------------------------------
content area
------------------------------------------------*/
.space_bg {
	float: left;
	position: relative;
	width: 8px;
	height: 603px;
	background: transparent url(../images/common/space_bg.gif) repeat-x top;
	margin: 0;
	padding: 0;
}
.canvas {
	float: left;
	position: relative;
	width: 692px;
	min-height: 850px;
	margin: 0;
	padding: 0;
}.canvas .top {
	width: 658px;
	margin: 0;
	padding: 4px 17px 20px;
}.canvas .sight {
	width: 658px;
	margin: 0;
	padding: 4px 17px 20px;
	background: transparent url(../images/common/bg_sight.gif) no-repeat right top;
}.canvas .nature {
	width: 658px;
	margin: 0;
	padding: 4px 17px 20px;
	background: transparent url(../images/common/bg_nature.gif) no-repeat right top;
}.canvas .foods {
	width: 658px;
	margin: 0;
	padding: 4px 17px 20px;
	background: transparent url(../images/common/bg_foods.gif) no-repeat right top;
}.canvas .stay {
	width: 658px;
	margin: 0;
	padding: 4px 17px 20px;
	background: transparent url(../images/common/bg_stay.gif) no-repeat right top;
}.canvas .information {
	width: 658px;
	margin: 0;
	padding: 4px 17px 20px;
	background: transparent url(../images/common/bg_info.gif) no-repeat right top;
}.canvas .library {
	width: 658px;
	margin: 0;
	padding: 4px 17px 20px;
	background: transparent url(../images/common/bg_library.gif) no-repeat right top;
}.canvas .tour {
	width: 658px;
	margin: 0;
	padding: 4px 17px 20px;
}

.top_banner {
	margin: 15px 0;
}

/*--- text title ---*/
.canvas h1 {
	clear: both;
	font-size: 28px;
	font-weight: bold;
	line-height: 120%;
	margin: 20px 0 24px;
	padding: 7px 14px 5px;
	text-align: left;
}.canvas h2 {
	clear: both;
	font-size: 22px;
	font-weight: bold;
	line-height: 120%;
	margin: 0 0 20px;
	padding: 20px 5px 0;
	text-align: left;
	border-bottom: solid 1px #e4e4e4;
}.canvas h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 120%;
	margin: 0 0 15px;
	padding: 0 5px 3px;
	text-align: left;
}.canvas h4 {
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
	margin: 0 0 10px;
	padding: 0 3px;
	text-align: left;
	border-bottom: solid 1px #e4e4e4;
}.canvas h5 {
	font-size: 13px;
	font-weight: bold;
	line-height: 120%;
	margin:10px 0 5px;
	padding: 14px 0 0;
	text-align: left;
}

/*--- list ---*/
.canvas ul.link {
	float: left;
	position: relative;
	width: auto;
	list-style: none;
	margin: 10px 8px 20px;
	overflow: hidden;
}.canvas ul.link li {
	float: left;
	position: relative;
	font-size: 12px;
	text-decoration: none;
	text-align:left;
	padding-left: 12px;
	margin: 0 30px 5px 0;
	background:transparent url(../images/common/icon_link.gif) no-repeat left 45%;
	display:block;
}

.canvas ul.notice {
	clear: both;
	list-style: none;
	margin: 0 8px 20px 12px;
	padding: 0;
	text-align: left;
}.canvas ul.notice li {
	font-size: 12px;
	line-height: 140%;
	text-decoration: none;
	margin-bottom: 5px;
	padding-left: 16px;
	background:transparent url(../images/common/icon_notice.gif) no-repeat left 2px;
}

.canvas .nature dl {
	list-style: none;
	margin: 0 8px 20px 10px;
	padding: 0;
	text-align: left;
}.canvas .nature dl dt {
	font-size: 12px;
	font-weight: bold;
	line-height: 140%;
	text-decoration: none;
	margin: 0 0 5px;
	padding: 0;
}.canvas .nature dl dd {
	font-size: 12px;
	line-height: 140%;
	text-decoration: none;
	margin: 0 0 5px;
	padding: 0;
}
.canvas .nature dl.enmoku {
	clear: both;
	width: 642px;
	position: relative;
	list-style: none;
	margin: 0 8px 20px;
	padding: 0;
	text-align: left;
}.canvas .nature dl.enmoku dt {
	width: 142px;
	float: left;
	position: relative;
	font-size: 12px;
	font-weight: bold;
	line-height: 140%;
	text-decoration: none;
	margin: 0 0 3px;
	padding: 0;
}.canvas .nature dl.enmoku dd {
	width: 500px;
	float: left;
	position: relative;
	font-size: 12px;
	line-height: 140%;
	text-decoration: none;
	margin: 0 0 3px;
	padding: 0;
}

.canvas .tour dl {
	clear: both;
	width: 642px;
	position: relative;
	list-style: none;
	margin: 0 8px 20px;
	padding: 0;
	text-align: left;
	overflow: hidden;
}.canvas .tour dl dt {
	width: 142px;
	float: left;
	position: relative;
	font-size: 12px;
	font-weight: bold;
	line-height: 140%;
	text-decoration: none;
	margin: 0 0 3px;
	padding: 0;
	border-bottom: dashed 1px #e4e4e4;
}.canvas .tour dl dd {
	width: 500px;
	float: left;
	position: relative;
	font-size: 12px;
	line-height: 140%;
	text-decoration: none;
	margin: 0 0 3px;
	padding: 0;
	border-bottom: dashed 1px #e4e4e4;
}

.canvas .tri ul {
	clear: both;
	list-style: none;
	margin: 0 0 8px 16px;
	position: relative;
	overflow: hidden;
}.canvas .tri ul li {
	float: left;
	position: relative;
	width: 200px;
	height: auto;
	text-align: center;
	margin: 0 12px 0 0;
	padding: 0;
	display: block;
}.canvas .tri ol {
	clear: both;
	list-style: none;
	margin: 0 0 20px 16px;
	position: relative;
	overflow: hidden;
}.canvas .tri ol li {
	float: left;
	position: relative;
	width: 200px;
	height: auto;
	font-size: 12px;
	color: #333;
	margin: 0 12px 0 0;
	padding: 0 0 5px;
	background: #ececec;
	display: block;
}.canvas .tri ol li h3 {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	line-height: 120%;
	text-align: center;
	margin: 5px 0;
	padding: 0;
	border: none;
}.canvas .tri ol li p {
	font-size: 12px;
	font-weight: 100;
	color: #333;
	line-height: 140%;
	text-align: left;
	margin: 0;
	padding: 5px 10px;
}.canvas .tri ol li p.play a {
	width: 150px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	line-height: 140%;
	text-align: center;
	margin: 0 auto;
	padding: 5px 5px 2px;
	background: #ccc;
	border: solid 1px #999;
	display: block;
}

.canvas .four ul {
	clear: both;
	list-style: none;
	margin: 0 0 4px 18px;
	position: relative;
	overflow: hidden;
}.canvas .four ul li {
	float: left;
	position: relative;
	width: 155px;
	height: 180px;
	text-align: left;
	margin: 0 8px 0 0;
}.canvas .four ul li img {
	position: absolute;
	bottom: 0;
}.canvas .four ul li.end {
	float: left;
	position: relative;
	width: 132px;
	height: 180px;
	text-align: left;
	margin: 0 8px 0 0;
}.canvas .four ol {
	clear: both;
	list-style: none;
	margin: 0 0 20px 18px;
	position: relative;
	overflow: hidden;
}.canvas .four ol li {
	float: left;
	position: relative;
	width: 155px;
	height: auto;
	font-size: 12px;
	color: #333;
	text-align: center;
	margin: 0 8px 0 0;
}.canvas .four ol li.end {
	float: left;
	position: relative;
	width: 132px;
	height: auto;
	font-size: 12px;
	color: #333;
	text-align: center;
	margin: 0;
}

/*--- table ---*/
.canvas table.spec {
	font-size: 12px;
	text-align: left;
	margin: 5px auto;
	padding: 0;
}.canvas table.spec thead {
	font-weight: bold;
}.canvas table.spec tbody {
	font-weight: 100;
}

.canvas table.price {
	width: 600px;
	margin: 5px auto 15px;
	padding: 0;
}.canvas table.price thead tr td {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #b46c6c;
}.canvas table.price tbody tr th {
	font-size: 12px;
	font-weight: 100;
	text-align: left;
	background: #efefef;
}.canvas table.price tbody tr td {
	font-size: 12px;
	font-weight: 100;
	text-align: center;
	background: #f6f6f6;
}.canvas table.price caption {
	font-size: 11px;
	font-weight: 100;
	caption-side: bottom;
	text-align: right;
	padding: 5px 0;
}

.canvas table.price2 {
	width: 648px;
	margin: 5px auto 15px;
	padding: 0;
}.canvas table.price2 thead tr td {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #b46c6c;
}.canvas table.price2 tbody tr th {
	font-size: 12px;
	font-weight: 100;
	text-align: left;
	background: #f0e2e2;
}.canvas table.price2 tbody tr td {
	font-size: 12px;
	font-weight: 100;
	text-align: center;
	background: #efefef;
}.canvas table.price2 caption {
	font-size: 11px;
	font-weight: 100;
	caption-side: bottom;
	text-align: right;
	padding: 5px 0;
}

.canvas table.town {
	float: left;
	width: 280px;
	margin: 5px 0 0;
	padding: 0;
}.canvas table.town thead tr td {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #75b3ba;
}.canvas table.town tbody tr th {
	font-size: 12px;
	font-weight: 100;
	text-align: center;
	background: #e3f0f1;
}.canvas table.town tbody tr td {
	font-size: 12px;
	font-weight: 100;
	text-align: center;
	background: #f6f6f6;
}.canvas table.town caption {
	font-size: 11px;
	font-weight: 100;
	caption-side: bottom;
	text-align: right;
	padding: 5px 0;
}

.canvas table.calendar {
	width: 658px;
	margin: 5px 0 0;
	padding: 0;
}.canvas table.calendar tbody tr th {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 3px;
	background: #e3f0f1;
}.canvas table.calendar tbody tr th.month {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #75b3ba;
}.canvas table.calendar tbody tr td {
	font-size: 11px;
	font-weight: 100;
	text-align: left;
	background: #f6f6f6;
}.canvas table.calendar tbody tr td.dt {
	white-space: nowrap;
	text-align: right;
}.canvas table.calendar tbody tr td.nr {
	white-space: nowrap;
	text-align: center;
}.canvas table.calendar caption {
	font-size: 11px;
	font-weight: 100;
	caption-side: bottom;
	text-align: right;
	padding: 5px 0;
}

.canvas table.phone {
	width: 658px;
	margin: 5px 0 0;
	padding: 0;
}.canvas table.phone tbody tr th {
	width: 30%;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	background: #e3f0f1;
	padding: 5px 10px;
}.canvas table.phone tbody tr td {
	width: 20%;
	font-size: 12px;
	font-weight: 100;
	text-align: left;
	letter-spacing: 2px;
	background: #f6f6f6;
	padding: 5px 10px;
	white-space: nowrap;
}

.canvas table.time {
	float: left;
	margin: 0 5px 15px;
	padding: 0;
}.canvas table.time thead tr td {
	width: 68px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #b46c6c;
}.canvas table.time tbody tr th {
	width: 68px;
	font-size: 12px;
	font-weight: 100;
	text-align: center;
	background: #efefef;
}.canvas table.time tbody tr td {
	width: 68px;
	font-size: 12px;
	font-weight: 100;
	text-align: center;
	background: #f6f6f6;
}.canvas table.time tbody tr td.space {
	width: 68px;
	height: 10px;
	background: none;
}.canvas table.time caption {
	font-size: 11px;
	font-weight: 100;
	caption-side: bottom;
	text-align: right;
	padding: 5px 0;
}



.canvas table.timebl {
	float: left;
	margin: 0 5px 15px;
	padding: 0;
}

.canvas table.timebl thead tr td, .canvas table.timebl thead tr th {
	width: 94px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #b46c6c;
}

.canvas table.timebl tbody tr th {
	width: 94px;
	font-size: 12px;
	font-weight: 100;
	text-align: center;
	background: #efefef;
}

.canvas table.timebl tbody tr td {
	width: 94px;
	font-size: 12px;
	font-weight: 100;
	text-align: center;
	background: #f6f6f6;
}

.canvas table.timebl tbody tr td.space {
	width: 94px;
	height: 10px;
	background: none;
}

.canvas table.timebl caption {
	font-size: 11px;
	font-weight: 100;
	caption-side: bottom;
	text-align: right;
	padding: 5px 0;
}



.canvas table.course {
	width: 648px;
	margin: 5px auto 15px;
	padding: 0;
}.canvas table.course thead tr td {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #b46c6c;
}.canvas table.course tbody tr th {
	font-size: 12px;
	font-weight: 100;
	text-align: center;
	background: #f0e2e2;
}.canvas table.course tbody tr td {
	font-size: 12px;
	font-weight: 100;
	text-align: center;
	background: #efefef;
}.canvas table.course caption {
	font-size: 11px;
	font-weight: 100;
	caption-side: bottom;
	text-align: right;
	padding: 5px 0;
}

/*--- textbox ---*/
#info {
	width: 610px;
	height: auto;
	clear: both;
	margin: 0 8px;
	padding: 16px 16px 8px;
	background: #ececec;
	overflow: hidden;
}#info p {
	margin: 6px 2px;
}

/*--- button ---*/
.btn_submit {
	width: 198px;
	height: 40px;
	text-align: center;
	margin: 20px auto;
}ul.btn_detail  {
	width: 440px;
	height: 40px;
	text-align: center;
	list-style: none;
	margin: 20px auto;
	overflow: hidden;
}ul.btn_detail li {
	float: left;
	position: relative;
	width: 198px;
	height: 40px;
	margin: 0;
	padding: 0 11px;
}.btn_map {
	clear: both;
	width: 130px;
	height: 30px;
	text-align: center;
	margin: 0 264px;
}.btn_fb_s {
	float: right;
	position: relative;
	width: 87px;
	height: 21px;
	margin: 0 0 0 7px;
	padding: 0;
	background: transparent url(../images/common/btn_fb_s.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}.btn_blog_s {
	float: right;
	position: relative;
	width: 87px;
	height: 21px;
	margin: 0 0 0 7px;
	padding: 0;
	background: transparent url(../images/common/btn_blog_s.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}.btn_news, .btn_topics {
	float: right;
	position: relative;
	width: 161px;
	height: 21px;
	margin: 0 0 0 7px;
	padding: 0;
	background: transparent url(../images/common/btn_news.gif) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}
.btn_topics {
	background: transparent url(../images/common/topics2.gif) no-repeat left top;
}

.btn_premium {
	float: right;
	position: relative;
	width: 59px;
	height: 21px;
	margin: 0 0 0 7px;
	padding: 0;
	background: transparent url(../images/common/logojp.jpg) no-repeat left top;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
}

/*------------------------------------------------
news list
------------------------------------------------*/
.news_list {
	clear: both;
	line-height: 140%;
	margin: 0;
	overflow: hidden;
}.news_list dl {
	clear: both;
	width: 620px;
	height: auto;
	list-style: none;
	padding-bottom: 30px;
	margin: 0 19px;
}.news_list dl dt {
	width: 620px;
	height: auto;
	font-size: 16px;
	font-weight: bold;
	color: #b46c6c;
	text-align: left;
	padding: 0;
	margin: 0 0 10px;
	border-bottom: solid 1px #b46c6c;
}.news_list dl dd.date {
	width: 600px;
	height: auto;
	font-size: 12px;
	font-weight: 100;
	color: #999;
	text-align: right;
	padding: 0 10px;
	margin: 0 0 5px;
	border-bottom: dashed 1px #ececec;
}.news_list dl dd {
	clear: both;
	width: 620px;
	height: auto;
	font-size: 12px;
	font-weight: 100;
	color: #333;
	text-align: left;
	padding: 0;
	margin: 0 0 10px;
}.detail {
	float :right;
	font-size: 12px;
	font-weight: 100;
	color: #999;
	text-align: right;
	margin-bottom: 20px;
}

/*------------------------------------------------
bottomArea
------------------------------------------------*/
.pagetop a {
	font-size: 11px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	text-align:right;
	padding-right: 12px;
	margin: 4px 17px 20px;
	background:transparent url(../images/common/icon_totop.gif) no-repeat right 45%;
	display:block;
	float:right;
}.pagetop a:hover, .pagetop a:active, .pagetop a:focus {
	color: #999;
	text-decoration: none;
}
.btm_area {
	clear: both;
	width: 898px;
	height: 165px;
	margin: 0 auto;
	padding: 56px 0 0;
	text-align: center;
	overflow: hidden;
}
.btm_area ul {
	position: relative;
	width: 804px;
	list-style: none;
	margin: 10px auto 20px;
	overflow: hidden;
}.btm_area ul li {
	float: left;
	position: relative;
	width: 175px;
	height: 54px;
	margin-top: 10px;
	margin-right: 18px;
	padding: 4px;
	background:transparent url(../images/common/bnr_bg.gif) no-repeat right 45%;
	text-decoration: none;
	text-align:center;
	display:block;
}
.footer {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 5px;
	background: #000;
}
.footer p {
	font-size: 11px;
	line-height: 110%;
	color: #fff;
	text-align: center;
}
.clearfix {
  float: none;
  clear: both;
	overflow: hidden;
}



#model .oh ul {
  text-align: left;
  font-size: 12px;
  margin-left: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
}
#model .oh h3 {
  margin-top: 16px;
}
#model .oh div.foh {
  border: 3px solid #ff9933;
  border-radius: 5px;
  margin: 30px 10px 20px 10px;
  padding: 10px;
}
#model .oh div.soh {
  border: 3px solid #ff9933;
  border-radius: 5px;
  margin: 0 10px 20px 10px;
  padding: 10px;
}



/* 20200730 contents loading */
.none {
	display: none;
}
p#loading {
	margin: 10px 8px 5px 8px;
}