@charset "utf-8";

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/** base style */

/* Text Format */
body { color: #101010; font-size: 12px; line-height: 1.0; font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3", "Arial","Helvetica",sans-serif; }

h1, h2, h3, h4, h5 { font-weight: bold; }
a,
a:hover,
a:visited,
a:active { color: #51c10e; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
p { margin-bottom: 1em; }
table { text-align: left; }
img { vertical-align: bottom; }

/* Wrapper */
body,
html { width: 650px; height: 930px; background: #FFFFFF; }

/* Header */
#Header .inner { position: relative; margin: 0 auto; width: 980px; height: 80px; background-color: #FFF; }
#Header a:hover { text-decoration: none; }

/** * hgroup */
#Header .hgroup { position: absolute; top: 27px; }

#Header .hgroup h1,
#Header .hgroup h2 { display: inline; line-height: 1; }
#Header .hgroup img { vertical-align: text-bottom; }
#Header .hgroup h2 { font-size: 11px; font-weight: normal; }

/* Footer */
#Footer .colophon { position: relative; height: 50px; font-size: x-small; width: 980px; margin: 0 auto; text-align: right; padding-top: 10px; }


/* MainContent */
.container { position: relative; margin: 0 auto; width: 1000px; zoom: 1; }

.container:after { content: "."; display: block; height: 0; clear: both; line-height: 0; visibility: hidden; }

/* SingleColumn */
.frame {  }
.frame-wrapper {  }
.frame-inner {  }

#Article.single { float: none; padding: 0 0px 40px; width: 930px; }
#Article .page-title { margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px solid #c5c5c5; line-height: 1.3; }

/* Layout */
/*
.absolute { position: absolute; }.float li { float: left; list-style: none; } .clearfix, .section { zoom: 1; } .clearfix:after, .section:after { content: "."; display: block; height: 0; clear: both; line-height: 0; visibility: hidden; } .center { text-align: center; } .right { text-align: right; } .left { text-align: left; }
*/

/* Items */
.note { margin-top: 4px; font-size: 80%; line-height: 1.5; }

span.note { line-height: inherit; }

.hover img:hover,
.hover input[type=image]:hover { opacity: 0.5; }

.topicpath { margin-left: 10px; padding-top: 10px; height: 29px; font-size: 80%; font-weight: normal; }

.topicpath a,
.topicpath a:link,
.topicpath a:visited { color: #4d4d4d; }

.topicpath a:hover { color: #51c10e; text-decoration: underline; }
.imeoff { ime-mode: disabled; }
img.button { cursor: pointer; }

/* form */
.contact-forms { margin: 0px 20px 15px; width: 695px; }
.form-title { color: #333; font-weight: bold; }
table.forms { margin-left: -2px; width: 650px; line-height: 1.3; }

table.forms th,
table.forms td { padding: 3px 10px 3px; border: 1px #b6b6b6 solid; }
table.forms th { background: #E4F1F9; vertical-align: middle; color: #333;  white-space: nowrap; }
table.forms td { color: #333; width: 70%; }
.forms .note { line-height: 1.6; }

.forms input[type=text],
.forms textarea { padding: 3px; margin-bottom: 2px; width: 99%; _width: 98%; border: 2px solid #cfcfcf; border-right-width: 1px; border-bottom-width: 1px; vertical-align:middle; }
.forms input.text2 { margin:0 10px 0 0; width:200px; }
.forms input.short { margin:0 20px 0 10px; width:130px; }
.forms input.short2 { margin:0 10px 0 0; width:230px; }
.forms textarea { height: 7em;resize:none; }
.forms input[type=radio] { margin: 0 5px; vertical-align: middle; }

.forms select { margin:0 5px 0 0; width:240px;}

/** * buttons */
.buttons { margin: 25px 0 0; text-align: center; }

.buttons img,
.buttons input { margin: 15px 8px 0; }


/**  item */
.forms input[name=postcode] { width: 130px; margin: 0 10px; }
.forms input.work-other { margin-left:10px; width:150px; }