@charset "utf-8";
/* ===================================================================
CSS information
 file name  :style.css

=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/

.btnSet a:link{
width:92px;
margin:16px 4px;
padding:10px 0;
background-color:#FF963F;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
text-decoration: none;
color:#FFFFFF !important;
}

.btnSet a:visited{
	color:#FFFFFF !important;
}

.btnSet a:hover{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

.btn1 a:link{
display: block;
float: none;
width: 80%;
margin: 16px auto;
padding: 10px 0px;
background-color: #FF963F;
color: #FFF !important;
text-decoration: none;
border-radius: 3px;
-webkit-border-radius:3px;
-moz-border-radius: 3px;
}

.btn1 a:visited{
	color:#FFFFFF !important;
}

.btn1 a:hover{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


#mainTop ul.box .btnSet a,
#mainTop ul.box .btnSet a:hover,
#mainTop ul.box .btn1 a{
	display:inline-block;
	text-align:center;
	overflow: visible;
}
	
	
.btnGray{
background-color:#ccc !important;
}

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
/* clearfix */
.clearfix:after {
 content: ".";  /* 新しい要素を作る */
 display: block;  /* ブロックレベル要素に */
 clear: both;
 height: 0;
 visibility: hidden;
}
.clearfix {
 min-height: 1px;
}

* html .clearfix {
 height: 1px;
 /*¥*//*/
 height: auto;
 overflow: hidden;
 /**/
}
.indn1em {
       padding-left: 1em;
       text-indent: -1em;
}
.left{
	float:left;
	margin:0 10px 10px 0;
}
.right{
	float:right;
	margin:0 0 10px 10px;
}
.center{
	text-align:center;
	margin:10px 0;
}

.nameMale{color:#2db32a;}
.nameFemale{color:#ff66cc;}
.return_bottom {
	border: 1px solid #ddd;
	text-align: center;
	margin: 30px auto 30px;
	padding: 2px;
	font-size: 14px;
	width:300px;
}
.return_bottom span {
	color: #33cc00;
}
.return_bottom a:link {
	display: block;
	text-decoration: none;
	width:100%;
	margin: 0 auto;
	padding: 8px 0;
	/*background: #f8f8f8;*/
	color: #FFFFFF;
	background: #0073de;
}
.return_bottom a:visited {
	color: #FFFFFF;
}
.return_bottom a:hover {
	/*color: #33cc00;
	background: #fdfdfd;
	*/
	color: #d4eaff;
}

/*----------------------------------------------------
	sns
----------------------------------------------------*/

.facebook{
	float:right;
	width:70px;
	margin:0 5px 5px;
	padding:0;

}
.twitter{
	float:right;
	width:70px;
	margin:11px 0 0;
	padding:0;

}
.btnSNS{
	width:640px;
	border-top:1px solid #D7D7D7;
	padding:10px 0 0 0;
	margin:30px auto 20px;
}

@media screen and (max-width:639px) {
	.btnSNS{
	width:100%;
}

}


@media screen and (max-width:450px) {
	.btn1 a:link {
	width: 80%;
}
.btnSet a:link {
	width: 40%;
}


}