@charset "UTF-8";
html { height:100%; width:100%; }
* {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	font-weight: normal;
	list-style: none;
	text-align: left;
	color:#000;
}
body { height:100%; font-size:14px; }
img { border: none;}
a { color: #000; text-decoration: none;}
a:visited { color: #000;}
a:hover { color:#888888;}
a.hover:hover img { opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80);}
h1{ font-size:20px; font-weight:bold;}
h2{ font-size:70px; font-family: Arial, Helvetica, sans-serif; }
h3{ font-size:20px; font-weight:bold;}
p{ font-size:13px; }

#conteiner{ margin: 0 auto; }

/*---------------------------------------------------------*/
#headerBase {
	margin: 0 auto;
	width:100%;
	padding-top:10px;
	height:60px;
	text-align:center;
	z-index:100;
}
#header {
	margin: 0 auto;
	max-width:950px;
	min-width:600px;
	height:55px;
	text-align:left;
}
#headerRight {
	float:right;
	text-align:right;
	font-size:11px;
}
#headerRight span { font-size:18px; font-weight:bold; }
#header h1 { font-size:12px; margin-top:5px; }
#header img { float:left; margin-right:5px; margin-top:-5px; }


/*--ナビ-------------------------------------------------------*/
#naviBase {
	margin: 0 auto;
	width:100%;
	text-align:center;
	background-color:#333;
}
#gnavi {
	margin: 0 auto;
	max-width:950px;
	min-width:600px;
}
#gnavi li a,#gnavi li a{
	font-size:14px;
	float:left;
	padding:4px 2.2%;
	margin:8px 0.48%;
	text-align:center;
	color:#fff;
	background-color:#5c2929;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px;
}
#gnavi li a:hover,#gnavi li a.on{
	color:#fff;
	background-color:#991919;
}

/*---------------------------------------------------------*/
#header2 {
	margin: 0 auto;
	max-width:98%;
	min-width:600px;
	height:55px;
	text-align:left;
}
#headerRight2 {
	float:right;
	text-align:right;
	font-size:11px;
}
#headerRight2 span { font-size:18px; font-weight:bold; }
#header2 h1 { font-size:12px; margin-top:5px; }
#header2 img { float:left; margin-right:5px; margin-top:-5px; }


#naviBase2 {
	margin: 0 auto;
	width:100%;
	text-align:center;
	background-color:#333;
}
#gnavi2 {
	margin: 0 auto;
	max-width:100%;
	min-width:600px;
}
#gnavi2 li a{
	font-size:14px;
	float:left;
	padding:4px 3.3%;
	margin:8px 0.48%;
	text-align:center;
	color:#fff;
	background-color:#5c2929;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px;
}
#gnavi2 li a:hover,#gnavi2 li a.on{
	color:#fff;
	background-color:#991919;
}

#snavi ul {
	text-align:center;
}
#snavi li a{
	font-size:12px;
	float:left;
	width:30%;
	padding:4px 1%;
	margin:10px 0.5% 20px 0.5%;
	text-align:center;
	color:#fff;
	background-color:#ccc;
    -webkit-border-radius : 15px;
    -moz-border-radius : 15px;
    border-radius : 15px;
}
#snavi li a:hover,#snavi li a.on{
	position: relative;
	color:#fff;
	background-color:#333;
}

/*--括り-------------------------------------------------------*/
#main {
	margin: 0 auto;
	max-width:950px;
	min-width:600px;
	padding:10px 1%;
}

#main img{
	width:100%;
}

.homeContent li{ float:left; width:31%; margin:10px 1%; }
.homeContent img{
    -webkit-border-radius : 10px;
    -moz-border-radius : 10px;
    border-radius : 10px;
}
	
#homeNews{ float:left; width:65%; }
#homeNews ul li{ border-bottom: dotted #ccc 1px; margin-bottom:5px; padding:5px 0; }
#homeBanner{ float:right; width:30%; }

.content3{ margin-bottom:20px; margin:0 auto !important; width:65%; }
.content3 li{
	float:left;
	width:22%;
	margin-right:4%;
}
.content3 li.no{ margin-right:0%; }
.content3 li p{
	font-size:18px;
	font-weight:bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", serif;
	margin-bottom:8px;
	line-height:25px;
}
.content3 li h4{
	font-size:15px;
	font-weight:bold;
	margin:8px 0;
	text-align:center;
}
.content3 li.no1{ background:url('../img/icon01.png') no-repeat center; }
.content3 li.no2{ background:url('../img/icon02.png') no-repeat center; }
.content3 li.no3{ background:url('../img/icon03.png') no-repeat center; }
.content3 li.no4{ background:url('../img/icon04.png') no-repeat center; }
.content3 li.no5{ background:url('../img/icon05.png') no-repeat center; }
.content3 li.no6{ background:url('../img/icon06.png') no-repeat center; }

.content4{ margin-bottom:20px; width:100%; }
.content4 li{
	float:left;
	width:30%;
	margin-right:4%;
}
.content4 li.no{ margin-right:0%; }
.content4 li p{
	font-size:18px;
	font-weight:bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", serif;
	margin-bottom:8px;
	line-height:25px;
}
.content4 li h4{
	font-size:15px;
	font-weight:bold;
	margin:8px 0;
	text-align:center;
}




.case3{ margin-bottom:20px; text-align:center; }
.case3 li{
	vertical-align:top;
	display:inline-block;
	width:29%;
	margin:0 3%;
	margin-top:20px;
	margin-bottom:30px;
}
.case3 li.no{ margin-right:0%; }
.case3 li p{
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
.case3 li h4{
	font-size:15px;
	font-weight:bold;
	margin:8px 0;
	text-align:center;
}
.case3 li.no1{ background:url('../img/icon01.png') no-repeat center; }
.case3 li.no2{ background:url('../img/icon01.png') no-repeat center; }
.case3 li.no3{ background:url('../img/icon01.png') no-repeat center; }
.case3 img{ width:100%; }

@media (max-width: 782px) {
.case3 li{
	vertical-align:top;
	display:inline-block;
	width:45%;
	margin-top:20px 2% 0 !important;
	margin-bottom:30px;
}
.case3 img{ width:100%; }	
}

@media (max-width:600px) {
.case3 li{
	vertical-align:top;
	display:inline-block;
	width:96%;
	margin-top:20px 2% 0 !important;
	margin-bottom:30px;
}	
}


/*--見出し-------------------------------------------------------*/
.title11{
	position: relative;
	background-color:#FF4000;
	color:#fff;
	text-align:center;
	margin-bottom: 20px;
	padding:3px 0;
}
.title1{
	position: relative;
	background-color:#000;
	color:#fff;
	text-align:center;
	margin-bottom: 20px;
	padding:3px 0;
}
.title1:after {
	content: '';
	position: absolute;
	border-top: 10px solid #000;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -9px;
	left: 49%;
}
.title22{
	position: relative;
	background-color:#991919;
	color:#fff;
	text-align:center;
	margin-bottom: 20px;
	padding:3px 0;
/*background-color: #f90;*/
background-color: #53727d;
background-image: -webkit-linear-gradient(-45deg, #455765 25%, transparent 25%, transparent 50%, #455765 50%, #455765 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, #455765 25%, transparent 25%, transparent 50%, #455765 50%, #455765 75%, transparent 75%, transparent);
background-size: 20px 20px;/*数字を大きくすれば太く、小さくすれば細くなります。*/
/*text-shadow:1px 1px 2px rgba(0,0,0,.3);
*/
/*background-color: #f90;
    background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
    background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
    background-image: -o-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
    background-image: linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
*/
}
.title22:after {
	content: '';
	position: absolute;
	border-top: 10px solid #778899;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -9px;
	left: 49%;
}
.title2{
	position: relative;
	background-color:#991919;
	color:#fff;
	text-align:center;
	margin-bottom: 20px;
	padding:3px 0;
}
.title2:after {
	content: '';
	position: absolute;
	border-top: 10px solid #991919;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -9px;
	left: 49%;
}
.title3{
	position: relative;
	background-color:#333;
	color:#fff;
	text-align:center;
	margin-bottom: 20px;
	padding:3px 0;
}
.title3:after {
	content: '';
	position: absolute;
	border-top: 10px solid #333;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -9px;
	left: 49%;
}
.title4{
	font-size:30px;
	margin:20px 0 0 0;
}
.title5{
	font-size:29px;
	margin:20px 0 0 0;
}

/*--共有-------------------------------------------------------*/
.imgMaru{
    -webkit-border-radius : 300px;
    -moz-border-radius : 300px;
    border-radius : 300px;
}
.imgMaruOn{
    -webkit-border-radius : 300px;
    -moz-border-radius : 300px;
    border-radius : 300px;
}
.imgMaruOff{
	-webkit-filter: grayscale(100%) saturate(109%) hue-rotate(0deg);
    -webkit-border-radius : 300px;
    -moz-border-radius : 300px;
    border-radius : 300px;
}
.imgMaruOff:hover{
	-webkit-filter: none;
    -webkit-border-radius : 300px;
    -moz-border-radius : 300px;
    border-radius : 300px;
}
.btHome{
	border:solid 2px #888;
	margin-top:40px;
	padding:5px 0;
	width:40%;
	margin-left:30%;
	text-align:center;
	font-size:14px;
	color:#fff;
	background-color:#5c2929;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    border-radius : 8px;
}
.btHome:hover{
	background-color:#991919;
}
.kakomi{
	border:solid 1px #ccc;
	background-color:#f8f8f8;
	padding:10px 15px;
    -webkit-border-radius : 10px;
    -moz-border-radius : 10px;
    border-radius : 10px;
}

.btContact{
	text-align:center;
	font-size:15px;
	font-weight:bold;
	border:solid 2px #ccc;
	background-color:#f8f8f8;
	color:#991919;
	padding:5px;
	margin-top:40px;
    -webkit-border-radius : 10px;
    -moz-border-radius : 10px;
    border-radius : 10px;
}
.btContact:hover{
	background-color:#ccc;
	color:#fff;
}
.table01 td{
	font-size:12px;
	width:20%;
	vertical-align:top;
	padding:10px 5px 0 5px;
}
.table02{
	width:100%;
}
.table02 td{
	font-size:13px;
	width:85%;
	vertical-align:top;
	padding:10px;
	border-bottom:solid 1px #ccc;
}
.table02 th{
	font-size:13px;
	font-weight:bold;
	width:15%;
	vertical-align:top;
	padding:10px;
	border-bottom:solid 1px #ccc;
}
.point{
	background-color:#888;
	color:#fff;
	padding:8px 12px;
	margin:0 5px;
	font-size:14px;
	font-weight:bold;
    -webkit-border-radius : 10px;
    -moz-border-radius : 10px;
    border-radius : 10px;
}

/*---------------------------------------------------------*/
#footer{
	margin:0 auto;
	width:100%;
	padding:30px 0;
	text-align:center;
	background-color:#333;
	font-size:13px;
	color:#ccc;
}
#footer a{
	font-size:13px;
	color:#ccc;
	border-right:solid 1px #ccc;
	padding:0 15px;
	margin-bottom:20px;
}
#footer a:hover{ color:#888; }
#footer a.end{ border-right: none; }
#footer p{ font-size:11px; color:#ccc; margin-top:20px; text-align:center; }

/*---------------------------------------------------------*/
#top{ float:right; margin-right:3%; margin-top:30px; clear:both; display:block; }
#top a{ background:#333; color:#fff; padding:8px 30px;
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    border-radius : 5px;
}
#top a:hover { color:#333;}

/*---------------------------------------------------------*/
.form{ float:right; width:100%; margin-top:0; }
.form td{ border-bottom:solid 1px #ccc; clear:both; padding:8px; }
.form th{ border-bottom:solid 1px #ccc; clear:both; padding:8px; font-weight:bold; }
/*利用規約*/
#mado1{ width:97%; height:180px; padding:0;  overflow:auto; padding:10px; font-size:13px; border:solid 1px #bbb; }
#mado1 p{ font-size:12px; padding:5px 0; }
.subtitle{ font-size:14px; font-weight:bold; border-bottom: dotted 1px #888; }

/*---------------------------------------------------------
マージン
---------------------------------------------------------*/
.bold { font-weight:bold; }
.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}
.font40 {font-size:40px;}
/*---------------------------------------------------------*/
.top-50 { margin-top: -50px; }
.top-40 { margin-top: -40px; }
.top-30 { margin-top: -30px; }
.top-25 { margin-top: -25px; }
.top-20 { margin-top: -20px; }
.top-10 { margin-top: -10px; }
.top-5 { margin-top: -4px; }
.top5 { margin-top: 5px; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.top30 { margin-top: 30px; }
.top35 { margin-top: 35px; }
.top40 { margin-top: 40px; }
.top50 { margin-top: 50px; }
.top60 { margin-top: 60px; }
.top70 { margin-top: 70px; }
.top90 { margin-top: 90px; }
.top100 { margin-top: 100px; }
.top110 { margin-top: 110px; }
.top120 { margin-top: 120px; }
.top150 { margin-top: 150px; }
/*---------------------------------------------------------*/
.left-10 { margin-left: -10px; }
.left5 { margin-left: 5px; }
.left10 { margin-left: 10px; }
.left15 { margin-left: 15px; }
.left20 { margin-left: 20px; }
.left25 { margin-left: 25px; }
.left30 { margin-left: 30px; }
.left40 { margin-left: 40px; }
.left50 { margin-left: 50px; }
.left60 { margin-left: 60px; }
.left70 { margin-left: 70px; }
.left80 { margin-left: 80px; }
.left90 { margin-left: 90px; }
.left100 { margin-left: 100px; }
.left150 { margin-left: 150px; }

.right5 { margin-right: 5px; }
.right10 { margin-right: 10px; }
.right15 { margin-right: 15px; }
.right20 { margin-right: 20px; }
.right25 { margin-right: 25px; }
.right30 { margin-right: 30px; }

.left5pr { margin-left: 5%; }
.left7pr { margin-left: 7%; }
.left10pr { margin-left: 10%; }
.left20pr { margin-left: 20%; }
.left25pr { margin-left: 25%; }
.left30pr { margin-left: 30%; }
.left40pr { margin-left: 40%; }
.left50pr { margin-left: 50%; }
/*---------------------------------------------------------*/
.lineH18 { line-height:18px; }
.lineH20 { line-height:20px; }
.lineH23 { line-height:23px; }
.lineH25 { line-height:25px; }

.wbanner{ width:130px; }
.bottom5{ margin-bottom:5px; }
.bottom10{ margin-bottom:10px; }
.bottom20{ margin-bottom:20px; }
.bottom30{ margin-bottom:30px; }
.bottom40{ margin-bottom:40px; }
.bottom50{ margin-bottom:50px; }

.w5pr{ width:5%; }
.w6pr{ width:6%; }
.w7pr{ width:7%; }
.w8pr{ width:8%; }
.w9pr{ width:9%; }
.w10pr{ width:10%; }
.w11pr{ width:11%; }
.w12pr{ width:12%; }
.w13pr{ width:13%; }
.w14pr{ width:14%; }
.w15pr{ width:15%; }
.w20pr{ width:20%; }
.w25pr{ width:25%; }
.w30pr{ width:30%; }
.w40pr{ width:40%; }
.w50pr{ width:50%; }
.w55pr{ width:55%; }
.w60pr{ width:60%; }
.w70pr{ width:70%; }
.w75pr{ width:75%; }
.w80pr{ width:80%; }
.w85pr{ width:85%; }
.w90pr{ width:90%; }
/*---------------------------------------------------------*/
.imgCenter10{ width:10%; margin-left:45%; }
.imgCenter20{ width:20%; margin-left:80%; }
.imgCenter30{ width:30%; margin-left:35%; }
.imgCenter40{ width:40%; margin-left:30%; }
.imgCenter50{ width:50%; margin-left:25%; }
.imgCenter60{ width:60%; margin-left:20%; }
.imgCenter70{ width:70%; margin-left:15%; }
.imgCenter80{ width:80%; margin-left:10%; }
.imgCenter90{ width:90%; margin-left:5%; }
.imgCenter100{ width:100%; text-align:center; }
.img10{ width:10%; }
.img20{ width:20%; }
.img30{ width:30%; }
.img40{ width:40%; }
.img50{ width:50%; }
.img60{ width:60%; }
.img70{ width:70%; }
.img80{ width:80%; }
.img90{ width:90%; }
/*---------------------------------------------------------*/
.bold { font-weight:bold; }
.white { color:#ffffff; }
.black { color:#000000; }
.red { color:#d30000; }
.blue { color:#2b4590; }
.blue2 { color:#07b1ee; }
.blueU { border-bottom:solid 1px #07b1ee; }
.BGblue { background-color:#66CCFF; }
.BGgrayW { background-color:#777777; color:#ffffff; }
.BGgray { background-color:#efefef; }
.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}
.font40 {font-size:40px;}

.center{ text-align:center; width:100%; margin:auto 0; margin-top:20px; }
.social{ margin-left:45%; }
.social li{ float:left; }
/*---------------------------------------------------------*/


#abc{
text-align: center;
margin: 0px 0px 15px 0px;
 
}







.white-waku{ background:#fff; padding:40px 0 !important; border-bottom:solid 1px #ddd; }
.base-in{ width:1000px; margin:0 auto !important; }
#contents h2{ color:#000 !important; font-size:40px !important; text-align:center; margin:0 0 20px; line-height:34px; font-weight:400; }
#contents h2 span{font-size:16px !important;}
#contents h3{ color:#000 !important; font-size:16px !important; text-align:left; line-height:24px; margin-top:-10px; }
#contents h4{ z-index:2; position:absolute; left:20px; top:0px; font-size:50px !important; color:#fff !important;
background:#448AFF; margin:0 !important; padding:20px 5px; border-radius:100px;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
#contents h5{ color:#000 !important; font-size:16px !important; text-align:center; margin:0; line-height:26px; font-weight:normal !important; }
#contents ul{ width:100%; margin:25px 0 0 0 !important; padding:0; }
#contents li{ position: relative; width:29%; display:inline-block; vertical-align:top;  font-size:14px; line-height:18px; padding:0 2% !important; vertical-align:top; }
#contents img{ z-index:1; margin-bottom:10px; width:100%; }
#contents a{ color:#000 !important; }

#contents .bt-lp a{ background:#448AFF !important; color:#fff !important; text-align:center; font-size:18px !important; display:block; padding:8px; margin:10px 0; }
.bt-lp a{ background:#448AFF !important; color:#fff !important; text-align:center; font-size:18px !important; display:block; padding:8px; margin:10px 0; }

.font12{ font-size:12px; }
.bt01{  margin:30px 0; }
.bt01 a{ background:#fff !important; border-radius:30px; margin:0 auto !important; width:60% !important; padding:5px; font-size:16px; display:block; margin:20px 0; }

.waku{ border:solid 1px #d30000; font-weight:300 !important; }
.waku:hover{ background:#f8f8f8; }

@media (max-width: 782px) {
#conteiner,#contents,#main,#snavi{ width:100% !important; }
.base-in{ width:100% !important; }
}





.entry-meta{ display:none !important; }