/* ver 1.1.1 (2013/2/4) */
@charset "utf-8";
@import url(reset.css);

body {
	font-size:88%;
	line-height:1.4;
	color:#333333;
/* base size  
12px 	75%
13px 	82%
14px 	88%

*/

}

/* text size(12px:75%時)
10px 	83%
11px 	91%
12px 	100%
13px 	108%
14px 	116%
15px 	125%
16px 	133%
17px 	141%
18px 	150%
19px 	158%
20px 	166%
21px 	175%
22px 	183%
23px 	191%
24px 	200%
25px 	208%
26px 	216%

/* text size(13px:82%時)
10px 	77%
11px 	85%
12px 	93%
13px 	100%
14px 	108%
15px 	116%
16px 	124%
17px 	131%
18px 	139%
19px 	147%
20px 	154%
21px 	162%
22px 	169%
23px 	177%
24px 	185%
25px 	192%
26px 	200%


(14px：87%時)
10px	72%
11px	79%
12px	86%
13px	93%
14px	100%
15px	108%
16px	115%
17px	122%
18px	129%
19px	136%
20px	143%
21px	150%
22px	158%
23px	165%
24px	172%
25px	179%
26px	186%


 */

/* link style */
a:link{
	color: #333333;
	text-decoration: none;
}
a:visited{
	color: #333333;
	text-decoration: none;
}
a:hover{
	color: #333333;
	text-decoration: underline;
}



/* *************************************************************************************** */


/* note */
.note_01 li {
	text-indent: -1em;
	padding-left: 1em;
}

/* layout styles END */

/* *************************************************************************************** */

/* input styles START */

/* radio & checkbox btn */
.sel_btn_01 {
	vertical-align: middle;
	margin-right: 5px;
}
* html .sel_btn_01 {
	vertical-align: middle;
	margin-right: 0;
}
*:first-child+html .sel_btn_01 {
	vertical-align: middle;
	margin-right: 0;
}

/* input styles END */

/* *************************************************************************************** */

/* clearfix */
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	font-size:0.1em;
	line-height:0;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	/*overflow: hidden;*/
	/* 上記のoverflow: hidden;はDreamweaver上でレイアウトを正しく表示させるためのCSSです。
	   Dreamweaverで編集する際にコメントアウトを外して使用してください。
	   また、編集が完了した際にはコメントアウトしておいてください。 */
}
/* exlude MacIE5 \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* end MacIE5 */

/* *************************************************************************************** */

/*header*/
#header{
	background: #107e78;
	border-top: 3px solid #ec0000;
}
.h_inner_area{
}

.h_inner_box{
	width: 960px;
	margin: 0 auto;
	padding: 14px 0 16px;
}
.h_inner_area img{
	float: left;
}
.h_inner_area .logo{
	/*padding-top: 7px;*/
}
.h_inner_area ul{
	display: inline-block;
	float: right;
	/*padding-top: 4px;*/
}
.h_inner_area .p_mark{
	display: block;
	float: right;
	padding-left: 10px;
}
.h_inner_area ul li{
	background: url(../img/h_bg01_right.gif) no-repeat right top;
	height: 31px;
	display: inline-block;
	margin-left: 3px;
	margin-top: 10px
}
.h_inner_area ul li:hover{
	background: url(../img/h_bg01_right_over.gif) no-repeat right top;
}
.h_inner_area ul li div{
	background: url(../img/h_bg01_left.gif) no-repeat left top;
	height: 31px;
	text-align: center;
}
.h_inner_area ul li:hover div{
	background: url(../img/h_bg01_left_over.gif) no-repeat left top;
	height: 31px;
	text-align: center;
}
.h_inner_area ul li a{
	display: block;
	color: #fff;
	height: 24px;
	padding: 7px 10px 0;
}
.h_inner_area ul li:hover a{
	color: #107e78;
	text-decoration: none;
}

/*footer*/
#footer{
	background: #107e78;
}
.f_inner_area{
	width: 960px;
	margin: 0 auto;
	padding: 45px 0 15px;
}
.f_inner_area table{
	border: 1px solid #005551;
	width: 958px;
	margin-bottom: 65px;
}
.f_inner_area table th{
	background: #005551;
	width: 179px;
	padding-left: 20px;
	vertical-align: middle;
	color: #fff;
}
.f_inner_area table th span{
	background: url(../img/f_bg02.gif) no-repeat left top;
	font-size: 86%;
	padding: 0px 0 5px 15px;
	display: block;
	line-height: 1.3;
}
.f_inner_area table td{
	padding-left: 30px;
	padding-bottom: 25px;
}
.f_inner_area table td ul{
}
.f_inner_area table td ul li{ 
	margin-top: 25px;
	width: 240px;
	float: left;
}
.f_inner_area table td ul li .name{ 
	color: #c4e1df;
}
.f_inner_area table td ul li .tel_box{
	background: url(../img/f_bg01.gif) no-repeat left top;
	padding-left: 40px;
} 
.f_inner_area table td ul li .tel_box p{
	font-size: 115%;
	color: #fff;
}
.f_inner_area table td ul li .tel_box span{
	font-size: 143%;
	color: #ffea00;
	display: block;
}
.f_inner_area table td ul .f_txt01{
	font-size: 86%;
	color: #fff;
	margin-top: 100px;
}
.f_inner_box02{
	
}
.f_inner_box02 .left_box{
	width: 550px;
	float: left;
	color: #fff;
}
.f_inner_box02 .left_box p{
	font-size: 143%;
	width: 240px;
	float: left;
	border-right: 1px dotted #fff;
	padding: 10px 0;
	font-weight: bold;
}
.f_inner_box02 .left_box p a{
	color: #fff;
	text-decoration: none;
}

.f_inner_box02 .left_box span{
	display: block;
	width: 280px;
	padding-left: 15px;
	float: left;
	padding-top: 5px;
}
.f_inner_box02 .left_box span a{
	color: #fff;
}
.f_inner_box02 .copy_right{
	float: right;
	display: inline-block;
	color: #c4e1df;
	font-size: 86%;
	padding-top: 30px;
}

#page-top {
    position: fixed;
    bottom: 280px;
    right: 20px;
    font-size: 10px;
    z-index: 10;
}
/*a.over,
input.over{
    background:#ffffff;
   display:inline-block;
}
a.over:hover img,
input.over:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
*/