@charset "utf-8";

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

/* common */
html { overflow-y: scroll; }
dl:after { content: ""; display: block; height: 1px; clear: both; visibility: hidden; }
dl { display: inline-block; min-height: 1%; }

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

div { zoom: 1; }

body { font-size: 75%; line-height: 150%; 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.gif) left top repeat-x; }

#wrapper { width: 960px; text-align: left; margin: 0 auto; background: url(../images/common/header-bg.gif) left 45px no-repeat; }

/* header */
#h1left { width: 600px; float: left; height: 45px; overflow: hidden; }
h1 { font-size: x-small; line-height: 40px; font-weight: normal; padding: 5px 0 0; overflow: hidden; }
#h1right { width: 350px; float: right; height: 45px; overflow: hidden; }
.fscbox { padding: 5px 0 0 5px; }
.fsc { width: 160px; }
.fsc-th { width: 80px; }
.fsc-td { width: 80px; background: url(../images/common/font-size-td.gif) right top no-repeat; padding: 4px 0 4px 4px; }
.fsc-btn { width: 25px; float: left; }
.shop1 { width: 75px; float: right }
.shop2 { width: 75px; float: right }
.shop3 { width: 165px; float: right }

#header { overflow: hidden; height: 115px; }
#headnavi { clear: both; height: 30px; overflow: hidden; }
#headnavi ul { list-style: none; margin: 0; padding: 0; }
#headnavi li {  height: 30px; margin: 0; padding: 0; }
#hn1 { width: 71px; float: left;}
#hn2 { width: 71px; float: left;}
#hn3 { width: 71px; float: left;}
#hn4 { width: 71px; float: left;}
#hn5 { width: 131px; float: left;}
#hn6 { width: 81px; float: left;}


#globalnavi { height: 75px; overflow: hidden; }

#logo { width: 165px; float: left; height: 75px; overflow: hidden; margin: 0px; padding: 0; }

#globalnavi ul { list-style: none; margin: 0; padding: 35px 0 0; width: 679px; float: right; }
#globalnavi li { margin: 0; padding: 0; }
#gn1 { width: 133px; float: left; }
#gn2 { width: 133px; float: left; }
#gn3 { width: 147px; float: left; }
#gn4 { width: 133px; float: left; }
#gn5 { width: 133px; float: left; }

#menu li ul { position: absolute; left: 0px; top: 0px; margin: 42px; line-height: 16px; display: none; }
#menu li ul li a { }
#menu li ul li a:hover { display: block; }
.sub { border-width: 0 1px 1px 1px; border-style: solid; border-color: #090; background: #efe; }
.sub a { display: block; text-decoration: none; } 
.sub a:hover { display: block; }

/* pagebody */
#pagebody { }
#main { margin: 0 10px 10px; }
#pagebody ul { margin: 0; }
#pagebody ol { margin: 0; }
#pagebody li { margin: 0 0 0 2em; line-height: 1.5em; }
#main p { line-height: 1.5em; }

.sq { list-style-type: square; margin: 0 0 10px; } 

/* faq */
.qbx { padding: 0 30px 0 10px; line-height: 60px; background: url(../images/qbx.jpg) left top no-repeat; }

/* footer */
#textlink { clear: both; font-size: x-small; line-height: 20px; color: #030; width: 930px; float: left; }
#pagetop { text-align: right; padding: 50px 0 0; margin: 0; width: 20px; float: right; }
#footer { border-bottom: 5px solid #090; padding: 20px 0 0;}
address { font-size: x-small; line-height: 30px; color: #090; font-style: normal; }

/* index */
.appeal { width: 645px; float: left; }
.mainimg { margin: 0 0 15px; }
#ssc {}
.sscl { margin: 0 0 5px; float: left; }
.sscr { margin: 0 0 5px; float: right; }

#wn { width: 300px; float: right; }
#wn h3 { border-width: 5px 0 1px; border-style: solid; border-color: #090; }

.wn1-tb { width: 100%; margin: 0 0 10px; }
.wn1-th { width: 8em; text-align: left; background: url(../images/news-icon.gif) 5px center no-repeat; border-bottom: 1px dotted #ccc; padding: 4px 0 4px 24px; }
.wn1-td { border-bottom: 1px dotted #ccc; padding: 4px 0; }

.wn2-tb { width: 100%; margin: 0 0 10px; }
.wn2-th { width: 8em; text-align: left; background: url(../images/info-icon.gif) 5px center no-repeat; border-bottom: 1px dotted #ccc; padding: 4px 0 4px 24px;}
.wn2-td { border-bottom: 1px dotted #ccc; padding: 4px 0;}


#bn { }
#bn h3 { border-width: 5px 0 1px; border-style: solid; border-color: #090; }
.year { border-width: 1px 0; border-style: dotted; border-color: #ccc; padding: 5px 10px; }
.month { border-width: 0 0 1px; border-style: dotted; border-color: #ccc; margin: 0 0 15px; padding: 5px 10px; }
.bn1-tb { width: 100%; margin: 0 0 10px; border-top: 1px solid #090; }
.bn1-th { width: 8em; text-align: left; background: url(../images/news-icon.gif) 5px center no-repeat; border-bottom: 1px dotted #ccc; padding: 4px 0 4px 24px; }
.bn1-td { border-bottom: 1px dotted #ccc; padding: 4px 0; }
.bn2-tb { width: 100%; margin: 0 0 10px; border-top: 1px solid #090; }
.bn2-th { width: 8em; text-align: left; background: url(../images/info-icon.gif) 5px center no-repeat; border-bottom: 1px dotted #ccc; padding: 4px 0 4px 24px; }
.bn2-td { border-bottom: 1px dotted #ccc; padding: 4px 0; }

.dtpht { width: 320px; float: left; }
.dtfrm { margin: 5px; border: 1px solid #efefef; padding: 4px; }

/* inside - navigation */
.subnavi { width: 680px; height: 68px; line-height: 1.2em; margin: 0 0 15px; }
.subnavi ul { list-style: none; }
.subnavi li a { display: block; text-decoration: none; }
.subnavi li { float: left; width: 167px; height: 68px; }

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

/* faq */
#faq { margin: 0 0 15px; }
.questions_box h3 { }

/*cl04*//*list*/

.price { width: 100%; border: 1px solid #ccc; margin: 0 0 10px; }

.cl04box { margin: 0 0 10px; }
.upper { border-width: 5px 1px 1px 1px; border-style: solid; border-color: #090; background: url(../images/cl04box-bg.jpg) left top repeat-y; }
.cl04left1 { width: 789px; float: left; }
.cl04right1 { width: 168px; float: right; }
.clh4 { padding: 4px; }
.clicon { padding: 4px; }
.lower { border-width: 0 1px 1px 1px; border-style: solid; border-color: #090; padding: 9px; }
.cl04left2 { width: 410px; float: left; }
.cl04img1 { width: 200px; float: left; }
.cl04img2 { margin: 0 0 10px; }
.cl04dsc1 { width: 200px; float: right; }
.dt-tb1 { width: 100%; border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; }
.dt-th1 { width: 2.5em; padding: 4px 8px; text-align: left; vertical-align: top; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; background: #efefef; }
.dt-th2 { width: 6.5em; padding: 4px 8px; text-align: left; vertical-align: top; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; background: #efefef; }
.dt-th3 { width: 8.5em; padding: 4px 8px; text-align: left; vertical-align: top; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; background: #efefef; }
.dt-th4 { width: 7.5em; padding: 4px 8px; text-align: left; vertical-align: top; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; background: #efefef; }
.dt-td1 { padding: 4px 8px; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; }
.dt-td2 { padding: 4px 8px; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; text-align: center;}
.dt-td3 { padding: 4px 8px; border-width: 1px 0; border-style: solid; border-color: #fff #fff #ccc #fff; text-align: right; }
.dt-td4 { width:1.5em; padding: 4px 8px; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; }
.dt-td5 { width:1.5em; padding: 4px 8px; border-width: 1px 0; border-style: solid; border-color: #fff #fff #ccc #fff; text-align: center; }
.dt-td6 { width:1.5em; padding: 4px 8px; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; text-align: center; }

.cl04right2 { width: 520px; float: right; }
.ctbtn { float: left; margin: 0 0 10px; padding: 0 5px 10px 0; }

.l250 { width: 250px; float: left; display: inline; }
.r260 { width: 260px; float: right; display: inline; }

/* profile */
.prf-tb { width: 100%; margin: 0 0 15px; 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; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; background: #efefef; }
.prf-th1 { width: 5em; padding: 4px 8px; text-align: left; vertical-align: top; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; background: #efefef; }
.prf-th2{ width: 3em; padding: 4px 8px; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; background: #efefef; }
.prf-td { padding: 4px 8px; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; }

/* recruit */
.rcr-tb { width: 100%; margin: 0 0 15px; border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; }
.rcr-th { width: 6em; padding: 4px 8px; text-align: left; vertical-align: top; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; background: #efefef; }
.rcr-td { padding: 4px 8px; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; }
.caution { border: 3px double #090; background: #efe; padding: 5px 10px; font-weight: bold; color: #030; font-size: 1.2em; }

/* trivia */
.tb1 { width: 100%; }
.th1 { background: #090; padding: 4px 8px; text-align: left; border-width: 0 5px 5px 0; border-style: solid; border-color: #fff; color: #fff; width: 15em; }
.td1 { background: #efe; padding: 4px 8px; border-width: 0 0 5px; border-style: solid; border-color: #fff; color: #090; }

.tb2 { width: 100%; border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; margin: 0 0 10px;}
.th2-r { background: #efefef; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; text-align: left; }
.th2-c { background: #efefef; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; }
.td2 { border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; text-align: center; }

/* flow */
.flst160 { width: 160px; float: left; background: url(../images/flbg.jpg) left top no-repeat; color: #030; line-height: 1.25em; }
.fl160 { width: 160px; float: left; background: url(../images/flbg2.jpg) left top repeat-y; color: #030; line-height: 1.25em; }
.flgl160 { width: 160px; float: left; background: url(../images/frendbg.jpg) left bottom no-repeat; color: #fff; line-height: 1.25em; }
.fr790 { width: 790px; float: right; }
.pd10 { padding: 10px; text-align: center; }
.pdend10 { padding: 10px 10px 60px; text-align: center; }

/* faq */
.qbx { background: url(../images/qbx.jpg) left top no-repeat; padding: 0 10px 0 50px; line-height: 60px; }
.abx { background: url(../images/abx.jpg) left center no-repeat; margin: 10px 50px 35px; padding: 0 0 10px 50px; border-bottom: 1px dashed #090; min-height: 50px; _height: 50px; }
.l50 { line-height: 50px; }

/* area */
.tb3 { width: 100%; border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; margin: 0 0 10px;}
.th3-r { background: #efefef; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; text-align: left; }
.th3-c { background: #efefef; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; }
.td3 { border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; text-align: center; width: 10em; }


/* sitemap */
#sitemap h2 { margin: 0 0 10px; }
#sitemap h3 { margin: 0 0 10px; }

/* contact - form */
.frm-tb { width: 100%; border-width: 1px 0 0 5px; border-style: solid; border-color: #090; margin: 0 0 10px;}
.frm-th { text-align: left; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #fff #090 #090 #fff; padding: 4px 8px; background: #efe;}
.frm-td { width: 720px; padding: 4px 8px; border-width: 1px; border-style: solid; border-color: #fff #090 #090 #fff; }
.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: 720px; border: 1px solid #ccc; padding: 2px; }
#contbtn { padding: 5px; text-align: center; }

input[type="checkbox"], input[type="radio"] { vertical-align: middle; }
input, textarea { line-height: 1.4em; padding: 0; vertical-align: middle; }

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

/* general-purpose */
h2 { font-size: 1.5em; } /* 18px */
h3 { font-size: 1.2em; color: #090;} /* 16px */
h4 { font-size: 1.0em; color: #090; line-height: 1.5em; }
h5 { font-size: 1.0em; color: #090;}

.title01 { background: url(../images/common/h3-bg.gif) left top no-repeat; padding: 10px 10px 20px; line-height: 1.5em; color: #030; }
.title02 { border-left: 5px solid #030; padding: 0 0 0 10px; margin: 0 0 10px; color: #030; }
.em2 { margin: 0 2em 10px; }
.em2-end { margin: 0 2em 20px; }
.b { margin: 0 0 10px; padding: 4px 9px; border: 1px solid #030; }


p { zoom: 1; }

img { border: none; }

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

.paging img { vertical-align: middle; }

th, td, li { font: 1.0em/1.5em; }

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

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

.l470 { width: 470px; float: left; display: inline; }
.r470 { width: 470px; float: right; display: inline; }

.l710 { width: 710px; float: left; display: inline; }
.r710 { width: 710px; float: right; display: inline; }

.l750 { width: 750px; float: left; display: inline; }
.r750 { width: 750px; float: right; display: inline; }

.l770 { width: 770px; float: left; display: inline; }
.r180 { width: 180px; 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 */
.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; }

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }

.dk-tb {  }
.dk-th { background: #090; color: #fff; padding: 4px 8px; vertical-align: top; }
.dk-th2 { background: #cfc; padding: 4px 8px; vertical-align: top; text-align: left; }
.dk-td { background: #efe; padding: 4px 8px; vertical-align: top; }

/*--------------2010/8/3---------------------*/
.top_banner{
	width:605px;
	margin:0px 20px;
}

.left{float:left;}

.mr39{margin-right:39px;}

.mr15{margin-right:15px;}