@charset "euc-jp";
/* CSS Document */

@import url("http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css");

/*-------------------------------------
 clearfix
--------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;
    clear: both; 
        visibility: hidden;
}
.clearfix {
    display: inline-block;
    overflow: hidden;
} 
/* Hides from IE Mac */
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}


/*-------------------------------------
 通常CSS
--------------------------------*/

.navlist {
	position:relative;
	
}

.navlist td a {
	display:block;
}

.navlist td .hovermenu {
	position:absolute;
	top:51px;
	left:0;
	width:1070px;
	height:0;
	opacity:0;
	margin:0;
	padding:0;
	text-indent:-9999px;
	transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-webkit-transition: opacity 0.5s linear;
	z-index:9000;
}

.navlist td:hover .hovermenu {
	position:absolute;
	top:51px;
	left:0;
	width:1070px;
	height:auto;
	margin:0 auto;
	padding:20px;
	border:3px solid #3F3F3F;
	background-color:#ffffff;
	text-indent:0;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	opacity:1;
	z-index:9000;
}

.navlist td:hover .hovermenu .cont_tit {
	width:100%;
	margin:0 0 10px 0;
	padding:5px;
	font-size:20px;
	font-weight:bold;
	border-bottom:3px solid #3F3F3F;
	text-align:left;
}

.navlist .nav_btn01:hover .menu01 {
	position:absolute;
	left:0;
	display:block !important;
}
.navlist .nav_btn02:hover .menu02 {
	position:absolute;
	left:0;
	display:block !important;
}
.navlist .nav_btn03:hover .menu03 {
	position:absolute;
	left:0;
	display:block !important;
}
.navlist .nav_btn04:hover .menu04 {
	position:absolute;
	left:0;
	display:block !important;
}
.navlist .nav_btn05:hover .menu05 {
	position:absolute;
	left:0;
	display:block !important;
}
.navlist .nav_btn06:hover .menu06 {
	position:absolute;
	left:0;
	display:block !important;
}

.navlist .hovermenu div ul.menubox {
	float:left;
	width:200px;
	padding:0 0 0 20px;
	text-align:left;
	background-color:#ffffff;
	z-index:9050;
}
.navlist .hovermenu div ul.menubox li {
	width:200px;
	margin:8px 0;
}
.navlist .hovermenu div ul.menubox li.tit {
	width:200px;
	margin:6px 0;
	padding:7px 0;
	font-size:15px;
	font-weight:bold;
	border-bottom:2px solid #3F3F3F;
}
.navlist .hovermenu div ul.menubox li a {
	font-size:14px;
	color:#3F3F3F;
}
.navlist .hovermenu div ul.menubox li a .fa {
	padding:0 5px 0 0;
	font-size:13px;
	color:#3F3F3F;
}

.navlist .hovermenu div ul.menubox li a:hover .fa {
	color:#ff958a;
}

.navlist .hovermenu div ul.itempic {
	float:left;
	background-color:#ffffff;
	z-index:9050;
}
.navlist .hovermenu div ul.itempic li {
	float:left;
	width:204px;
	margin:0 0 0 16px;
}
.navlist .hovermenu div ul.itempic li a {
	display:block;
	width:200px;
	text-align:center;
}
.navlist .hovermenu div ul.itempic li a .inq_img {
	width:200px;
	margin:0 0 5px 0;
	border:2px solid #eeeeee;
}

.navlist .hovermenu div ul.itempic li a:hover .inq_img {
	width:200px;
	margin:0 0 5px 0;
	border:2px solid #ff958a;
}
.navlist .hovermenu div ul.itempic li a .inq_txt {
	font-size:12px;
}

.navlist td .hovermenu div ul.itempic li a .inq_img img {
	position:relative;
	left:-1500px;
	transition: all 1s linear;
	-moz-transition: all 1s linear;
	-webkit-transition: all 1s linear;
	z-index:1;
}

.navlist td:hover .hovermenu div ul.itempic li a .inq_img img {
	position:relative;
	left:0;
}




/*ここからはページ全体の設定です。削除等しないようご注意ください*/

body {
	background-image: url();
	background-position: right top;
	background-repeat:repeat-y;
}

/* 共通 */
.io,.io td,io th{font-size:11px; color:#444444; line-height:100%; font-weight:normal; font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo, Osaka,ＭＳ Ｐゴシック,MS PGothic, sans-serif;}
.io a:link {color:#444444; text-decoration:none;}
.io a:visited {color:#444444; text-decoration:none;}
.io a:hover {color:#FF95AE; text-decoration:underline;}
ul,li,p{line-height:15px; margin:0px; padding:0px; list-style-type:none;}


/* ヘッダー */
#header02 {width: auto; margin-right: auto; margin-left: auto; text-align: center; background-attachment: scroll; background-repeat: repeat-x; background-position: left top; font-size:11px; background-image : url(../../images/ttlbg.jpg);}
#header {width: 1070px; margin-top: 0px; margin-right: auto; margin-bottom: 18px; margin-left: auto; text-align: center; font-size:11px; background-image : url(../images/ttlbg.jpg); background-position: left top;}
#header03 {width: 1072px; text-align: left; position: relative; display: block; margin-right: auto; margin-left: auto; font-size:11px;}
#headerhb {height: 200px; background-repeat: repeat-x; background-position: left top; right: 0px; width: 100%; left: 0px; display: block; position: absolute; font-size:11px;}
#headerhb_ie {height: 200px; background-repeat: repeat-x; background-position: left top; right: 0px; width: 100%; display: block; position: absolute; font-size:11px;}

.src {margin:8px 0 8px 140px;}
.src01 {width:250px; height:24px; line-height:24px; border:solid 1px #E1DAD0;}  
.src02 {width:85px; margin:0; height:24px; line-height:24px; border:solid 1px #E1DAD0; margin:0px 5px;} 

.hd {overflow-y:scroll; border-style:none;}
.hd li{display:block; border-bottom:solid #E4CDB5 1px; padding:2px; margin:0px 8px 0px 0px; text-align:left;}
.hd span{display:block; background:#F1EEE8; color:#79532C; font-size:10px; padding:1px; margin:3px 0px; width:90px; text-align:center;}


.ct02 {text-align:left; font-size:12px; padding:0; font-weight:bold; margin:5px 0 0 0;}
.ct02 a:link{color:#FA5236;}
.ct02 a:visited{color:#FA5236;}
.ct02 a:hover{color:#333333;}
.ctl {line-height:25px; width:220px;}
.ctl div{margin:0px 0px 0px 8px;}


/* h2
======================================*/
.io h2{text-align:left; padding-left:35px; font-family:Times new roman; letter-spacing:1px; font-weight:normal; margin:0px; font-size:20px; line-height:1.3;}
.io h2 u{font-size:10px; text-decoration:none; color:#FF958A; margin-left:10px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/*カレンダー*/
div.cld_ym{font-size:18px; margin-top:8px; font-family:Times new roman;}
table.cld {width:215px; margin-top:5px; margin-bottom:10px; border-collapse:collapse; border-top: 1px #eee solid;}
table.cld th, table.cld td {padding: 4px 0px; border-bottom: 1px #fff solid; border: 1px #fff solid; line-height:100%; text-align:center; font-weight:normal; font-size:10px;}
table.cld th{background-color:#F5F5F5;}



.rc td{background-color:#ffffff;}
.rc img{margin-bottom:3px; border:solid 1px #D3CEBE; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; #D3CEBE;}


.ttlc {text-align:left; margin-bottom:20px; width:760px; height:40px; border-bottom:solid 5px #EDEDED;}
html>body .ttlc {text-align:left; margin-bottom:20px; height:35px; border-bottom:solid 5px #EDEDED;}
.ttlc span{display:inline-block; padding:10px 0 5px 0px; font-size:20px; color:#666666; float:left; font-weight:bold;}
.ttlc a:link, .ttlc a:visited{display:inline-block; /display:inline; /zoom:1; margin:0px; padding:0px 10px; background-color:#666; color:#fff; font-size:11px; line-height:22px; float:right;}
.ttlc a:hover{background-color:#FF95AE; text-decoration:none; color:#fff;}


.logo td{font-size:12px;}
.logo img{border:solid 1px #ffffff; margin:8px 0 3px;}
.logo a:link img{border:solid 1px #ffffff;}
.logo a:visited img{border:solid 1px #ffffff;}
.logo a:hover img{border:solid 1px #cccccc;}

/*フッター*/
.ftt{background-color:#FF9999; color:#fff; text-align:center; line-height:30px; font-size:12px; margin-top:10px;}
.ft{padding:10px 5px; line-height:160%; font-size:12px;}
.ft b{color:#E20A17; font-weight:normal;}
.ft strong {color:#79532C;}
.ft span{color:#1E7071;}

.ft table {width:100%;}
.ft th{width:50%; font-weight:normal; background-color:#F6F4EF;}
.ft td{background-color:#E20A17; color:#ffffff; text-align:center;}

/* フッター上 */
#ft02 {width: auto; margin-right: auto; margin-left: auto; text-align: center; background-attachment:scroll; background-color:#F6F4EF; background-repeat: repeat-x; background-position: center top;}
#ft {width: 1150px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; text-align: center; background-color:#F6F4EF;}
#ft03 {width: 1150px; text-align: left; position: relative; display: block; margin-right: auto; margin-left: auto;}
#fthb {height:500px; background-color:#F6F4EF; background-repeat: repeat-x; background-position: bottom; right: 0px; width: 100%; left: 0px; display: block; position: absolute;}
#fthb_ie {height:500px; background-color:#F6F4EF; background-repeat: repeat-x; background-position: bottom; right: 0px; width: 100%; display: block; position: absolute;}
div.ftd table{margin:0 0 25px;}
div.ftd td{line-height:1.7;}


.top-contents {position:relative; top:-22px;}


/*ここまではページ全体の設定です。削除等しないようご注意ください*/