@charset "UTF-8";

/*
FONT CHART 13PX BASED STYLE
10px  77%    :[line-height]12px=1.2 14px=1.401 16px=1.6
12px 	92.4%  :[line-height]14px=1.167 16px=1.355 18px=1.5 20px=1.666
13px 	100%   :[line-height]16px=1.23  18px=1.384 20px=1.538
14px 	107.8% :[line-height]16px=1.143 18px=1.286 20px=1.429
16px 	123.1% :[line-height]18px=1.124 20px=1.244 22px=1.374
18px 	138.5% :[line-height]20px=1.112 22px=1.224 24px=1.334
*/

/* BASE FONT SIZE
-----------------------*/
body {font:13px/1 "ＭＳ ゴシック","ＭＳ Ｐゴシック","MS P Gothic","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","Osaka","Hiragino Kaku Gothic Pro",sans-serif;}
* html body {font-size: small;}
*:first-child+html body {font-size: small;}

/* ELEMENTS
-----------------------*/
html{
overflow-y: scroll;
}
body{
	line-height:1.6;
	word-break:break-all;
}
strong,
em{
font-weight:bold;
font-style:normal;
}
a{
	zoom:1;
	vertical-align:baseline;
	color:#0044CC;
	text-decoration:none;
}
a:visited{
color:#800080;
}
a:hover{
text-decoration:none;
}

a:hover img{
	filter : alpha(opacity=50);
	-moz-opacity : 0.7;
	opacity : 0.7;
	background-color: #FFFFFF;
}
#kentei a:hover img{
	filter : none;
-moz-opacity : 1;
opacity : 1;
}

#gnavi a:hover img{
filter : none;
-moz-opacity : 1;
opacity : 1;
}

a.opw,
a.opw .bg-l {
background:transparent url(../imgs/m_opw.gif) no-repeat 0 2px;
padding-left:16px;
}

a.pdf,
a.pdf .bg-l{
	background:transparent url(../imgs/m_pdf.gif) no-repeat scroll 0 2px;
	padding:2px 0 3px 21px;
	zoom:1;
	display: block;
}
a.word{
	background:transparent url(../common/img/ic_word.gif) no-repeat scroll 0 2px;
	padding:2px 0 3px 21px;
	zoom:1;
	display: block;
}
a.pdf .bg-l{
text-decoration:none;
}
a.m_mail{
background:transparent url(../imgs/m_mail.gif) no-repeat scroll 0 5px;
padding:2px 0 3px 21px;
zoom:1;
}


div#top_banner a.pdf,
div#top_banner a.word,
div#top_banner a.m_mail,
div#top_banner a.opw
{
	background:none;
	padding:0px;
}


/* for IE BUG */
.inline-bg-fix {
padding: 0 !important;
background: none !important;
}
.inline-bg-fix .bg-l {
margin-right: -0.3em;
text-decoration:none;
padding:0 0 0 22px!important;
}
.inline-bg-fix .bg-r {
margin-left: -0.3em;
}


/* LAYOUT
-----------------------*/
body{

}
body.home{
}

body.pop{
background:none;
}
#wrapper{
	margin:0px auto;
	color:#333;
	background:url(../common/img/bg.gif) repeat-y center;

}
body#w750 div#wrapper{
width:750px;
}
body#w750 #maincol{
margin-bottom:40px;

}
body#w750 #subcol{
float:none;
width:auto;
clear:both;
}
body#w750 #subcol .block_link li{
display:inline;
}
body#w750 #subcol .block_link li a{
display:inline;
padding:5px;
}




div#header{

}
div#footer{
	margin:auto;
	clear:both;
	font-size: 92.4%;
}
#contents{
	margin:0 auto 40px;

}
/* HOME */
body#home div#maincol{
	width:674px;
	float:right;
	display:inline;
	margin:0px 20px 0px 0px;
	zoom:1;
	position:relative;
}
body#home div#subcol{
	float:left;
	width:200px;
	margin: 0px 0px 0px 20px;
}


/* 中ページ */

body#pages div#fullcontents{
	width:910px;
	margin:0px auto;
	zoom:1;
	position:relative;
}

body#pages div#maincol{
	width:674px;
	float:left;
	display:inline;
	margin:0px 0px 0px 20px;
	zoom:1;
	position:relative;
}
body#pages div#subcol{
	float:right;
	width:204px;
	margin: 0px 18px 0px 0px;
	text-align:left;
}

body#pages div#maincol h3{
	font-size:123.1%;
	background:url(../common/img/bg_midashi.gif) no-repeat;
	font-weight:bold;
	line-height: 1.4em;
	padding: 12px 0px 0px 24px;
	height:36px;
	margin: 0px 0px 16px 0px;
}

body#pages div#maincol #recruit h3{
	font-size:123.1%;
	background:url(../common/img/bg_midashi_recruit.gif) no-repeat;
	font-weight:bold;
	line-height: 1.4em;
	padding: 12px 0px 0px 24px;
	height:36px;
	margin: 0px 0px 16px 0px;
}


body#pages div#maincol .yougo_title h3{
	font-size:123.1%;
	background:url(../common/img/bg_midashi_l.gif) repeat-y;
	font-weight:bold;
	line-height: 1.4em;
	padding: 12px 6px 4px 24px;
	margin: 0px 0px 0px 0px;
	height:auto;
}
body#pages div#maincol .yougo_title{
	background:url(../common/img/bg_midashi_bottom.gif) no-repeat bottom;
	padding: 0px 0px 9px 0px;
	margin: 0px 0px 16px 0px;
	height:auto;
}

body#pages div#maincol h3.bus{
	font-size:123.1%;
	background:url(../common/img/bg_midashi_bus.gif) no-repeat;
	font-weight:bold;
	line-height: 1.4em;
	padding: 40px 0px 0px 24px;
	height:33px;
	margin: 0px 0px 16px 0px;
}


body div#maincol h4{
	font-size:107.8%;
	background:url(../common/img/point_h4.gif) no-repeat 0px 0.15em;
	font-weight:bold;
	line-height: 1.4em;
	padding: 0px 0px 7px 20px;
	margin: 0px 0px 12px 0px;
	border-bottom:1px dotted #999;
}
body#pages div#maincol h5{
	font-size:107.8%;
	font-weight:bold;
	line-height: 1.4em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 6px 0px;
}

#maincol p{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 1em 0px;
}
#maincol .supporter p{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0.6em 0px;
}

#maincol .event_camp p{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 1em 0px;
}



/* ELSE */
div#maincol{
width:730px;
float:left;
}
div#subcol{
width:200px;
float:right;
}

#contents{

}

div#maincol #visitmenu_a{
	width:674px;
	margin:0px 0px 12px 0px;
}

div#maincol #visitmenu_b{
	width:214px;
	margin:0px 16px 0px 0px;
	float:left;
}
div#maincol #visitmenu_c{
	width:214px;
	margin:0px 16px 0px 0px;
	float:left;
}
div#maincol #visitmenu_d{
	width:214px;
	margin:0px 0px 0px 0px;
	float:left;
}


#maincol #seibun{
	background:url(../img/bg_seibun.gif) no-repeat;
	padding:4px 0px 0px 0px;
	margin:0px 0px 16px 0px;
	width:333px;
	height:67px;
	float:left;
}

#maincol #seibun p{
	padding:0px;
	margin:6px 0px 6px 88px;

}

#subcol #seibun{
	background:url(../img/bg_seibun_b.gif) no-repeat;
	padding:36px 8px 0px 8px;
	margin:0px 0px 0px 0px;
	width:184px;
	height:74px;
	text-align:center;
}

#subcol #seibun p{
	padding:0px;
	margin:0px 0px 10px 0px;

}
#subcol #seibun select{
	width:180px; font-size:12px;

}

#maincol #important{
	padding:0px;
	margin:0px 0px 16px 0px;
	float:right; width:333px; text-align:right;

}
#subcol #important{
	padding:0px;
	margin:0px 0px 8px 0px;

}






/* 背景指定
-----------------------*/

#bg_top{
margin:0px auto;
padding:0;
background:url(../common/img/bg_sky_top.jpg) no-repeat;
background-position:center;
}

#bg{
margin:0px auto;
padding:0;
background:url(../common/img/bg_sky.jpg) no-repeat;
background-position:center;
}

#bg_contents{
	margin:0px auto;
	padding:2px 0px 0px 0px;
	background:url(../common/img/bg_contents.gif) no-repeat;
	background-position:center top;
}






/* メインイメージ
-----------------------*/

#main{
	margin:0px auto;
	padding:0;
	width: 950px;
	}
#main_top{
	margin:0px auto;
	padding:0;
	width: 950px;
	height:340px;
	background:url(../img/top_bg.jpg) no-repeat;
	}
#main_top #top_flash{
	margin:0px;
	padding:25px 0px 0px 22px;
	width: 576px;
	height:258px;
	float:left;
	}	
#main_top #top_banner{
	margin:0px;
	padding:16px 0px 0px 50px;
	height:258px;
	float:left;
}		

#main_top #top_banner ul{
	margin:0px;
	padding:0px;
}	
#main_top #top_banner li{
	margin:0px;
	padding:0px 0px 5px 0px;
}	

h2#main{
	margin:0px auto;
	padding:0;
	width: 950px;

}
h2#main_top{
	margin:0px auto;
	padding:0;
	width: 950px;

}



/* HEADER
-----------------------*/
#header{
	/*
padding-top:10px;
margin-bottom:10px;*/
padding:0;
	height:121px;
	width: 950px;
	background:url(../common/img/bg_header2.gif) no-repeat;
	margin: 0 auto;
	text-align: right;
}

#header img{
font-size:0;
line-height:0;
}


* html body #header{
zoom:1;

}
.logo{
width:380px;
height:50px;
float:left;
margin-top: 27px;
padding-left:3px;
}
#header #logo{
width:388px;
height:68px;
float:left;
margin: 0px;
padding:0px;
}
.area_utility{
	width:522px;
	padding:0px 11px 0px 0px;
	height: 73px;
	background:url(../common/img/bg_search.gif) no-repeat right top;
	text-align: right;
	float: right;
}
.area_utility ul.unav{
	float:left;
	clear: left;
	margin-left: 186px;
	width: 200px;
	margin-top: 4px;
	text-align: left;
}

.area_utility ul.unav li{
float:left; padding-right:4px;
}


.area_utility #search{
	margin:0px 0px 0px 90px;
	height: 36px;
	float: left;
	width: 248px;
}
.area_utility #search input{
	width:174px;
	height:18px;
	margin: 5px 3px 0px 0px;
	padding: 0px 0px;
}


.area_utility form{
float:right;
width:248px;
text-align:right;
}
.area_utility #fsizechange {
	width:170px;
	float:left;
	margin: 7px 0px 0px 12px;
	padding: 0px;

}
.area_utility #fsizechange dt{
	width:94px;
	float:left;
	margin-right:6px;
	margin-left: 0px;
}
.area_utility #fsizechange dd{
float:left;
width:22px;
cursor:pointer;
margin-right:1px;
}
#header #b_print_home,
#header #b_print{
	position:absolute;
	top:40px;
	left:0px;
}

#header .src{
position:absolute;
top:0;
right:0;
}
#header .logo_en{
position:absolute;
top:70px;
right:0;
}

.keyvisual{
margin-bottom:0px;
height:316px;
overflow:hidden;
background:url(../imgs/i_visual.jpg) no-repeat;
}
.keyvisual h2{
text-indent:-9999em;
}
.keyvisual .block_link{
width:300px;
float:right;
margin-right:-4px;
}
.keyvisual .block_link li{
float:left;
padding-right:4px;
}

/* GLOBAL NAVIGATION */


#gnavi{ margin:0px auto; width:950px; text-align:center;
}

#gnavi ul{
	margin:0px auto;
	width:925px;
}

#gnavi li{ float:left; padding:0px 1px;
}


.gnav{

}
.gnav li{
float:left;
padding-right:10px;
height:35px;

}
* html body .gnav li{
margin-top:5px;
}
body#w750 .gnav li{
width:118px;
}

body#w750 .gnav .gn05{
width:201px;
}
body#w750 .gnav .gn00{
width:70px;
}
.gnav .gn00{

}
.gnav .gn05{
padding-right:0;
}
.gnav li a{
height:35px;
}
.gnav li a:hover,
body.home .gnav li.gn00 a,
body.news-topics .gnav li.gn01 a,
body.action .gnav li.gn02 a,
body.know .gnav li.gn03 a,
body.mate .gnav li.gn04 a,
body.about .gnav li.gn05 a{

}


.area_info_unit,
.area_other_unit{
	width:674px;
	float:right;
}
.area_info_unit{
margin-bottom:10px;
}
.area_info_unit .block{
/*width:310px;*/
}

.block{
margin-bottom:10px;
padding:9px;
border:1px solid #ccc;
}
.blockR{
float:right;
}
.blockL{
float:left;
}



.area_info,
.area_update{
margin-bottom:1em;
background:url(../img/bg_info.gif) repeat-y;
width:674px;
}


.area_info{

}



.area_reco{
padding:20px 0;

}
.reco_item{
font-size:107.8% /* 14px */;
font-weight:bold;
padding:20px 10px;
text-align:center;
border:1px solid #999999;
}
.area_info_unit .ttl{
font-weight:bold;
font-size:107.8% /* 14px */;
margin-bottom:.5em;
}
.newslist{
	margin:2px 6px;
}
.newslist dl{
	border-bottom:1px dotted #CCC;
	margin-bottom: 0.5em;
}
#clip .newslist dl{
	border-bottom:1px dotted #CCC;
	padding-bottom:0.6em;
	margin-bottom: 1.2em;
}


.newslist dt{
	font-weight: bold;
	border-left: 5px solid #FFC7B7;
	padding: 3px 0px 3px 8px;
	line-height: 1.2em;
	margin: 0px 0px 0.5em 0px;
}
.newslist dd{
	padding-bottom:0.5em;
}
.block_link ul{
	padding-bottom:10px;
}
.block_link li{/*
border:1px solid #ccc;
margin-bottom:10px;*/
	margin-bottom:7px;
	font-size: 100%;
}
.block_link li a{/*
padding:20px;
display:block;
background:#eee;*/
}
/*.block_link li a:hover{
background:#fafafa;
}*/
#contents{
	width: 950px;
	margin: 0px auto;
}
#footer{
	padding-bottom:30px;
	padding-top:10px;
	background:#3c3c3c;
	color:#fff;
}
.fnav{
text-align: center;
padding:10px;
margin-bottom:20px;
}
.fnav li{
border-right:1px solid #ccc;
line-height:1;
display: inline-block;
}
* html body .fnav li{
display:inline;
zoom:1;
}
*:first-child+html body .fnav li{
display:inline;
zoom:1;
}
.fnav li a{
padding:2px 10px;
color:#fff;
}
.fnav li a:hover{
}
.copyright{
text-align:center;
}
.crumb{
margin-bottom:20px;
padding-top:.5em;
}

#crumb{
	margin:0px;
	padding:0px 0px 24px 20px;
	line-height: 1.4em;
	font-size: 92.4%;
}

.page_ttl{
font-size:169.2% /* 22px */;
font-size:185.0% /* 24px */;
margin-bottom:20px;
font-weight:bold;
padding:10px 10px 10px 0;
border-bottom:3px solid #f00;
}
.area_gateway{

}
.area_gateway ul.clearfix{
margin-right:-10px;

position:relative;
overflow:hidden;
}
.area_gateway li{
width:343px;
float:left;
display:inline;
margin-right:10px;
margin-bottom:10px;
border:1px solid #ccc;
zoom:1;
}
.area_gateway li dl{
margin:10px;
}
.area_gateway li dt{
font-weight:bold;
font-size:107.8% /* 14px */;
}
.area_gateway li ul{
margin-left:1em;
}
.area_gateway li li{
width:auto;
float:none;
margin:0;
border:none;
}
.section{
	margin:0px;
}

.section .ttl,
.section .subttl,
.section .subsubttl{

}

.section .ttl{
font-size:138.5% /* 18px */;
}
.section .subttl{
font-size:107.8% /* 16px */;
}
.section .subsubttl{
font-size:107.8% /* 16px */;
font-weight:bold;
}
.section .ttl,
.section .subttl,
.section .subsubttl{
font-weight:bold;
margin-bottom:1em;
line-height:1.1;
}
.section .ttl,
.section .subttl{
border-left:3px solid #f00;
padding-left:7px;
}

.section .date{
text-align:right;
border:none;
}
.section p{
margin-bottom:10px;
}
.notice{
padding-left:1em;
text-indent:-1em;
}
.alert{
color:#c00;
}
.sep_hd span{
display:block;
}

table.data_table3 thead th{
white-space:nowrap;
vertical-align:middle;
}
.nest{
margin-left:10px;
margin-top:10px;
}
.page_top{
	clear:both;
	text-align:right;
	font-size: 92.4%;
	padding: 20px 20px 20px 0px;
}

/* BREAD CRUMB */

.local{
border:1px solid #ccc;
margin-bottom:20px;
}
.local .borderd{
border-bottom:1px solid #ccc;}
.local .ttl{
font-size:107.8% /* 14px */;
background:#eee;
padding:10px;
font-weight:bold;
}
.local li a{
padding:10px;
border-top:1px solid #ccc;
display:block;
}
.local li.stay,
.local li a:hover{
background:#f5f5f5;
}
.local li ul{
padding-left:20px;
margin-top:10px;
}
.local li.stay li{
background:#fff;
border-left:1px solid #ccc;
}
.local li.stay li.stay{
background:#ddd;
}





.sidebnr{
margin-bottom:20px;
}
.sidebnr li{
background:#eee;
margin-bottom:10px;
}
.sidebnr li a{
padding:10px;
border:1px solid #ccc;
display:block;
}
.sidebnr li a:hover{
background:#fafafa;
}



/* サイドナビゲーション */

#subcol #top_sidenavi{
	background-color:#E3F4FF;
	padding:8px 8px 3px 8px;
	margin:0px 0px 12px 0px;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	width: 184px;
}

#subcol #top_sidenavi dl{
	vertical-align:middle;
	margin:0px 0px 4px 0px;
	padding:0px 0px 4px 0px;
	border-bottom:1px dotted #59ACFF;
	width: 184px;

}

#subcol #top_sidenavi dl img{
	vertical-align:middle;
	padding: 0px 6px 0px 0px;

}
#subcol #top_sidenavi dt{
	width:42px;
	float:left;
	width:38px;
	margin:0px;
	padding:0px;
	line-height:1.4em;
	vertical-align:middle;
}
#subcol #top_sidenavi dd{
	width:145px;
	float:left;
	margin:0px;
	padding:6px 0px 0px 0px;
	line-height: 1.4em;
	vertical-align:middle;
	display:table-cell;
}

#subcol #top_sidenavi .a{
	vertical-align:middle;
	margin:0px 0px 3px 0px;
	padding:0px 0px 3px 0px;
	border-bottom:1px dotted #0044CC;
	display: table-cell;

}
#subcol #top_sidenavi .b{
	float:left;
	width:42px;
	margin:0px;
	padding:0px;
	line-height:1.4em;
	vertical-align:middle;
	display:table-cell;
}
#subcol #top_sidenavi .c{
	float:left;
	margin:0px;
	padding:0px;
	line-height: 1.4em;
	vertical-align:middle;
	display:table-cell;
}




#subcol .area_rsv{
background:url(../imgs/bg_side_rsv.gif) 0px 0px repeat;
padding:15px 20px 17px 12px;
margin-bottom:10px;
margin-top:7px;
}
#subcol .area_rsv .subttl{
margin-bottom:7px;
}



#subcol .area_kentei{
background:url(../imgs/bg_today.gif) left bottom repeat;
position:relative;
zoom:1;
padding:20px 15px 30px;
margin-top:8px;
margin-bottom:12px;
}
#subcol .area_kentei .badge{
position:absolute;
right:-21px;
top:-8px;
}
#subcol .area_kentei dt{
font-weight:bold;
font-size:138.5%;
margin-bottom:10px;
}


#subcol #kentei{
	background:url(../img/bg_kentei.gif) repeat-y;
	padding:0px;
	margin:0px 0px 16px 0px;
	width:200px;
}

#subcol #kentei dl{
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#subcol #kentei p{
	margin: 0px;
	padding: 4px 0px 4px 18px;
}
#subcol #kentei .number{
	background:url(../img/bg_today.gif) no-repeat;
	font-weight:bold;
	font-size:120%;
	margin: 0px;
	padding: 2px 0px 0px 65px;
	line-height: 1.5em;
}





.num1{
	color:#f00;
	font-size:120%;
}


#subcol .area_ranking ol{
	margin:12px 4px;
}
#subcol .area_ranking li img{
	float:left;
	clear:both;
}
#subcol .area_ranking li a{
width:100px;
padding-left:10px;
float:left;
padding-top:20px;
display:block;
}



#pages #subcol #submenu{
	margin:0px 0px 20px 0px;
	text-align:center;
	background:url(../common/img/bg_submenu.gif) repeat-y;
	width:204px;
	padding: 0px;
}
#pages #subcol #submenu img{
vertical-align:bottom;
}


#pages #subcol #submenu ul{
	margin:0px auto;
	text-align:left;
	width:192px;
	border-bottom:3px solid #FFF;
	padding:7px 4px 2px 0px;
	line-height:1.4em;
	list-style-position:outside;
}

#pages #subcol #submenu ul.bottom{
	border:none;
}

#pages #subcol #submenu ul li.first{
	margin:0px 0px 0px 10px;
	text-align:left;
	padding:0px 0px 6px 10px;
	background:url(../common/img/point.gif) no-repeat 0px 5px;
	list-style-position:outside;
}

#pages #subcol #submenu ul li.second{
	margin:0px 0px 0px 40px;
	text-align:left;
	padding:0px 0px 6px 0px;
	list-style:disc;
}



/* area_double : 2column block 350|10|350 */
.area_double{
margin-right:-10px;
}
.area_double .item{
	width:325px;
	margin-right:10px;
	float:left;
}
.area_double h3{
font-weight:bold;
}

/* FOOTER
-----------------------*/


/* MAIN COLUMN
-----------------------*/

/* PAGE TOP */
div#contents div#maincol p.page_top{
}
/* ANCHOR */


/* SUB COLUMN
-----------------------*/
/* LOCAL NAV */

/* IMAGE
-----------------------*/
.image{

}
.imgL{
float:left;
display:inline;
margin-right:10px;
line-height:1;
zoom:1;
}
.imgR{
float:right;
display:inline;
margin-left:10px;
line-height:1;
zoom:1;
}/*
.frame,
img.photo{
border:1px solid #ccc;
padding:3px;
}*/

/* STYLED ELEMENTS
-----------------------*/
table.base{
	border-collapse:collapse;
	margin-bottom:5px;
	width:100%;
}

table.base td{
	padding:8px 10px;
	border:1px solid #ccc;
	vertical-align:middle;
}
table.base td.cell_center{
	text-align:center;
}

table.base th{
	padding:8px 10px;
	border:1px solid #ccc;
	vertical-align:top;
	text-align:center;
}

table.base td.area{
	background-color:#FFE4E1;
}
table.base td.area2{
	background-color:#FF6666;
	color: #FFFFFF;
}

table.base tr.cellcol_a td{
	background-color:#FFF;
}
table.base tr.cellcol_b td{
	background-color:#FFFACD;
}

table.base th{
font-weight:bold;
}
table.base thead th{
	background:#EEE;
	text-align:center;
}
table.base tbody th{
	/*white-space:nowrap;*/
background:#EEE;
	text-align: center;
	vertical-align: middle;
}

#recruit table.base tbody th{
	/*white-space:nowrap;*/
background:#E0FFFF;
	text-align: center;
	vertical-align: middle;
}

.data_table1 td{
text-align:center;
}
.data_table2 td{
text-align:center;
}


ul.base,
ol.base,
dl.base{
margin-bottom:1em;
}

td ul.base,
td ol.base,
td dl.base{
margin-bottom:0;
}

ul.base{
margin-left:1.2em;
}
ul.base li{
list-style:disc outside;
margin-bottom:0.25em;
}
ul.base li ul.base li{
list-style:circle outside;
}

/*●*/
/*
html>/**/body u--l.base li {
	list-style/*\**/: none\9;
}
html>/**/body u--l.base li:before {
	font-size/*\**/: 6px\9;
	vertical-align/*\**/: middle\9;
	letter-spacing/*\**/: 1.5em\9;
}
head~/* */body u--l.base li:before {
	content/*\**/: "●";
}
html:not(:target) u--l.base li:before {
	content: "";
}




ol.base li{
list-style:decimal inside;
margin-bottom:0.25em;
}
ol.outlist{
margin-left:2em;
}
ol.outlist li{
	list-style:outside decimal;
	margin-bottom: 1em;
}

dl.base dt{
font-weight:bold;
}
dl.base dd{
margin-bottom:1em;
}

ol.base ol.base,
ol.base ul.base,
ul.base ol.base,
ul.base ul.base{
margin:0.5em 1em;
}

.amicon {
	margin:0 5px;
	padding:2px 3px;
	font-weight:normal;
	color:#fff;
	font-size:95%;
}

span.new{
background:#f00;

}
span.m1{
background:#5b0069;
}
span.m2{
background:#111987;
}
span.m3{
background:#111987;
}
.context_link p{
text-align:right;
}
.context_link p a{
border:2px solid #1A8F4B;
padding:5px;
}
.detail_link{
text-align:right;
}
.area_gateway .v_list{
margin-left:0;
}
.area_gateway .v_list li{
display:block;
}
.frame{
border:1px solid #ccc;
padding:2px;
}
.code{
font-size:92.4%;
color:red;
margin:0 1em;
}
.inline li{
display:inline;
}

.tabnav li{
float:left;
margin-right:10px;
border:1px solid #ccc;
background:#fff;
}
.tabnav li a{
width:140px;
display:block;
padding:10px;
}
.tabnav li.stay{
background:#ccc;
}
.area_pdf_notice{
margin:2em 0;
}

.area_pdf_notice dl{
padding:10px;
background:#eee;
border:1px solid #ccc;
}
.area_pdf_notice dt{
width:112px;
float:left;
}
.area_pdf_notice dd{
margin-left:122px;
}
#ttp{
border:1px solid #444;
padding:1em;
background:#fff;
width:16em;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.btn_close{
position:absolute;
right:-200px;
right:0;
top:5px;
}
.btn_close input{
width:150px;
padding:5px;
font-size:10px;
}





#maincol .index_left{
	width:315px;
	float:left;
	margin:0px 30px 30px 0px;
	text-align:left;
}
#maincol .index_right{
width:315px; float:right; margin:0px 0px 30px 0px;
text-align:left;
}

#maincol .index_left img{
	padding: 4px;
	background-color:#F5F5F5;
	border:1px solid #DDD;
	}
#maincol .index_right img{
	padding: 4px;
	background-color:#F5F5F5;
	border:1px solid #DDD;
	}



#maincol #jobcategory .index_left{
	width:386px;
	float:left;
	margin:0px 20px 20px 20px;
	text-align:left;
	padding:10px 12px 0px 12px;
	background:url(../tmpfile/appoint/img/bg_category.gif) no-repeat;
}
#maincol #jobcategory .index_right{
	width:386px;
	float:right;
	margin:0px 20px 20px 20px;
	text-align:left;
	padding:10px 12px 0px 12px;
	background:url(../tmpfile/appoint/img/bg_category.gif) no-repeat;
}

#maincol #jobcategory .index_left img{
	padding: 4px;
	background-color:#F5F5F5;
	border:1px solid #DDD;
	}
#maincol #jobcategory .index_right img{
	padding: 4px;
	background-color:#F5F5F5;
	border:1px solid #DDD;
	}






#maincol p.dots_a{
	background:url(../common/img/dots_a.gif) repeat-x bottom;
	padding:0px 0px 1.5em 0px;
	margin: 0px 0px 35px 0px;
}

.dotsline_a{
	background:url(../common/img/dots_a.gif) repeat-x;
	margin: 16px 0px;
	height:12px;
}

.dotsline_b{
	background:url(../common/img/dots_a.gif) repeat-x;
	margin: 0px 0px 20px 0px;
	height:12px;
}


.clear{
clear:both;
}

.dotsline{
clear:both; border-bottom:1px dotted #999;
height:10px; margin-bottom:10px;
}


.float_l {
	float:left;
	padding:2px 20px 20px 0px;
}
.float_l_nm {
	float:left;
	padding:2px 0px 0px 0px;
}
.float_r {
	float:right;
	padding: 2px 0px 20px 20px;
}

.float_r_nm {
	float:right;
	padding: 2px 0px 0px 0px;
}

.kensa_l {
	float:left;
	padding:0px 30px 0px 0px;
	width:300px;
}
.kensa_r {
	float:left;
	padding:0px 0px 0px 0px;
	width:300px;
}

.kensa_l ul.base li{
margin-bottom:0em;
font-size:85%;
}

.kensa_r ul.base li{
margin-bottom:0em;
font-size:85%;
}
.kensa_l p{
font-size:85%;
}
.kensa_r p{
font-size:85%;
}

.stable td{
font-size:85%;
}


.qa_menu {
	float:right;
	padding: 2px 0px 0px 0px;
	width:500px;
	display: block;
	vertical-align: middle;
}

.right_link {
	float:right;
	padding: 0px 0px 0px 0px;
	clear:both;
}


.photo_l {
	float:left;
	text-align:center;
	margin:0px;
	padding-right:34px;
	width:320px;

}
.photo_r {
	float:right;
	text-align:center;
	margin:0px;
	width:320px;

}

.num {
	margin:0px 0px 20px 0px;
	padding: 10px 0px 0px 0px;

}


.newslist .float_r {
	float:right;
	margin:0px;
	padding:2px 0px 0.5em 20px;
}

.supporter .detail{
	float:right;
	text-align:left;
	margin:0px;
	padding:0px;
	width:410px;
}
.supporter .detail2{
	float:right;
	text-align:left;
	margin:0px;
	padding:0px;
	width:490px;
}
.supporter .detail_top{
	float:right;
	text-align:left;
	margin:0px;
	padding:0px;
	width:330px;
}

.event_camp .detail{
	float:right;
	text-align:left;
	margin:0px;
	padding:0px;
	width:430px;
}
.event_camp .float_l{
	text-align:center;
	width:220px;
}



.center_block { margin:0px auto;
}

.btn_180 {
	width:182px;
	background:url(../common/img/btn_180.gif) no-repeat;
	line-height:1.2em;
	padding:8px 0px 0px 0px;
	margin:0px;
	text-align:center;
	height: 30px;
	display:block;
}





.red {
	color:#ff0000;
}
.orange {
	color:#FF6600;
}
.sax {
	color:#0099FF;
}


.dots {
	border-bottom:1px dotted #999;
	margin:0px 0px 4px 0px;
	padding:0px 0px;
	line-heigh:1.2em;
	height:5px;
}

.textbox_room {
	width:430px;
	float:right;
	text-align:left;
	margin-bottom: 10px;
}


#submenu_c{
	padding:16px 14px 0px 14px;
	background-color:#FFF0F5;
	border:2px solid #FFE4E1;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
	margin: 0px 0px 16px 0px;
}

#submenu_c li{
	float:left;
	margin:0px 24px 12px 0px;
	background:url(../common/img/point_c.gif) no-repeat 0px 0px;
	padding:0px 0px 0px 18px;
	line-height:1.2em;
}
#submenu_c ul.qa li{
	float:left;
	margin:0px 0px 12px 0px;
	background:url(../common/img/point_c.gif) no-repeat 0px 0px;
	padding:0px 0px 0px 18px;
	line-height:1.4em;
	width:210px;
}
#submenu_c ul.qa_bottom li{
	float:left;
	margin:0px 0px 12px 0px;
	background:url(../common/img/point_c.gif) no-repeat 0px 0px;
	padding:0px 0px 0px 18px;
	line-height:1.4em;
	width:280px;
}


a.pagelink{
	margin:0px 0px 0px 0px;
	background:url(../common/img/point_b.gif) no-repeat 0px 1px;
	padding:0px 0px 0px 22px;
	line-height:1.4em;
	display: block;
}

a.pagelink_back{
	margin:0px 0px 12px 0px;
	background:url(../common/img/point_back.gif) no-repeat 0px 1px;
	padding:0px 0px 0px 20px;
	line-height:1.4em;
}

ul.link li{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

ul.linkpage li{
	margin:0px 15px 15px 0px;
	padding:0px 0px 0px 0px;
	width: 320px;
	float: left;
}

.link_bottom {
	font-size:12px;
	text-align:center;
	line-height: 2em;
}

.box_gray_l {
	float:left; background-color:#EEE; padding:10px 10px; width:305px; text-align:left;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
}
.box_gray_r {
	float:right; background-color:#EEE; padding:10px 10px; width:305px; text-align:left;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
}

.paging{
	text-align:center; font-size:110%;
}

.frame_a{
	background:#FFFACD;
	padding:0.8em 1.2em 0.2em 1.2em;
	margin: 4px 0px;
}

.frame_b{
border:2px solid #DDD;
padding:1em 1.5em;
}

.frame_gy{
background:#EEE;
padding:1em 1.5em;
}


a.box{
	background:#FFE4E1;
	padding:0.1em 0.2em;

}

p.detail{
	line-height:1.8em;

}

ul.disc li {
	list-style: disc;
	list-style-position: outside;
	margin: 0px 0px 0.8em 22px;
}


ul.keitai_menu li {
	width:290px;
	float:left;
	margin-right:20px;
}

ul.keitai_menu {
margin-bottom:10px;
}

div#maincol dl.list {
	margin:0px; padding:0px;
}

div#maincol dl.list dt{
	float:left;
	font-weight: bold;
	margin:0px; padding:0px;
}
div#maincol dl.list dd{
float:left; margin-bottom:8px;
}




div#maincol ol.kenketsumae li{
	list-style-type:decimal;
	list-style-position: outside;
	margin-left: 1.5em;
	margin-bottom:0.5em;
	padding: 0px;
}

div#maincol ul.kenketsumae li{
	list-style-type:disc;
	list-style-position: outside;
	margin-left: 1.5em;
	margin-bottom:0.5em;
	padding: 0px;
}


div#maincol .historytable{
	background-color:#FF5959;
	margin: 4px 0px;
}

div#maincol .historytable th{
padding:2px 4px;vertical-align:top; line-height:1.5em;
}
div#maincol .historytable td{
padding:2px 4px;vertical-align:top; background-color:#FFF; line-height:1.5em;
}

div#maincol .historytable table td ul li{
	list-style-type:disc;
	list-style-position: outside;
	margin-left: 1.5em;
	padding: 0px;
}
div#maincol .historytable table.cell_history td ul li{
	list-style-type:disc;
	list-style-position: outside;
	margin-left: 1.4em;
	padding: 0px;
	font-size: 85%;
}
div#maincol .historytable table.cell_history td {
	background-color:#FFFACD;
	line-height: 1.4em;
}



div#maincol .historytable td.year{
	background-color:#FFA4A4;
	color:#FFF;
	width:5em;
	text-align: center;
	padding: 4px 0px;
}



div#maincol th.cell_center{
	text-align:center;
	vertical-align:top;
	background-color:#FF7575;
	color: #FFF;
	padding: 4px;
}


div#maincol .historytable th.cell_history{
	text-align:center;
	vertical-align:top;
	background-color:#FFAC59;
	color: #FFF;
	padding: 4px;

}
div#maincol .historytable td.cell_history{
	vertical-align:top;
	background-color:#FFFACD;

}

div#maincol .historytable table.cell_center th{
	text-align:center;
	vertical-align:middle;
	background-color:#FFD7D7;
	width:3.5em;
}
div#maincol table th.cellcol_pink{
	text-align:center;
	vertical-align:middle;
	background-color:#FFD7D7;
}
div#maincol table td.center{
	text-align:center;
}

div#maincol .historytable table.cell_history {
	width:200px;
}
div#maincol .historytable table.cell_history th{
	text-align:center;
	vertical-align:middle;
	background-color:#FFC875;
	width:3.5em;
	font-size: 85%;
}



div#maincol .historytable tr.cell_a th{
	background-color:#FFA4A4;
	color:#FFF;
	width:5em;
	text-align: center;
	padding: 4px 0px;
	vertical-align: middle;
}

div#maincol .historytable tr.cell_a td{
	background-color:#FFF;
	text-align: center;
	padding: 4px 0px;
	font-size:140%;
	vertical-align: middle;
}


div#maincol .historytable tr.cell_b th{
	background-color:#FFA4A4;
	color:#FFF;
	width:5em;
	text-align: center;
	padding: 4px 0px;
	vertical-align: middle;
}

div#maincol .historytable tr.cell_b td{
	background-color:#FFFACD;
	text-align: center;
	padding: 4px 0px;
	font-size:140%;
	vertical-align: middle;
}



div#maincol .historytable td.year{
	background-color:#FFA4A4;
	color:#FFF;
	width:5em;
	text-align: center;
	padding: 4px 0px;
}


body#pages div#maincol #area_gallery_list h3.ttl{
	font-size:100%; background-image:none; background-color:#FFE4E1; margin:0px 0px 0.8em 0px;
	padding:8px; line-height:1.2em; height:auto;
}
body#pages div#maincol #area_gallery_list p{
 margin:0px 6px 0.8em 6px;
 padding:0px 0px;
 text-align:left;
}
body#pages div#maincol #area_gallery_list p.name{
	padding:6px 6px 4px 6px;
	text-align:left;
	background-color:#FFFACD;
}
body#pages div#maincol #area_gallery_list p.img{
 padding:2px 4px;
 text-align:center;
}


body#pages div#maincol #area_letter_list h3.ttl{
	font-size:100%; background-image:none; background-color:#FFE4E1; margin:0px 0px 0.8em 0px;
	padding:8px; line-height:1.2em; height:auto;
}
body#pages div#maincol #area_letter_list p{
 margin:0px 6px 0.8em 6px;
 padding:0px 0px;
 text-align:left;
}
body#pages div#maincol #area_letter_list p.name{
	padding:6px 4px 4px 4px;
	text-align:center;
	background-color:#FFFACD;
	margin: 2px 0px 0px 0px;
}
body#pages div#maincol #area_letter_list p.img{
 padding:0px; margin:0px;
 text-align:center;
}



#test { width:910px;height:404px; margin:0px auto 20px auto; padding:0px;}

#three-d { width:896px;height:337px; margin:0px auto 20px auto; padding:77px 0px 0px 14px;
background:url(../rooms/img/3d_bg.gif) no-repeat 0px 0px;}

ul#three-dbtn li{
	float: left;
	width: 425px;
	margin: 6px 14px;
}

/* 2016.05.30 FLASH から JS へ変更する */
#main_top #top_flash {
	position: relative;
}

#main_top #top_flash div.bx_thumbnail {
	position:absolute;
	right: 0;
	bottom: 0;
	z-index: 100;
}

#main_top #top_flash div.bx_thumbnail ul li {
	display: inline-block;
}

#main_top #top_flash div.bx_thumbnail ul li img:hover {
	cursor: pointer;
	opacity: 0.65;
}