@charset "UTF-8";

* {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

body{
	width:100%;
	color:#666;
	//font-family: "MS P明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Osaka", "ＭＳ Ｐゴシック", "MS PGOTHIC", Osaka, Verdana, Helvetica, sans-serif;
	font-family:"Osaka", "ＭＳ Ｐゴシック", "MS PGOTHIC", Osaka, Verdana, Helvetica, sans-serif;
	text-align:center;
	line-height:150%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

html{     height:100%; }
body{     height:100%; } 

p, ul, li, dl, dd, dt, th, td{
	font-size:12px;
}


textarea,input {
	padding:2px;
}


img {
	border: 0px;
}

ul {
	list-style-type: none;
	padding:0;
	margin:0;
}

li {
	list-style-position: outside;
}

form {
	margin:0;
	padding:0;
}

div{
	display:block;
}

object,
embed {
	vertical-align: top;
}

img { vertical-align: text-bottom; }

/*
a:hover img{
  opacity:0.6;
  filter: alpha(opacity=60);
}
*/


a:link ,
a:visited {
	color:#23b8bc;
	text-decoration: underline;
}

a:active ,
a:hover {
	color:#23b8bc;
	text-decoration: none;	
}




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

div#wrap {
	width:100%;
	margin: 0 auto 0 auto;
	text-align:center;
	padding:80px 0px 0px 0px;
	zoom: 1;
	display: block;
	overflow: hidden;
}
body > div#wrap{     height:auto; }

/*  color  */
.red {
	color: #ff0033 !important;
}


/* PC用
------------------------------------------------------------*/
@media only screen and (min-width:1011px){


body{
	min-width:1040px;
	font-size:14px;
}


div#wrap {
	padding:80px 0px 0px 0px;
}

h2{
	font-size: 30px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 30px;
	line-height: 1em;
}
h2 span{
	color: #e5006d;
}

.f_box{
	width: 635px;
	margin-right: auto;
	margin-left: auto;	
}
.f_box dl{
	padding-bottom: 15px;	
}
.f_box dt{
	font-size: 16px;
	color: #666;
	width: 140px;
	float: left;
	padding-top: 13px;
}
.f_box dd{
	width: 495px;
	margin-left: 140px;
}

.t_txt{
	font-size: 16px;
	color: #666;
	padding: 15px;
	width: 463px;
	border: 1px solid #CCC;
}


.bt a{
	font-size: 22px;
	font-weight: bold;
	width: 185px;
	height: 28px;
	color: #FFF;
	background-color: #23b8bc;
	text-align: center;
	line-height: 100%;
	padding-top: 18px;
	padding-bottom: 10px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}
.bt a:link ,
.bt a:visited {
	color:#fff;
	text-decoration: none;
}
.bt a:active ,
.bt a:hover {
	color:#fff;
	text-decoration: none;
	background-color: #34cdd1;
}

.bt.back a{
	background-color: #777;
}
.bt.back a:hover {
	background-color: #999;
}




/* ヘッダー
--------------------------------------------*/
header {
	text-align:left;
	width:100%;
	background-color:#23b8bc;
	position:fixed;
	z-index:9999;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	min-width:1040px;
	top: 0px;
	padding: 0px;
	height: 62px;
}
header .box{
	width:1040px;
	margin-right: auto;
	margin-left: auto;
}
header h1{
	float: left;
	width: 116px;
	height: 79px;
}
header .help{
	float:left;
	margin-left:136px;
	margin-top:35px;
}
header .help a{
	color: #FFF;
    text-decoration: underline;
}
header .bt.login a{
	font-size: 18px;
	font-weight: bold;
	height: 22px;
	width: 110px;
	float: right;
	margin-top: 10px;
	line-height: 100%;
	display: block;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 12px;
	padding-bottom: 8px;
	color: #23b8bc;
	background-color: #FFF;
}
header .bt.login a:hover{
	color: #23b8bc;
	background-color: #e2f9fa;
}




/* フッター 
---------------------------------------------------------*/

footer {
	margin: 0px auto 0px auto;
	padding:0px 0 0px 0;
	text-align:left;
	width:100%;
	height:114px;
	background-color:#23b8bc;
}
footer .copy{
	text-align: center;
	padding-top: 20px;
}


}


/* タブレット*/
@media only screen and (max-width:1010px){



div#wrap {
	padding:80px 0px 0px 0px;
}
body{
	min-width:770px;
	font-size:14px;
}

h2{
	font-size: 30px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 30px;
}
h2 span{
	color: #e5006d;
}

.f_box{
	width: 635px;
	margin-right: auto;
	margin-left: auto;	
}
.f_box dl{
	padding-bottom: 15px;	
}
.f_box dt{
	font-size: 16px;
	color: #666;
	width: 140px;
	float: left;
	padding-top: 13px;
}
.f_box dd{
	width: 495px;
	margin-left: 140px;
}

.t_txt{
	font-size: 16px;
	color: #666;
	padding: 15px;
	width: 460px;
	border: 1px solid #CCC;
}


.bt a{
	font-size: 22px;
	font-weight: bold;
	width: 185px;
	height: 28px;
	color: #FFF;
	background-color: #23b8bc;
	text-align: center;
	line-height: 100%;
	padding-top: 18px;
	padding-bottom: 10px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}
.bt a:link ,
.bt a:visited {
	color:#fff;
	text-decoration: none;
}
.bt a:active ,
.bt a:hover {
	color:#fff;
	text-decoration: none;
	background-color: #34cdd1;
}

.bt.back a{
	background-color: #777;
}
.bt.back a:hover {
	background-color: #999;
}




/* ヘッダー
--------------------------------------------*/
header {
	text-align:left;
	width:100%;
	background-color:#23b8bc;
	position:fixed;
	z-index:9999;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	min-width:680px;
	top: 0px;
	padding: 0px;
	height: 62px;
}
header .box{
	width:680px;
	margin-right: auto;
	margin-left: auto;
}
header h1{
	float: left;
	width: 116px;
	height: 79px;
}
header .help{
	float:left;
	margin-left:136px;
	margin-top:35px;
}
header .help a{
	color: #FFF;
    text-decoration: underline;
}
header .bt.login a{
	font-size: 18px;
	font-weight: bold;
	height: 22px;
	width: 110px;
	float: right;
	margin-top: 10px;
	line-height: 100%;
	display: block;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 12px;
	padding-bottom: 8px;
	color: #23b8bc;
	background-color: #FFF;
}
header .bt.login a:hover{
	color: #23b8bc;
	background-color: #e2f9fa;
}




/* フッター 
---------------------------------------------------------*/

footer {
	margin: 0px auto 0px auto;
	padding:0px 0 0px 0;
	text-align:left;
	width:100%;
	height:114px;
	background-color:#23b8bc;
}
footer .copy{
	text-align: center;
	padding-top: 20px;
}

.mr_t110{
	margin-top:110px;
}


}






/* スマートフォン２*/
@media only screen and (max-width:440px){


div#wrap {
	padding:0px 0px 0px 0px;
}
body{
	min-width:440px;
	font-size:22px;
}

h2{
	font-size: 32px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 20px;
}
h2 span{
	color: #e5006d;
}

.f_box{
}
.f_box dl{
	padding-bottom: 10px;	
}
.f_box dt{
	font-size: 25px;
	color: #666;
	width: 400px;
	float: none;
	padding-top: 13px;
	padding-bottom: 10px;
}
.f_box dd{
	width: 400px;
	margin-left: 0px;
}

.t_txt{
	font-size: 22px;
	color: #666;
	padding: 25px;
	width: 350px;
	border: 1px solid #CCC;
}


.bt a{
	font-size: 28px;
	font-weight: bold;
	width: 245px;
	height: 38px;
	color: #FFF;
	background-color: #23b8bc;
	text-align: center;
	line-height: 100%;
	padding-top: 22px;
	padding-bottom: 14px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
.bt a:link ,
.bt a:visited {
	color:#fff;
	text-decoration: none;
}
.bt a:active ,
.bt a:hover {
	color:#fff;
	text-decoration: none;
	background-color: #34cdd1;
}

.bt.back a{
	background-color: #777;
}
.bt.back a:hover {
	background-color: #999;
}




/* ヘッダー
--------------------------------------------*/
header {
	text-align:left;
	width:100%;
	background-color:#23b8bc;
	position:relative;
	z-index:9999;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	min-width:440px;
	padding: 0px;
	height: 82px;
}
header .box{
	width:420px;
	margin-right: auto;
	margin-left: auto;
}
header h1{
	float: left;
	width: 116px;
	height: 79px;
	margin-left: 10px;
}
header h1 img{
	height: 55px;
	margin-top: 10px;
}
header .help{
	float:left;
	margin-left:136px;
	margin-top:0px;
    font-size: 10px;
    line-height: 2;
}
header .help a{
    font-size: 12px;
    line-height: 0.8;
	color: #FFF;
    text-decoration: underline;
}
header .bt.login a{
	font-size: 24px;
	font-weight: bold;
	height: 30px;
	width: 145px;
	float: right;
	margin-top: 2px;
	line-height: 100%;
	display: block;
	margin-right: 20px;
	margin-left: 0px;
	padding-top: 15px;
	padding-bottom: 10px;
	color: #23b8bc;
	background-color: #FFF;
}
header .bt.login a:hover{
	color: #23b8bc;
	background-color: #e2f9fa;
}




/* フッター 
---------------------------------------------------------*/

footer {
	margin: 0px auto 0px auto;
	padding:0px 0 0px 0;
	text-align:left;
	width:100%;
	height:114px;
	background-color:#23b8bc;
}
footer .copy{
	text-align: center;
	padding-top: 20px;
}



}







/* スマートフォン*/
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5), and (max-width:640px){


div#wrap {
	padding:0px 0px 0px 0px;
}
body{
	min-width:640px;
	font-size:22px;
}

h2{
	font-size: 36px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 20px;
}
h2 span{
	color: #e5006d;
}

.f_box{
}
.f_box dl{
	padding-bottom: 10px;	
}
.f_box dt{
	font-size: 25px;
	color: #666;
	width: 500px;
	float: none;
	padding-top: 13px;
	padding-bottom: 10px;
}
.f_box dd{
	width: 530px;
	margin-left: 0px;
}

.t_txt{
	font-size: 22px;
	color: #666;
	padding: 25px;
	width: 530px;
	border: 1px solid #CCC;
}


.bt a{
	font-size: 28px;
	font-weight: bold;
	width: 245px;
	height: 38px;
	color: #FFF;
	background-color: #23b8bc;
	text-align: center;
	line-height: 100%;
	padding-top: 22px;
	padding-bottom: 14px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
.bt a:link ,
.bt a:visited {
	color:#fff;
	text-decoration: none;
}
.bt a:active ,
.bt a:hover {
	color:#fff;
	text-decoration: none;
	background-color: #34cdd1;
}

.bt.back a{
	background-color: #777;
}
.bt.back a:hover {
	background-color: #999;
}




/* ヘッダー
--------------------------------------------*/
header {
	text-align:left;
	width:100%;
	background-color:#23b8bc;
	position:relative;
	z-index:9999;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	min-width:640px;
	padding: 0px;
	height: 82px;
}
header .box{
	width:640px;
	margin-right: auto;
	margin-left: auto;
}
header h1{
	float: left;
	width: 116px;
	height: 79px;
	margin-left: 20px;
}
header h1 img{
	height: 80px;
	margin-top: 0px;
}
header .help{
	float:left;
	margin-left:188px;
	margin-top:40px;
}
header .help a{
	font-size:14px;
	color: #FFF;
    text-decoration: underline;
}
header .bt.login a{
	font-size: 24px;
	font-weight: bold;
	height: 30px;
	width: 145px;
	float: right;
	margin-top: 13px;
	line-height: 100%;
	display: block;
	margin-right: 20px;
	margin-left: 0px;
	padding-top: 15px;
	padding-bottom: 10px;
	color: #23b8bc;
	background-color: #FFF;
}
header .bt.login a:hover{
	color: #23b8bc;
	background-color: #e2f9fa;
}




/* フッター 
---------------------------------------------------------*/

footer {
	margin: 0px auto 0px auto;
	padding:0px 0 0px 0;
	text-align:left;
	width:100%;
	height:114px;
	background-color:#23b8bc;
}
footer .copy{
	text-align: center;
	padding-top: 20px;
}

.mr_t110{
	margin-top:110px;
}


}



/* ページトップ
---------------------------------------------------------*/
#arrow_top{
	position:fixed;
	right:30px;
	z-index: 99999;
	bottom: 30px;
}
#arrow_top img{
	z-index: 99999;
}





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

.f_txt{
	text-align: left;	
}
.r_txt{
	text-align: right;	
}
.c_txt{
	text-align: center;	
}

.f_left{
	float: left;	
}
.f_right{
	float: right;	
}

.rd4{
	border-radius: 4px;
}
.rd10{
	border-radius: 10px;
}
.rd20{
	border-radius: 20px;
}

.orange{
	color: #ff6600;	
}
.gray{
	color: #AAA;
}


.pad-b30{
	padding-bottom: 30px;	
}

select{
	font-size: 16px;
	color: #666;
	padding: 12px;
	border: 1px solid #CCC;
}