@charset "utf-8";

/* universal-serector reset */
* { margin: 0; padding: 0; }
ul, ol, { margin: 0; padding: 0;}
th, td, li { font-size: 1.0em; line-height: 1.5em; }

/* common */
html { overflow-y: scroll; height: 100%; }
/* IE7でpadding指定 */ 
*:first-child+html body { 
padding-left: 1px; 
} 
 
/* IE6以下でpadding指定 */ 
*html body { 
padding-left: 1px; 
}

div, p { /zoom: 1; }
div:after, p:after { content: ''; display: block; clear: both; }


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

#wrapper { width: 800px; text-align: left; margin: 0 auto; min-height: 100%; _height: 100%; background: url(../images/common/wbg.gif) repeat-y; }

/* header */
h1 { font-size: 0.76em; font-weight: normal; line-height: 30px; background: url(../images/common/h1-bg.jpg) left bottom no-repeat #efefef; text-align: right; padding: 0 19px; border-top:5px solid #369; margin: 0 1px;}
#header { background: url(../images/common/header-bg.jpg) left bottom repeat-x #fff; overflow: hidden; padding:0 20px 0 0; border-bottom:20px solid #fff;}
#logo { width: 360px; float: left; }
#telno { width: 290px; float: right; }
#mailto { width: 110px; float: right; }

/* navigation */
#navi { clear: both; overflow: hidden; height: 30px; background: url(../images/common/navi/navi-bg.jpg) left top no-repeat; }
#navi ul { list-style-type: none; margin: 0; padding: 0; width: 499px; float: right; }
#navi li { margin: 0 0 0 1px; padding: 0; float: left; }

/* pagebody */
#pagebody { padding: 0px 20px; background-color:#fff; border-bottom:1px solid #fff; height:1%; }
#pagebody ul { margin: 0 0 20px; }
#pagebody ol { margin: 0 0 20px; }
#pagebody li { margin: 0 0 0 2em; }
#pagebody p { line-height: 1.5em; }

#headnavi { width: 380px; float: right; line-height: 1.0em; }
#headnavi ul { list-style: none; }
#headnavi li a { display: block; text-decoration: none; }
#headnavi li { float: left; height: 22px; }
#headnavi1 { width: 76px; }
#headnavi2 { width: 76px; }
#headnavi3 { width: 76px; }
#headnavi4 { width: 76px; }
#headnavi5 { width: 76px; }

/* footer */
#footer { clear: both; background: url(../images/common/footer-bg.jpg) left top repeat-x #efefef; height: 70px; 
	/*position: relative;
	margin: -100px auto 0; /* negative value of footer height */
	padding: 30px 20px 0;
	clear:both;
	/*width: 760px;*/}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

#textlink { font-size: 0.76em; line-height: 30px; border-bottom: 1px dotted #666; }
address { font-size: 0.76em; line-height: 20px; font-style: normal; width: 690px; float: left; padding: 6px 0 0; }
#pagetop { width: 68px; float: right; }
#pagetop img { padding: 6px 0 0; }

/* index */
.appeal { width: 520px; float: left; background: url(../images/appeal-bg.jpg) left 44px no-repeat; }
.mainimg { margin: 0 0 20px; }
.ssc { width:; float:right; }

.wn {}
.wn-tb { width: 100%; }
.wn-th {}
.wn-td {}

/* services */
.sv-tb { width: 100%; border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; margin: 0 0 20px;}
.sv-th { background: #efefef; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; text-align: center; }
.sv-td { border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; }

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

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

/* inquiry - form */
.frm-tb { width: 100%; border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; margin: 0 0 10px;}
.frm-th { background: #efefef; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; text-align: left; }
.frm-td { width: 520px; 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: 520px; border: 1px solid #ccc; padding: 2px; }
textarea { width: 520px; border: 1px solid #ccc; padding: 2px; font-size: 1.0em; }
.contbtn { padding: 5px; text-align: center; }
.pp { height: 100px; overflow-y: auto; overflow-x: hidden; border: 1px solid #ccc; padding: 9px; }

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, a:visited { color: #036; text-decoration: underline; } 
a:hover { color: #036; text-decoration: underline; } 
a:active { color: #036; text-decoration: none; } 

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

.title01 { border-bottom: 2px solid #369; padding: 0 0 5px; margin: 0 0 10px; color: #369;}
.title02 { border-left: 5px solid #69c; padding: 0 0 0 10px; margin: 0 0 10px; color: #69c;}
.title03 { color: #000; }

img { border: none; }

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

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




/*
.tb1 { width: 100%; border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; margin: 0 0 10px;}
.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 20px 0; border-style: solid; border-color: #fff; }
.imgr { float: right; display: inline; border-width: 0 0 20px 10px; border-style: solid; border-color: #fff; }

.l160 { width: 160px; float: left; display: inline; }
.r160 { width: 160px; float: right; display: inline; }

.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; }

.l340 { width: 340px; float: left; display: inline; }
.r340 { width: 340px; float: right; display: inline; }

.l370 { width: 370px; float: left; display: inline; }
.r370 { width: 370px; float: right; display: inline; }

.l390 { width: 390px; float: left; display: inline; }
.r390 { width: 390px; 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; }