@charset "utf-8";

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/******************* clear ******************/

.clr {
	clear: both;
}

/******************* decoration ******************/

br {
	letter-spacing: normal; /*　IE6、IE7対策 */ 
}

.btext {
	color: #2f9ce1;
}

.col_red {
	color: red;
	font-size: 24px;
}

/******************* body ******************/

body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 14px;
	overflow-x : hidden;
	overflow-y : auto;
}

/******************* header ******************/

#header {
    width: 100%;
    height: 60px;
    border-bottom: 5px solid #ebebeb;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 1;
    background: #fff;
}

.inner {
    width: 960px;
    height: 60px;
    margin: 0px auto;
}

#header .inner .logo {
	width: 150px;
	height: 48px;
	padding: 6px 0;
    float: left;
}

#header .inner .stitle {
	width: 460px;
	height: 40px;
	margin-left: 10px;
	padding: 10px 0;
    float: left;
    line-height: 1.5;
    letter-spacing: 1px;
}

#header .inner .h_tel {
	width: 220px;
	height: 50px;
	padding: 5px 0;
    float: right;
    line-height: 1.2;
    letter-spacing: 1px;
    text-align: center;
}

.teltxt {
	font-size: 27px;
	font-weight: bold;
}

/******************* footer ******************/

#footer {
	height: 52px;
	top: 67px;
	padding-top: 8px; 
	position: relative;
    border-top: 5px solid #ebebeb;
}

#footer .inner p {
	font-size: 10px;
	line-height: 1.5;
}

#address {
	width: 520px;
	height: 40px;
	float: left;
}

#copyright {
	width: 440px;
	height: 15px;
	padding-top: 30px; 
	text-align: right;
	float: left;
}

/******************* top ******************/

#s_top {
	height: 495px;
    top: 65px;
    left: 0;
    margin: 0 auto;
    position: relative;
    background-size: cover;
    background-image: url(../image/top_bg.png); 
}

.s_top_cont1 {
	width: 960px;
	height: 359px;
	margin: 0 auto;
	padding-top: 46px;
}

.s_top_cont1_l {
	width: 450px;
	padding-left: 30px;
	float: left;
}

.s_top_cont1_l p.htext {
	margin:30px 0 20px 0;
	color: #303030;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 1px;
}

.s_top_cont1_l p.btext {
	margin: 20px 0 50px 0;
	color: #696868;
	font-size: 16px;
	letter-spacing: 1px;
}

.s_top_cont1_r {
	width: 480px;
	float: right;
}

.s_top_cont2 {
	width: 100%;
	height: 96px;
	margin: 0 auto;
	background-image: url(../image/top_line.png);
	background-repeat: repeat;
}

/******************* contents1 ******************/

#s_cont1 {
	top: 70px;
	position: relative;
}

#s_cont1_main {
	height: 548px;
	text-align: center;
}

#s_cont2 {
	padding-top: 35px;
	top: 67px;
	position: relative;
	background: #ffde64;
}

#s_cont2_1 {
	width: 1000px;
	height: 500px;
	margin: 20px auto 20px auto;
	padding: 110px 0px 0px 200px;
	background-image: url(../image/c2_mainimg01.png);
}

#s_cont2_2 {
	width: 960px;
	height: 480px;
	margin: 0 auto;
	padding: 130px 0px 0px 200px;
	background-image: url(../image/c2_mainimg02.png);
}

.title {
	width: 960px;
	height: 80px;
	margin: 0 auto;
	text-align: center;
}

/******************* contents2 ******************/

h2.c2_title {
	font-size: 20px;
	font-weight: normal;
}

ul.c_list {
	margin: 30px 0 0 30px;
	font-size: 18px;
}

ul.c_list li {
	margin-bottom: 10px;
}

/******************* contents3 ******************/

#s_cont3 {
	height: 420px;
	top: 67px;
	position: relative;
	background: #c8ddd8;
	background-image: url(../image/c3_bg.png);
	background-repeat: repeat;
}

#s_cont3_box {
	width: 960px;
	height: 420px;
	margin: 0 auto;
}

#s_cont3_box_l {
	width: 500px;
	height: 330px;
	padding-top: 90px;
	padding-left: 50px; 
	float: left; 
}

#s_cont3_box_l h2 {
	margin-bottom: 30px;
	font-weight: normal;
	font-size: 26px;
}

#s_cont3_box_l h3 {
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 20px;
}

#s_cont3_box_l p {
	font-weight: normal;
	font-size: 16px;
}

#s_cont3_box_l br {
	margin-bottom: 10px;
}

.l_text {
	background: linear-gradient(transparent 60%, #fce48d 60%)
}

#s_cont3_box_r {
	width: 370px;
	height: 390px;
	padding: 50px 0 0 40px;
	float: left;
}

/******************* contact ******************/

#contactform {
	height: 1900px;
	top: 67px;
	position: relative;
}

#contactform_area {
	width: 960px;
	height: 1900px;
	margin: 0 auto;
	text-align: center;
}

#contact {
	height: 200px;
	top: 67px;
	position: relative;
	background: #ffa627;
}

.s_ct_cont {
	width: 960px;
	height: 200px;
	margin: 0 auto;
}

.s_ct_cont_ctbtn {
	width: 410px;
	height: 130px;
	padding: 70px 0px 0px 20px;
	float: left;
}

.s_ct_cont_ctnam {
	width: 530px;
	height: 125px;
	padding-top: 75px;
	text-align: center;
	float: left;
}

a.ct_btn{
	width: 400px;
	height: 63px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
    background-color:#ffffff;
    display:block;
}

a.ct_btn:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity:0.6;
    zoom:1;
}