@charset "utf-8";

/* Table Of Contents
----------------------------------------

Menu  :
    1. LIST STYLE
    2. RESERV STYLE

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



/* 1 GALLERY STYLE
---------------------------------------------------------------------------- */

#header .bn {
    height: 79px;
    width: 248px;
    float: right;
    margin-top: 5px;
}

ul.topicPath {
    background: none;
    border-top: 1px solid #ccc;
    padding: 11px 0 3px 2px;
}

.pathBread {
    clear: both;
}

#contentSection {
    margin: auto;
    width: 950px;
}

#contentSection .mainSection {
    border-top: 3px solid #B69550;
    margin-top: 10px;
    width: 950px;
    padding-bottom: 20px;
    background: url("../../img/prm/main-image_s1.jpg") no-repeat;
}

#contentSection .mainSection .subtxt {
    color: #837150;
	line-height: 2.0;
    margin: 50px 0 0 27px;
    width: 680px;
}

#contentSection .mainSection h1 {
    text-indent: -9999px;
    width: 950px;
    height: 60px;
}

#h2AreaBeginner {
    background-color: #f8f8f8;
    width: 420px;
    float: left;
    padding-bottom: 20px;
    min-height: 213px;_height: 213px;
}

#contentSection .mainSection .infoSection {
    display: block;
    /*min-height: 80px;_height: 100px;*/
    margin: 40px auto 10px;
    width: 860px;
    /*padding: 20px;*/
	background-color: #f8f8f8;
}

#contentSection .mainSection .infoSection p.bn {
    display: block;
    float: left;
    width: 248px;
    height: 79px;
}

#contentSection .mainSection .infoSection div.txtArea {
    float: right;
    width: 600px;
    padding-left: 10px;
}

#contentSection .mainSection .infoSection div.txtArea dt {
    font-weight: bold;
}

#h2AreaBeginner h2, #h2AreaGnavimember h2 {
    font-weight: bold;
    color: #837150;
    background: url("../../img/prm/title-h2_s1.jpg") no-repeat;
    width: 405px;
    padding: 12px 0 12px 15px;
}

#h2AreaBeginner p.lead, #h2AreaGnavimember dt.lead {
    padding: 15px;
    color: #837150;
}

.loginBtn label, .forget ul li a, .pageTop a, dl.login-input-dl dt, #contentSection .mainSection .infoSection div.txtArea, #contentSection .mainSection .infoSection div.txtArea a, #mainSelectSection dl, .finishTxt {
    color: #837150;
}

#h2AreaBeginner p.btn {
    padding-left: 15px;
}

#h2AreaBeginner p.btn a {
    height: 75px;
    width: 385px;
    display: block;
    text-indent: -9999px;
    background: url("../../img/prm/news-btn_s1.jpg") no-repeat;
    overflow: hidden;
}

#h2AreaGnavimember {
    background-color: #f8f8f8;
    width: 420px;
    min-height: 200px;
    float: right;
    padding-bottom: 20px;
}

dl.login-input-dl {
    width: 250px;
    float: left;
}

dl.login-input-dl dt.name {
    clear: both;
    float: left;
	padding: 2px 5px 0 15px;
	width: 170px;
    display: inline-block;
    font-weight: bold;
}

/** html dl.login-input-dl dt.name {
	margin: 0px 5px 0 0;
}

*:first-child+html dl.login-input-dl dt.name {
	margin: 0px 5px 0 0;
}*/

dl.login-input-dl dd {
	padding-left: 15px;
    width: 150px;
}

dl.login-input-dl dd input.login {
	width: 225px;
}

.loginBtn {
    float: right;
    width: 150px;
    padding-top: 21px;
}

* html .loginBtn {
    width: 140px;
}

.loginBtn input.btnLogin {
    text-indent: -0;
    height: 37px;
    cursor: pointer;
    overflow: hidden;
    width: 134px;
    margin-bottom: 10px;
}

* html .loginBtn input.btnLogin {
    margin-bottom: 5px;
}

input.hold {
    margin-right: 3px;
}

.actv-hold {
    font-size: 85%;
}

.forget {
    clear: both;
}

.forget ul li a {
	margin-left: 14px;
    background: url("../../img/prm/arrow.png") no-repeat 2px;
    padding-left: 13px;
}

#mainSelectSection {
    clear: both;
    width: 900px;
    margin: 0 auto 50px;
}

input:hover, #h2AreaBeginner p.btn a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.linkStyle {
    display: block;
    margin: 20px auto 0;
    width: 950px;
}

.pageTop {
    text-align: right;
}

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

#mainSelectSection .mainSelectName {
    width: 400px;
    margin: 0 auto;
}

#mainSelectSection .mainSelectName dl {
    display: inline-block;
    margin: 0 auto;
}

#mainSelectSection .mainSelectName dt {
    margin-right: 10px;
    float: left;
    width: 150px;
    margin-bottom: 20px;
    text-align: right;
}

#mainSelectSection .mainSelectName dd {
    float: right;
    width: 230px;
    font-weight: bold;
    text-align: left;
    margin-right: 10px;
}

#mainSelectSection .torokuBtn, #mainSelectSection .finishBtn {
    clear: both;
    margin: auto;
}

#mainSelectSection .torokuBtn {
    width: 336px;
}

#mainSelectSection .finishBtn {
    width: 253px;
}

.finishTxt {
	font-weight: bold;
	line-height: 2.0;
    margin: 30px auto 50px;
    text-align: center;
    width: 500px;
}

div#footer {
    /*border: 1px solid #dad4c8;*/
    clear: both;
    margin: 15px 0 0 0;
}

div#layout {
    margin: 0 auto;
    
}