/* CSS Document */


body {background-color: #FFFFFF; margin: 0px; background-position: center top; font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; font-size:14px; line-height:22px;}
/* firefoxでのズレ対処
body {background-color: #FFFFFF; margin: 0px; background-position: center top; font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; font-size:14px; line-height:22px;}
*/


/* IE6 base font */
* html body {font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
html>/**/body {font-size: 14px;}
h1 {font-size: 1.2em; line-height: 100%;}
h2, h3 {font-size: 1.1em; line-height: 100%;}
h4, h5, h6 {font-size: 1em; line-height: 100%;}
hr {display:none; margin-left:auto; margin-right:auto;}
h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li, pre, fieldset, br {margin:0px; padding:0px;}
ul, ol {list-style-type:none;}
img, fieldset, abbr, acronym {border:0px;}
a:link {color: #941d55; text-decoration: none;}
a:visited {color: #941d55; text-decoration: underline;}
a:hover {color: #941d55; text-decoration:underline;}
a:active {color: #941d55; text-decoration: none;}

body{ background:url(../../images/user_bg.jpg); background-repeat:repeat-x;}
#wrapper{width:994px; margin-left:auto; margin-right:auto;}
#wrapper_s{width:100%; margin-left:auto; margin-right:auto;min-width:500px;}
/******************************************
 Header
******************************************/
#header_wrapper{width:994px; height:91px; text-align:left;}
#header_wrapper #logo{width:331px; height:62px; float:left; text-align:left; margin:12px;}
#header_wrapper #surrogate{width:200px; height:70px; float:left; text-align:left; margin:12px;}
#header_wrapper #logo_jees{width:300px; height:47px; float:right; text-align:left; margin:12px;}
#header_wrapper_s{width:100%; height:91px; text-align:left;min-width:430px;}
#header_wrapper_s #logo{width:238px; height:62px; float:left; text-align:left; margin:12px;}
#header_wrapper_s #logo_jees{width:300px; height:47px; float:right; text-align:left; margin:12px;}
/******************************************
 GlobalNav
******************************************/
#globalNavi{}
/******************************************
Topicspass
******************************************/
#topicspass_wrapper{width:994px; height:45px; text-align:left; margin:0; padding:0; }
#pass_line{width:994px; height:45px; text-align:left; margin-left:auto; margin-right:auto; padding:0; line-height:36px;}
#topicspass_wrapper_s{width:100%; height:10px; text-align:left; margin:0; padding:0; }
#pass_line{width:100%; height:45px; text-align:left; margin-left:auto; margin-right:auto; padding:0; line-height:36px;}
#pass_line ul{display:block; margin-left:12px; margin-top:5px;}
#pass_line li{float:left;list-style-type:none;}
/******************************************
login
******************************************/
#login_bt{width:102px; height:28px; float:right; margin-top:6px;}
/******************************************
Content
******************************************/
#content_wrapper{width:994px; text-align:left; margin-left:auto; margin-right:auto; padding:0px; line-height:36px;}
#content_wrapper_l{width:180px; text-align:left; float:left;}
#content_pagetop{width:994px; text-align:right; margin-left:auto; margin-right:auto; padding:0px; line-height:36px;}
/******************************************
left_nav
******************************************/
#content_wrapper_l ul{margin:0px; padding:0px;}
#content_wrapper_l li{ width:180px; height:45px; list-style-type:none; line-height:0px;}
/******************************************
content_rightbox
******************************************/
/*IE*/
*:first-child+html #content_wrapper_r{width:798px; text-align:left; float:right; background:url(../../images/wrapper_bottom.gif); background-position:bottom; background-repeat:no-repeat; padding-bottom:5px;}
*:first-child+html #content_wrapper_c{width:798px; text-align:left; float:none; background:url(../../images/wrapper_bottom.gif); background-position:bottom; background-repeat:no-repeat; padding-bottom:5px; margin:0 auto;}
/*moz*/

#content_wrapper_r{width:798px; text-align:left; float:right; background:url(../../images/wrapper_bottom.gif); background-position:bottom; background-repeat:no-repeat;}
#content_wrapper_c{width:798px; text-align:left; background:url(../../images/wrapper_bottom.gif); background-position:bottom; background-repeat:no-repeat; margin:0 auto;}

#content_title{width:798px; height:20px; margin:0px 0px 0px 0px; padding:0px; text-align:left; float:left;
    border:1px solid #1A70C0;
    border-left:10px solid #1A70C0;
    border-bottom:3px solid #1A70C0;
    background:#FFF;
    padding:10px;
    font-size:1.3em;
    width:767px;
/*  margin:10px;*/
}
#content_txtbox{width:798px; margin-bottom:5px; text-align:left; background:url(../../images/wrapper_middle.gif); background-position:bottom; background-repeat:repeat-y; float:left;}
#content_txtbox p{margin:12px 12px 0px 12px; text-align:left; line-height:24px;}
#content_txtbox table{width:780px; margin-left:auto; margin-right:auto; margin-top:12px; border:#313131 1px solid;}
#content_txtbox th{background:#2653b1; color:#FFFFFF; padding:0.5em; text-align:center;}
#content_txtbox td{padding:0.5em;}
.subth{background:#e8eef0;
    }
.fieldname{font-size:13px; text-align:left; width:170px; float:left;}
.mandatory{text-align:right; width:20px; float:right;}
.right_cell{width:220px;}
#zip {width:100px; line-height:20px; margin-top:-10px;}
/******************************************
field
******************************************/
#field_l{width:300px;}
#field_s{width:80px;}
#field_ss{width:60px;}

/******************************************
button
******************************************/
#content_txtbox #bottom_area{width:780px; height:60px; margin-left:auto; margin-right:auto; margin-top:12px; margin-bottom:12px;}
#content_txtbox #bottom_area #leftbt{width:260px; float:left;}
#content_txtbox #bottom_area #centerbt{width:260px; float:none; text-align:center; margin:auto;}
#content_txtbox #bottom_area #rightbt{width:260px; float:right; text-align:right;}
#content_txtbox #bottom_area #surrogatebt{ opacity:0.4; filter:alpha(opacity=40); }
/******************************************
footer
******************************************/
#footer_wrapper{width:994px; text-align:center; margin-left:auto; margin-right:auto; padding:0px; line-height:36px; border-top:#7f7f7f 3px solid;}
address{width:994px; text-align:center; margin-left:auto; margin-right:auto; padding:0px; line-height:36px;}
#footer_wrapper_s{width:100%; text-align:center; margin-left:auto; margin-right:auto; padding:0px; line-height:6px; border-top:#7f7f7f 3px solid;}
address{width:100%; text-align:center; margin-left:auto; margin-right:auto; padding:0px; line-height:36px;}

/* +++++++++++++++++ config +++++++++++++++++ */
.clear {clear:both;}
br.clear {clear:both;}
.clearfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clearfix {display: zoom: 100%;}
.nodisplay {display:none;}

/*  font property */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

.bold { font-weight:bold;}

.f10 {font-size: 77% !important; /**font-size: 71%;  for ie6,7 */}  /*renders 10px */
.f11 {font-size: 85% !important;} /*renders 11px */
.f12 {font-size: 93% !important;} /*renders 12px */
.f13 {font-size: 100% !important;} /*renders 13px */
.f14 {font-size: 108% !important;} /*renders 14px */
.f15 {font-size: 116% !important;} /*renders 15px */
.f16 {font-size: 123.1% !important;} /*renders 16px */
.f17 {font-size: 131% !important;} /*renders 17px */
.f18 {font-size: 138.5% !important;} /*renders 18px */
.f19 {font-size: 146.5% !important;} /*renders 19px */
.f20 {font-size: 153.9% !important;} /*renders 20px */
.f21 {font-size: 161.6% !important;} /*renders 21px */
.f22 {font-size: 167% !important;} /*renders 22px */
.f23 {font-size: 174% !important;} /*renders 23px */
.f24 {font-size: 182% !important;} /*renders 24px */
.f25 {font-size: 189% !important;} /*renders 25px */
.f26 {font-size: 197% !important;} /*renders 26px */

/*  space */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

.m-t00 {margin-top: 0 !important;}
.m-t01 {margin-top: 1px !important;}
.m-t02 {margin-top: 2px !important;}
.m-t03 {margin-top: 3px !important;}
.m-t04 {margin-top: 4px !important;}
.m-t05 {margin-top: 5px !important;}
.m-t06 {margin-top: 6px !important;}
.m-t07 {margin-top: 7px !important;}
.m-t08 {margin-top: 8px !important;}
.m-t09 {margin-top: 9px !important;}
.m-t10 {margin-top:10px !important;}
.m-t11 {margin-top:11px !important;}
.m-t12 {margin-top:12px !important;}
.m-t13 {margin-top:13px !important;}
.m-t14 {margin-top:14px !important;}
.m-t15 {margin-top:15px !important;}
.m-t16 {margin-top:16px !important;}
.m-t17 {margin-top:17px !important;}
.m-t18 {margin-top:18px !important;}
.m-t19 {margin-top:19px !important;}
.m-t20 {margin-top:20px !important;}
.m-t24 {margin-top:24px !important;}
.m-t25 {margin-top:25px !important;}
.m-t28 {margin-top:28px !important;}
.m-t30 {margin-top:30px !important;}
.m-t32 {margin-top:32px !important;}
.m-t35 {margin-top:35px !important;}
.m-t36 {margin-top:36px !important;}
.m-t40 {margin-top:40px !important;}
.m-t44 {margin-top:44px !important;}
.m-t45 {margin-top:45px !important;}
.m-t48 {margin-top:48px !important;}
.m-t50 {margin-top:50px !important;}
.m-t52 {margin-top:52px !important;}
.m-t55 {margin-top:55px !important;}
.m-t56 {margin-top:56px !important;}
.m-t60 {margin-top:60px !important;}
.m-t65 {margin-top:65px !important;}
.m-t70 {margin-top:70px !important;}
.m-t75 {margin-top:75px !important;}
.m-t80 {margin-top:80px !important;}
.m-t85 {margin-top:85px !important;}

.m-b00 {margin-bottom: 0 !important;}
.m-b01 {margin-bottom: 1px !important;}
.m-b02 {margin-bottom: 2px !important;}
.m-b03 {margin-bottom: 3px !important;}
.m-b04 {margin-bottom: 4px !important;}
.m-b05 {margin-bottom: 5px !important;}
.m-b06 {margin-bottom: 6px !important;}
.m-b07 {margin-bottom: 7px !important;}
.m-b08 {margin-bottom: 8px !important;}
.m-b09 {margin-bottom: 9px !important;}
.m-b10 {margin-bottom:10px !important;}
.m-b11 {margin-bottom:11px !important;}
.m-b12 {margin-bottom:12px !important;}
.m-b13 {margin-bottom:13px !important;}
.m-b14 {margin-bottom:14px !important;}
.m-b15 {margin-bottom:15px !important;}
.m-b16 {margin-bottom:16px !important;}
.m-b17 {margin-bottom:17px !important;}
.m-b18 {margin-bottom:18px !important;}
.m-b19 {margin-bottom:19px !important;}
.m-b20 {margin-bottom:20px !important;}
.m-b24 {margin-bottom:24px !important;}
.m-b25 {margin-bottom:25px !important;}
.m-b28 {margin-bottom:28px !important;}
.m-b30 {margin-bottom:30px !important;}
.m-b32 {margin-bottom:32px !important;}
.m-b35 {margin-bottom:35px !important;}
.m-b36 {margin-bottom:36px !important;}
.m-b40 {margin-bottom:40px !important;}
.m-b44 {margin-bottom:44px !important;}
.m-b45 {margin-bottom:45px !important;}
.m-b48 {margin-bottom:48px !important;}
.m-b50 {margin-bottom:50px !important;}
.m-b52 {margin-bottom:52px !important;}
.m-b55 {margin-bottom:55px !important;}
.m-b56 {margin-bottom:56px !important;}
.m-b60 {margin-bottom:60px !important;}
.m-b65 {margin-bottom:65px !important;}
.m-b70 {margin-bottom:70px !important;}
.m-b75 {margin-bottom:75px !important;}
.m-b80 {margin-bottom:80px !important;}
.m-b85 {margin-bottom:85px !important;}

.p-t00 {padding-top: 0 !important;}
.p-t01 {padding-top: 1px !important;}
.p-t02 {padding-top: 2px !important;}
.p-t03 {padding-top: 3px !important;}
.p-t04 {padding-top: 4px !important;}
.p-t05 {padding-top: 5px !important;}
.p-t06 {padding-top: 6px !important;}
.p-t07 {padding-top: 7px !important;}
.p-t08 {padding-top: 8px !important;}
.p-t09 {padding-top: 9px !important;}
.p-t10 {padding-top:10px !important;}
.p-t11 {padding-top:11px !important;}
.p-t12 {padding-top:12px !important;}
.p-t13 {padding-top:13px !important;}
.p-t14 {padding-top:14px !important;}
.p-t15 {padding-top:15px !important;}
.p-t16 {padding-top:16px !important;}
.p-t17 {padding-top:17px !important;}
.p-t18 {padding-top:18px !important;}
.p-t19 {padding-top:19px !important;}
.p-t20 {padding-top:20px !important;}
.p-t24 {padding-top:24px !important;}
.p-t25 {padding-top:25px !important;}
.p-t28 {padding-top:28px !important;}
.p-t30 {padding-top:30px !important;}
.p-t32 {padding-top:32px !important;}
.p-t35 {padding-top:35px !important;}
.p-t36 {padding-top:36px !important;}
.p-t40 {padding-top:40px !important;}
.p-t44 {padding-top:44px !important;}
.p-t45 {padding-top:45px !important;}
.p-t48 {padding-top:48px !important;}
.p-t50 {padding-top:50px !important;}
.p-t52 {padding-top:52px !important;}
.p-t55 {padding-top:55px !important;}
.p-t56 {padding-top:56px !important;}
.p-t60 {padding-top:60px !important;}
.p-t65 {padding-top:65px !important;}
.p-t70 {padding-top:70px !important;}
.p-t75 {padding-top:75px !important;}
.p-t80 {padding-top:80px !important;}
.p-t85 {padding-top:85px !important;}

.p-b00 {padding-bottom: 0 !important;}
.p-b01 {padding-bottom: 1px !important;}
.p-b02 {padding-bottom: 2px !important;}
.p-b03 {padding-bottom: 3px !important;}
.p-b04 {padding-bottom: 4px !important;}
.p-b05 {padding-bottom: 5px !important;}
.p-b06 {padding-bottom: 6px !important;}
.p-b07 {padding-bottom: 7px !important;}
.p-b08 {padding-bottom: 8px !important;}
.p-b09 {padding-bottom: 9px !important;}
.p-b10 {padding-bottom:10px !important;}
.p-b11 {padding-bottom:11px !important;}
.p-b12 {padding-bottom:12px !important;}
.p-b13 {padding-bottom:13px !important;}
.p-b14 {padding-bottom:14px !important;}
.p-b15 {padding-bottom:15px !important;}
.p-b16 {padding-bottom:16px !important;}
.p-b17 {padding-bottom:17px !important;}
.p-b18 {padding-bottom:18px !important;}
.p-b19 {padding-bottom:19px !important;}
.p-b20 {padding-bottom:20px !important;}
.p-b24 {padding-bottom:24px !important;}
.p-b25 {padding-bottom:25px !important;}
.p-b28 {padding-bottom:28px !important;}
.p-b30 {padding-bottom:30px !important;}
.p-b32 {padding-bottom:32px !important;}
.p-b35 {padding-bottom:35px !important;}
.p-b36 {padding-bottom:36px !important;}
.p-b40 {padding-bottom:40px !important;}
.p-b44 {padding-bottom:44px !important;}
.p-b45 {padding-bottom:45px !important;}
.p-b48 {padding-bottom:48px !important;}
.p-b50 {padding-bottom:50px !important;}
.p-b52 {padding-bottom:52px !important;}
.p-b55 {padding-bottom:55px !important;}
.p-b56 {padding-bottom:56px !important;}
.p-b60 {padding-bottom:60px !important;}
.p-b65 {padding-bottom:65px !important;}
.p-b70 {padding-bottom:70px !important;}
.p-b75 {padding-bottom:75px !important;}
.p-b80 {padding-bottom:80px !important;}
.p-b85 {padding-bottom:85px !important;}


/*  スタイル修正 110815 */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
.agree{
    margin:10px;
}
.msg{
    border:1px solid #DDD;
    color:#F00;
    width:80%;
    margin:auto;
    padding:5px 0;
    text-align:center;
}
.errmsg{
    list-style-type:disc;
    margin:0;
    margin:10px 0px 10px 30px;
    color:#F00;
    clear:both;
}
.confirmMsg{
    list-style-type:disc;
    margin:0;
    margin:10px 0px 10px 30px;
    color:#F00;
    clear:both;
}
.errmsg .errmsgSub li{
    list-style-type:circle;
    margin:0px 0px 0px 50px;
    color:#F30;
}

.payErrmsg{
    margin: 0;
    color: #E00;
    clear: both;
    border: red 3px dashed;
    padding: 20px;
    margin-bottom: 16px;
    background: #ffeff5;
    position: relative;
}
.payErrmsg > li{
    margin-left: 36px;
}
.payErrmsg:before{
    font-family: FontAwesome;
    position: absolute;
    top: 20px;
    left: 20px;
    content : "\f071";
    speak: none;
    color: red;
    font-weight: normal;
    font-size: 148%;
    display: inline-block;
}

.enMark{
    font-weight:bold;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

.attention{
    font-weight:bold;
    color:#F09;
}

h2{
    clear:both;
    border-left:7px solid #1A70C0;
    border-bottom:1px solid #1A70C0;
    padding:.5em;
    font-size:1.2em;
    margin:10px;
}

hr{
    clear:both;
    height: 1px;
    border:none;
    border-top:#CCC 1px solid;
    width: 100%;
}

.h25{   height:25px;}
.h30{   height:30px;}
.h35{   height:35px;}
.h40{   height:40px;}

.w60{width:60px;}
.w100{width:100px;}
.w120{width:120px;}
.w140{width:140px;}
.w160{width:160px;}
.w180{width:180px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w600{width:600px;}
.w700{width:700px;}
.w800{width:800px;}
.w900{width:900px;}
.w1000{width:1000px;}
.wAuto{width:auto!important;}

.fLeft{float:left;}
.fRight{float:right;}
.fClear{clear:both;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.m10{margin:10px;}

.newLine{
    word-break: break-all;
}

table.noBorder, table.noBorder tr, table.noBorder td{
    border:0;
}

span.example{
    font-size:0.9em;
    color:#0066ff;
}

span.em{
    font-weight:bold;
    color:#F30;
}

span.warning-icon-text1{
    margin-left:5px;
}

span.warning-icon-text2{
    margin-left:28px;
}

/******************************************
お申し込みパンくず
******************************************/
div#flow, #flowEn{
    position:relative;
    overflow:hidden;
    font-size:95%;
}

div#flow ul, #flowEn ul{
    margin:0 auto;
    text-align:center;
/*  position: relative;
    left: 50%;
    */
    position:relative;
    left:50%;
    float:left;
}

div#flow ul li{
    position:relative;
    left:-50%;
    float:left;
    margin:0 auto;
    list-style-type:none;
    float:left;
    padding:5px 30px 5px 10px;
    background:url(../../images/user/flow_02.png) right #DDD no-repeat;
/*  width:130px;*/
}

div#flow ul li.now{
    background:url(../../images/user/flow_01.png) right #0063b7 no-repeat;
    color:#FFF;
    font-weight:bold;
}
div#flow ul li.nowNext{
    background:url(../../images/user/flow_03.png) right #DDD no-repeat;
}
div#flow ul li.last{
    background:url(../../images/user/flow_04.png) right #DDD no-repeat;
}
div#flow ul li.nowLast{
    background:url(../../images/user/flow_05.png) right #0063b7 no-repeat;
    color:#FFF;
    font-weight:bold;
}
div#flowEn, div#flowEn ul{
    height:54px;
}
div#flowEn ul li{
/*  line-height:44px;*/
    height:44px;
    position:relative;
    left:-50%;
    float:left;
    margin:0 auto;
    list-style-type:none;
    float:left;
    padding:5px 30px 5px 10px;
    background:url(../../images/user/flow_en_02.png) right #DDD no-repeat;
/*  width:130px;*/
}

div#flowEn ul li.lh44{
    line-height:44px;
}

div#flowEn ul li.now{
    background:url(../../images/user/flow_en_01.png) right #0063b7 no-repeat;
    color:#FFF;
    font-weight:bold;
}
div#flowEn ul li.nowNext{
    background:url(../../images/user/flow_en_03.png) right #DDD no-repeat;
}
div#flowEn ul li.last{
    background:url(../../images/user/flow_en_04.png) right #DDD no-repeat;
}
div#flowEn ul li.nowLast{
    background:url(../../images/user/flow_en_05.png) right #0063b7 no-repeat;
    color:#FFF;
    font-weight:bold;
}


/******************************************
TestAnnounce 用　table
******************************************/
table#testAnn, table#testAnn tr, table#testAnn td{
    border:none;
    border-bottom:solid 2px #DDD;
}
table#testAnn td#testName, table#testAnn td#testDay, table#testAnn td#testLimit{
    background:#00b4e7;
    color:#FFF;
    font-weight:bold;
    text-align:center;
    padding:0.5em;
    white-space: nowrap;
}
table#testAnn td#testDay{
    background:#00a3d0;
}
table#testAnn td#testLimit{
    background:#0087ad;
}