@charset "UTF-8";
* {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:12px !important;
}	
.clear {
	clear:both;
}

body, form, h1, h2, h3, h4, h5, h6, h7, p, pre, ul, ol, li, blockqote, div, span, fieldset, img, textarea, td, th {
	color: #2a2a2a;
	line-height: 150%;
}
h2, h3, h4, h5, h6, h7{ margin-bottom:0px; }
p {
	margin: 0 0 12px ;
	padding: 0;
}

h1 {
	color:#1B1C1C;/* 黒 */
	font-size:18px !important;
	line-height:2em;
	}
a h1:active {	color: #008CFF !important;	text-decoration: none;}
a h1:link {color: #008CFF !important;	text-decoration: none;}
a h1:hover {color: #008CFF !important;	text-decoration: none;}
a h1:visited {	olor: #008CFF !important;	text-decoration: none;}
a h1 {	olor: #008CFF !important;	text-decoration: none;}


h2 {
	font-family: 'Josefin Sans', sans-serif;
	color:#008CFF;/* 青 */
	font-weight:700;
	font-size:21px !important;
	line-height:2.5em;
	letter-spacing:0.1em;
	}



/* Link-color */
a {	color: #008CFF;	text-decoration: none;overflow: hidden;outline: none;}
a:link {color: #008CFF;	text-decoration: none;}
a:active {	color: #008CFF;	text-decoration: none;}
a:visited {	color: #008CFF;	text-decoration: none;}
a:hover {color: #008CFF;text-decoration: none;}

/* common */
html { }

body {
	text-align: center;
		background: #fff;
		margin:0;
		padding:0;
	}
	#wrapper {
		background-color:#fff;
			width:100%;
			overflow: hidden;
		}
		#container {
			margin: 0 auto;
			width:100%;
			position: relative;
			}

/* header */
#header {
	height:69px;
	width:100%;
    /* 表示順序 他のコンテンツが重ならないようにする */
    z-index: 9999;
    background-color:#008cff;
}

#gnavi {
	width:900px;
	margin:0 auto;
	}
#gnavi #left {
	float:left;
	width:364px;
	text-align:left;
	}
#gnavi #right {
	float:right;
	width:535px;
	text-align:left;
	}

#gnavi #right ul {
    width: 539px;
}

#gnavi #right li {
    margin: 0;
    float: left;
    list-style: outside none none;
}
	
.header-line {
	background:url(../../img/line.gif) repeat;
	width:100%;
	height:1px;
	position:absolute;
	bottom:0px;
}

/* contents */
#mainimage {
	width:100%;
	height:435px;
	margin:0 auto;
	background:url(../../img/mainimage.jpg) no-repeat ;
	background-size:cover;
}

#mainimage-text {
	font-family: 'Josefin Slab', serif;
	font-size:76px !important;
	color:#008CFF;
	margin:0 auto;
	padding:105px 0;
	line-height:1em;
	}


#area-a {
	font-size:26px !important;
	margin:0 auto;
	background-color:#FFFFFF;
	position:relative;
	}
#drop {
	position:relative;
	top:-70px;
	}
#intro {
	font-size:26px !important;
	color:#008CFF;
	margin:-30px auto 30px;
	}

#area-a ul {
    width: 915px;
	margin:0 auto;
}

#area-a li {
    margin: 0 7px;
    float: left;
    list-style: outside none none;
    width: 291px;
	height:340px;
}
#area-a li img {
    margin: 0 0 5px;
	padding:0;
    width: 291px;
}


#area-b {
	font-size:26px !important;
	margin:0 auto;
	padding-bottom:80px;
	background:url(../../img/b_bg.gif) repeat fixed;
	width:100%;
	}

#area-b .box {
	margin:0 auto;
	padding-top:60px;
	width:900px;
	text-align:left;
	}
	
.title_l {
	font-size:27px !important;
	color:#008CFF;
	line-height:2em;
	}
	
.title_s {
	font-family: 'Josefin Slab', serif;
	font-weight:700;
	font-size:14px !important;
	color:#008CFF;
	padding:105px 0;
	}

#area-b ul {
    width: 926px;
	margin:0 auto;
}

#area-b li {
    margin:13px;
    float: left;
    list-style: outside none none;
    width: 436px;
	height:256px;
}
#area-b li img {
    margin: 0 0 5px;
	padding:0;
    width: 436px;
}


#area-c {
	font-size:26px !important;
	margin:0 auto;
	padding-bottom:80px;
	width:100%;
	}

#area-c .box {
	margin:0 auto;
	padding-top:60px;
	width:900px;
	text-align:left;
	}

#area-c ul {
    width: 926px;
	margin:0 auto;
}

#area-c li {
    margin:13px;
    float: left;
    list-style: outside none none;
    width: 436px;
	height:256px;
}
#area-c li img {
    margin: 0 0 5px;
	padding:0;
    width: 436px;
}


#area-c .table{
width: 900px;
border-collapse: collapse;
}
#area-c .table td{
text-align:center;
width:10%;
padding: 6px;
border: 1px solid #b9b9b9;
}
#area-c .table th{
text-align:left;
padding: 6px;
border: 1px solid #b9b9b9;
}

#area-c #left {
	float:left;
	width:300px;
	text-align:left;
	}
#area-c #right {
	float:right;
	width:580px;
	text-align:left;
	}
#area-c iframe {
	width:100%;
	height:368px;
	margin-bottom:10px;
	padding-bottom:10px;
}



#area-d {
	font-size:26px !important;
	margin:0 auto;
	padding-bottom:80px;
	background-color:#D2ECFB;
	width:100%;
	}

#area-d .box {
	margin:0 auto;
	padding-top:60px;
	width:900px;
	text-align:left;
	}

#area-d #left {
	float:left;
	width:538px;
	text-align:left;
	}
#area-d #right {
	float:right;
	width:323px;
	text-align:left;
	}


#area-d .table{
width: 538px;
border-collapse: collapse;
}
#area-d .table td{
text-align:center;
width:10%;
padding: 6px;
border: 1px solid #b9b9b9;
}
#area-d .table th{
text-align:left;
padding: 6px;
border: 1px solid #b9b9b9;
}

#area-d ul {
    width: 323px;
	margin:0 auto;
}

#area-d li {
    margin:0px;
    float: left;
    list-style: outside none none;
    width: 323px;
	height:268px;
}
#area-d li img {
    margin: 0 0 5px;
	padding:0;
    width: 323px;
}

#area-d #left {
	float:left;
	width:420px;
	text-align:left;
	}
#area-d #right {
	float:right;
	width:436px;
	text-align:left;
	}


#area-e {
	font-size:26px !important;
	margin:0 auto;
	padding-bottom:80px;
	width:100%;
	background-color:#f6f6f6;
	}

#area-e .box {
	margin:0 auto;
	padding-top:60px;
	width:900px;
	text-align:left;
	}

	
#area-e .tel-l {
	font-family: 'Josefin Slab', serif;
	font-weight:700;
	font-size:44px !important;
	line-height:1em;
	}
	
#area-e .tel-s {
	font-family: 'Josefin Slab', serif;
	font-weight:700;
	font-size:20px !important;
	padding:105px 0;
	}


/* footer */


#footer {
    margin:0 auto;
	padding:100px 0;
    width: 100%;
	background-color:#008CFF;
	color:#FFFFFF;
	font-family: 'Josefin Slab', serif;
	font-weight:300;
	font-size:12px;
	letter-spacing:0.1em;
}