@charset "utf-8";
/* CSS Document */

/*---------------------------------------------
reset
---------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby,section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;		
	background:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	 　
}
ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*---------------------------------------------
common
---------------------------------------------*/
body {
	color:#1b1b1b;
	font-size:16px;
}

/*---link--------*/

a:link ,a:visited, a:hover{
	text-decoration:none;
}

a:link ,a:visited{
	color:#006de8;
}

a:hover{
  color:#e50011;
}

.fooNav a:link,.fooNav a:visited{
	color:#1b1b1b;
}


/*-----margin-------*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}

.mL35{margin-left:35px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}




/*-----form-------*/
.tArea,select,textarea{
	border: solid 1px #a0a0a0;
	color:#1b1b1b;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	border-radius: 2px;
}

.forW120{width:120px;}
.forW325{width:325px;}
.forW400{width:400px;}
.forW500{width:500px;}
.forW600{width:600px;}

.forh100{ height:100px;}


/*-----必須-------*/
.hissu{
	color:#e50011;
	font-size:12px;
}


.btn{
	background: #fff000;
	border:none;
	border-radius: 2px;
	box-shadow:#b9ae00 4px 4px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";

}

.btn01{
	padding:4px 20px;
	font-size:14px;;
}

.btn02{
	padding:8px 50px;
	font-size:18px;
}

/*-----detailBtnメールで問い合わせる-------*/
a .btn03Wrap{
	color:#1b1b1b;
}

.btn03Wrap{
	display:block;
	width:456px;
	text-align:center;
	margin-bottom:20px;
	padding-top:18px;
	padding-bottom:18px;

}

.btn03{
	background:url(../img/icon-mail.png) no-repeat center left;
	font-size:20px;
	padding:10px 0 10px 50px;
}

.btn03Wrap-2{
	clear:both;
	width:450px;
	float:left;
	padding-top:30px;
	padding-bottom:30px;
}
/*------------*/

.btn04Wrap{
	text-align:center;
}
.btn04{
	padding:14px 80px;
	font-size:22px;
	letter-spacing: 0.08em;
	margin:0 auto;
}





/*---------------------------------------------
header
---------------------------------------------*/

header{
	width:980px;
	height:110px;
	margin:0 auto;
	background:url(../img/head-bg.jpg) no-repeat right;
}

.head-p{
	font-size:12px;
	margin:10px 0;
}

/*---------------------------------------------
nav
---------------------------------------------*/
nav{
	background:#00a0e8;
	border-bottom:4px solid #1290c9;
}

.navWrap{
	width: 980px;
	height: 56px;
	margin:0 auto;
	background: url(../img/nav.jpg) no-repeat;
}

.navWrap li{
	height:56px;
	width:245px;
	text-indent:-9999px;
	float:left;
	display:inline;
}

.navWrap li a {
	height:56px;
	width:245px;
    display:block;
	overflow:hidden;
}

.navWrap li a:hover {
	background: url(../img/nav.jpg) no-repeat;
}



/*------hover*/
li.nav01 a:hover {
	background-position:0 -56px;
}
li.nav02 a:hover {
	background-position:-245px -56px;
}
li.nav03 a:hover {
	background-position:-490px -56px;
}
li.nav04 a:hover {
	background-position:-735px -56px;
}



/*---------------------------------------------
main
---------------------------------------------*/
.mainWrap{
	width:980px;
	margin:0 auto;
	overflow:hidden;
	line-height:1.4;
}


/*---------------------------------------------
topic path
---------------------------------------------*/
.topicPath{
	margin:20px 0;
	font-size:14px;
}





/*---------------------------------------------
title
---------------------------------------------*/
/*メインh1*/
.tit{
	margin-bottom:20px;
}

/*トップページお知らせタイトル*/
.titNews{
	font-size:18px;
	color:#fff000;
	background:#00a0e8;
	padding:10px 20px;
}

.tit02{
	font-size:22px;
	color:#00a0e8;
	margin-bottom:10px;
}


/*-----syasen-------*/
.lBlue{
	clear:both;
	background:url(../img/pattern-blue.gif);
	height:6px;
	width:100%;
}

.tit03{
	font-size:20px;
	color:#00a0e8;
	background-color: #ccecfa;
	padding:4px 10px;
}


/*---------------------------------------------
icon
---------------------------------------------*/
.icon li{
	display:inline;
}




/*---------------------------------------------
table
---------------------------------------------*/

table{
	width: 100%;
	border-collapse: collapse;
	line-height:1.4;
}

th, td{
	padding: 10px;
	font-weight:normal;

}

.table01 th{
	text-align:center;
	vertical-align: top;
	color: #333;
	background-color: #ccecfa;
	border: 1px solid #a0a0a0;
}
.table01 td{
	background-color: #fff;
	border: 1px solid #a0a0a0;
}


.table02 th	,.table02 td	{
	border-bottom: 1px dashed #b2b2b2;
	text-align:left;
}
.table02 th{
	background:#eee;
}

.table03 th	,.table03 td	{
	border-bottom: 1px dashed #b2b2b2;
	text-align:left;
}
.table03 th{
	width:25%;
}

	


.thW01{width:25%;}
.thW02{width:35%;}
.thW03{width:20%;}




/*---------------------------------------------
page top
---------------------------------------------*/
.pageTop{
	clear:both;
	text-align:right;
	padding-top:30px;
	margin-bottom:30px;
}

/*---------------------------------------------
footer
---------------------------------------------*/
footer{
	background:#efefef;
}

.fooNav{
	text-align:center;
	font-size:12px;
	margin-bottom:20px;
}

.fooCo{
	text-align:center;
	font-size:10px;
}

.fooLine{
	height:10px;
	background:url(../img/pattern-grey.gif);
}
.fooWrap{
	width:980px;
	margin:0 auto;
	padding:30px 0;
}