body, html, main {
    /* important */
    height: 100%;
}
  

.pName {
	background: url(../img/main.jpg) center center;
}

#contents div.bscTbl01 table th, #contents div.bscTbl01 table td, #contents table.bscTbl01 th, #contents table.bscTbl01 td { padding: 15px;}

#contact .bscTbl01 th {
	color: both;
	border-left: solid 3px #000;
	overflow: hidden;
}


#contact .bscTbl01 th .ttitle { display: block; float: left; width: 35%;}
#contact .bscTbl01 th .tcap { display: block; font-size: 0.8em; float: right; width: 65%; text-align: right;}


#contact .bscTbl01 th .req {
	background: #e60012 none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    font-size: 0.8em;
    padding: 2% 2% 1%;
    vertical-align: middle;
}

#contact .bscTbl01 td span.name {
    font-weight: bold;
    padding-right: 10px;
    vertical-align: middle;
} 

#contact .bscTbl01 td .ex {
	font-size: 0.8em;
	font-weight: normal;
	padding-top: 7px;
}

#contents .dl01 .bscBtn01 {
	padding: 3% 0 2%;
} 

#contents .labelBox {
	background: #FFF;
	padding: 3%;
	text-align: center;
}

label, input[type='checkbox'] {
    cursor: pointer;
}

label:hover {
   background-color: #ffe300;
	color: #000;
}


#contents .thanks {
padding: 4% 0 8%;
}



/*----------------------------------------------------
	☆form
----------------------------------------------------*/


p.subscribeBtn{
	text-align: center;
}

p.subscribeBtn input{
	background-color:#000;
	border:1px solid #000;
	color:#FFF;
	display:inline-block;
	padding:15px 100px 13px;
	line-height:140%;
	text-decoration:none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	margin-top: 20px;
}

p.subscribeBtn input:hover{
	background-color:#FFF;
	color:#000;
}

p.subscribeBtn input.gray{
	background-color: #666;
	border:1px solid #666;
	color:#FFF;
}

p.subscribeBtn input.gray:hover{
	background-color:#ddd;
	color:#000;
}

p.subscribeBtn input.red {
	background:#b11e29;
	border:none;
	color:#FFF;
}

p.subscribeBtn input.red:hover {
	background:#76040c;
	color:#FFF;
}

input {
}

input.textFocus {
	color:#333;
}

input.wSS,
input.wS,
input.wM,
input.wL,
input.wLL,
input.wXL3{
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #CCC;
	color: #999999;
	font-size:1.3rem;
	line-height: 140%;
	padding:8px 10px;
}

input.reqBox { background-color:#ffdddc; }

input {
	vertical-align:middle;
}

.wSS { width: 85px;}
.wS { width: 170px;}
.wM { width: 30px;}
.wL { width: 50px;}
.wLL { width: 70px;}
.wXL3 { width: 80%;}
.imeOn { ime-mode: active;}
.imeOff { ime-mode: disabled;}

textarea.txtarea {
	background-color:#FCFBF8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #CCC;
	height: 200px;
	padding:10px;
	width: 100%;
}

option {
	font-size:14px!important;
}

label {
	cursor: pointer;
}

label:hover {
	color:#999;
}



input[type="checkbox"], input[type="radio"] {
	margin-right:3px;
}

.formErr {
	color:#E54E52;
	font-weight:bold;
}

select.slctarea{
	background-color:#FCFBF8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #CCC;
	margin-bottom: 10px;
	padding:8px;
	width: 55%;
}

select.reqBox{background-color:#ffdddc !important;}

input.inputErr,
textarea.inputErr {
	background-color:#FADFDE;
}

input:focus,
select:focus,
textarea:focus{
	background-color: #EEE;

}


/*--------------------------------------------------------
    selectBox
	------------------------------------------------------*/
	.custom-selectbox {
    position: relative;
}
    .custom-selectbox select {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 240px;
        height: 36px;
        opacity: 0;
    }
    .custom-selectbox .inner {
        position: relative;
        z-index: 0;
        box-sizing: border-box;
        border: 1px solid #000;
        padding: 0 12px;
        width: 240px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
    }
    .custom-selectbox .inner:before,
    .custom-selectbox .inner:after {
        content: '';
        position: absolute;
        display: block;
    }
    .custom-selectbox .inner:before {
        top: 0;
        right: 0;
        bottom: 0;
        width: 24px;
        background: #000;
    }
    .custom-selectbox .inner:after {
        top: 50%;
        right: 7px;
        margin-top: -3px;
        width: 0;
        height: 0;
        border: solid transparent;
        border-top-color: #fff;
        border-width: 5px 5px 0 5px;
    }




#contents span.category {
	border:solid 1px rgba(0,0,0,1.00);
	font-size:1.3rem;
	font-weight:normal;
	padding:5px 10px;
	text-align:center;
	vertical-align: middle;
}


#contents #form_submit {
	cursor: pointer;
}


@charset "utf-8";
@media only screen and (max-width: 800px) {
/* CSS Document */
	
	

	
	#contact .bscTbl01 th .ttitle,#contact .bscTbl01 th .tcap {
		float: none;
		display: inline;
		width: auto;
	}
	
	#contact .bscTbl01 th .req {padding: 1%;}
	
	#contents div.bscTbl01 table th,
	#contents div.bscTbl01 table td,
	#contents table.bscTbl01 th,
	#contents table.bscTbl01 td{ padding: 10px 3%; }
	
	.wS { width: 25%;}
	textarea { width: 100%;}
	
	#contents .komeBox01 { font-size: 0.8em;}
	
	#contents .dl01 dd p {
		font-size: 0.8em;
	}

	

	select.slctarea {
		padding: 2% 0;
		width: 100%;
	}
	
	span.spSei { display: block}
	.wSS { width: 25%;}
	.wS { width: 70%;}
	
	input#submit_button {
		width: 100%;
	}
	

	
}