/*
 font-size
    18px  113%
    16px  100%
    15px  94%
    14px  88%
    13px  82%
    12px  75%
    11px  69%
    10px  63%
*/
body {
    color:#333333;
    background:#FFFFFF;
    margin:0; padding:0;
    line-height:1.5;
    font-family:sans-serif;
}
div  { width:auto; margin:0; padding:0; }
td,th { color:inherit; }
em,strong { font-style:normal; font-weight:bold; }
form { margin:0; }
img { border:none; }
p { margin:1em 0; }
dl { margin:1em 0; }
dd { margin:0 0 0 3em; }
ol { margin:1em 0 1em 3em; padding:0; }
ul { margin:1em 0 1em 2em; padding:0; }
h1,h2,h3,h4,h5,h6 { font-size:100%; margin:0; font-weight:bold; }
fieldset { margin:1em 0; padding:5px; }
legend { font-weight:bold; }
hr { margin:0; padding:0; height:0; border-top:solid 1px silver; border-width:1px 0 0; }
a:link   { text-decoration:underline; color:#0071BC; }
a:visited{ text-decoration:underline; }
a:hover  { text-decoration:none; color:#ff0000; }
a.anc { color:inherit; text-decoration:none; }
/* a[target="_blank"] { background:url(link.png) no-repeat 100% 50%; padding-right:16px; } */
* html a.blank { background:url(pdf.png) no-repeat 100% 50%; }
/* a[href$=".pdf"] { background:url(pdf.png) no-repeat 100% 50%; }
 * * html a.pdf { background:url(pdf.png) no-repeat 100% 50%; }
 */

/*
  clearfix
*/
.pkg:after,
#content:after {
    content:" ";
    display:block;
    visibility:hidden;
    clear:both;
    height:1px;
    font-size: 0.1em;
    line-height:0;
}
/* ie 7 */
.pkg,
#content { display:inline-block; }
/* ie 5.5 - 7 */
/* #contents-inner { zoom:1; } */
/* no ie mac \*/
* html .pkg,
* html #content { height:1%; }
.pkg,
#content { display:block; }
/*
    global
*/
div.hr { margin:0; padding:0; height:0; border-top:solid 1px #3A78B5; }
div.hr hr { display:none; }
a.img { display:block; text-decoration:none; overflow:hidden; }
.img { display:block; text-indent:-9999px; position:relative; vertical-align:middle; font-size:0; background-repeat:no-repeat; }
.img * { margin:0; padding:0; list-style-type:none; font-size:0; border:none !important; }
.img a { display:block; position:absolute; left:0; top:0; width:100%; height:100%; }
.img2 { text-align:center; }
.imgR { float:right; margin-left:10px; }
div.att, p.att { padding-left:1em; text-indent:-1em; }
.att em { font-style:normal; font-weight:bold; color:red; }
/*
 layout
*/
.container { position:static; width:920px; margin:0 auto; padding:0; }
#content,
#side1,
#side2 { position:relative; display:inline; float:left; }
#side2   { left:20px; width:220px; }
#side1    { left:-650px; width:220px; }
#content  { left:250px; width:660px; }
/* 2column */
.layout-tw #side2   { display:none; }
.layout-wt #content  { left:10px; }
.layout-wt #side1    { left:30px; }
.layout-wt #side2   {  display:none; }
/* 1column */
.layout-w #side2   { display:none; }
.layout-w #side1    { display:none; }
.layout-w #content  { width:100%; left:0; }
/*
    container
*/
#header { background:url(hbg2.png) repeat-x; padding-bottom:20px; margin-bottom:20px; }
.index #header { background:url(hbg.png) repeat-x; }
#headerContent { background:url(header.png) no-repeat; height:100px; text-indent:-9999px; }
#sitename { margin:0; }
#sitename a { display:block; width:100%; height:100px; }
#topImg { background:url(main_img.jpg) no-repeat; height:270px; text-indent:-9999px; }
#topImg p { margin:0; }
.imgList { list-style-type:none; margin:0; padding:0; }

#headerMenu { list-style-type:none; margin:0; height:40px; }
#headerMenu li { float:left; }
#headerMenu a { display:block; height:40px; background-image:url(hm.png); background-repeat:no-repeat; text-indent:-9999px; }
#hm1 { width:164px; }
#hm1:hover { background-position:0 -40px; }
#hm2 { background-position:-164px 0; width:128px; }
#hm2:hover { background-position:-164px -40px; }
#hm3 { background-position:-292px 0; width:148px; }
#hm3:hover { background-position:-292px -40px; }
#hm4 { background-position:-440px 0; width:148px; }
#hm4:hover { background-position:-440px -40px; }
#hm5 { background-position:-588px 0; width:128px; }
#hm5:hover { background-position:-588px -40px; }
#hm6 { background-position:-716px 0; width:204px; }
#hm6:hover { background-position:-716px -40px; }

#footerMenu { clear:both; border-top:solid 3px #3399ff; }
#footerMenu ul { list-style-type:none; width:80%; text-align:center; }
#footerMenu li { display:inline; margin:0; padding:0; border:none; background:transparent; }
#footerMenu a { display:inline-block; white-space:nowrap; border-width:0 0 0 1px; border-left:solid 1px #666666;  background:transparent; padding:0 5px; margin:0; font-weight:normal; font-size:12px; line-height:1.2; }
#footerMenu .top a { border-left:none; }

.sideMenu1 { list-style-type:none; }
.sideMenu1 a { display:block; margin-bottom:5px; width:220px; text-indent:-9999px; background-repeat:no-repeat; }
.sideMenu1 a:hover { background-position:-220px 0; }
#sm01 { background-image:url(sm01.jpg); height:180px; }
#sm02 { background-image:url(sm02.png); height:105px; }
#sm03 { background-image:url(sm03.png); height:70px; }
#sm04 { background-image:url(sm04.png); height:70px; }
#sm05 { background-image:url(sm05.png); height:70px; }
#sm06 { background-image:url(sm06.png); height:140px; }
#sm07 { background-image:url(sm07.png); height:70px; }
#sm08 { background-image:url(sm08.png); height:70px; }
.sideMenu2 { list-style-type:none; margin:0; }
.sideMenu2 a { display:block; background:url(li01.png) no-repeat 10px .7em; padding:6px 0 6px 31px; font-size:12px; height:100%; }
.checkList { list-style-type:none; margin:1em 0; }
.checkList li { background:url(check.png) no-repeat 0 .3em; padding-left:16px; }
.check { display:inline-block; background:url(check.png) no-repeat 0 50%; text-indent:-9999px; width:14px; height:100%; margin:0 .5em; }
/*
    contents
 */
#contents { margin:0; padding:0; }
/*
    footer
 */
#footer { margin:0; padding:0; background:#3399ff; color:white; }
#footerContent { padding:10px; text-align:center; font-size:10px; }
#footerContent a:link,
#footerContent a:visited { color:white; }
#footerContent a:hover   { color:#ffff99; }
#footerContent address   { font-style:normal; }
/*
    content
 */
.breadcrumbs { font-size:12px; margin-bottom:1em; }
#content { clear:both; padding:0 10px 10px; font-size:88%; }
#content h1 { margin:0 -10px; font-size:128%; background:#f18f4c url(h1.png) no-repeat 10px .7em; color:white; padding:4px 4px 4px 43px; }
#content h2 { margin:1em -10px 0; font-size:114%; border:solid 1px #fac654; color:#584d3c; background:url(h2.png) no-repeat 9px .6em; padding:2px 2px 2px 42px; }
#content h3 { margin:1em 0; background:url(h3.png) no-repeat 0 .5em; padding:2px 2px 2px 27px; color:#dc6628; border-bottom:dashed 1px #808080; }
#content strong { color:red; }
#content blockquote { border:solid 1px silver; background:#f0f0f0; padding:9px; }
#content .inquiry { margin:20px auto 0; background:url(inquiry.png) no-repeat; width:640px; height:220px; }
#content .inquiry h2 { background:transparent; }
#content .inquiry a { left:370px; top:184px; background:url(inquiry_mail.png) no-repeat; width:250px; height:26px; }
#content .inquiry a:hover { background-position:0 -26px; }
#content .gotop { height:24px; margin:1em 0; }
#content .gotop a { display:block; float:right; width:127px; height:24px; background:url(page_top.png) no-repeat; text-indent:-9999px; }
#content .gotop a:hover { background-position:0 -24px; }

.top { margin-top:0; margin-bottom:0; }
.outer th,
.table th { background:#66B6FA; color:#FFFFFF; padding:2px 5px; }
.table { background:silver; border:none; margin-top:1em; }
.table .val { vertical-align:middle; text-align:center; }
.item,
.outer { border:solid 1px silver; }
.even,
tr.even td { background:#F4F7F9; padding:2px 5px; }
.odd,
tr.odd td  { background:#ffffff; padding:2px 5px; }
.head,
.foot,
tr.head th,
tr.head td,
tr.foot td { color:#333333 !important; background:#EDF6FF !important; padding:2px 5px; font-weight:bold; text-align:left; }
.outer th,
.outer td,
.table th,
.table td { border:none; }
table.list { width:100%; margin-top:1em; }
table.list th,
table.list td { vertical-align:top; text-align:left; }
table.list .head td,
table.list th.head { text-align:center; }
.flow h3 { margin:0; }
.flow .next { margin:1em 0; background:url(arr-d.png) no-repeat 50% 50%; height:32px; text-indent:-9999px; }
tr.head th,
tr.head td,
tr.foot td { text-align:center; vertical-align:middle; }
.contact a { margin:0 auto; display:block; background:url(contact.png) no-repeat; width:240px; height:60px; text-indent:-9999px; }
.contact a:hover { background-position:0 -60px; }
/*
 blocks
 */
.mod { margin:0 0 10px; font-size:12px; }
#content .mod h2 { margin:0; padding:0; border:none; }
.mService { margin-right:-6px; margin-left:-3px; width:669px; }
.layout-tw .mService { margin-right:-6px; margin-left:-3px; width:669px; }
.mService h2,
.mFeature h2,
.mSystem h2,
.mNews h2 { border:none !important; }
.mService h2 { background:url(m01.png) no-repeat !important; height:55px; text-indent:-9999px; }
.mService .body { background:url(topmenu.jpg) no-repeat 223px 185px; height:384px; position:relative; }
.mService .menu { width:223px; text-indent:-9999px; }
.mService .menu * { margin:0; height:0; }
.mService .menu a { display:block !important; width:223px; position:absolute; }
.mService .menu a:hover { background-position:-223px 0; }
.mService .menu1 a { background:url(tm01.png) no-repeat; height:185px; left:0; top:0; }
.mService .menu2 a { background:url(tm02.png) no-repeat; height:185px; left:223px; top:0; }
.mService .menu3 a { background:url(tm03.png) no-repeat; height:185px; left:446px; top:0; }
.mService .menu4 a { background:url(tm04.png) no-repeat; height:199px; left:0; top:185px; }
.mService .menu5 a { background:url(tm05.png) no-repeat; height:199px; left:446px; top:185px; }
.mFeature { background:url(top_photo.jpg) no-repeat 450px 100px; }
.mFeature h2 { background:url(m02.png) no-repeat !important; height:90px; text-indent:-9999px; }
.mFeature ul { list-style-type:none; margin:0; background:url(m02_txt.png) no-repeat; text-indent:-9999px; width:440px; height:242px; }
.mNews h2 a { display:block; background:url(news.png) no-repeat; height:30px; text-indent:-9999px; }
.mNews ul { list-style-type:none; margin:0; height:200px; overflow:auto; }
.mNews li { clear:both; border-bottom:dotted 1px #b3b3b3; padding:10px 5px; font-size:12px; width:630px; }
.mNews span { display:block; float:left; width:130px; }
.mNews li a { display:block; margin-left:130px; width:500px; }
.mSystem h2 a { display:block; background:url(info.png) no-repeat; height:30px; text-indent:-9999px; }
.mSystem ul { list-style-type:none; margin:0; height:200px; overflow:auto; }
.mSystem li { clear:both; border-bottom:dotted 1px #b3b3b3; padding:10px 5px; font-size:12px; width:630px; }
.mSystem span { display:block; float:left; width:130px; }
.mSystem li a { display:block; margin-left:130px; width:500px; }
.mImage { text-align:center; }
/* syozaichi */
.officeName { background:url(logo.png) no-repeat 0 50%; font-size:18px; font-weight:bold; padding-left:36px; line-height:32px; }
.officeInfo .body { padding:0 10px; }
.officeInfo1 { margin:1em 0; width:50%; float:left; }
.officeInfo2 { margin:1em 0; }
.officeMap { text-align:center; }
.tel { font-size:18px; }
/* syoukai */
.profile h3 { margin:2em 0 0 !important; }
.profile table { margin:0; width:100%; background:transparent; }
.profile th,
.profile td { border:none; background:#EDF6FF; color:#333333; text-align:left; vertical-align:top; border-bottom:dashed 1px #999999; }
.profile th { width:6em; }
.profile .photo { width:165px; }
.history { border:none; width:100%; }
.history .head { width:6em; }
.history td { background:#EDF6FF; color:#333333; text-align:left; vertical-align:top; border:none; font-weight:normal; }
/* kyuryou  */
.kyuryou th { vertical-align:top; text-align:center; }
.kyuryou td { vertical-align:top; text-align:left; }
/* oyakata */
.fee td,
.val td { text-align:center; vertical-align:middle; }
.fee td.head,
.val td.head { text-align:left; vertical-align:middle; font-weight:normal; background:transparent !important; }
/* contact */
#contact { margin:10px 0; background:#EDF6FF; padding:0 5px; }
#contact .pkg { clear:both; width:100%; padding:5px 0; }
#contact label { display:block; float:left; width:120px; font-weight:bold; height:100%; }
#contact .form { display:block; float:right; width:80%; height:100%; }
#contact input[type="text"] { width:98%; font-family:monospace; }
#contact textarea { width:98%; height:100px; font-size:inherit; }
#contact .option { text-align:center; }
.formchk { margin:1em 0; width:100%; background:#EDF6FF; }
.formchk th { padding:2px 5px; text-align:left; }
.formchk td { padding:2px 5px; }
/* joseikin */
.b01 { width:240px; height:120px; background:url(b_joseikin.png) no-repeat; }
.b01:hover { background-position:0 -120px; }
