﻿/*hag_form.css
フォーム用CSS
*/

.body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}

*{font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',MS PGothic,sans-serif;

}

html{overflow:scroll;
}

a:hover {
text-decoration: underline;
color:#3366cc;
}

a img{
border:none;	
}

a {
color: #3366cc;
text-decoration: none;
}

div.form_page{
text-align:center;/*IE6のバグ用*/

}


.all_form{
box-shadow: 0px 2px 5px 2px lightgray;
-webkit-box-shadow : 0px 2px 5px 2px lightgray;
padding-top:10px;
padding-bottom:20px;
margin-top:10px;
margin-bottom:10px;
border:1px;
border-color:#DCDCDC;
border-style:solid;
font-size:12px;
margin-left: auto;
margin-right: auto;
text-align:left;/*IE6のバグ用*/
display:inline-block;
color:#4D4D4D;
line-height:1.5em;
#width:500px;/*IE7用のハック*/
}

h1.form_title{
border:1px #A9A9A9 solid;
font-size:12px;
background-image:url('../img/st_bg2.gif');
font-weight:bold;	
padding-left:5px;
color:#4D4D4D;
margin-bottom:15px;
line-height:1.5em;
}

h1.form_title span{
color:#FFFFFF;	
}

div.all_form h2{
background-color:#F5F5F5;
font-size:12px;	
font-weight:normal;
margin-right:10px;
margin-left:10px;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
margin-bottom:10px;
clear:both;
}

div.all_form h2 span{
padding-left:15px;
background-image:url('../img/yaji.gif');
background-repeat:no-repeat;
background-position:left center;
}

div.all_form span.attention{
margin-left:25px;
color:#FF6600;
}

.koumoku dt{
clear: both;
list-style-position: outside;
list-style:none;
float:left;
display:block;
width: 165px;
padding-left:8px;
padding-top:8px;
}

.koumoku dd{
background-image:url('../img/dot2a.gif');
background-repeat:repeat-x;
background-position:center bottom;
padding-top:6px;
padding-bottom:13px;
list-style-position: outside;
list-style:none;
padding-left:175px;
}

#last {
background-image:none;

padding-bottom:5px;
}

#bikou {
background-image:none;
padding-top:10px;
padding-bottom:5px;
padding-left:155px;

}

.koumoku dd span{
font-size:11px;
}

dt.basic_align{
padding-top:3px;
}

dt.line_align{
padding-top:13px;
}

dt.number_align{
padding-top:15px;
}

dt.bikou_align{
width:140px;
padding-top:70px;
}

label span{
color:#FF6600;
vertical-align:super;
display:inline-block;
}

div.form_box{
border:1px #EEEEEE solid;
margin-right:auto;
margin-left:auto;
width:465px;
text-align:left;
overflow:hidden;
margin-bottom:10px;
margin-top:10px;
padding-top:0px;
padding-bottom:0px;
}

.center{
text-align:center;/*IE6のバグ用*/
}

div.text_box{
margin:10px;
text-align:center;
}

div.text_box p{
font-size:11px;
text-align:left;
}

ul.hosoku_box{
padding-left:10px;
margin-bottom:20px;
list-style:none;
margin-right:0px;
margin-left:0px;
font-size:11px;
}

ul.hosoku_box li{
margin-bottom:5px;
}

div.entry_button{
text-align:center;
}

div.entry_button p{
background-color:#FFF4F9;
padding:5px;
margin-right:20px;
margin-left:20px;
border:1px solid #FF3300;
}

div.last_button{
text-align:center;	
margin-bottom:10px;
}

input.basic{
font-size:12px;
width:175px;
}

input.post{
font-size:12px;
width:100px;
}

input.number{
font-size:12px;	
width:45px;
}

input.company{
font-size:12px;
width:195px;
}

input.address{
font-size:12px;
width:235px;
}

textarea.textarea{
width:470px;
height:174px;
}

input.basic{
font-size:12px;
width:175px;
}

input.basic_2{
ime-mode: disabled;
font-size:12px;
width:175px;
}

div.license_box{
padding-right:10px;
padding-left:12px;}

div.verlicense_box{
padding-right:10px;
padding-left:25px;}

div.license_box p{
font-weight:bold;
margin-bottom:5px;
}

div.verlicense_box p{
font-weight:bold;
margin-bottom:5px;
}

table{
margin-bottom:5px;
font-size:12px;	
border:1px #3366CC solid;
border-collapse:collapse;
}

table.td span{
font-weight:bold;
vertical-align:baseline;}

td.left_part{
background-color:#D9F0FF;
font-weight:bold;
padding-top:5px;
padding-bottom:5px;
padding-left:15px;
padding-right:15px;
border:1px #3366CC solid;
border-collapse:collapse;
}

td.right_part{
padding-top:5px;
padding-bottom:5px;
padding-left:15px;
padding-right:15px;
background-color:#F4FBFF;
font-weight:bold;}

td.right_part span{
color:#CC0033;
font-weight:bold;}

dd#bikou textarea.textarea{
width:267px;
height:140px;
}

div.all_form#school{
#width:478px;/*IE7用のハック*/
}

div.all_form#buy{
#width:478px;/*IE7用のハック*/
}

div.all_form#buy div.form_box{
border:1px #EEEEEE solid;
margin-right:auto;
margin-left:auto;
width:430px;
text-align:left;}

div.all_form#school div.form_box{
border:1px #EEEEEE solid;
margin-right:auto;
margin-left:auto;
width:430px;
text-align:left;
}

div.all_form#school ul.housoku_box{
margin-right:10px;
margin-left:10px;
}

div.all_form#buy ul.hosoku_box{
margin-right:10px;
margin-left:10px;
}

div.temp_box{
border:1px #FF3300 solid;
background-color:#FFDDDD;	
padding-top:10px;
padding-bottom:10px;
margin-bottom:20px;
margin-left:30px;
margin-right:30px;
text-align:center;
}

div.temp_box p span{	
font-weight:bold;
}

div.temp_box p{	
text-align:left;
padding-right:15px;
padding-left:15px;
padding-top:5px;
}

div.temp_box a{	
font-weight:bold;}

div.kakunin_box{
margin-right:20px;
margin-left:20px;
width:460px;
border:1px #FF3300 solid;
background-color:#FFDDDD;	
padding-top:5px;
padding-bottom:5px;
margin-bottom:20px;
}

div.kakunin_box p{
padding-right:10px;
padding-left:10px;
margin-bottom:5px;
}

div.kakunin_box p span{
font-weight:bold;
margin-bottom:5px;
}

div.kakunin_box ul{
margin-left:35px;
}

div.kakunin_box ul li span{
font-weight:bold;
}