@charset "utf-8";

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

kids form

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

* {
	margin:0;
	padding:0;
}

html{
    height:100%;
}


body {
 margin: 0;
 padding: 0;
 background-color: #ffffff;
 color: #474747;
 font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
 background-image:url(img/bg.jpg);
 background-repeat:repeat-x;
 background-position:left top;
 height:100%;
}

* html div#container{
    height:100%;
}

#container{
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}

#contents{
     padding-bottom:20px; /*フッターの高さと同じ*/
}


body > #container {
        height: auto;
}


img, p, ul, li, dl, dt, dd {
    margin: 0;
    padding: 0;
}

#allArea{
	width:950px;
	margin:0 auto;
}

h1{
	margin:0 0 40px;
}
h2{
	margin:0 0 60px;
}

#main{
	width:850px;
	margin:0 auto;
}

table.formTbl{
	width:850px;
	margin:0 auto 40px auto;
	border-top:#D7C5AE 1px solid;
	border-right:#D7C5AE 1px solid;
}

table.formTbl td{
	border-bottom:#D7C5AE 1px solid;
	padding:7px 10px;
}

table.formTbl th{
	border-left:#D7C5AE 1px solid;
	border-bottom:#D7C5AE 1px solid;
	background:#FAF8F3;
	text-align:left;
	padding:7px 10px;
	width:220px;
}


table.formTbl th p {
    float: left;
}

table.formTbl th img {
    float: right;
}

p.sTit {
	background:#FDF1F5;
	padding:5px 10px;
}

/*smpとのレスポンシブ用*/
.p_none {
    display: none;
}
/**/

.f10{ 
	font-size:10px;
	}
	
.marB10{ 
	margin-bottom:10px;
	}
	
.marL510{
	margin-left:5px;
	}
	
.ppBox {
    border: 1px solid #F6A6C8;
    border-radius: 5px 5px 5px 5px;
    font-size: 10px;
    line-height: 1.5em;
    padding: 1em 1.5em;
	margin-bottom:40px;
}

#entryBox {
	background:#FDF1F5;
	padding:20px 10px;
	margin-bottom:40px;
}

#entryBox p {
	text-align:center;
}

.text {
	background:-moz-linear-gradient(top, #F5F5F8, #ffffff);
	background:-webkit-gradient(linear, left top, left bottom, from(#F5F5F8), to(#ffffff));
	background:-ms-linear-gradient(top,#F5F5F8, #ffffff);
	padding:0.5em;
	display: inline-block;
	vertical-align: middle;
/*	font-weight: bold;
*/	font-size:14px;
	border:1px solid #ccc;
	border-radius: 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	width:230px;
	margin:0 0px 0px 5px;
}

.text1 {
	width:50px;
	margin-right:5px;
}
.text2 {
	width:70px;
	margin-right:5px;
}
.text3 {
	width:150px;
	margin-right:5px;
}
.text4 {
	width:280px;
	margin-right:5px;
}


.confirmTitle{
	width:910px;
	background: #F15A87;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:12px 20px;
	margin:0 auto 30px auto;
}

.confirmTitle p,
.confirmTitle_rwd p{
	font-size:24px;
	color:#FFFFFF;
	font-weight:bold;
}

.confirmTitle_rwd{
	width:910px;
	background: #F15A87;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:12px 20px;
	margin:0 auto 30px auto;
}

.confirmTitle_rwd p{
	/*border-left: 5px solid #FFF;
	padding:0 0 0 15px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;*/
}

.confirmTitleLeft{
	background-color:#FFF;
	width:5px;
	height:35px;
	float:left;
	margin-right:15px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

.confirmTitleLeft_rwd{
	background-color:#FFF;
	width:5px;
	height:35px;
	float:left;
	margin-right:15px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}


.annotation{
	text-align:center;
	border-radius: 20px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px; 
	padding:5px;
	margin-bottom:20px;
	background: #eb1455;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}


h2.h_rwd .tit_pc{

}

h2.h_rwd .tit_smp{
	display:none;
}

.confirmTxt{
	width:810px;
	background: #fff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding:20px;
	margin-bottom:60px;
	position:relative;
}

.confirmTxt p{
	font-size:16px;
	color:#ED3068;
	font-weight:bold;
}

.confirmTxt span{
	font-size:14px;
	font-weight:bold;
}

.telNo{
	color:#FF0000;
	font-weight:bold;
}

#hisBack {
    position: absolute;
    right: 20px;
    top: 22px;
}

/*戻るボタン*/
#hisBack input[type="button"], #hisBack input[type="submit"] {
	border: 2px solid #DDD; 
	background:-moz-linear-gradient(top,#FFFFFF, #F4F4F4 50%,#E3E3E3 50%,#F2F2F2);   /* Firefox用 */
	background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.5,#F4F4F4), color-stop(0.5,#E3E3E3), to(#F2F2F2));    /* Safari,Google Chrome用 */  
	background:-ms-linear-gradient(top,#FFFFFF, #F4F4F4 50%,#E3E3E3 50%,#F2F2F2);  /* IE用 */
    border-radius:8px;
	color:#333;
    cursor: pointer;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	margin:0 auto 25px auto;
	text-decoration:none;
	width:100px;
}
#hisBack input[type="button"]:hover, #hisBack input[type="submit"]:hover {
	border: 2px solid #DDD; 
	background:-moz-linear-gradient(top,#F2F2F2, #E3E3E3 50%,#F4F4F4 50%,#FFFFFF);   /* Firefox用 */
	background:-webkit-gradient(linear, left top, left bottom, from(#F2F2F2), color-stop(0.5,#E3E3E3), color-stop(0.5,#F4F4F4), to(#FFFFFF));    /* Safari,Google Chrome用 */  
	background:-ms-linear-gradient(top,#F2F2F2, #E3E3E3 50%,#F4F4F4 50%,#FFFFFF);  /* IE用 */
    border-radius:8px;
	color:#999;
    cursor: pointer;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	margin:0 auto 25px auto;
	text-decoration:none;
	width:100px;
}

/*index.php確認画面へのボタン*/
input[type="button"].topBtn, input[type="submit"].topBtn {
	border: 2px solid #FFBA46; 
	background:#FFA91A;
/*	background:url(/kids/contactus/cl2013/arrow.png) no-repeat 15px 10px ;*/
/*	background:-moz-linear-gradient(top,#FFBA46, #FFA91A 50%,#FF831E 50%,#FFA91A) ;   /* Firefox用 */
/*	background:-webkit-gradient(linear, left top, left bottom, from(#FFBA46), color-stop(0.5,#FFA91A), color-stop(0.5,#FF831E), to(#FFA91A));    /* Safari,Google Chrome用 */  
/*	background:-ms-linear-gradient(top,#FFBA46, #FFA91A 50%,#FF831E 50%,#FFA91A);  /* IE用 */
/*	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBA46', endColorstr='#FFA91A', GradientType=0)";*/
    border-radius:8px;
	color:#fff;
    cursor: pointer;
	font-size:20px;
	font-weight:bold;
	padding:15px;
	margin:0 auto 25px auto;
	text-decoration:none;
	width:420px;
	height:80px;
}
input[type="button"].topBtn:hover, input[type="submit"].topBtn:hover {
	border: 2px solid #FFBA46; 
	background:-moz-linear-gradient(top,#F2F2F2, #E3E3E3 50%,#F4F4F4 50%,#FFFFFF);   /* Firefox用 */
	background:-webkit-gradient(linear, left top, left bottom, from(#F2F2F2), color-stop(0.5,#E3E3E3), color-stop(0.5,#F4F4F4), to(#FFFFFF));    /* Safari,Google Chrome用 */  
	background:-ms-linear-gradient(top,#F2F2F2, #E3E3E3 50%,#F4F4F4 50%,#FFFFFF);  /* IE用 */
    border-radius:8px;
	color:#474747;
    cursor: pointer;
	font-size:20px;
	font-weight:bold;
	padding:15px;
	margin:0 auto 25px auto;
	text-decoration:none;
	width:420px;
	height:80px;
}

/*comfirm.php送信ボタン*/
input[type="button"].comBtn, input[type="submit"].comBtn {
	border: 2px solid #FFBA46; 
	background:-moz-linear-gradient(top,#FFBA46, #FFA91A 50%,#FF831E 50%,#FFA91A) ;   /* Firefox用 */
	background:-webkit-gradient(linear, left top, left bottom, from(#FFBA46), color-stop(0.5,#FFA91A), color-stop(0.5,#FF831E), to(#FFA91A));    /* Safari,Google Chrome用 */  
	background:-ms-linear-gradient(top,#FFBA46, #FFA91A 50%,#FF831E 50%,#FFA91A);  /* IE用 */
    border-radius:8px;
	color:#fff;
    cursor: pointer;
	font-size:20px;
	font-weight:bold;
	padding:15px;
	margin:0 auto 25px auto;
	text-decoration:none;
	width:300px;
}
input[type="button"].comBtn:hover, input[type="submit"].comBtn:hover {
	border: 2px solid #FFBA46; 
	background:-moz-linear-gradient(top,#F2F2F2, #E3E3E3 50%,#F4F4F4 50%,#FFFFFF);   /* Firefox用 */
	background:-webkit-gradient(linear, left top, left bottom, from(#F2F2F2), color-stop(0.5,#E3E3E3), color-stop(0.5,#F4F4F4), to(#FFFFFF));    /* Safari,Google Chrome用 */  
	background:-ms-linear-gradient(top,#F2F2F2, #E3E3E3 50%,#F4F4F4 50%,#FFFFFF);  /* IE用 */
    border-radius:8px;
	color:#474747;
	font-size:20px;
	font-weight:bold;
	padding:15px;
	margin:0 auto 25px auto;
	text-decoration:none;
	width:300px;
}

#thankMain{
	width:850px;
	margin:50px auto;
	text-align:center;
}

#footer{
	text-align:center;
	background:#F15A87;
	color:#FFF;
	padding:5px;
}

#footerT{
	text-align:center;
	background:#F15A87;
	color:#FFF;
	padding:5px;
	position:absolute;
	height:20px;
	bottom:0px;
	width:940px;
}

select{
	/*-moz-linear-gradient(top,#FFFFFF, #F4F4F4 50%,#E3E3E3 50%,#F2F2F2); 
	-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.5,#F4F4F4), color-stop(0.5,#E3E3E3), to(#F2F2F2));
	-ms-linear-gradient(top,#FFFFFF, #F4F4F4 50%,#E3E3E3 50%,#F2F2F2); */
    -webkit-appearance: pop-up-menu;
    -moz-appearance:pop-up-menu;
    -ms-appearance:pop-up-menu;
    appearance: pop-up-menu;
    border-radius:3px;
    height: 25px;
    line-height: 30px;
    font-size: 13px;
    color: #333;
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);  
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));  
	background:-ms-linear-gradient(top,#FFF 0%,#EEE);  /* IE用 */
	border: 1px solid #DDD; 
    cursor: pointer;
}


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

エラー表示用

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

.err {
 background-color:#ffffff;
 color:#ff0000;
 padding:0.5em 0.8em;
 border:2px solid #ff0000;
 margin-bottom:20px;
}


table.formTable th.errorItem {
 color:#ff0000;
 font-weight:bold;
 background-color:#FFF4F4;
}

.err img,
table.formTable th.errorItem img{
 vertical-align:middle;
 margin:0 5px 0 0;
}

.errInfo {
	background-image:url(/contactus/img/icn_err.gif);
	background-repeat:no-repeat;
	font-size:12px;
	line-height:1em;
	color:#ff0000;
	margin:5px 0px 0px 0px;
	padding:0.3em 1.3em;
}

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

ヘッダ

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

#head {
	height:130px;
	position:relative;
	overflow:hidden;
}

#head img#logo{
	position:absolute;
	top:23px;
	left:0;
}
#head img#logo:hover{
opacity:1;
filter:alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
background:none!important;
}

#head img#head_freecall{
	position:absolute;
	top:41px;
	right:0px;
}

#head img#head_cl{
	position:absolute;
	top:20px;
	right:0;
}

#head ul#head_oth{
	position:absolute;
	top:22px;
	right:0px;
	font-size:11px;
}

#head ul#head_oth li{
	background:url(/kids/contactus/image/icn01.jpg) no-repeat;
	float:left;
	padding-left:20px;
	margin-right:15px;
	font-size:11px;
 list-style-type: none;
 line-height:1em;
}

#head ul#head_oth li.r{
	margin-right:0;
 list-style-type: none;
 line-height:1em;
}

a {
	border:0;
/*	color:#06C;*/
	color:#555;
	text-decoration:none;
}
a:hover {
	color:#F60;
	text-decoration:underline;
}