@charset "utf-8";

/*clr
-------------------------------------------------------------------------------------*/
*{ margin:0; padding:0;}

.forSp {display: none;}
.forPc {display: block;}
.clearfix:after { content: " "; clear: both; display: block; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }

body{
text-align: center;
line-height: 1.75;
font-size: 14px;
font-family: helvetica, 'Open Sans', Avenir, Verdana, Meiryo, Osaka, sans-serif;
margin:0;
padding:0;
color:#595857;
background-color:#fff;
overflow-x:hidden;
overflow-y: scroll;
background:url(../img/common/headerwrapper.png) repeat-x center 35px;
}
a:link {color:#00479d; text-decoration:underline;}
a:visited {color:#00479d;text-decoration:none;}
a:hover {color:#75b3ff; text-decoration:underline;}
a:active {color:#00479d;text-decoration:none;}

.fontBold{ font-weight:bold;}
.fontUline{ text-decoration:underline;}
.fontEm{ font-style: italic;}
.fontL{font-size:125%;}
.fontL110{font-size:110%;}
.fontL150{font-size:150%;}
.fontS85{font-size:85%;}
.fontS{font-size:75%;}
.fontRed{ color:#ff0000;}
a.fontRed, a:link.fontRed, a:visited.fontRed, a:hover.fontRed, a:active.fontRed {color:#ff0000;}
.fontGreen{color:#00a199;}
.fontPink{ color:#e51373;}
.fontYellow, a.fontYellow, a:link.fontYellow, a:visited.fontYellow, a:hover.fontYellow, a:active.fontYellow {color:#c68e1a;}
.fontGreen{color:#00a199;}
.fontBlue{color:#036eb7;}
.fontBlack{color:#000;}
.fontOrange{color:#ff701a;}
.fontInorm{ color:#00479d;}
.fontGray{ color:#c0c0c0;}
.fontSky{ color:#2096d5;}


/* header
--------------------------------------------------------------------------------------*/
#headerwrapper{
width: 100%;
margin: 20px 0 20px 0;
padding: 0;
text-align: center;
}

#headerwrapper #header{
	width: 1000px;
	margin: 0px auto;
	padding: 0;
}
#header h1 {
	width: 120px;
	margin: 0;
	padding: 0;
	float:left;
	background-color:#fff;
}



/* common
--------------------------------------------------------------------------------------*/
#wrapper{
width: 100%;
margin: 0 0 0 0;
padding: 0;
text-align: center;
}

.box {
margin: 0px 0px 35px 0px;
padding: 0px 0px 35px 0px;
clear:both;
}

.box30 {
margin: 0px 0px 30px 0px;
padding: 0px 0px 20px 0px;
clear:both;
}

.box20 {
margin: 0px 0px 20px 0px;
padding: 0px 0px 20px 0px;
clear:both;
}

.box10 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
clear:both;
}

.box5 {
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
clear:both;
}

.box0 {
margin: 0;
padding: 0;
clear:both;
}

.floatL{
	float:left;
}
.floatR{
	float:right;
}
ol{
	text-align:left;
}
ol.olDot {
list-style-type: none;
margin-left: 1.75em;
}
.olDot li {
counter-increment: cnt;
}

.olDot li:before {
  content: counter(cnt) ".";
  display:inline-block;
  margin-left:-1.75em;
  width: 1.75em;
}

ol.olKakko {
list-style-type: none;
margin-left: 1.75em;
}

.olKakko li {
counter-increment: cnt;
}

.olKakko li:before {
  content: counter(cnt) ")";
  display:inline-block;
  margin-left:-1.75em;
  width: 1.75em;
}


/* footer
--------------------------------------------------------------------------------------*/
#footer {
clear:both;
width: 100%;
margin: 0px 0;
float:left;
padding: 20px 0;
background-color:#f3f4f3;
min-width: 1000px;
}
#footer #foot{
	width: 1000px;
	margin: 0 auto 0 auto;
	padding:0;
	clear:both;
	text-align:left;
	font-size: 12px;
}
#footer #foot #footL{
	width:400px;
	float:left;
}

#footer #foot #footL dl{
}

#footer #foot #footL dt{
	color:#00479d;
}

#footer #foot #footL dd{
}
/*
#footer #foot #footL a{
	color:inherit;
	text-decoration:none;
}
#footer #foot #footL a:hover,
#footer #foot #footR a:hover{
	color:#ccc;
}
*/
#footer #foot #footR{
	/*
	width:540px;
	float:right;
	*/
	width:100%;
}

#footer #foot #footR dl{
}

#footer #foot #footR dt{
	color:#00479d;
}

#footer #foot #footR dd{
}

/* footer
--------------------------------------------------------------------------------------*/
#copy {
clear:both;
width: 100%;
margin: 0;
padding: 0;
background-color:#fff;
}

#copy p{
width:960px;
margin:0 auto;
padding:5px 0;
text-align:right;
font-size:12px;
}


/* .l_alertPolicy
----------------------------------------------*/

.l_alertPolicy,
.panel {
	width: 100%;
	min-width: 960px;
	background-color: rgba(255, 255, 255, 0.96);
	padding: 20px 0 0 0;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
	border-top:1px #000 solid;
}

.l_alertPolicy_wrap,
.panelbody {
	display: block;
	width: 960px;
	margin: 0 auto;
}

.alertPolicy_txt,
.policy_txt {
	width: 740px;
	display: block;
	font-size: 14px;
	word-break: normal;
    -webkit-line-break: normal;
	line-break: normal;
	text-align:left;
	float:left;
	padding-bottom:20px;
}

.alertPolicy_btn,

.close {
	display: table-cell;
	width: 120px;
	background-color: #1f79c1;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	margin: 0;
	cursor:pointer;
	-webkit-transition: background-color 0.6s,border-color 0.6s;
	-moz-transition: background-color 0.6s,border-color 0.6s;
	-ms-transition: background-color 0.6s,border-color 0.6s;
	transition: background-color 0.6s,border-color 0.6s;
	padding:8px 0 8px 0;
	font-size: 1rem;
	float:right;
}

.alertPolicy_btn a{color:#fff; text-decoration:none;}
.alertPolicy_btn a:hover {color:#13a4d3;}






/* ここからスマホ
--------------------------------------------------------------------------------------*/
/* 
--------------------------------------------------------------------------------------*/


@media only screen and (max-width: 481px) {
.forPc, #topcontrol {display: none;}
.forSp {display: block;}
* {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-box-shadow: none;
box-shadow: none;   
outline: none;
}

html, body{
	text-align: center;
	width: 100%;
	font-size:16px;
	line-height:1.5;
	min-width:initial;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
    background:none;
    padding: 40px 0 0 0;
}

img {
	vertical-align: top;
	width: 100%;
	max-width: 100% !important;
	height: auto;
}
a {word-break: break-all;}


/* header
--------------------------------------------------------------------------------------*/
#headerwrapper{
	width: 100%;
	margin:0;
	padding: 0;
	text-align: center;
	background:none;
    position:fixed;
	top:0;
	z-index:9999;
    background: rgba(255,255,255,1);
}
#headerwrapper #header{
	width: 96%;
	margin: 0 2%;
	padding: 0;
}

#header h1 {
	width:70%;
	margin:10px 0 0 10px;
	padding: 0;
	float:left;
}
#header h1 img{
	width:auto;
	height: 50px;
}



/* common
--------------------------------------------------------------------------------------*/
#wrapper{
width: 100%;
margin: 0 0 0 0;
padding: 5% 0;
text-align: center;
clear:both;
overflow:hidden;
}



/* footer
--------------------------------------------------------------------------------------*/
#footer {
width: 100%;
clear:both;
margin: 0px 0;
padding: 5% 0;
background-color:#f3f4f3;
	min-width:100%;
}
#footer #foot{
	width: 90%;
	margin: 0 0;
	padding:0 5%;
	clear:both;
	text-align:left;
	font-size: 12px;
}
#footer #foot #footL{
	width:100%;
	float:none;
	clear:both;
	margin: 0 0 5% 0;
}
#footer #foot #footR{
	width:100%;
	float:none;
	clear:both;
}

#footer #foot #footL dl,
#footer #foot #footL dl{
}

#footer #foot #footL dt,
#footer #foot #footL dt{
	color:#00479d;
}

#footer #foot #footL dd,
#footer #foot #footL dd{
}


/* footer
--------------------------------------------------------------------------------------*/
#copy {
clear:both;
width: 100%;
margin: 0;
padding: 0;
background-color:#fff;
}
#copy p{
	width: 96%;
	margin: 0 2%;
	padding:2% 0;
	text-align:center;
}

.floatL,
.floatR{
	float:none;
}

/* .l_alertPolicy
----------------------------------------------*/

.l_alertPolicy,
.panel {
	width: 100% !important;
	min-width:inherit !important;
	/*min-width: 960px;
	background-color: #fff;
	padding: 20px 0 0 0;*/
}

.l_alertPolicy_wrap,
.panelbody {
	/*
	display: block;
	margin: 0 auto;
	*/
	width: 100%;
}

.alertPolicy_txt,
.policy_txt {
	width: 94%;
	float:none;
	margin:2% 3%;
}

.alertPolicy_btn,
.close {
	/*
	display: table-cell;
	background-color: #1f79c1;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	margin: 0;
	cursor:pointer;
	-webkit-transition: background-color 0.6s,border-color 0.6s;
	-moz-transition: background-color 0.6s,border-color 0.6s;
	-ms-transition: background-color 0.6s,border-color 0.6s;
	transition: background-color 0.6s,border-color 0.6s;
	padding:8px 0 8px 0;
	font-size: 1rem;	
	*/
	display: block;
	width: 70%;
	float:none;
	margin:2% 10% 10% 10%;
	padding:3% 5%;
	clear:both;
}



}