@charset "utf-8";

/* universal-serector reset */
* { margin: 0; padding: 0; }
body, ul, ol, li { margin: 0; padding: 0;}

/* common */
html { overflow-y: scroll; }
dl { display: inline-block; min-height: 1%; }

/* No MAC IE \*/
* html dl { height: 1%; }
dl { display: block; }

div { zoom: 1; }

body { font-size: 81%; line-height: 1.62em; font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; color: #000; text-align: center; text-align: justify; text-justify: inter-ideograph; background: url(../images/common/bg.jpg) left top no-repeat #def; }

#wrapper { width: 760px; text-align: left; margin: 0 auto; border-width: 0 1px; border-style: solid; border-color: #ccc; background: #fff; padding: 0 20px; }

/* header */
#header { overflow: hidden; border-top: 5px solid #069; }
h1 { font-size: 0.86em; font-weight: normal; line-height: 15px; padding: 5px 0;}
#logo { width: 385px; float: left; }

/* navigation */
#navi { /*background: url(../images/common/navi/navi-bg.jpg) left top no-repeat;*/ overflow: hidden; }
#navi ul { list-style-type: none; margin: 0; padding: 0; }
#navi li { margin: 0; padding: 0; float: left; }

/* pagebody */
#pagebody { clear: both; padding: 20px 0 0;}
#pagebody ul { margin: 0; }
#pagebody ol { margin: 0; }
#pagebody li { margin: 0 0 0 4em; }
#pagebody p { line-height: 1.5em; }

#headnavi { text-align: right; font-size: 0.86em; line-height: 30px; padding: 25px 0 0; }
#headnavi a { text-decoration: none; }
#headnavi1 { width: 76px; }
#headnavi2 { width: 76px; }
#headnavi3 { width: 76px; }
#headnavi4 { width: 76px; }
#headnavi5 { width: 76px; }

/* footer */
#textlink { font-size: 0.86em; line-height:20px; }
#pagetop { width: 60px; float: right; }
#footer { clear: both; background: #069; padding: 0 10px; color: #fff; }
address { font-size: 0.86em; line-height: 20px; font-style: normal; }

/* index */
.appeal { width: 370px; float: left; display: inline; }
.ssc { width: 370px; float: right; display: inline; }



.ln { clear: both; }

/* inside - navigation */
#sidenavi { width: 180px; float: left; line-height: 1.2em; margin: 0 0 35px; }
#sidenavi ul { list-style: none; }
#sidenavi li { margin: 0 0 2px; padding: 0; border-width: 1px 0 2px; border-style: solid; border-color: #efefef #fff #ccc; }
#sidenavi li a { display: block; text-decoration: none; border-left: 5px solid #069; padding: 5px; }
#sidenavi li a:link, #sidenavi li a:visited { background: #def; }
#sidenavi li a:hover { background: #69c; color: #fff; }
#sidenavi li a:active { background: #def; }

#cl01 { width: 560px; float: right; }
#cl01 .gotoform a { display: block; text-decoration: none; padding: 5px 10px; border-width: 1px 5px 2px 1px; border-style: solid; border-color: #efefef #069 #ccc #efefef; }
#cl01 .gotoform a:link, #cl01 .gotoform a:visited { background: #def; }
#cl01 .gotoform a:hover { background: #69c; color: #fff; }
#cl01 .gotoform a:active { background: #def; }
.clbox { border: 1px dotted #069; padding: 9px; margin: 0 0 35px; }

/* access */
.map { width: 400px; float: left; display: inline; }
.access { width: 260px; float: right; display: inline; }

/* company */
.prf-tb { width: 100%; margin: 0 0 35px; border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc;}
.prf-th { width: 6em; padding: 4px 8px; text-align: left; vertical-align: top; background: #efefef; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; }
.prf-td { padding: 4px 8px; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; }

/* contact - form */
.frm-tb { width: 100%; border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; margin: 0 0 10px; }
.frm-th { text-align: left; background: #efefef; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; }
.frm-td { width: 600px; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px; }
.form-s { width: 100px; border: 1px solid #ccc; padding: 2px; }
.form-m { width: 200px; border: 1px solid #ccc; padding: 2px; }
.form-l { width: 400px; border: 1px solid #ccc; padding: 2px; }
textarea { width: 600px; border: 1px solid #ccc; padding: 2px; font-size: 1.0em; }
.contbtn { padding: 5px; text-align: center; }

.frm2-tb { width: 100%; border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; margin: 0 0 10px; }
.frm2-th { width: 12em; text-align: left; background: #efefef; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; }
.frm3-th { text-align: center; background: #efefef; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; }
.frm4-th { text-align: left; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; }
.frm2-td { border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px; }
.frm3-td { width: 10em; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; text-align: right; }

input[type="checkbox"], input[type="radio"] { vertical-align: middle; }
input, textarea { font-size: 1.0em; padding: 0; vertical-align: middle; }

/* link */
a { outline: none; }
a:link { color: #06c; text-decoration: underline; } 
a:visited { color: #06c; text-decoration: underline; } 
a:hover, a:active { color: #06c; text-decoration: none; } 

/* general-purpose */
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; }

.title01 { border-bottom: 3px solid #069; padding: 0 0 5px; margin: 0 0 10px; }
.title01-1 { border-bottom: 3px solid #069; padding: 0 0 5px; margin: 35px 0 10px; }
.title02 { border-left: 5px solid #069; padding: 0 0 0 10px; margin: 0 0 10px; }
.title03 { color: #069; margin: 0 0 10px; }
.title03-1 { color: #069; margin: 35px 0 10px; }

 
p { zoom: 1; }
.at { padding: 0 0 35px 1em; }
.at-sub { text-indent: -1em; }

img { border: none; vertical-align: middle; }

.clr { clear: both; }
.pg-brk { page-break-before: always; }

.paging {}
.paging img { vertical-align: middle; }

th, td, li { font-size: 1.0em; line-height: 1.5em; }

.tb1 { width: 100%; border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; margin: 0 0 35px;}
.th1 { background: #efefef; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; text-align: left; }
.td1 { border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; }

/* align */
.tar { text-align: right }
.tac { text-align: center }
.tal { text-align: left }

/* float */
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }

.imgl { float: left; display: inline; border-width: 0 10px 35px 0; border-style: solid; border-color: #fff; }
.imgl-2 { float: left; display: inline; border-width: 0 10px 0 0; border-style: solid; border-color: #fff; }
.imgl-3 { float: left; display: inline; border-width: 0 10px 10px 0; border-style: solid; border-color: #fff; }
.imgr { float: right; display: inline; border-width: 0 0 35px 10px; border-style: solid; border-color: #fff; }

.l200 { width: 200px; float: left; display: inline; }
.r200 { width: 200px; float: right; display: inline; }

.l240 { width: 240px; float: left; display: inline; }
.r240 { width: 240px; float: right; display: inline; }

.l500 { width: 500px; float: left; display: inline; }
.r500 { width: 500px; float: right; display: inline; }


/* decoration */
.red { color: #c00; }
.blue { color: #06c; }
.green { color: #090; }
.yellow { color: #ffc; }
.cyan { color: #0cc; }
.orange { color: #f60; }

.strong { font-weight: bold; }

/* margin padding */
.mb00 { margin: 0; }
.mb05 { margin: 0 0 5px; }
.mb10 { margin: 0 0 10px; }
.mb15 { margin: 0 0 15px; }
.mb20 { margin: 0 0 20px; }
.mb35 { margin: 0 0 35px; }

.left{float:left;}
.right{float:right;}
.w370{width:370px;}