@charset "UTF-8";
/*--contact
--------------------------------------------------------------*/
#Content{
    text-align:left;
    padding:13px 0 0;
}
#Content div.title{
    margin:0 0 20px;
    border-top:1px solid #EEEEEE;
    border-bottom:1px solid #EEEEEE;
    background:url(../images/common/bg_ttl.gif) repeat 0 0;
}
#Content div.title h2{
    width:908px;
    margin:0 auto;
/*  padding:47px 0 50px;*/
    padding:10px 0;
    text-align:left;
}
#Content div.main{
    width:908px;
    margin:0 auto 55px;
}
@media all  and (max-width: 768px){
	#Content div.main{
	    margin:0 auto 55px;
	    width: auto;
	}
}
#Content div.main div.section{
    margin:0 0 25px;
    padding:0 0 10px;
    background:url(../images/common/bg_main_bottom.gif) no-repeat 0 100%;
}
#Content div.main div.section-inline{
    background:url(../images/common/bg_main_base.gif) repeat-y 0 0;
}
#Content div.main ul.localNavi,
#Content div.main ul.localNavi2{
    margin:0 0 20px;
    overflow:hidden;
}
#Content div.main ul.localNavi li,
#Content div.main ul.localNavi2 li{
    float:left;
}

/* table */
#Content div.main table.mailform{
    width:900px;
    margin:0 4px;
  border-collapse:collapse;
}
#Content div.main table.mailform th,
#Content div.main table.mailform td{
    text-align:left;
    border-top:1px solid #EDEDED;
}
#Content div.main table.mailform th{
/*  width:218px;*/
    width:138px;
    padding:30px 0 28px 32px;
    vertical-align:top;
}
/*#Content div.main table th.must{
    background:url(../images/index/ico_must.gif) no-repeat 92% 25px;
}*/

#Content div.main table.mailform td{
    /*width:620px;*/
    width:700px;
    padding:25px 0 20px 35px;
    background:#F8F7FB;
}
#Content div.main table.mailform td span.type01{
    width:45px;
    padding:8px 0 0 0;
    display:block;
    float:left;
}
#Content div.main table.mailform td span.type02{
    width:45px;
    margin-left:30px;
    padding:8px 0 0 0;
    display:block;
    float:left;
}
#Content div.main table.mailform td span.type03{
    width:30px;
    margin-left:15px;
    padding:8px 0 0 0;
    display:block;
    float:left;
}
#Content div.main table.mailform td span.type04{
    width:20px;
    margin-left:10px;
    padding:8px 0 0 0;
    display:block;
    float:left;
}

#Content div.main table input.w01{
    width:160px;
}
#Content div.main table input.w02{
    width:160px;
}
#Content div.main table input.w03{
    width:230px;
}
#Content div.main table input.w04{
    width:350px;
}
#Content div.main table input.w05{
    width:160px;
}
#Content div.main table select.w01{
    width:130px;
}
#Content div.main table select.w02{
    width:90px;
}
#Content div.main table select.w03{
    width:180px;
}
#Content div.main table dl.form01{
}
#Content div.main table dl.form01 dt{
    width:100%;
    clear:both;
}
#Content div.main table dl.form01 dd{
    width:100%;
    margin:5px 0 0;
    overflow:hidden;
}
#Content div.main table ul.user{
    margin:0 0 15px;
    overflow:hidden;
}
#Content div.main table ul.user li{
    float:left;
}
.tipped{
    color:#979798;
}

/* magazine-list */
#Content div.main h3{
    margin:0 0 12px;
    text-align:left;
}
#Content div.main ul.magazine-list{
    /* width:900px; */
    margin:0 0 20px;
    padding:15px 0 0;
    overflow:hidden;
    text-align:left;
    font-size:117%;
    border-top:1px solid #EDEDED;
    /*border-bottom:1px solid #EDEDED;*/
}
#Content div.main ul.magazine-list li{
    width:450px;
    float:left;
    min-height:55px;
    _height:55px;
    margin:0 0 15px;
    border-bottom:1px solid #EDEDED;
}
#Content div.main ul.magazine-list li.last{
    margin-bottom:0;
    border:none;
}
#Content div.main ul.magazine-list li a{
    color: #333333;
    text-decoration:none;
}
#Content div.main ul.magazine-list li a:hover{
    text-decoration:underline;
}
#Content div.main ul.magazine-list li span.jqTransformCheckboxWrapper{
    margin-right:8px;
    margin-bottom:5px;
    overflow:hidden;
}
#Content div.main ul.magazine-list li label{
    width:430px;
    min-height:25px;
    _height:25px;
    margin-right:0;
    cursor:pointer;
}
#Content div.main ul.magazine-list li span.link{
    width:400px;
    min-height:15px;
    _height:15px;
    font-size:82%;
    display:block;
    padding:0 0 0 2px;
}
#Content div.main ul.magazine-list li span.link a{
    margin:0 0 15px;
    min-height:15px;
    _height:15px;
    padding:4px 0 15px 20px;
    background:url(../images/common/ico_arroww01.gif) no-repeat 0 .2em;
}

/* membership */
#Content div.main div.membership{
    margin:0 0 20px;
    padding:12px 0;
    overflow:hidden;
    text-align:center;
    border:1px solid #E3E3E3;
    background:#F3F3F3;
}
#Content div.main div.membership p{
    margin:0 0 10px;
    text-align:center;
}
#Content div.main div.membership p.agree{
    width:140px;
    overflow:hidden;
    margin:0 auto;
}
#Content div.main div.membership span{
    margin-right:5px;
}
#Content div.main div.membership label{
    cursor:pointer;
}

/* conf */
#Content div.main ul.conf{
    width:661px;
    overflow:hidden;
    margin:0 auto;
}
#Content div.main ul.conf li.fl{
    float:left;
}
#Content div.main ul.conf li.fr{
    float:right;
}

/* comp */
#Content div.main div.section-comp{
    margin:0 0 25px;
    padding:0 0 10px;
    background:url(../images/complete/bg_conp_bottom.gif) no-repeat 0 100%;
}
#Content div.main div.section-comp div.section-inline{
    overflow:hidden;
}
#Content div.comp{
    padding:0 30px;
}
#Content div.comp.password_txt{
    margin:auto;
    width:980px;
}
@media all  and (max-width: 768px){
	#Content div.comp.password_txt{
	    margin:auto;
	    width:auto;
	}
}
#Content div.comp p.lead{
    margin:0 0 18px;
}
#Content div.information{
    margin:0 0 30px;
    padding:0 0 10px;
    border:1px solid #E2E0EF;
}
#Content div.information h4{
    margin:0 0 15px;
    padding:11px 20px;
    background:#F1F0F7;
}
#Content div.information p{
    padding:0 20px;
}
#Content p.backBtn{
    margin: 0 10px 0;
}
.mz_body #Content div.main p.backBtn {	
    text-align: center;
}

/*追加btn*/
p.sports_community{
    margin:0 0 20px 10px;
}

#Content .main .transform .link_btn{
    overflow:hidden;
    margin:10px 0 10px;
}

#Content .main .transform .link_btn li{
/*  float:left;*/
    width:150px;
    margin:0 0 20px 20px;
}

/*追加20130531*/
.transform h4{
    border-left:solid 8px #009;
    border-bottom:solid 1px #000099;
    padding:5px;
    font-size:16px;
}

/*追加20130618*/
.ml p,dl.ml,li.ml{
    margin-left:65px;
}

#Content .s_must{
    margin:0 20px 0 0;
    width:45px;
    float:left;
}

.section-inline table td  ul.add_wrap{
    overflow:hidden;
}

.section-inline table td ul.add_wrap li.add_cate{
    clear:both;
    margin:20px 0;
/*  height:40px;*/
    overflow:hidden;
}

.section-inline table td ul.add_wrap li.add_cate02{
    clear:both;
}

.section-inline table td ul.add_wrap li.add_cate03{
    clear:both;
    margin:70px 0 0;
    overflow:hidden;
}

.sub_category{
    float:left;
    margin:0 20px 0 0;
    font-weight:bold;
}

.rowElem dt{
    margin:0 0 10px;
}

.rowElem dd{
    margin:0 0 30px;
}

/*追加20130801*/
p.assist{
    color: #868686;
    font-size: 12px;
    margin:0;
}

.att{
    color: #868686;
    width: 102%;
}

.ml70{
    margin:0 0 0 70px;
}

.ml145{
    margin:0 0 0 145px;
}

ul.transform{
    overflow:hidden;
}

ul.transform li{
    float:left;
    margin:0 10px 0 0;
}

.transform dl{
    overflow:hidden;
}

.transform dl dt{
    float:left;
    margin:0 5px;
}

.transform dl dd{
    float:left;
    width:200px;
    margin:0 20px 0 5px;
}

/*追加20220414*/
#appIntroduction h3{
	margin-top: 30px!important;
    text-align:center!important;
}

#appIntroduction div{
	text-align:center;
}

#appIntroduction p{
	text-align:center!important;
}