@charset "UTF-8";

/*---------------------------
 default style reset 
-----------------------------*/
body{
	background:#fff url(../images/common/bg_body.gif) repeat-x;
	color:#333;
	font-size:13px;
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	line-height:1.35;
}
h1, h2, h3, h4, h5{
	font-size:100%;
	font-weight:normal;
}
table {
	font-size:inherit;
	font:100%;
	border-spacing:0;
	border-collapse:separate;
}
th{
	font-weight:normal;
	text-align:left;
}
select, input, textarea {
	font:99% arial,helvetica,sans-serif;
}
hr{
	display:none;
}
fieldset{
	border:none;
}
body, h1, h2, h3, h4, h5, h6, div, p, ol, ul, li, dl, dd, form, fieldset, a, input{
	margin:0;
	padding:0;
}
ul{
	list-style-type:none;
}
img{
	border:none;
	vertical-align:top;
}

/*---------------------------
 font size
-----------------------------*/
.txt11,
.txt11b{
	font-size:81%;
}
.txt13,
.txt13b{
	font-size:100%;
}
.txt16,
.txt16b{
	font-size:120%;
}
.txt18,
.txt18b{
	font-size:135%;
}
.txt11b,
.txt13b,
.txt16b,
.txt18b{
	font-weight:bold;
}

/*---------------------------
 link color
-----------------------------*/
a:link{
	color:#1b7bdd;
	text-decoration:none;
}
a:visited{
	color:#1b7bdd;
	text-decoration:none;
}
a:hover{
	color:#1b7bdd;
	text-decoration:underline;
}
a:active{
	color:#1b7bdd;
	text-decoration:underline;
}

/*---------------------------
 container
-----------------------------*/
#container{
	position:relative;
	width:808px;
	margin:0 auto;
}

/*---------------------------
 header
-----------------------------*/
#header{
	position:relative;
	width:100%;
	margin-top:5px;
	padding-top:9px;
	background:url(../images/common/bg_frame.gif) repeat-y;
}
#header .logo{
	margin-left:14px;
}
#header .logo span,
#header .logo a{
	display:block;
	width:227px;
	height:59px;
	text-indent:-9999px;
	outline:0;
}
#header .linkCorp{
	position:absolute;
	left:569px;
	top:9px;
}
#headerImg{
	margin-bottom:20px;
	padding:0 9px 10px;
	background:url(../images/common/bg_frame_bottom.gif) no-repeat left bottom;
}
#under #headerImg{
	padding-top:6px;
}

/* navigation */
#header .nav{
	position:absolute;
	left:569px;
	top:66px;
}
#header .nav_new{
	position:absolute;
	left:569px;
	top:91px;
}
#header .nav_db{
	position:absolute;
	left:451px;
	top:92px;
}
#header .nav_db_under{
	position:absolute;
	left:451px;
	top:85px;
}
#areaTop #header .nav_db_under{
	top:60px;
}
#header .breadcrumb{
	margin:10px 19px 0;
}
#shiryo_wrap {
	position:absolute;
	right:164px;
	top:8px;
}
* html #shiryo_wrap {
	top:13px;
}
*:first-child+html #shiryo_wrap {
	top:13px;
}

/*---------------------------
 content
-----------------------------*/
#main{
	width:784px;
	margin:0 auto;
}

/*---------------------------
 footer
-----------------------------*/
#footer{
	position:relative;
	width:784px;
	padding-bottom:15px;
	margin:0 auto;
	border-top:1px solid #6abd25;
}
#top #footer{
	width:800px;
}
#footer .copyright{
	margin:14px 0 5px;
	font-size:81%;
}
#footer .privacy{
	position:absolute;
	right:6px;
	top:14px;
}

/*---------------------------
 zoom
-----------------------------*/
#zoom{
	position:absolute;
	right:22px;
	top:0;
}
* html #zoom{
	top:5px;
}
*:first-child+html #zoom{
	top:5px;
}
#zoom .label{
	width:134px;
	height:30px;
	background:url(../images/common/img_fsize.gif) no-repeat;
	text-indent:-9999px;
}
#zoom ul{
	position:absolute;
	left:78px;
	top:2px;
}
#zoom li{
	float:left;
	margin-right:3px;
}
#zoom li a{
	display:block;
	width:22px;
	height:22px;
	text-indent:-9999px;
	outline:0;
}
#zoom li a#zoomSmall{
	background:url(../images/common/bt_small.gif) no-repeat;
}
#zoom li a#zoomSmall:hover{
	background-image:url(../images/common/bt_small_on.gif);
}
#zoom li a#zoomSmall.selected{
	background-image:url(../images/common/bt_small_on.gif);
}
#zoom li a#zoomLarge{
	background:url(../images/common/bt_large.gif) no-repeat;
}
#zoom li a#zoomLarge:hover{
	background-image:url(../images/common/bt_large_on.gif);
}
#zoom li a#zoomLarge.selected{
	background-image:url(../images/common/bt_large_on.gif);
}

/*---------------------------
 top
-----------------------------*/
#top #header{
	padding-bottom:5px;
}
#top #header .logo span{
	display:block;
	width:363px;
	height:65px;
	background:url(../images/top/t_logo.gif) no-repeat;
	text-indent:-9999px;
}
#top #header .logo a{
	position:absolute;
	display:block;
	width:110px;
	height:54px;
	margin-top:11px;
	text-indent:-9999px;
}
#top #main{
	width:100%;
}
#top #feature{
	padding:0 9px;
	background:url(../images/common/bg_frame.gif) repeat-y;	
}
#top #flasharea{
	text-align:center;
	position:relative;
	width:100%;
	padding-bottom:10px;
	margin-bottom:20px;
	background:url(../images/common/bg_frame_bottom_l.gif) no-repeat left bottom;	
}
#top #flasharea #noplugin{
	background-color: #6abd25;
	border:1px solid #cccccc;
	margin:0 9px 0 9px;
}
#top #flasharea #noplugin .tx_m{
	margin-bottom:17px;
}
#top #linkimg{
	text-align:center;
	position:relative;
	width:808px;
	margin-bottom:25px;
}
#top #linkimg #linkbg{
	background:url(../images/top/linkarea_bg.gif) repeat-x;
	margin:0 7px 0 7px;
	padding:8px;
}
#top #linkimg #linkbg .linkimg_p1{
	padding-right:8px;
}
.link_bt{
	padding-bottom:4px;
}
#top #linkcomment{
	text-align:left;
	position:relative;
	width:808px;
	margin-bottom:20px;
}
#top #linkcomment p{
	padding-left:14px;
}
#top #mapWrap{
	text-align:center;
	position:relative;
	width:100%;
	padding-bottom:10px;
	margin-bottom:20px;
	background:url(../images/common/bg_frame_bottom_l.gif) no-repeat left bottom;	
}
#top #mapWrap .map{
	margin:0 9px;
}
#top #mapWrap li{
	position:absolute;
}
#top #mapWrap li.hokkaido{
	left:645px;
	top:130px;
}
#top #mapWrap li.hokkaido_d{
	left:658px;
	top:153px;
}
#top #mapWrap li.tohoku{
	left:595px;
	top:180px;
}
#top #mapWrap li.tohoku_d{
	left:609px;
	top:203px;
}
#top #mapWrap li.shinetsu{
	left:392px;
	top:130px;
}
#top #mapWrap li.shinetsu_d{
	left:407px;
	top:152px;
}
#top #mapWrap li.chubu{
	left:391px;
	top:180px;
}
#top #mapWrap li.chubu_d{
	left:406px;
	top:201px;
}
#top #mapWrap li.chugoku{
	left:399px;
	top:392px;
}
#top #mapWrap li.chugoku_d{
	left:413px;
	top:413px;
}
#top #mapWrap li.kyusyu{
	left:196px;
	top:342px;
}
#top #mapWrap li.kyusyu_d{
	left:210px;
	top:364px;
}
#top #mapWrap li.kinki{
	left:272px;
	top:235px;
}
#top #mapWrap li.kinki_d{
	left:286px;
	top:257px;
}
#top #mapWrap li.tokai{
	left:491px;
	top:342px;
}
#top #mapWrap li.tokai_d{
	left:505px;
	top:364px;
}
#top #mapWrap li.tokyo{
	left:613px;
	top:308px;
}
#top #mapWrap li.tokyo_d{
	left:627px;
	top:331px;
}
#top #mapWrap li.gunma{
	left:581px;
	top:258px;
}
#top #mapWrap li.gunma_d{
	left:596px;
	top:281px;
}
#top #mapWrap .caption{
	position:absolute;
	left:29px;
	top:119px;
}
#top #mapWrap .map_bnr{
	position:absolute;
	left:405px;
	top:37px;
}
#top .pagetop{
	width:800px;
}
#top #longValueNavi{
	float:left;
	width:790px;
	height:150px;
	background:url(../images/top/img_12.jpg) no-repeat;
}
#top #longValueNavi ul{
	margin-left:107px;
}
#top #longValueNavi li{
	float:left;
	margin-right:12px;
}

/*---------------------------
 area top
-----------------------------*/
#areaTop #header{
	padding-bottom:9px;
}
#areaTop .section{
	margin-bottom:30px;
}
#areaTop #main .header{
	margin-bottom:5px;
}
#areaTop #main .caption{
	margin-bottom:20px;
}
/* event */
#areaTop #event dt{
	clear:left;
	float:left;
	margin-right:9px;
}
#areaTop #event dt .area{
	margin-right:6px;
	font-weight:bold;
}
#areaTop #event dd.title{
	clear:left;
	margin-bottom:9px;
	padding:3px 0 7px;
	border-bottom:1px solid #ededed;
}
/* vioce */
#areaTop #main .voice{
	float:left;
	margin-bottom:15px;
	padding-bottom:7px;
	background:url(../images/common/bg_voice.gif) no-repeat left bottom;
}
#areaTop #main .voice .left,
#areaTop #main .voice .right{
	float:left;
	width:380px;
}
#areaTop #main .voice .left{
	margin-right:24px;
}
#areaTop #main .voice .area{
	margin-bottom:7px;
	padding-bottom:4px;
	border-bottom:1px solid #70c02e;
	font-weight:bold;
}
#areaTop #main .voice .thumb{
	width:132px;
	float:left;
	margin-right:9px;
}
#areaTop #main .voice dl{
	float:right;
	width:238px;
}
#areaTop #main .voice .name{
	float:left;
	margin-right:1em;
	font-weight:bold;
}
#areaTop #main .voice .room{
	font-weight:bold;
}
#areaTop #main .voice .catch{
	padding-top:3px;
}
/*rss*/
#areaTop .rss{
	position:absolute;
	margin:-37px 0 0 733px;
}


/*---------------------------
 event & voice - common style
-----------------------------*/
#under #header .nav{
	top:91px;
}
#under .wrapTitle{
	margin-bottom:20px;
	padding-bottom:6px;
	background:url(../images/common/bg_title_bottom.gif) repeat-x left bottom;
}
#under .title{
	color:#fff;
	font-size:120%;
	font-weight:bold;
}
#under .section{
	position:relative;
	margin-bottom:10px;
}
#under .mainImg{
	margin-bottom:20px;
	text-align:center;
}
#under .section .header{
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(../images/common/bg_subt_bottom.gif) no-repeat left bottom;
}
#under .section .header span{
	display:block;
	padding:12px 2px 5px;
	background:url(../images/common/bg_subt_top.gif) no-repeat;
	color:#45850f;
	font-weight:bold;
}
#under .info dt{
	clear:left;
	float:left;
}
#under .info dd{
	padding-bottom:3px;
}
#under .map{
	float:right;
	padding:0 0 20px 20px;
}
#under .map td{
	vertical-align:bottom;
}
#under .map img{
	margin-left:8px;
}
#under .wrapPhoto{
	float:right;
	margin-left:20px;
}
#under .photo{
	margin-bottom:20px;
}
#under .multi{
	float:left;
	margin-right:10px;
}
#under .multiEnd{
	float:left;
}

/*---------------------------
 event information
-----------------------------*/
#under.eventInfo .title{
	padding:13px 15px 10px;
	background:url(../images/common/bg_title.gif) repeat-x;
}
#under.eventInfo .section .copy{
	margin-bottom:25px;
}
#under .event3W dt{
	clear:left;
	float:left;
	margin-right:9px;
}
#under .event3W dt .area{
	margin-right:6px;
	font-weight:bold;
}
#under .event3W dd.date{
	padding-bottom:6px;
}

/*---------------------------
 owner voice
-----------------------------*/
#under.ownerVoice .title{
	float:left;
	padding:13px 15px 10px;
}
#under.ownerVoice .title .area{
	margin-right:1em;
}
#under.ownerVoice .room{
	padding:13px 15px 10px;
	background:url(../images/common/bg_title.gif) repeat-x;
	text-align:right;
	color:#fff;
	font-size:120%;
	font-weight:bold;
}
#under.ownerVoice .section .copy{
	margin-bottom:12px;
	font-size:135%;
	font-weight:bold;
}
/*comment section*/
#under .sectionComment{
	border:1px solid #6abd25;
}
#under .sectionComment .header{
	border-bottom:3px solid #6abd25;
}
#under .sectionComment .header span{
	display:block;
	padding:10px;
	background:url(../images/common/bg_subt_green.gif) no-repeat;
	border-bottom:1px solid #4c8a18;
	font-weight:bold;
}
#under .sectionComment .body{
	padding:15px;
}
#under .sectionComment .commentTitle{
	margin-bottom:.3em;
	font-weight:bold;
}
#under .sectionComment .comment{
	margin-bottom:1em;
}
#under .owner_txt_wrap {
	margin-bottom:20px;
	width:525px;
}

/*---------------------------
 long value guide - detail
-----------------------------*/
#under.about #header .logo span{
	display:block;
	width:363px;
	height:65px;
	background:url(../images/top/t_logo.gif) no-repeat;
	text-indent:-9999px;
}
#under.about #header .logo a{
	position:absolute;
	display:block;
	width:110px;
	height:54px;
	margin-top:11px;
	text-indent:-9999px;
}
#under.about #main{
	width:771px;
}
#under.about .section .caption{
	margin:12px 0 11px;
	padding-top:13px;
	background:url(../about/images/bg_subt.gif) repeat-x;
}
#under.about .backToTop{
	position:absolute;
	right:0px;
	top:96px;
}


/*---------------------------
 arrow
-----------------------------*/
a.arr{
	padding-left:10px;
	background:url(../images/common/arr.gif) no-repeat 0 .35em;
}
a.arrSquare{
	padding-left:15px;
	background:url(../images/common/arr_square.gif) no-repeat 0 .3em;
}
a.arrSquare:link,
a.arrSquare:visited,
a.arrSquare:hover,
a.arrSquare:active{
	color:#333;
	text-decoration:none;
}

/*---------------------------
 icon
-----------------------------*/
.iconBlank{
	margin-left:5px;
}
.iconRSS{
	margin-right:4px;
	vertical-align:middle;
}
.event_icon {
	margin-right:5px;
}

/*---------------------------
 border
-----------------------------*/
.borderGray{
	border:1px solid #ccc;
}
.borderBlue{
	border:1px solid #1b7bdd;
}

/*---------------------------
 page top
-----------------------------*/
.pagetop{ 
	margin:44px 0 28px;
}
.pagetop a{
	float:right;
	display:block;
	padding:0 10px 0 22px;
	border-right:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
	background:url(../images/common/arr_pagetop.gif) no-repeat 10px 0;
	font-size:81%;
}

/*---------------------------
 not found
-----------------------------*/
body#notfound {
	background:none;
	border-top:solid 5px #6abd25;
}
#notfound_wrapper {
	margin:200px auto;
	width:400px;
}
#notfound_wrapper #notfound_img {
	margin-bottom:30px;
}
#notfound_wrapper #notfound_txt {
	margin-bottom:40px;
	padding:20px 0;
	border-top:solid 1px #6abd25;
	border-bottom:solid 1px #6abd25;
	text-align:center;
}
#notfound_wrapper .bt_notfound {
	text-align:center;
}

/*---------------------------
 clearfix
-----------------------------*/
.clearfix:after,
.section:after,
.sectionComment:after{
	content:url(../images/common/pixel.gif);
	display: block;
	clear: both;
	height:0;
}
.clearfix,
.section,
.sectionComment { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix,
* html .section,
* html .sectionComment { height: 1% }
.clearfix,
.section,
.sectionComment {display:block;}
/* end MacIE5 */