/*==============================
		初期化
==============================*/

*{
margin: 0;
padding: 0;
font-size:10.5pt;
}

ul, ol{
list-style: none;
}

body{
font-size:83%;
color:#4b5878;
line-height:160%;
background-image:url(../img/background.jpg);
background-repeat:repeat;
}

a{
color:#597daf;
}


/*==============================
		大きなコンテナ
==============================*/

div#all{
width:780px;
background-image:url(../img/background_white.jpg);
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}

div#all_in{
width:760px;
margin-left:auto;
margin-right:auto;
}

div#contents_in{
width:680px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

div.subcon{
width:640px;
margin-top:20px;
margin-bottom:60px;
margin-left:auto;
margin-right:auto;
}

div#foot{
clear:both;
margin-bottom:0px;
border-top-color:#f4d23d;
border-top-style:dashed;
border-top-width:1px;
font-weight:bold;
text-align:center;
padding-top:15px;
padding-bottom:15px;
}

/*=================================
タイトル欄
==================================*/

h1{
width:760px;
height:290px;
background-image:url(../img/title.jpg);
background-repeat:no-repeat;
text-indent:-2000px;
overflow:hidden;
}

h2#flow{
width:680px;
height:40px;
margin-top:20px;
text-indent:-2000px;
overflow:hidden;
background-image:url(../img/line__flow.jpg);
}

h2#comment{
clear:both;
width:680px;
height:40px;
text-indent:-2000px;
overflow:hidden;
background-image:url(../img/line__comment.jpg);
}

h2#message{
width:680px;
height:40px;
text-indent:-2000px;
overflow:hidden;
margin-top:70px;
background-image:url(../img/line__message.jpg);
}

h2#process{
width:680px;
height:40px;
text-indent:-2000px;
overflow:hidden;
margin-top:70px;
background-image:url(../img/line__process.jpg);
}

h2#input{
clear:both;
width:680px;
height:40px;
text-indent:-2000px;
overflow:hidden;
background-image:url(../img/line_input.jpg);
}

h2#view{
clear:both;
width:680px;
height:40px;
text-indent:-2000px;
overflow:hidden;
background-image:url(../img/line_view.jpg);
}

h2#complete{
clear:both;
width:680px;
height:40px;
text-indent:-2000px;
overflow:hidden;
background-image:url(../img/line_complete.jpg);
}


p#ayase{
width:370px;
height:20px;
float:left;
margin-left:10px;
margin-top:10px;
}

p#icchi{
width:200px;
height:20px;
margin-top:10px;
float:left;
}

p#counter{
width:600px;
padding:20px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:30px;
border-style:dashed;
border-width:1px;
border-color:#FF9900;
}

span.big_color{
font-size:20pt;
font-weight:bold;
color:#FF0000;
}

span.big{
font-size:14pt;
font-weight:bold;
}

span.big_color_thin{
font-size:18pt;
color:#CC9900;
}

span.big_thin{
font-size:12pt;
}

img{
border:none;
}

/*=================================
				メッセージを預ける
==================================*/

img#button_text{
border:none;
margin-bottom:10px;
}

img#button_img{
border:none;
}

div.button_wrap{
width:450px;
float:left;
margin-bottom:70px;
}

div.mobile_wrap{
width:180px;
height:205px;
float:left;
margin-bottom:70px;
border-color:#f4d23d;
border-style:dashed;
border-width:1px;
color:#FF0000;
font-weight:bold;
text-align:center;
}


/*=========================================
					フォーム
==========================================*/

p#mail{
width:440px;
padding-bottom:20px;
margin-top:5px;
margin-left:auto;
margin-right:auto;
}

p.left{
width:150px;
height:30px;
float:left;
}

div.right{
float:left;
}

.form{
width:170px;
padding:3px;
}

form input.mail{
width:400px;
height:35px;
font-size:24px;
font-weight:bold;
margin-left:15px;
}

form textarea{
width:280px;
height:250px;
margin-top:10px;
}

div.form_wrap{
clear:both;
height:50px;
width:450px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
border-bottom:1px;
border-bottom-style:dashed;
border-bottom-color:#666666;
}

div.form_wrap_2{
clear:both;
width:450px;
height:285px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
border-bottom:1px;
border-bottom-style:dashed;
border-bottom-color:#666666;
}

div.form_wrap_3{
clear:both;
width:450px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
border-bottom:1px;
border-bottom-style:dashed;
border-bottom-color:#666666;
}

#button{
clear:both;
width:150px;
height:50px;
margin-top:30px;
margin-left:240px;
}

span.attention{
color:#ff0033;
font-size:12px;
}

span.red{
color:#FF3333;
}

p#imgform_text{
width:420px;
border-color:#f4d23d;
border-style:dashed;
border-width:2px;
margin-bottom:20px;
padding:20px;
margin-left:auto;
margin-right:auto;
}

/*================================
				02　入力チェック
================================*/


p#attention{
width:420px;
padding:20px;
margin-top:30px;
margin-bottom:10px;
text-align:center;
color:#CD1443;
border-width:1px;
border-color:#CD1443;
border-style:solid;
margin-left:auto;
margin-right:auto;
}

span.mail_big{
font-size:30px;
}

div.form_wrap_message{
clear:both;
width:450px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom:40px;
border-bottom:1px;
border-bottom-style:dashed;
border-bottom-color:#666666;
}


/*================================
				03　完了
================================*/

p.attention{
width:360px;
border:1px;
border-style:dashed;
border-color:#FF6666;
margin-left:auto;
margin-right:auto;
font-weight:bold;
padding:20px;
font-size:24px;
color:#FF6666;
}

p.attention_text{
width:360px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}




p.over_message{
font-weight:bold;
margin-top:20px;
margin-bottom:50px;
height:50px;
text-align:center;
}