@charset "utf-8";

/******************************************************************
 *
 * コンテンツ
 *
 *****************************************************************/


#tagline {
	font-size:12px;
	font-size: 1.2rem;
	line-height:1.2;
	padding:3px 0px;
	margin-bottom:10px;
}
#tagline a {
	text-decoration:underline;
}

#tagline a:hover, #tagline a:active, #tagline a:focus {
	text-decoration: none;
	color:#ff0000;
}

.entry1 {
	margin:0 10px 25px;
}

.point1 {
	background:url(../../img/bg_point1.png) top left no-repeat;
	background-position:left center;
	margin:0 25px 30px;
	padding:5px 0 5px 30px;
	line-height:1.2;
	text-align:left;
}

.kome {
	display:block;
	font-size:13px;
	font-size: 1.3rem;
	color:#5f5f5f;
	text-indent:-1em;
	margin:5px 12px 0;
	line-height:1.3;
}

.hilight {
	color:#228b22;
	font-size:18px;
	font-size: 1.8rem;
	font-weight:bold;
}

.faq-table-pc,.faq-table-sp {margin:0 auto; text-align:center;}
.faq-table-pc {display: none;}
.faq-table-sp {display: block;}

.fR {
	float: none;
	height:auto;
	width:100%;
	margin-bottom:10px;
	text-align:center;
}
.fR2 {
	float: none;
	height:auto;
	width:100%;
	margin-bottom:10px;
	text-align:center;
}

@media only screen and (min-width: 600px) {

.faq-table-pc {display:block;}
.faq-table-sp {display:none;}

.fR {
	float: right;
	width:368px;
	height:240px;
	margin-left:25px;
	margin-bottom:3px;
}
.fR2 {
	float: right;
	width:450px;
	height:218px;
	margin-left:18px;
	margin-bottom:3px;
}

}

.codes {
	font-size:15px;
	font-size: 1.5rem;
    margin: 0 10px 25px;
    padding: 15px;
    line-height:1.2;
    background: #fafad2;
    border: 1px solid #f5deb3;
}

.appeal {
	line-height:1.7;
}


.attention {
	margin-bottom:30px;
	padding:0px 10px;
}
.attention table {
	width:100%;
	margin-bottom:5px;
	line-height:1.5;
	border-spacing:0;
	background-color:#ffffff;
	text-align:center;
}
.attention table th {
	font-size:13px;
	font-size: 1.3rem;
	width:100px;
	border:1px solid #ff0000;
	background-color:#ff0000;
	font-weight: normal;
	text-align:center;
	color:#FFF;
    padding: 5px 0px;
}
.attention table td {
	font-size:13px;
	font-size: 1.3rem;
	text-align:left;
	border:1px solid #ccc;
    padding: 5px 5px;
}


/******************************************************************
 *
 * 表組
 *
 *****************************************************************/

.hyou1 {
	width:100%;
	margin-bottom:5px;
	border-spacing:0;
	background-color:#ffffff;
	text-align:center;
	line-height:1.5;
}
.hyou1 th {
	width:25%;
	text-align:left;
	vertical-align:top;
	font-size:14px;
	font-size: 1.4rem;
	border:1px solid #ddbaa6;
	background-color:#fce4d6;
	font-weight: normal;
    padding: 6px;
}
.hyou1 th img {
	float: right;
	margin-top:1px;
}
.hyou1 td {
	width:75%;
	text-align:left;
	vertical-align:top;
	font-size:14px;
	font-size: 1.4rem;
	border:1px solid #ddd;
    padding: 6px;
}

.hyou2 {
	width:100%;
	margin-bottom:5px;
	border-spacing:0;
	background-color:#ffffff;
	text-align:center;
	line-height:1.5;
}
.hyou2 th {
	width:25%;
	text-align:left;
	vertical-align:top;
	font-size:14px;
	font-size: 1.4rem;
	border:1px solid #a7d28d;
	background-color:#f0f6da;
	font-weight: normal;
    padding: 6px;
}
.hyou2 th img {
	float: right;
	margin-top:1px;
}
.hyou2 td {
	width:75%;
	text-align:left;
	vertical-align:top;
	font-size:14px;
	font-size: 1.4rem;
	border:1px solid #ddd;
    padding: 6px;
}


/*バナー表組み*/

#L01,#L02,#L03 {
	display:block;
	height:20px;
	margin-bottom:20px;
}
.style1 span {
	font-weight:bold;
	color:#008000;
}

.bannerTop {
	width:100%;
	margin-bottom:5px;
	line-height:1.5;
	border-spacing:0;
	background-color:#ffffff;
	text-align:center;
}
.bannerTop li {
	float:left;
}
.bannerTop li span {
	display:block;
	font-size:14px;
	font-size: 1.4rem;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	background-color:#32cd32;
	text-align:center;
	color:#FFF;
    padding: 12px 3px;
}
.bannerTop li.style1 {
	width:25%;
}
.bannerTop li.style2 {
	width:75%;
}
.bannerTop li.style3 {
	width:100%;
}
.bannerTop li.style3 img {
	width:100%;
}


.bannerSample {
	width:100%;
	line-height:1.5;
	border-spacing:0;
	background-color:#ffffff;
	border-bottom:#008000 1px dotted;
}
.bannerSample li {
	float:left;
}
.bannerSample li span {
	display:block;
	font-size:14px;
	font-size: 1.4rem;
    padding: 3px 3px;
}
.bannerSample li.style1 {
	width:25%;
	text-align:center;
}
.bannerSample li.style2 {
	width: 75%;
	text-align:left;
}
.bannerSample li.style3 {
	width:100%;
	margin:0 auto;
	text-align:center;
}
.bannerSample li.style3 img {
	width:100%;
	max-width:320px;
}

@media only screen and (min-width: 690px) {

.bannerTop li.style1,.bannerSample li.style1 {
	width:15%;
}
.bannerTop li.style2,.bannerSample li.style2 {
	width:45%;
}
.bannerTop li.style3,.bannerSample li.style3 {
	width:40%;
}

}



#B01,#B02,#B03,#B04,#B01R,#B02R,#B03R,#B04R {
	display:block;
	height:20px;
	margin-bottom:20px;
}

.bannerSample2 {
	margin-bottom:30px;
	width:100%;
	line-height:1.5;
	border-spacing:0;
	background-color:#ffffff;
}
.bannerSample2 li {
	float:left;
	width:100%;
}
.bannerSample2 li span {
	display:block;
	margin:0 auto;
	width:320px;
	font-size:14px;
	font-size: 1.4rem;
}
.bannerSample2 li img {
	width:100%;
	height:auto;
	max-width:320px;
}

@media only screen and (min-width: 660px) {

.bannerSample2 li {
	width:50%;
}
.bannerSample2 li span {
	width:320px;
}

}

@media only screen and (min-width: 1000px) {

.bannerSample2 li {
	width:33.3%;
}
.bannerSample2 li span {
	width:320px;
}

}


/******************************************************************
 *
 * レイアウト
 *
 *****************************************************************/

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

.b {font-weight:bold;}
.normal {font-weight:normal;}

.spacing5 { padding-bottom:5px;}
.spacing10 {margin-bottom:10px;}

.red {color:#F00;}
.white {color:#FFF;}
.gray {color:#9a7d08;}
.green {color:#008000;}

.ml10 {margin-left:10px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb30 {margin-bottom:30px;}

.ind {text-indent:-1em;}

.f11 {
	font-size:11px;
	font-size: 1.1rem;
}
.f12 {
	font-size:12px;
	font-size: 1.2rem;
}
.f13 {
	font-size:13px;
	font-size: 1.3rem;
}
.f15 {
	font-size:15px;
	font-size: 1.5rem;
}

.ind5 { text-indent:5px;}




/******************************************************************
 *
 * リンク
 *
 *****************************************************************/

a {
	color: #0000FF;
	text-decoration: none;
	cursor:pointer;
}

a:focus {
  outline: thin dotted;
	color: #CC0000;
	text-decoration: none;
}

a:hover,
a:active {
  outline: 0;
	color: #CC0000;
	text-decoration: none;
}

.linkOver:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
	




/******************************************************************
 *
 * フロート解除
 *
 *****************************************************************/

.clear {clear:both;}

.clearfix:after {	
	content: ".";	 
	display: block;	 
	height: 0;	 
	clear: both;	 
	visibility: hidden;	
}
	
.clearfix { display: inline-table; }	
	
/* Hides from IE-mac \*/	
* html .clearfix { height: 1%; }	
.clearfix { display: block; }	
/* End hide from IE-mac */