@charset "utf-8";

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}

.clearfix:after {
content:" "; 
display:block;
height:0.1px;
visibility:hidden;
font-size:0.1em;
line-height:0;
clear:both;
}
.clearfix {
display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}

body {
margin:0 auto;
color:#222;
font-family:'Meiryo UI','メイリオ',"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Sans-Serif;
line-height:1.0;
background:#f1f1f1;
zoom:1;
overflow-x:hidden;
}

a   		{text-decoration:none;}

.small {font-size: 16px;}
.middle {font-size: 24px;}
.big {font-size: 32px;}

.imgBox {
	margin: 24px auto;
	padding:24px 12px;
	text-align:center;
}



/* Wrap
-----------------------------------------------*/

#wrap {
	width:100%;
	min-width: 1024px;
}



/* Header
-----------------------------------------------*/
header {
	height:90px;
	padding:12px 24px 0;
	background: #fff;
}

header p {
	padding:0 0 8px 6px;
	color:#555;
	font-size:14px;
}

#headerLeft {
	float:left;
	padding-bottom: 12px;
}

#headerRight {
	float:right;
	padding-bottom:4px;
}
#headerRight p#hTell {
font-size:18px;
}
#headerRight p#hTell a {
display:inline;
padding:6px;
font-size:24px;
font-weight:bold;
color:#13A73A;
}
#headerRight p#hTell a:hover {
color:#2DBF53;
}
#headerRight p#hButton a {
	display:block;
	padding:12px 36px;
	background: #13A73A;
	color:#fff;
	text-align:center;
	border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
#headerRight p#hButton a:hover {
	background: #2DBF53;
	box-shadow: 0 0 0 rgba(0,0,0,0);
}

/* Container
-----------------------------------------------*/

#container {
	clear:both;
}

/* kv
-----------------------------------------------*/
#kvArea {
	height:550px;
	border-top:2px solid #e1e1e1;
	background:#fff url(../img/kv_bg.png) left top no-repeat;
	text-align: center;
	/*background-size: 100% 100%;*/
}
#kvBottom{
	border-bottom:2px solid #d1d1d1;
	background: #f1f1f1 url(../img/cream_pixels.png) left top repeat;
	color:#333;
	text-align:center;
}

#kvBottom p#kvbTitle{
	padding:60px 0;
	font-size:52px;
	font-weight: bold;
	text-align: center;
}
#kvBottom p {
	font-size:24px;
}


/* Section
-----------------------------------------------*/

section {
	height:850px;
	padding:36px;
	background: #fff;
	font-size: 20px;
}

section h1 {
	padding:20px 0;
	font-size:54px;
	text-align:center;
}

section p {
	padding-left: 108px;
	line-height: 140%;	
}

section.s02 {
	background: #eee url(../img/squairy_light.png) left top repeat;
	text-align:center;
}

section.s02 p {
	text-align: left;
}

.ccArea {
	margin-bottom:-15px;
	padding:36px 0;
	text-align:center;
	background:#FAF9F3;
}

.tblArea {
	padding:36px 0;
	line-height:140%;
}

.tblArea table {
	width:900px;
	margin:0 auto;
}
.tblArea th {
	font-size: 18px;
	font-weight:normal;
}

.tblArea td {
	width:30%;
	padding: 12px 12px 0 12px;
	font-size: 16px;
}

.tblArea td img {
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
}

th.tdTitle01 {
	margin-bottom: 6px;
	padding:12px;
	background: #eb6fa5;
	border-left:3px solid #fff;
	border-radius: 24px 24px 0 0; 
    -webkit-border-radius: 24px 24px 0 0;
    -moz-border-radius: 24px 24px 0 0;
	color:#fff;
}

th.tdTitle02 {
	margin-bottom: 6px;
	padding:12px;
	background: #5bdbe8;
	border-left:3px solid #fff;
	border-radius: 24px 24px 0 0; 
    -webkit-border-radius: 24px 24px 0 0;
    -moz-border-radius: 24px 24px 0 0;
	color:#fff;
}

th.tdTitle03 {
	margin-bottom: 6px;
	padding:12px;
	background: #F1D200;
	border-left:3px solid #fff;
	border-radius: 24px 24px 0 0; 
    -webkit-border-radius: 24px 24px 0 0;
    -moz-border-radius: 24px 24px 0 0;
	color:#fff;
}

td.tdBody {
	padding:12px 18px;
	border-left:3px solid #fff;
	background: #f7f7f7;
	border-radius:3px;
}


/* formBox
-----------------------------------------------*/

.formBox {
	height: 180px;
	padding:24px 0;
	background: #fff url(../img/cream_pixels.png) left top repeat;
}
.formBox p.tell {
	padding:12px;
	color:#555;
	font-size:36px;
	text-align:center;
}
.formBox p.tell a {
	color:#6ebc03;
	font-size:60px;
	font-weight:bold;
	vertical-align:-15%;
	-webkit-transition: 1s ease-in-out;
	transition: background-color 1s linear;
}
.formBox p.tell a:hover {
	color:#7FD30C;
}
.formBox p.button a {
	display:block;
	width:840px;
	margin: 0 auto;
	padding:24px;
	background: #66c000;
	font-size:36px;
	color:#fff;
	text-align: center;
	-webkit-transition: 1s ease-in-out;
	transition: background-color 1s linear;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	border-radius: 10px 10px 10px 10px; 
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
}

.formBox p.button a:hover {
	margin-top:1px;
	background: #FE7F37;
	box-shadow: 0 0 0 rgba(0,0,0,0);
}


/* Footer
-----------------------------------------------*/

footer {
	padding:24px 0 48px;
	border-top:1px solid #333;
	background: #111 url(../img/office.png) left top repeat;
	text-align:center;
}


footer adress a {
	font-size:14px;
	color:#ccc;
}

#footerTop {
	padding: 18px;
	background: #555;
	font-size: 14px;
	color:#fff;
	text-align: center;
}

#footerTop a {
	color:#fff;	
}