@charset "UTF-8";


/* -------------------------------------------------
基本設定
--------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.85em;
	line-height: 1.7;
	color: #000;
	background-attachment: fixed;
	background-image: url(../img/common/back.jpg);
	background-repeat: repeat;
}

a img { border:none;}
p { margin:0; padding:0;}

h1 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
h2 { margin:0; padding: 0;}
h3 { margin:0; padding: 0;}
h4 { margin:0; padding: 0;}
h5 { margin:0; padding: 0;}

img {
	vertical-align: bottom;
}


/* fade
----------------------------------------------- */
.fade {
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.fade:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.fade2 {
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.fade2:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
/* ---- END ---- */

#Wrap {
	overflow: hidden;
	background-attachment: fixed;
	background-repeat: repeat-x;
}
#Wrap_inn{
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: center;
	background: #fff;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
}



#Wrap_inn #header,
#Wrap_inn #container { text-align:left;}

#guide_navi {
	text-align: right;
	margin-bottom: 5px;
}

#guide_navi a {
	text-decoration: underline;
	color: #000;
}
#guide_navi a:hover {
	text-decoration: none;
	background-color: #F8DFA7;
	color: #000;
}

/* header
----------------------------------------------- */

/* ---- head_navi ---- */
#head_navi_box {
	float: none;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	list-style-type: none;
	width: 100%;
}
/* ---- head_navi ---- */
#head_navi_box_in {
	float: none;
	margin-top: 0;
	margin-left: auto;
	margin-bottom: 0;
	list-style-type: none;
	width: 910px;
	margin-right: auto;
	overflow-y: auto;
	overflow-x: auto;
	height: 40px;
}

/* ---- head_navi ---- */
#head_navi {
	float: right;
	padding: 0;
	margin-top: 0;
	margin-right: 20px;
	margin-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}
#head_navi li {
	min-width: 80px;
	float: left;
	padding: 0;
	margin-top: 0;
	margin-right: 5px;
	margin-left: 0;
	margin-bottom: 0;
	text-align: center;
}
#head_navi li a {
	color: #000;
	text-decoration: none;
	font-size: 0.89em;
	padding: 7px 10px 6px;
	display: block;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-bottom: none;
	background-image: url(../img/common/head_menu_back.gif);
	background-repeat: repeat-x;
}
#head_navi li a:hover {
	color: #0FA04C;
	text-decoration: none;
}
/* ---- END ---- */

#header {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 15px;
	overflow: hidden;
}
#header h1 {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFFFFF;
	text-align: center;
	background-color: #E29100;
	font-size: 12px;
}


#head_box {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	border: none;
	height: 151px;
	padding-bottom: 10px;
}
#Head_L {
	float: left;
	margin-top: 50px;
}
#Head_R {
	float: right;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: none;
	margin-top: 30px;
}
/* global navi
----------------------------------------------- */
#g-menu_back {
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	height: 67px;
	background-repeat: repeat-x;
	width: 100%;
	background-color: #F5EAD1;
}

/* global navi
----------------------------------------------- */
#g-menu {
	width: 910px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-repeat: no-repeat;
}

#g-menu #navi1 a{
	background-image: url(../img/common/g-navi_01.png);
	width: 131px;
	height: 67px;
}
#g-menu #navi2 a{
	background-image: url(../img/common/g-navi_02.png);
	width: 130px;
	height: 67px;
}
#g-menu #navi3 a{
	background-image: url(../img/common/g-navi_03.png);
	width: 130px;
	height: 67px;
}
#g-menu #navi4 a{
	background-image: url(../img/common/g-navi_04.png);
	width: 130px;
	height: 67px;
}
#g-menu #navi5 a{
	background-image: url(../img/common/g-navi_05.png);
	width: 130px;
	height: 67px;
}
#g-menu #navi6 a{
	background-image: url(../img/common/g-navi_06.png);
	width: 130px;
	height: 67px;
}
#g-menu #navi7 a{
	background-image: url(../img/common/g-navi_07.png);
	width: 129px;
	height: 67px;
}
#g-menu #navi8 a{ background-image:url(../img/common/g-navi_08.png); width: 111px;}

#g-menu ul {
    margin: 0;
    padding: 0;
}
#g-menu li {
	list-style-type: none;
	float: left;
}
#g-menu li.naviEnd { padding-right:0;}
#g-menu li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#g-menu li a:hover {
	background-position: 0 -69px;
}


/* contents
----------------------------------------------- */
#container {
	width: 910px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-bottom: 0;
}

#top_navigation a {
	color: #000000;
	text-decoration: underline;
}
#top_navigation a:hover {
	text-decoration: none;
	background-color: #f5ead1;
	color: #000;
}

/* -- pankuzu -- */
#navigation {
clear:both;
color:#666;
font-size:12px;
padding: 4px 2px 8px;
}
#navigation a { text-decoration:none; color: #333;}
#navigation a:hover { color:#000; text-decoration: underline; }
#navigation strong {
	color: #666;
	border-color: #01B6ED;
}

/* -- contents_area -- */
#contents_area {
	width: 700px;
	font-size: 14px;
	margin-right: 20px;
	float: left;
}

#contents_area .text_box {
	width: 670px;
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 15px;
}

#contents_area .table_left {
	width: 120px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	background-color: #EFA022;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	border-radius: 10px;
	margin-right: 15px;
}

#contents_area .table_left2 {
	width: 120px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	background-color: #68C48F;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	border-radius: 10px;
	margin-right: 15px;
}

#contents_area .table_right {
	width: auto;
	margin-bottom: 10px;
}

#contents_area .table_right2 {
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
}

#contents_area .table_right3 {
	width: auto;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #F8F8F8;
}

#contents_area .table_right_fs18 {
	width: auto;
	margin-bottom: 10px;
	margin-top: 7px;
	font-size: 18px;
}

#contents_area .table_right_tab {
	padding-right: 10px;
	padding-left: 10px;
	color: #EFA022;
	font-weight: bold;
	text-align: center;
	border-radius: 4px;
	margin-right: 10px;
	border: 1px solid #EFA022;
	margin-bottom: 5px;
	padding-top: 2px;
	float: none;
	margin-top: 0px;
}

.fc_orange {
	color: #EFA022;
	font-weight: bold;
}

.fc_green {
	color: #19A95B;
	font-weight: bold;
}

.intro_title {
	width: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #4B4B4B;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
	border-bottom: 1px solid #BCBCBC;
	border-left: 10px solid #EFA022;
	margin-top: 15px;
}

.intro_title2 {
	width: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #4B4B4B;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 15px;
	border-bottom: 1px solid #BCBCBC;
	border-left: 10px solid #68C48E;
}

#contents_area .main_text {
	width: auto;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #4B4B4B;
}

#contents_area h3.life {
	color: #E95614;
	font-size: 1.2em;
	font-weight: bolder;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0;
	padding-right: 0;
	padding-left: 39px;
	padding-bottom: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-repeat: no-repeat;
	height: 40px;
	background-image: url(../img/common/h3_life.png);
	background-position: left 0%;
	padding-top: 10px;
	margin-bottom: 15px;
}

#contents_area h3.job {
	color: #05A14D;
	font-size: 1.2em;
	font-weight: bolder;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0;
	padding-right: 0;
	padding-left: 39px;
	padding-bottom: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-repeat: no-repeat;
	height: 40px;
	background-image: url(../img/common/h3_job.png);
	background-position: left 0%;
	padding-top: 10px;
	margin-bottom: 15px;
}

#contents_area h3.other {
	color: #85BCCB;
	font-size: 1.2em;
	font-weight: bolder;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0;
	padding-right: 0;
	padding-left: 39px;
	padding-bottom: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-repeat: no-repeat;
	height: 40px;
	background-image: url(../img/common/h3_other.png);
	background-position: left 0%;
	padding-top: 10px;
	margin-bottom: 15px;
}

#contents_area_side {
	width: 180px;
	font-size: 14px;
	float: right;
}

#contents_area_side h3 {
	color: #90C425;
	font-size: 1.2em;
	font-weight: bolder;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0;
	padding-right: 0;
	padding-left: 39px;
	padding-bottom: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-repeat: no-repeat;
	height: 40px;
	background-image: url(../img/top/h2_back.png);
	background-position: left 0%;
	padding-top: 10px;
	margin-bottom: 15px;
}

/* footer
----------------------------------------------- */
#footer {
	clear: both;
	text-align: center;
	width: 100%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	line-height: 1.4;
	background-repeat: repeat-x;
	padding-top: 15px;
	background-color: #F5EAD1;
	height: 110px;
	padding-bottom: 5px;
}

#footer_L {
	float: left;
	margin-right: 10px;
	text-align: left;
	color: #4B4B4B;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: px;
	line-height: 25px;
}
#footer_R {
	float: right;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: none;
}
/* footer
----------------------------------------------- */
.footer_back {
	clear: both;
	text-align: center;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	line-height: 2;
	color: #FFFFFF;
	height: 104px;
}
/* footer
----------------------------------------------- */
.footer_back .text {
	clear: both;
	text-align: center;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	line-height: 1.4;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFF001;
	color: #707070;
	font-weight: bold;
	font-size: large;
}
/* footer
----------------------------------------------- */
.footer_back img {
	clear: both;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.4;
	font-weight: bold;
	font-size: large;
}
#toiawase_box {
background: url(../img/common/foot_bg.png);
background-position:center top;
background-repeat:no-repeat;
margin:10px 0;
padding:65px 0 26px 12px;
}

#footer h5 {
	color: rgba(240,255,0,1.00);
	font-size: 1.3em;
	font-weight: normal;
	margin-bottom: 7px;
}

/* ----- foot_navi ----- */
#foot_navi {
	width: 910px;
	padding-top: 15px;
	padding-right: 0;
	padding-left: 0;
	margin-top: 10px;
	font-size: 12px;
	height: 21px;
	margin-right: auto;
	margin-left: auto;
}
#foot_navi ul { margin:0; padding:0;}
#foot_navi li {
display:inline;
list-style: none;
border-right: solid 1px #aaa;
margin-right: 4px;
padding-right: 9px;
}
#foot_navi li#first {
border-left: solid 1px #aaa;
padding-left: 9px;
}
#foot_navi li a {
	text-decoration: underline;
	color: #000;
}
#foot_navi li a:hover {
	text-decoration: none;
	background-color: #f5ead1;
	color: #000;
}

/* ----- copyright ----- */
p#copyright {
	font-size: 0.94em;
	padding-top: 9px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 20px;
}


/* ---- pegetop ---- */
#page-top {
position: fixed;
bottom: 0px;
right: 20px;
}


/* -- clearfix -- */
.clearfix {
    zoom: 1;/* for IE 5.5-7 */
}
.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    height: 0.1px;
    clear: both;
    font-size: 0.1;
    line-height: 0;
}
* html .clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}
.contents_box h2 {
	background-image: url(../img/stay/h2_back.png);
}
.list {
	list-style-type: none;
}
