/*----------------------------------------------------------
   
-----------------------------------------------------------*/
@charset "utf-8";
/* setting
------------------------------------*/

body{
line-height: 150%;
height:100%;
color: #444444;
margin: 0;
padding: 0;
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
background: white;
}

html{
height:100%;
}

a { outline: none; }

a:hover img, img.hover:hover{
opacity:0.7;
filter: alpha(opacity=70);
}
ul{
padding: 0;
}
ul li{
list-style: none;
}
table, table td, table th{
border: 0;
}

* html #header img,
* html #footer img,
* html #outline,
.iepngfix{
behavior: expression(IEPNGFIX.fix(this));
}

.orange{
color: #fb4608 !important;
}

.pre{
white-space: pre;
}
/* common
------------------------------------*/
input, textarea{
font-size: 15px;
}


/* Link Color
--------------------------------*/
a:link {/*未訪問のリンク*/
color:black;
text-decoration: none;
}
a:visited {/*訪問後のリンク*/
color:black;
text-decoration: none;
}
a:hover {/*マウスをのせたとき*/
color:black;
text-decoration: underline;
}
a:active {/*クリック中*/
color:black;
text-decoration: none;
}

a.orange{
color: #fb4608 !important;
text-decoration: underline !important;
}

/* 
--------------------------------*/

dl{
margin-bottom: 5px;
}
dt{
}
dd{
margin: 0 0 10px 0;
}


button, input[type=button],  
input[type=reset], input[type=submit] {  
padding: 15px 40px;
font-size: 18px;
} 


h2.common{
    font-size: 15px;
    line-height: 14px;
	border-left: 3px solid #fb4608;
    padding: 0px 0 2px 9px;
    color: #fb4608;
    clear: both;
    position: relative;
    width : 90% ; /* IE8以下とAndroid4.3以下用フォールバック */
width : -webkit-calc(100% - 40px);
width : calc(100% - 40px);
margin: 30px auto 6px;
}

h3.common{
color: #fb4608;
font-size: 18px;
margin-top: 0px;
margin-bottom: 10px;
margin-top: 26px;
}
h3.common2{
font-weight: bold;
padding-bottom: 0px;
border-bottom: 1px dotted #fb4608;
font-size: 16px;
}

h3.common3{
text-align: center;
color: white;
font-weight: bold;
background: #fb4608;
padding: 10px;
}

ul.common{
margin: 0;
padding: 0;
font-size: 15px;
}
ul.common li{
background: url('../img/bg_li.png') left 7px no-repeat;
padding: 2px 0 0 21px;
margin-bottom: 10px;
}

ul.common2 li{
background: url('../img/bg_li2.png') left 7px no-repeat;
padding: 2px 0 0 21px;
margin-bottom: 10px;
}


section{
width : 90% ; /* IE8以下とAndroid4.3以下用フォールバック */
width : -webkit-calc(100% - 40px);
width : calc(100% - 40px);
margin: 0 auto;
}
section img{
max-width: 592px;
width: 100%;
}


/* header
------------------------------------*/

#header{
width: 100%;
margin: 0 auto;
position: relative;
background: #fb4608;
}
#header_inner{
max-width: 940px;
width: 100%;
margin: 0 auto;
position: relative;
padding-bottom: 5px;
}

#header h1,#h1{
    font-size: 18px;
    line-height: 14px;
    font-weight: bold;
    color: white;
	text-align:center;
	width: 100%;
    margin: 0 auto 5px;
}

#header table{
max-width: 400px;
width: 100%;
margin: 0 auto;
}
#header td{
    padding: 10px 10px 0;
}

#header #logo{
width: 90%;
}

#header #character{
width: 80%;
max-width: 126px;
float: right;
}





/* content
------------------------------------*/

#page{
max-width: 940px;
width: 100%;
margin: 0 auto;
background-color: white;
}



/* footer
------------------------------------*/
#footer{
background: #fb4608;
padding-bottom: 10px;
color: white;
font-size: 12px;
}
#footer ul.common li{
    background: url('../img/bg_li_footer.png') left 8px no-repeat;
    padding: 2px 0 0 21px;
    margin-bottom: 0;
    font-size: 12px;
}


#footer a, #footer p{
color: white;
text-decoration: none;
}



#permit{
width: 90%;
text-align: center;
font-size: 15px;
padding-top: 20px;
border-top: 1px solid white;
margin: 0 auto 10px;
}
#copyright{
width: 90%;
text-align: center;
font-size: 10px;
line-height: 12px;
margin: 0 auto 10px;
}


/*#geotrust{
margin: 20px auto 0;
}*/
#geotrust{
padding-top: 20px;
}
#txt_geotrust{
    width: 90%;
    margin: 0 auto 10px;
}

#choices_area{
border: 3px solid #FB4608;
text-align: center;
padding-bottom: 20px;
margin-bottom: 30px;
max-width: 580px;
}
#choices_area table{
margin: 0 auto;
}
.btn_choices{
width: 80%;
}

#switcher{
padding: 15px 20px;
}
#switcher table{
margin: 0 auto;
}
#switcher td{
width: 46%;
padding-left: 2%;
padding-right: 2%;
}
#switcher td img{
width: 100%;
}

#fixed_contact{
z-index: 1009;
background: rgba(255,255,255, 0.8);
position: fixed;
bottom: 0;
width: 100%;
height: 60px;/*フローティング最下部コンタクト領域の数値*/
}
#fixed_contact table{
height: 60px;/*フローティング最下部コンタクト領域の数値*/
margin: 2px auto;
}
#fixed_contact td{
height: 60px;/*フローティング最下部コンタクト領域の数値*/
width: 48%;
padding: 1%;
vertical-align: middle;
}
#fixed_contact img{
width: auto;
max-height: 50px;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}


/* table
-----------------*/
td,th{
border: 0 white;
font-size: 13px;
}
table.common{
margin: 0 auto;
width: 100%;
color: #4d4d4d;
background: #F9EFDD;
}

table.common th {
    font-weight: bold;
    padding: 20px 20px 0;
    text-align: left;
    font-size: 15px;
    border-right: none;
}


table.common td {
padding: 0px 20px;
text-align: left;
font-size: 15px;
line-height: 24px;
}
table.common tr:last-child td{
padding-bottom: 20px;
}

.required{
	color: #fb4608;
	font-weight: bold;
}

.area_head{
background: #fb4608;
width: 100%;
}

input[type="text"], input[type="passwd"] {
    padding: 5px 0;
    font-size: 15px;
    line-height: 14px;
    width: 90%;
width : -webkit-calc(100% - 12px);
width : calc(100% - 12px);
}
textarea{

}

input.form_btn{
background: #17b800;
padding: 20px 1%;
width: 94%;
font-size: 16px;
color: white;
font-weight: bold;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
border: none;
}
input.form_btn2{
background: #6db86d;
padding: 20px 1%;
width: 94%;
font-size: 16px;
color: white;
font-weight: bold;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */  
border: none;
}
input[type="reset"]{
background: #6db86d;
}


.ta_wide{
width: 100%;
}

input.btn_address {
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
    padding: 0 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 11%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#ffffff), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top, #ffffff 11%,#eeeeee 100%);
    background: -o-linear-gradient(top, #ffffff 11%,#eeeeee 100%);
    background: -ms-linear-gradient(top, #ffffff 11%,#eeeeee 100%);
    background: linear-gradient(to bottom, #ffffff 11%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
    border: 1px solid #c7c7c7;
    box-shadow: rgba(255, 255, 255, 0.65098) 0px 0px 0px 1px inset;
    -webkit-box-shadow: rgba(255, 255, 255, 0.65098) 0px 0px 0px 1px inset;
    -moz-box-shadow: rgba(255, 255, 255, 0.65098) 0px 0px 0px 1px inset;
}

label:hover{
cursor: pointer;
}

input[type=radio], input[type=checkbox]{
position: relative;
top: 2px;
margin-right: 2px;
}
input[type=radio]:hover, input[type=checkbox]:hover{
cursor: pointer;
}

/* width
-----------------*/

.w50px{
width: 50px;
}
.w100px{
width: 100px;
}
.w170px{
width: 170px;
}
.w200px{
width: 200px;
}
.w225px{
width: 225px;
}
.w230px{
width: 230px;
}
.w270px{
width: 270px;
}
.w300px{
width: 300px;
}
.w330px{
width: 330px;
}
.w380px{
width: 380px;
}
.w400px{
width: 400px;
}
.w500px{
width: 500px;
}
.w600px{
width: 600px;
}

.w10per{
width: 10%;
}
.w20per{
width: 20%;
}
.w25per{
width: 25%;
}
.w30per{
width: 30%;
}
.w33per{
width: 33%;
}
.w40per{
width: 40%;
}
.w50per{
width: 50%;
}
.w75per{
width: 75%;
}
.w100per{
width: 100%;
}


.center{
text-align: center;
margin: 0 auto;
}
span.red{
color: #aa1133;
}
span.pink{
color: #ff336d;
}
span.lightblue{
color: #4c9dde;
}

.no_border{
border: 0 white;
}

p{
    font-size: 15px;
    line-height: 18px;
    margin: 10px 0;
}

.ta_c{
text-align: center;
}
.ta_r{
text-align: right;
}
.ta_l{
text-align: left;
}

.textalign_center{
text-align: center;
}
.textalign_right{
text-align: right;
}
.textalign_left{
text-align: left;
}

img.photo{
padding: 3px;
background: #ffffff;
border: 1px solid #cccccc;
}

p.clear{
clear: both;
height: 10px;
}
div.clear{
clear: both;
height: 0px;
padding: 0;
margin: 0;
}
.clear{
clear: both;
}

strong{
font-weight: normal;
}

.small{
font-size: 10px;
}
.big{
font-size: 15px;
}
.fs_14{
font-size: 15px;
}
.fs_16{
font-size: 16px;
}
.fs_18{
font-size: 18px;
}
.fs_20{
font-size: 20px;
}
.fs_22{
font-size: 22px;
}
.fs_24{
font-size: 24px;
}

.border{
border: 1px solid #dddddd;
}

.float_left{
float: left;
}
.float_right{
float: right;
}



.notice{
color: #fb4608;
font-weight: bold;
}
.notice a{
color: #fb4608;
}

.top_10{
position: relative; top: 10px;
}

.mb_5{
margin-bottom: 5px;
}
.mb_10{
margin-bottom: 10px;
}
.mb_20{
margin-bottom: 20px;
}
.mb_30{
margin-bottom: 30px;
}
.mb_50{
margin-bottom: 50px;
}
.ml_10{
margin-left: 10px;
}
.ml_17{
margin-left: 17px;
}
.ml_20{
margin-left: 20px;
}
.ml_30{
margin-left: 30px;
}
.mr_10{
margin-right: 10px;
}
.mr_17{
margin-right: 17px;
}
.mr_20{
margin-right: 20px;
}
.mr_30{
margin-right: 30px;
}
.mb_10{
margin-bottom: 10px;
}
.mt_5{
margin-top: 5px;
}
.mt_10{
margin-top: 10px;
}
.mt_15{
margin-top: 15px;
}
.mt_20{
margin-top: 20px;
}
.mt_30{
margin-top: 30px;
}
.mt_50{
margin-top: 50px;
}
.ps_10{
padding: 0 10px;
}
.ps_15{
padding: 0 15px;
}
.ps_20{
padding: 0 20px;
}
.ps_30{
padding: 0 30px;
}
.pl_10{
padding-left: 10px;
}
.pl_15{
padding-left: 15px;
}
.pl_20{
padding-left: 20px;
}
.pl_30{
padding-left: 30px;
}
.pr_10{
padding-right: 10px;
}
.pr_15{
padding-right: 15px;
}
.pr_20{
padding-right: 20px;
}
.pr_30{
padding-right: 30px;
}
.lh_30{
line-height: 30px;
}



p.indent {
  text-indent:-1.0em;
  padding-left:2.0em;
}

.entry2_guide{
    border: 4px solid #FB4608;
    width: 94%;
    margin: 0px auto 30px;
}

.entry2_guide td{
    padding: 10px 20px 10px;
}
.entry2_guide td p{
    font-size: 13px;
}
.entry2_guide td img{
    width: 100%;
    max-width: 331px;
}


.entry2_guide thead th.th1{
    background: #FB4608;
    color: white;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding: 3px 0 10px;
}
.entry2_guide thead th.th2{
    background: #FB4608;
    color: white;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding: 5px 0 5px;
}
.entry2_guide thead th .ico1{
    position: relative;
    top: 7px;
    left: 5px;
    height: 24px;
}
.entry2_guide thead th .ico2{
    position: relative;
    height: 24px;
}
.entry2_guide td h3{
    color: #FB4608;
    font-weight: bold;
    font-size: 18px;
    margin: 12px auto;
}

body#entry2 #header {
    width: 100%;
    margin: 0 auto 20px;
    position: relative;
    background: white;
    border-bottom: 6px solid #fb4608;
}

body#entry2 #header #btn_etc_header{

}

body#entry2 #h_firsttime{
    border-top: 4px solid #00BF00;
    border-bottom: 4px solid #00BF00;
    color: #00BF00;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 0px 0 12px;
    margin-bottom: 20px;
}
body#entry2 .noicon{
    padding-top: 14px !important;
}
body#entry2 #h_firsttime span{
    font-size: 18px;
}
body#entry2 #h_firsttime img{
    position: relative;
    top: 9px;
    left: -5px;
    width: 37px;
}

body#entry2 #h_password{
    border-top: 4px solid #FB4608;
    border-bottom: 4px solid #FB4608;
    color: #FB4608;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 16px 0 10px;
    margin-bottom: 20px;
}
body#entry2 #h_password span{
    font-size: 18px;
}