/* CSS Document */
/*
===== CONTENTS ===========================================

	1: form
	2: dl table-like
	3: error
	4: max-width:640px
	
==========================================================
*/

#contents {
    font-size:14px;
    line-height: 140%;
}

/* ------------------------------------------------------------- */
/* 1: form */
/* ------------------------------------------------------------- */

input value{
	color:#999;
	font-size:80%;
}
input[type="text"],
input[type="number"],
input[type="file"], 
input[type="tel"], 
input[type="email"], 
textarea, 
select{
	border:1px solid #ccc;
	background-color:#FFFFFF;
	margin:5px 0;
}
input[type="text"],input[type="number"], input[type="tel"], 
input[type="email"]  {
	padding:4px 5px 3px 5px;
	height:15px;
	/*width:70%;*/
}
input[type="text"],input[type="email"] {
	width:70%;
}
input[type="text"].textbox_small {
	width:150px;
}
input[type="number"],
input[type="tel"],
input[type="text"].textbox_number {
	width:40px;
}
input[type="radio"],
input[type="checkbox"]  {
	vertical-align:middle;
}
input[type="submit"] {
	padding:5px 40px;
	margin-top:10px;
	margin-bottom:20px;
	width:150px;
}
input[type="reset"] {
	padding:5px 40px;
	margin-top:10px;
	margin-bottom:20px;
	width:150px;
}
input[type="button"] {
	padding:5px 40px;
	margin-top:10px;
	margin-bottom:20px;
	width:150px;
}
textarea{
	width:70%;
}
select{
	padding:2px;
	height:25px;
}
label{
	margin:3px 20px 3px 0px;
}

/* ======== focus ======== */
input:focus,textarea:focus {
	border:1px solid #f1a1b6;
	background:#fff6f8;
	outline:1px solid #f5e2e7;
}
select:focus {
	border:1px solid #f1a1b6;
	background:#fff;
	outline:1px solid #f5e2e7;
}
/* ======== error ======== */
input.input_error, select.input_error{
	border:solid 2px #ffb007;
	border:solid 2px #F00;
}
	
/* ButtonSet */
.btn_set {
clear: both;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.btn_set p {
margin-left: auto;
margin-right: auto;
}

/* ------------------------------------------------------------- */
/* 2: dl table-like */
/* ------------------------------------------------------------- */
	
/* ======== pc ======== */	


		
.tbl_01 {
	background: url(../images/dt_bg.gif) repeat-y top left ; /* dl background set */
	margin-bottom:20px;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}    
.tbl_01 dt,
.tbl_01 dd {
	padding: 20px;
}

.tbl_01 dt {
	clear: both;
	float: left;
	width: 210px;
	font-weight:bold;
}
.tbl_01 dd {
	padding-left: 270px;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
}

.tbl_01 dd p.instruction {
	color:#666;
}
p.intro{
	background:#fff;
	border-top: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-left: 1px solid #dadada;
	padding:1em;
}
p.intro .intro_col1{width:50%; float:left;}
p.intro .intro_col2{width:50%; float:right;}
.tbl_01 dt p {
	margin-top:10px;
}
.tbl_01 dt p a {
	background:url(../../img/icon/arrow_gray.gif) no-repeat left center;
	padding-left:15px;
}

/* ------------------------------------------------------------- */
/* 3: error */
/* ------------------------------------------------------------- */

.form_error {
	background:#fff url(../../img/icon/err_02.gif) no-repeat scroll 4% 50%;
    border: 2px solid #F00;
    color: #FF0000;
    margin: 10px 0;
    padding: 10px 10px 10px 25%;
}

.input_status{
	display:inline-block;
	background:#fd2649;
	color:#fff;
	border-radius: 5px ;
	-moz-border-radius:5px ;
	padding:2px 10px;
	margin:3px 0;
	font-size:90%;
}


.btn_01{
	width:150px;
}

.red{
	color: red;
}

.bold {
    font-weight: bold;
}

/*-----------------------------------------------------	*/
/*	for - 979px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 979px) {

#contents {
    width: 95%;
}
}

/* ------------------------------------------------------------- */
/* 4: max-width:767px */
/* ------------------------------------------------------------- */

@media only screen and (max-width:767px) {

/* 1: form */
input[type="text"],input[type="email"]{
	width:100%;
		-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	height:2.2em;
}
input[type="text"].textbox_small {
	width:80px;
}

input[type="text"].textbox_number,input[type="tel"] {
	width:70px;
}
input[type="text"],input[type="text"],input[type="tel"],input[type="email"], select{
	border:1px solid #aaa;
	background-color:#FFFFFF;
	margin:5px 0;
	height:2.5em;
	padding:0;
	}
input.input_error, select.input_error{
	border:solid 2px #F00;}
input:focus {
	border:1px solid #f1a1b6;
	background:#fff6f8;
	outline:1px solid #f5e2e7;
}
input[type="submit"] {
	width:150px;
	height:30px;
	padding:0;
	margin-top:10px;
	margin-bottom:20px;
	border:1px solid #999;
}
input[type="reset"] {
	width:100px;
	height:30px;
	padding:0;
	margin-top:10px;
	margin-bottom:20px;
	border:1px solid #999;
}
input[type="button"] {
	width:150px;
	height:30px;
	padding:0;
	margin-top:10px;
	margin-bottom:20px;
	border:1px solid #999;
}
select:focus {
	border:1px solid #f1a1b6;
	background:#fff;
	outline:1px solid #f5e2e7;
}

textarea{
	border:1px solid #aaa;
	width:100%;
		-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}
.radio_block label{	display:block;	}

/* 2: dl table-like */
.tbl_01 {
	background: none;
	border:none;
	margin-bottom:30px;
}
.tbl_01 dt,
.tbl_01 dd {
	padding: 8px;
	border:none;
}
.tbl_01 dt {
	float: none;
	/*background-color: #dadada;  背景色を指定 */
	background-image: url("../images/wrapper_bg2.gif");
	border-radius: 5px 5px 0px 0px ;
	-moz-border-radius:  5px 5px 0px 0px ;
	width:100%;
	padding:8px;
	border: 1px solid #dadada;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}
.tbl_01 dd {
	background:#fff;
	border-radius: 0px 0px 5px 5px ;
	-moz-border-radius:  0px 0px 5px 5px ;
	margin-bottom:20px;
	border-bottom: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-left: 1px solid #dadada;
}
.tbl_01 dt p {
	margin-top:5px;
}

/* formset*/
.form_set{
	background:#b3b3b3;
	padding:5px;
	margin-bottom:30px;
	border-radius: 5px ;
	-moz-border-radius:5px ;

}
.form_set .tbl_01 dd {
	border:none;
}
.form_set .tbl_01 dd {
	margin-bottom:5px;
	}

.form_set .tbl_01 dd:last-child{
	margin-bottom:0;
}
.form_set .tbl_01 {
	margin-bottom:0;
	}

p.intro .intro_col1{width:100%; float:none; display:inline-block;}
p.intro .intro_col2{width:100%; float:none; padding-top:20px; display:inline-block;}


p.intro{
	margin-bottom:5px;
	border-radius: 5px ;
	-moz-border-radius:5px ;
	background:#f4f4f4;
}
   

.btn_00{
	width:150px;
	height:40px;	
	margin:20px;
	font-size:100%;
	border:1px solid #999;
	
	background:url(../img/bg_btn_normal.gif) repeat-x center;
	background:
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d7d7d7));
	background: -moz-linear-gradient(top, #fff, #d7d7d7);

	/* radius */
	border-radius: 4px;
	-moz-border-radius: 4px;

	/* shadow */
	box-shadow: 0px 1px 2px #c7c7c7;
	-moz-box-shadow: 0px 1px 2px #c7c7c7;
	-webkit-box-shadow: 0px 1px 2px #c7c7c7;
}
.btn_01{
	width:150px;
	height:40px;	
	margin:20px;
	font-size:100%;
	color:#fff;
	border:1px solid #b91440;
	
	background:url(../img/bg_btn_pioneer_red.gif) repeat-x center;
	background: -webkit-gradient(linear, left top, left bottom, from(#e12154), to(#bb123e));
	background: -moz-linear-gradient(top, #e12154, #bb123e);

	/* radius */
	border-radius: 4px;
	-moz-border-radius: 4px;
	
	/* shadow */
	box-shadow: 0px 1px 2px #c49ea8;
	-moz-box-shadow: 0px 1px 2px #c49ea8;
	-webkit-box-shadow: 0px 1px 2px #c49ea8;
}
.tbl_01 dd p.instruction {
	font-size:80%;
	line-height:1.4em;

}
}