@charset "utf-8";

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

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

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

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


.entry1 {
	margin:0 10px 25px;
	line-height:1.7;
}


.formBTN1 {
	border: #999 1px solid;
	width: 150px;
	height: 40px;
	background-color: #efebeb;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efebeb));
	background-image: -webkit-linear-gradient(#fefefe, #efebeb);
	background-image: linear-gradient(#fefefe, #efebeb);
	cursor:pointer;
	border-radius: 6px;
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
}
.formBTN1:hover {
	background-color: #fcca2f;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe491), to(#fcca2f));
	background-image: -webkit-linear-gradient(#ffe491, #fcca2f);
	background-image: linear-gradient(#ffe491, #fcca2f);
}


/******************************************************************
 *
 * レスポンシブ広告
 *
 *****************************************************************/

#adsenseBOTTOM {
	height:100px;
	margin:0 auto 10px;
	padding-top:10px;
	text-align: center;
}
#adsenseBOTTOM2 {
	margin:0 auto 10px;
	text-align: center;
}

#ADw970,#ADw970B,#ADw728,#ADw728B,#ADw468,#ADw468B,#ADw320,#ADw320B {margin:0 auto; text-align:center;}

@media only screen and (max-width: 467px) {

#ADw728,#ADw728B {display:none;}
#ADw468,#ADw468B {display:none;}
#ADw320,#ADw320B {display:block;}

}

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

#ADw728,#ADw728B {display:none;}
#ADw468,#ADw468B {display:block;}
#ADw320,#ADw320B {display:none;}

}

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

#ADw728,#ADw728B {display:block;}
#ADw468,#ADw468B {display:none;}
#ADw320,#ADw320B {display:none;}
#adsenseBOTTOM2 {display:block;}

}



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

.tableHead1 {
	width:100%;
	padding:5px 0;
	background-color:#00bfff;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}
 
.loginBox {
	background-color:#fafad2;
	margin:0 auto 50px;
	padding:15px;
	width:85%;
	border-radius: 6px;
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
}

@media only screen and (min-width: 460px) {
 
.loginBox {
	width:400px;
}
	
}


.hyou1 {
	width:100%;
	margin-bottom:15px;
	border-spacing:0;
	background-color:#ffffff;
	text-align:center;
	line-height:1.5;
}
.hyou1 th {
	vertical-align:top;
	font-size:14px;
	font-size: 1.4rem;
	font-weight: normal;
    padding: 6px;
}
.hyou1 th.style1 {
	background-color:#3a3ac0;
	text-align: center;
	color:#FFF;
}
.hyou1 th.style2 {
	width:25%;
	text-align:left;
	border:1px solid #87ceeb;
	background-color:#e0ffff;
}
.hyou1 th img {
	float: right;
	margin-top:3px;
}
.hyou1 td {
	width:75%;
	text-align:left;
	vertical-align:top;
	font-size:14px;
	font-size: 1.4rem;
	border:1px solid #ccc;
    padding: 6px;
}


.hyou2 {
	width:100%;
	margin-bottom:5px;
	border-spacing:0;
	text-align:center;
	line-height:1.5;
}
.hyou2 th {
	width:80px;
	text-align: center;
	vertical-align:top;
	font-size:14px;
	font-size: 1.4rem;
	font-weight: normal;
	color:#006400;
    padding: 5px 0;
}
.hyou2 td {
	text-align:left;
	vertical-align:top;
	font-size:14px;
	font-size: 1.4rem;
	border: none;
    padding: 5px 0;
}


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


.hyou1C {
	width:auto;
	margin-bottom:5px;
	border-spacing:0;
	background-color:#ffffff;
	text-align:center;
	line-height:1.6;
}
.hyou1C td {
	width:auto;
	text-align:left;
	vertical-align:top;
	border: none;
}


input {
	padding:2px;
}



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

.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;}

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

.ml10 {margin-left:10px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.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;
}
.f16 {
	font-size:16px;
	font-size: 1.6rem;
}

.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 */	
