@charset "UTF-8";
/* CSS Document */

/*==============================
 * Contact Page Setting
 *------------------------*/
#companyAddressBox {
	width:560px;
	margin:30px auto 50px;
	text-align:left;
}

  /* mail form section
*----------------------------*/
.contactSubHeadline {
	text-align:left;
	font-size:16px;
	color:#333;
	width:240px;
	text-shadow: -1px -1px rgba(0,0,0,0.2), 1px 1px #ffffff;
	display:block;
	margin:40px auto 0px 20px;
	padding:10px 15px;
	border:2px solid #008445;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	border-radius:25px;
	background: -moz-linear-gradient(top, #fff, #eff5e4);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff),  to(#eff5e4));
	box-shadow:rgba(204, 204, 204, 0.670588) 0px 1px 5px 2px;
	-webkit-box-shadow:rgba(204, 204, 204, 0.670588) 0px 1px 5px 2px;
	-moz-box-shadow:rgba(204, 204, 204, 0.670588) 0px 1px 5px 2px;
}

.hissu {
	color:#d02020;
}


/*==============================
 * Mail/Free ID form
 *------------------------*/
 #freeIDFormWrap {
	width: 500px;
	padding:25px 50px;
	margin:10px auto 50px;
	border:2px solid #ccc;
	border:4px solid #bed2a1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color:#f1f9e4;
	
	box-shadow:rgba(204, 204, 204, 0.670588) 0px 1px 5px 2px;
-webkit-box-shadow:rgba(204, 204, 204, 0.670588) 0px 1px 5px 2px;
-moz-box-shadow:rgba(204, 204, 204, 0.670588) 0px 1px 5px 2px;
}

#taikenIDBoxText {
	display:block;
	font-size:14px;
	margin:20px auto 0px;
}

#mailFormWrap {
	width: 500px;
	padding:40px 50px;
	margin:30px auto 50px;
	border:2px solid #ccc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-color:#fcfef9;
}

.formContents,
.sendButtons {
	padding:10px 0px;
}

.formContents {
	text-align:left;
}

.formContensLeft,
.formContentsRight {
	float:left;
}

.formContensLeft {
/*	width:150px; */
	width:170px;
	padding-top:5px;
	font-size:14px;
}

.formContentsRight {
	margin:5px 0px 0px;
	font-size:14px;
}

#contactCommentTitle {
}

#contactCommentBox {
	margin:10px 0px 10px 50px;
}

.sendButtons {
}


/* Contents Design ここから */
.text, textarea, .dropdown{
    border:1px solid #777;
    padding: 5px;
    color: #666;
    background: #fff;
    border-radius: 5px;
	font-size:13px;
	
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#eee),
        to(#fff)
        );
     
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
     
    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #eee,
        #fff
        );
     
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;
}

/* 送信ボタン */

.submit,
.reset {
    border:1px solid #777;
    padding: 4px 10px;
    color: #fff;
    cursor: pointer;
    background: #428ec9;
    border-radius: 5px;
     
/* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#99c9e5),
        to(#428ec9)
        );
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
         
/* Firefox */
    background: -moz-linear-gradient(
        top,
        #99c9e5,
        #428ec9
        );
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
     
/* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ff99c9e5,endColorstr=#ff428ec9);
    zoom: 1;
}


/* チェックボックス、ラジオボタン */

.checkbox,.radio{
    z-index: -1;
    position: absolute;
    }
    .CheckBoxLabelClass{
        background: url("../images/checkbox.png") no-repeat top left;
        margin-right:20px;
        padding-left:22px;
        }
     
    .radiolabel{
        background: url("../images/radio.png") no-repeat top left;
        margin-right:20px;
        padding-left:22px;
        }

.LabelSelected,.RadioSelected{
    background-position: bottom left;
    }


/* 誕生日セレクトメニュー */

#birthdayOuterBox {
	width:224px;
	margin:10px auto 0px 0px;
	padding:0px;
	overflow: hidden;
	position: relative; 
	zoom:1; 
}

#seireki {
	width:70px;
	width:auto;
	float:left;
	margin:0px;
	padding:0px;
}

#birthdayRightBox {
	width:124px;
	float:left;
	margin:0px;
	padding:0px;
}

#month {
	width:auto;
	float:left;
	padding:0px;
}

#date {
	width:auto;
	float:left;
	padding:0px;
}