/* ***********************************************************************
		Init 
*********************************************************************** */
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}

body{
font: 14px/22px "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
color: #333;
background:#fff;
} 

a{
color: #105395;
text-decoration:none;
}

a:hover{
color: #999;
}

#wrapper h2{
background: #ff6600 url(img/contact_title.jpg) no-repeat left center;
color:#fff;
font-size:18px;
font-weight:bold;
padding:20px 20px 0 0;
height:40px;
text-align:right;
}

#wrapper h3{
margin:20px 0 0 0;
font-size:16px;
}
	
/* ***********************************************************************
	Base Layout 
*********************************************************************** */
#page{
background: url(img/base_bg.jpg) no-repeat top;
width: 1022px;
margin: 20px auto;
}

#wrapper{
margin: 10px auto;
width: 980px;
padding:0 10px 0 10px;
border:solid 1px #d5d4d4;
}

#header{
height:50px;
position:relative;
padding:20px;
}

#main{
padding:20px;
margin-bottom:30px;
}

#main p{
margin:10px;
font-size:95%;
}

#footer{
clear:both;
margin-bottom:15px;
border-top:solid 6px #dbdadc;
text-align: center;
padding:15px;
}

/* ***********************************************************************
	header
*********************************************************************** */
#header {
position:relative;
}

.blog_title a{
background: url(img/id.png) no-repeat;
width:334px;
height:65px;
display:block;
}

.blog_title span{
visibility: hidden;
}

.site-description {
position:absolute;
top:20px;
left:120px;
font-size:11px;
width:250px;
}

.description{
position:absolute;
top:65px;
left:105px;
color:#666;
margin-left:15px;
font-weight:bold;
}	

/* ***********************************************************************
		Form
*********************************************************************** */
input[type="text"],input[type="email"],input[type="url"],input[type="tel"],textarea{
border:solid 1px #ccc;
padding: 5px;
color: #555;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

input[type="reset"], textarea{
border:1px solid #ccc;
padding: 5px;
color: #555;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
	
input[type="submit"]{
border:1px solid #ff4c1b;
padding: 4px 50px;
margin-top:10px;
color: #fff;
background:#ff6600;
cursor: pointer;
-webkit-appearance: none;
-webkit-border-radius: 5px;
-webkit-box-shadow: 1px 1px 3px #999;
-moz-border-radius: 5px;
-moz-box-shadow: 1px 1px 3px #999;
border-radius: 5px;
box-shadow:1px 1px 3px #999;
font-size:14px;
}

input[type="reset"]{
border:1px solid #ff4c1b;
padding: 4px 50px;
margin-top:10px;
color: #fff;
background:#ff6600;
cursor: pointer;
-webkit-appearance: none;
-webkit-border-radius: 5px;
-webkit-box-shadow: 1px 1px 3px #999;
-moz-border-radius: 5px;
-moz-box-shadow: 1px 1px 3px #999;
border-radius: 5px;
box-shadow:1px 1px 3px #999;
font-size:14px;
}

input[type="button"]{
border:1px solid #ff4c1b;
padding: 4px 50px;
margin-top:10px;
color: #fff;
background:#ff6600;
cursor: pointer;
-webkit-border-radius: 5px;
-webkit-box-shadow: 1px 1px 3px #999;
-moz-border-radius: 5px;
-moz-box-shadow: 1px 1px 3px #999;
border-radius: 5px;
box-shadow:1px 1px 3px #999;
font-size:14px;
}

.error-chk{
background:#ffe7e7;
}

.required{
background:#fffff0;
}
.w40{
width:40px;
}

.w250{
width:250px;
}

.w410{
width:410px;
}
.agree{
font-size:13px;
font-weight:bold;
border:solid 2px #ff4c1b;
padding:5px;
width:408px;
}

/* ***********************************************************************
		Footer
*********************************************************************** */
p.copy{
clear: both;
font-size:90%;
padding:10px 0 0 0;
color: #333;
text-align:center;
}

p.copy a{color: #999;}
p.copy a:hover{color: #ccc;}


/*基本設定
-----------------------------------------*/
.red {
	font-size: 12px;
	line-height: 18px;
	color: #FF0000;
}

.check {
	text-align: center;
	padding-top: 5px;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}

.sub-check{
margin-left:20px;
}

/* ***********************************************************************
	TABLE Design
*********************************************************************** */
table {
border-collapse: collapse;
width:100%;
background:#fff;
font-size:12px;
margin:5px 0 30px 0;
}

th.t_top {
border-top: #ff4c1b 2px solid;
width:230px;
}

th {
border-bottom: #f0f0f0 1px solid;
text-align: left;
padding: 10px;
font-weight: bold;
background:#f7f7f7;
}

td.t_top {
border-top: #ccc 2px solid;
}

td {
border-bottom: #f0f0f0 1px solid;
text-align: left;
padding: 10px;
}

tr:hover {
background: url(img/tdbg.png) ;
}