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

/* 
===================== Universal reset ==========================
*/
img{
	/*max-width: 100%;*/
	height: auto;
	border: none;
	margin:0;
	}
.clear{
	clear: both;
	}


/* 
===================== Body and base setting ====================
*/
body{	
	background: url(img/bg.png);
	font-family: 'Lucida Grande', 'ヒラギノ角ゴ Pro W3', 'ＭＳ ゴシック', sans-serif;
	color: #A57552;
	font-size: 12px;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}


#wrap{
	margin: 0 auto;
}







/*--- とじるボタン ---*/
#close{
	text-align: center;
	margin: 20px auto 10px auto;
}
.button {
    background-color: #ffffff;
    border: 2px solid #d6cc98;
    border-radius: 25px;
    color: #9c6f3d;
    display: inline-block;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding: 4px 28px;
    text-decoration: none;
}


/*--- コピーライト ---*/
#copyright{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	color:#333;
	margin: 30px auto 20px auto;
	text-align: center;
}




/* 
===================== 申込フォーム ====================
*/

.vttl2{
	font-weight: bold;
	margin: 0 0 20px 0;
}

/*-------------------*/
input{
	height:20px;
	}




    ::-webkit-input-placeholder {
		font-size:14px;
    }
    /* Firefox 18 以前 */
    :-moz-placeholder {
        font-size:14px;
    }
    /* Firefox 19 以降 */
    ::-moz-placeholder {
        font-size:14px;
    }
    /* IE 10 以降 */
    :-ms-input-placeholder {
        font-size:14px;
    }
    /* CSS4では以下のような名前の擬似クラスになるらしい */
    /* おそらく今のところ対応ブラウザはない */
    :placeholder-shown {
        font-size:14px;
    }
/*-----------------*/


input[type="checkbox"],
input[type="radio"] { 
     margin:5px 3px 0 0; 
	 vertical-align: -4px;
}

input[disabled="disabled"]{
	color: #000;
	filter:alpha(opacity=100);
	opacity:1;
}


/*--- 確認　ボタン---*/
#btn_confirm a:link{
	border: 1px solid #CCC;
	width: 200px;
	height: 25px;
    background-color: #FF9;
    color: #630;
	font-size: 14px;
	font-weight: bold;
    display: block;
	margin: 10px auto 20px;
	padding: 5px 0 0 0;
    text-align: center;
    text-decoration: none;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	}
#btn_confirm a:visited{
	border: 1px solid #CCC;
	color: #630;
	}
#btn_confirm a:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
	}

/*--- もどるボタン ---*/
#btn_return a:link{
	border: 1px solid #CCC;
	width: 200px;
	height: 25px;
    background-color: #9CF;
	color: #630;
	font-size: 14px;
	font-weight: bold;
    display: block;
	margin: 10px auto;
	padding: 5px 0 0 0;
    text-align: center;
    text-decoration: none;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	}
#btn_return a:visited{
	border: 1px solid #CCC;
	color: #630;
	}
#btn_return a:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
	}
	
	
	
	


/* 
===================== TOP ====================
*/
#top{ text-align: center;}

#top img{
	width: 100%;
	max-width:700px;
}

.line{
	margin: 30px auto;
	text-align: center;
}
.line img{
	width: 100%;
	max-width:700px;
	text-align: center;
}

h2{}
h3{
	color: #E41991;/*#ff69b4*/
	font-size: 14px;
	}


.btn_area{
	margin: 50px auto 0 auto;
	text-align: center;
}

/*--- アンケートへボタン ---*/
.btn_anketo {
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background-color:#ffb300;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
text-indent:0px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color: #630;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
height:auto;
width:auto;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
padding: 15px 20px;
}
.btn_anketo:hover {
	background-color:#FFD600;
}
.btn_anketo:active {
	position:relative;
	top:1px;
}

/*--- もどるボタン ---*/
.btn_modoru {
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background-color: #eee;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
text-indent:0px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color: #630;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
height:auto;
width:auto;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
margin: 0 10px 0 0;
padding: 15px 20px;
}
.btn_modoru:hover {
	background-color: #ccc;
}
.btn_modoru:active {
	position:relative;
	top:1px;
}




	


/* 
===================== Anketo ====================
*/

.s_ttl{
	color: /*#0081A9*/#000;
	font-weight: bold;
	font-size:16px;
	background-color:#FFF;
	margin: 40px 0 0 0;
	padding: 20px 10px;
	text-align:center;
	border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
	}
.aru{
	color: #fff;
	background-color:#F37ED9;
}
.nai{
	color: #fff;
	background-color:#66BFEC;
}

.q_wrap{
	width: auto;
	margin: 0 0 30px 0;
	}

.q_ttl{
	width: auto;
	color: #DE75C4/*#CC6666*/;
	font-weight: bold;
	margin: 10px 0 5px 0;
	padding: 5px 5px 3px 5px;
	border-top: 1px solid #DE75C4/*#6AB7C9*/;
	border-bottom: 1px solid #DE75C4/*#6AB7C9*/;
	}
.label-important{
	color:#FFF;
	background-color: #DE75C4/*#C66*/;
	padding: 1px 4px 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 0 10px;
	}
.q_txt{
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
	}

.choices{
	color: #997f7f;
	font-weight: bold;
	background-color:#fff7f4;
	padding: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}
.choice_num{
	color: #997f7f;
	font-weight: bold;
	padding: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

.attention{
	color: #F00;
	font-size: 10px;
	line-height: 1.2em;
	margin: 0 0 8px 0;
	}
.error{
	color: #F00;
	font-weight: bold;
	margin-left: 10px;
	}


.m_btm_10{ margin: 0 0 10px 0;}
.m_btm_15{ margin: 0 0 15px 0;}

.gray{color: #997f7f;}

.juyo{
	color:#F33;
	font-weight:bold:
}

input{
	margin: 0 0 5px 0;
}


/* 
===================== Thankyou ====================
*/
ul{
	margin: 0 0 0 1em;
	padding: 0;
	}
li{
	margin: 7px 0 0 0;
	}


/*===============================================
スマホ  画面横幅767pxまで
===============================================*/
@media screen and (max-width:767px){


/*----------
FORM
-----------*/
input[type="text"] { 
width: 75%; 
margin: 0 0 8px 3px;
}







/*-----------------
    BTN_aru nai
---------------- */
.btn_aru_on{
	color: #fff;
	font-weight: bold;
	font-size:14px;
	width:43%;
	background-color: #F37ED9;
	border-radius:10px;
	margin: 10px auto 0 auto;
	padding:15px 5px 15px 5px;
	box-shadow: 0 9px 12px -9px #222;
	float: left;
}
.btn_nai_on{
	color: #fff;
	font-weight: bold;
	font-size:14px;
	width:43%;
	background-color: #66BFEC;
	border-radius:10px;
	margin: 10px auto 0 auto;
	padding:15px 5px 15px 5px;
	box-shadow: 0 9px 12px -9px #222;
	float: right;
}


.btn_aru_off{
	color: #fff;
	font-weight: bold;
	font-size:14px;
	width:43%;
	background-color: #F37ED9;
	border-radius:10px;
	margin: 10px auto 0 auto;
	padding:15px 5px 15px 5px;
	float: left;
	opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: “alpha( opacity=70 )”;
}
.btn_nai_off{
	color: #fff;
	font-weight: bold;
	font-size:14px;
	width:43%;
	background-color: #66BFEC;
	border-radius:10px;
	margin: 10px auto 0 auto;
	padding:15px 5px 15px 5px;
	float: right;
	opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: “alpha( opacity=70 )”;
}




/* 
===================== 告知 ====================
*/
#wrap_kokuchi{
	width: 90%;
	margin: 20px auto;
}

#comeon{
	color: #DE75C4;
	line-height: 1.5em;
	font-size: 18px;
	font-weight: bold;
	text-shadow:
		-1px -1px #fff,
		1px -1px #fff,
		-1px 1px #fff,
		1px 1px #fff;
	margin: 0 auto 20px auto;
	text-align: center;
}

#info{
	font-size: 14px;
	line-height: 1.5em;
	background-color: #fff;
	border-radius: 15px;
	margin: 20px auto;
	padding: 15px;
	box-shadow: 3px 5px 20px -9px #222;
	}
	
#prof{
	color: #968CCB;
	background-color: #fff;
	border-radius: 15px;
	margin: 20px auto;
	padding: 15px;
	box-shadow: 3px 5px 20px -9px #222;
}
#prof img{
	width: 100%;
}


#form_box{
	width: 90%;
	background-color: #fff;
	border-radius: 15px;
	margin: 10px auto;
	padding: 15px;
	box-shadow: 3px 5px 20px -9px #222;
}



/*----------------------------*/
/*anketo*/
#wrap_anketo{
	width: 90%;
	margin: 20px auto;
}


.q_linht{/* 19/21/22 */
	line-height: 3em
}


/*thank you*/
#contents{
	width: 80％;
	margin: 10px auto 15px auto;
	padding: 0 20px;
}

#bnr_hp{
	width: 90%;
	margin: 15px auto 30px auto;
	text-align: center;
}
#bnr_hp img{
	width: 90%;
	max-width:520px;
	text-align: center;
}


/*----------------------------*/
/* 応募要項　iframe */
*.logbox{
	background-color:#eee;
	font-weight: normal;
	/*font-size: 16px;*/
	/*border: solid 1px #808080;*/
	width: 90%;/*680*/
	height: 300px;
	margin: 0 auto 20px -3px;
    padding: 15px 20px;
    overflow: auto;
	text-align:left;
    }
.log_ttl{
	/*font-size: 18px;*/
	font-weight: bold;
	line-height: 0em;
}
ul li{
list-style-position:outside;
margin: 0 0 0 0;
}
ol li{
list-style-position:outside;
margin: 0 0 0 -20px;
}



/*---------------------------*/
/*レポート*/
#wrap_rpt{
	background-color: #fff;
	border-radius: 15px;
	margin: 20px auto;
	padding: 30px 15px 1px 15px;
	box-shadow: 3px 5px 20px -9px #222;
}
#wrap_rpt img{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.cmt{
	color: #968CCB;/*#A57552*/;
	line-height: 1.2em;
	font-size: 14px;
	margin: 5px auto 60px auto;
}


	
} /* /@media */



/*===============================================
タブレット  画面横幅1023pxまで
===============================================*/
@media screen and (min-width: 768px){

/*----------
FORM
-----------*/
input[type="text"] { 
width: 50%;
margin: 0 0 8px 3px;
 }


/*-----------------
    BTN_aru nai
---------------- */
.btn_aru_on{
	color: #fff;
	font-weight: bold;
	font-size:16px;
	width:220px;
	background-color: #F37ED9;
	border-radius:10px;
	margin: 10px 5px 0 20px;
	padding:15px 10px 15px 10px;
	box-shadow: 0 9px 12px -9px #222;
	text-align: center;
	float: left;
}
.btn_nai_on{
	color: #fff;
	font-weight: bold;
	font-size:16px;
	width:220px;
	background-color: #66BFEC;
	border-radius:10px;
	margin: 10px 20px 0 5px;
	padding:15px 10px 15px 10px;
	box-shadow: 0 9px 12px -9px #222;
	text-align: center;
	float: right;
}


.btn_aru_off{
	color: #fff;
	font-weight: bold;
	font-size:16px;
	width:220px;
	background-color: #F37ED9;
	border-radius:10px;
	margin: 10px 5px 0 20px;
	padding:15px 10px 15px 10px;
	text-align: center;
	float: left;
	opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: “alpha( opacity=70 )”;
}
.btn_nai_off{
	color: #fff;
	font-weight: bold;
	font-size:16px;
	width:220px;
	background-color: #66BFEC;
	border-radius:10px;
	margin: 10px 20px 0 5px;
	padding:15px 10px 15px 10px;
	text-align: center;
	float: right;
	opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: “alpha( opacity=70 )”;
}



/* 
===================== 告知 ====================
*/
#wrap_kokuchi{
	width: 70%;
	margin: 20px auto;
}

#comeon{
	color: #DE75C4;
	line-height: 1.5em;
	font-size:18px;
	font-weight: bold;
	text-shadow:
		-1px -1px #fff,
		1px -1px #fff,
		-1px 1px #fff,
		1px 1px #fff;
	margin: 0 auto 20px auto;
	text-align: center;
}

#info{
	font-size: 14px;
	line-height: 1.5em;
	background-color: #fff;
	border-radius: 15px;
	margin: 20px auto;
	padding: 15px;
	box-shadow: 3px 5px 20px -9px #222;
	}
	
#prof{
	color: #968CCB;
	background-color: #fff;
	border-radius: 15px;
	margin: 20px auto;
	padding: 15px;
	box-shadow: 3px 5px 20px -9px #222;
}
#prof img{
	width: 70%;
	max-width:419px;
}

#form_box{
	width: 70%;
	background-color: #fff;
	border-radius: 15px;
	margin: 20px auto;
	padding: 15px 15px 15px 30px;
	box-shadow: 3px 5px 20px -9px #222;
}



/*----------------------------*/
/*anketo*/
#wrap_anketo{
	width: 70%;
	margin: 20px auto;
}

.q_linht{/* 19/21/22 */
	line-height: 2.5em
}


/*thank you*/
#contents{
	width: 400px;
	margin: 10px auto 15px auto;
}

#bnr_hp{
	width: 70%;
	max-width: 520px;
	margin: 15px auto 30px auto;
	text-align: center;
}


/*---------------------------*/
/* 応募要項　iframe */
*.logbox{
	background-color:#eee;
	font-weight: normal;
	/*border: solid 1px #808080;*/
	width: 90%;/*680*/
	height: 500px;
	margin: 0 auto 20px auto;
    padding: 15px 20px;
    overflow: auto;
	text-align:left;
    }
.log_ttl{
	font-size: 14px;
	font-weight: bold;
	line-height: 0em;
}
ul li{
list-style-position:outside;
margin: 0 0 0 -20px;
}
ol li{
list-style-position:outside;
margin: 0 0 0 -20px;
}



/*---------------------------*/
/*レポート*/
#wrap_rpt{
	border-radius: 15px;
	background-color: #fff;
	margin: 20px auto;
	padding: 30px 20px 1px 20px;
	box-shadow: 3px 5px 20px -9px #222;
	text-align: center;
}

#wrap_rpt img{
	width: 100%;
	max-width:660px;
	margin: 0 auto;
	}


.cmt{
	width: 100%;
	color: #968CCB;/*#A57552;*/
	line-height: 1.2em;
	font-size: 16px;
	margin: 5px auto 60px auto;
	text-align: left;
}





} /* /@media */



/*===============================================
PC   画面横幅1024px以上
===============================================*/
@media screen and (min-width: 1024px){

/*----------
FORM
-----------*/
input[type="text"] { 
width: 50%;
margin: 0 0 8px 3px;
 }


/*-----------------
    BTN_aru nai
---------------- */
.btn_aru_on{
	color: #fff;
	font-weight: bold;
	font-size:16px;
	width:250px;
	background-color: #F37ED9;
	border-radius:10px;
	margin: 10px 10px 0 70px;
	padding:15px 5px 15px 10px;
	box-shadow: 0 9px 12px -9px #222;
	float: left;
}
.btn_nai_on{
	color: #fff;
	font-weight: bold;
	font-size:16px;
	width:250px;
	background-color: #66BFEC;
	border-radius:10px;
	margin: 10px 70px 0 10px;
	padding:15px 5px 15px 10px;
	box-shadow: 0 9px 12px -9px #222;
	float: right;
}


.btn_aru_off{
	color: #fff;
	font-weight: bold;
	font-size:16px;
	width:250px;
	background-color: #F37ED9;
	border-radius:10px;
	margin: 10px 10px 0 70px;
	padding:15px 5px 15px 10px;
	/*text-align: center;*/
	float: left;
	opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: “alpha( opacity=70 )”;
}
.btn_nai_off{
	color: #fff;
	font-weight: bold;
	font-size:16px;
	width:250px;
	background-color: #66BFEC;
	border-radius:10px;
	margin: 10px 70px 0 10px;
	padding:15px 5px 15px 10px;
	/*text-align: center;*/
	float: right;
	opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: “alpha( opacity=70 )”;
}



/* 
===================== 告知 ====================
*/
#wrap_kokuchi{
	width: 700px;
	margin: 20px auto;
}

#comeon{
	color: #DE75C4;
	line-height:1.5em;
	font-size: 16px;
	font-weight: bold;
	text-shadow:
		-1px -1px #fff,
		1px -1px #fff,
		-1px 1px #fff,
		1px 1px #fff;
	margin: 0 auto 20px auto;
	text-align: center;
}

#info{
	font-size: 14px;
	line-height: 1.5em;
	background-color: #fff;
	border-radius: 15px;
	margin: 20px auto;
	padding: 15px;
	box-shadow: 3px 5px 20px -9px #222;
	}
	
#prof{
	color: #968CCB;
	background-color: #fff;
	border-radius: 15px;
	margin: 20px auto;
	padding: 15px;
	box-shadow: 3px 5px 20px -9px #222;
}

#form_box{
	width: 655px;
	background-color: #fff;
	border-radius: 15px;
	margin: 20px auto;
	padding: 15px 15px 15px 30px;
	box-shadow: 3px 5px 20px -9px #222;
}


/*----------------------------*/
/*anketo*/
#wrap_anketo{
	width: 700px;
	margin: 30px auto 50px auto;
}

/*thank you*/
#contents{
	width: 400px;
	margin: 10px auto 15px auto;
}

#bnr_hp{
	max-width: 520px;
	margin: 15px auto 30px auto;
	text-align: center;
}


/*---------------------------*/
/* 応募要項　iframe */
*.logbox{
	background-color:#eee;
	font-weight: normal;
	/*border: solid 1px #808080;*/
	width: 90%;/*680*/
	height: 500px;
	margin: 0 auto 20px auto;
    padding: 15px 20px;
    overflow: auto;
	text-align:left;
    }
.log_ttl{
	font-size: 14px;
	font-weight: bold;
	line-height: 0em;
}
ul li{
list-style-position:outside;
margin: 0 0 0 10px;
}
ol li{
list-style-position:outside;
margin: 0 0 0 -20px;
}


/*---------------------------*/
/*レポート*/
#wrap_rpt{
	border-radius: 15px;
	background-color: #fff;
	margin: 20px auto;
	padding: 30px 20px 1px 20px;
	box-shadow: 3px 5px 20px -9px #222;
	text-align: center;
}

#wrap_rpt img{
	width: 100%;
	max-width:660px;
	}


.cmt{
	width: 660px;
	color: #968CCB;/*#A57552;*/
	line-height: 1.2em;
	font-size: 16px;
	margin: 5px auto 60px auto;
	text-align: left;
}



} /* /@media */