@charset "utf-8";

/*////////////////////////////////////////

layout

////////////////////////////////////////*/
/* my guide book系フォームの場合
--------------------------------------- */
.guidebook-form #form #contents .mainLeft{
float: left;
width: 143px;
}
.guidebook-form #form #contents .mainRight{
float: right;
width: 700px;
padding-left: 10px;
}
.guidebook-form #contents .mainLeft li{
padding-bottom: 15px;
}


/* form_container
----------------------------------------*/
.form_container{
padding-top: 20px;
}
.guidebook-form .form_container{
padding-top:0;
}
.form_container .finish{
padding: 20px 0 5px;
}
.form_container .finish p{
font-size:16px;
margin-bottom:15px;
}
.form_container form{
clear:both;
}

/* form object
----------------------------------------*/
form input.text,
form input.password{
border: 1px solid #CCC;
padding: 5px;
font-size: 16px;
}	
form input.on,
form textarea.on{
/*border: 1px solid #000;
background-color: #f7f7f7;*/
}
form input.checkbox{
margin-right: 3px;
}
form textarea{
border: 1px solid #CCC;
width: 320px;
}
.error{
color: #CC0000;
padding-bottom: 10px;
clear: both;
}
.ok{
color: #75BB0B;
padding-bottom: 10px;
}
.addTxt{
color: #222;
padding: 8px 0px 10px 0px;
font-size: 11px;
}
.must{
color: #FF0000;
margin-right: 5px;
}
.optionTxt{
padding-bottom: 15px;
font-size: 11px;
line-height: 1.0em;
}
.form_container .btnBox{
text-align: right;
padding: 15px 0 0;
}
.form_container .btnBox p{
margin-bottom: 15px;
}

/* errorBox
----------------------------------------*/
.form_container .errorBox{
color: #CC0000;
clear: both;
padding-bottom: 10px;
}
.form_container .errorBox p.txt{
font-size: 12px;
font-weight: bold;
padding: 10px;
border: 1px solid #CC0000;
margin-bottom: 5px;
}
.form_container .errorBox ul.list{
display: block;
padding-top: 5px;
}
.form_container .errorBox ul.list li{
padding-bottom: 5px;
}
.form_container .box-inner{
background: #FFF;
padding: 30px 29px;
border: 1px solid #CCC;
}
/* description
----------------------------------------*/
#form .description{
padding-bottom:20px;
}
#form .description .wrap{
border:1px solid #CCC;
border-left:none;
border-right:none;
padding:15px 0;
}

/* table
----------------------------------------*/
.form_container table table{
border: none;
}
.form_container th{
font-weight: bold;
text-align: left;
}
/* parent table
----------------------------------------*/
.form_container table{
clear: both;
width: 638px;
}
.form_container table th,
.form_container table td{
border-left: none;
border-top: none;
vertical-align: top;
padding: 10px 0 15px;
}
.form_container table th{
	width:100px;
}
.form_container table td{
}
.form_container table th.error{
}
.form_container table th.error span.must{
}
.form_container table th em,
.form_container table td em{
font-weight: bold;
color: #333;
}
/* table child
----------------------------------------*/
.form_container table table{
width: auto;
}
.form_container table table th,
.form_container table table td{
width: auto;
padding: 0 10px 0 0;
border: none;
}

/*////////////////////////////////////////

form parts

////////////////////////////////////////*/
/* search box
----------------------------------------*/
#siteSearch input.text{
height: 28px;
font-size: 12px;
padding: 0 5px;
}
/* name
----------------------------------------*/
form .name input.text{
width: 130px;
}
form .name td{
padding-right: 20px !important;
}
/* postal code
----------------------------------------*/
form .zipcode input.text{
width: 50px;
}
/* elem width full
----------------------------------------*/
form .password input,
form .mailaddress input.text,
form .town input.text,
form .address input.text{
width: 520px;
}
form .title input,
form textarea{
width: 480px;
}
/* elem has side notice
----------------------------------------*/
form .userid input.text,
form .nickname input.text{
width:400px;
}


/*////////////////////////////////////////

pages

////////////////////////////////////////*/
/* page-login
----------------------------------------*/
.page-login form{
width: 400px;
margin: 0 auto;
}
.page-login form table{
width: 100%;
}	
.page-login form td table{
width: auto;
float: right;
}
.page-login form .btnBox label{
margin-right: 30px;
}
.page-login form .userid input,
.page-login form .password input{
width: 250px !important;
}

/*.page-topics-login
----------------------------------------*/
.page-topics-login{
}
.page-topics-login h1.title{
margin: 0 0 15px !important;
}
.page-topics-login .topics-loginBox{
padding: 30px 0 0;
margin: 30px 0 0;
border-top: 1px solid #CCC;
}
.page-topics-login .topics-loginBox{
clear: both;
}
.page-topics-login .topics-loginBox .boxL{
width: 340px;
float: left;
}
.page-topics-login .topics-loginBox .boxR{
width: 340px;
float: right;
}		
.page-topics-login .topics-loginBox .inner-title{
font-size: 14px;
font-weight: bold;
padding-bottom: 20px;
line-height: 1;
}
.page-topics-login .topics-loginBox .box-inner{
padding: 19px;
background: #FFF;
}
.page-topics-login form{
width: 299px;
}
.page-topics-login .topics-loginBox table{
width: 100%;
}
.page-topics-login .topics-loginBox th,
.page-topics-login .topics-loginBox td{
padding: 0 0 10px 0;
line-height: 1.0em;
vertical-align: middle;
}
.page-topics-login .topics-loginBox th{
padding-right: 20px !important;
}
.page-topics-login form .userid input,
.page-topics-login form .password input{
width: 200px;
}
.page-topics-login .topics-loginBox .error{
clear: both;
}
.page-topics-login .topics-loginBox .btnBox input.image{
float: right;		
}
.page-topics-login .topics-loginBox .btnBox .pwremind{
display: block;
padding-top: 10px;
line-height: 1.0em;
}

/* page-topics-entry
----------------------------------------*/
.page-topics-entry .topics-info{
line-height: 1.0em;
border-bottom: 1px dotted #999;
padding-bottom: 10px;
margin-bottom: 5px;
font-size: 14px;
font-weight: bold;
}
.page-topics-entry .topics-info{
}
.page-topics-entry  table th{
width: 140px;
}

/* page-detail-search
----------------------------------------*/
.page-detail-search-new .block-keyword .mid{
font-size: 14px;
font-weight: bold;
padding-bottom: 7px;
}
.page-detail-search-new .block-keyword input.searchWord{
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
padding: 10px;
border: 1px solid #ddd;
}
.page-detail-search-new .block-keyword input:focus{
border: 1px solid #555;
background-color: #f7f7f7;
outline: none;
}
.page-detail-search .wrap-btns-search{
margin-top: 15px;
clear: both;
}
.page-detail-search .wrap-btns-search input.submit,
.page-detail-search .wrap-btns-search input.reset{
display: inline-block;
width: 200px;
height: 45px;
cursor: pointer;
margin-right: 5px;
border: none;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
}
.page-detail-search .wrap-btns-search input.submit{
background-color: #222;
color: #fff;
}
.page-detail-search .wrap-btns-search input.submit:hover{
background-color: #444;
}
.page-detail-search .wrap-btns-search input.reset{
background-color: #999;
color: #fff;
}	
.page-detail-search .wrap-btns-search input.reset:hover{
background-color: #aaa;
}
.page-detail-search .block-categories{
margin-top: 30px;
}
.page-detail-search .block-categories .mid{
font-size: 14px;
font-weight: bold;
padding-bottom: 7px;
}
.page-detail-search p.checkboxBtn{
padding: 5px 10px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
background-color: #fafafa;
border: 1px solid #ddd;
display: inline-block;
cursor: pointer;
letter-spacing: normal;
margin: 10px 10px 0 0;
}
.page-detail-search p.checkboxBtnOn{
background-color: #222;
border: 1px solid #222;
color: #fff;
}
.page-detail-search .wrap-1st-cats{
}
.page-detail-search .wrap-2nd3rd-cats{
margin-top: 10px;
}
.page-detail-search .wrap-btns-search .submit{
margin-bottom: 10px;
}


/* comment-form
----------------------------------------*/
.comment-form-author2,
.comment-form-email2,
.comment-form-url2 {
padding-top: 5px;
margin-bottom: 5px;
}
.comment-form-author2 label,
.comment-form-email2 label,
.comment-form-url2 label {
font-size: 108%;
}
.comment-form-author2 span,
.comment-form-email2 span,
.comment-form-url2 span {
color: #F00;
font-size: 123.1%;
}