@charset "utf-8";

/*-- common 
-------------------------------------------*/
* { margin: 0; padding: 0; font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif; }

html { overflow-y: scroll; }
body { background-color: #fff; font-size: 80%; line-height: 175%; color: #666; }
th, td, li { font-size: 100%; }

img { border: none; }

p { padding: 20px 0; border-top: 1px dashed #999;}
.b-none { padding: 0 0 20px; border: none;}

.clear { clear: both; }
.strong { font-weight: bold; }
.page-break { page-break-before: always; }

#wrapper { width: 900px; margin: 0px auto; }

/*-- header
-------------------------------------------*/
#header { background: url(../images/common/header-bg.jpg) no-repeat; height: 110px; overflow: hidden; border-bottom: 5px solid #008d54; margin: 0 0 1px; }
#logo { width: 400px; float: left; }
#dsc { width: 495px; float: right;text-align: right; }
h1 { font-size: 10px; font-weight: normal; line-height: 1.2em; padding: 5px 10px 0 0; text-align:right; }

/*-- mainimg
-------------------------------------------*/
#mainimg { margin: 0 0 1px; }

/*-- navi
-------------------------------------------*/
#navi { height:55px; overflow: hidden; margin: 0 0 1px;}
#navi ul { list-style-type:none; float: left; }
#navi li {  width: 150px; height: 55px; overflow: hidden; float: left; }

#pagebody { border-top: 15px solid #fff; border-bottom: 1px solid #ccc; _height: 1%; min-height: 1%;}

#main {}
#main ul { margin: 0; }
#main ol { margin: 0; border-top: 1px dashed #ccc; padding: 20px 0;}
#main li { margin: 0 0 10px 2em; }

h2 { clear: both; font-size: 150%; }
.h2title { background: url(../images/construction-h3.jpg) no-repeat bottom left; padding: 20px 0 30px 70px; color: #093; font-size: 1.2em; _height: 30px; min-height: 30px; }
h3 { clear: both; font-size: 120%; padding: 0 0 0 10px; border-left: 5px solid #093; margin: 0 0 15px; color: #093; }
h4 { clear: both; font-size: 100%; }



/*--
table { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
th { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: left; }
td { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }
--*/


/*-- form 
-------------------------------------------*/
form table { width: 900px; border-top: 2px solid #093; margin: 0 0 20px; }
form th { border-bottom: 1px dashed #093; padding: 4px 0;}
form td { width: 720px; border-bottom: 1px dashed #093; padding: 4px 0;}

.form-s { width: 120px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
.form-m { width: 240px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
.form-l { width: 360px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
textarea { width: 720px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }

.contbtn { padding: 5px 0 20px; text-align: center; }

/*-- footer 
-------------------------------------------*/
#textlink { clear: both; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; background: #f1f1f1; padding: 0 20px; _height: 1%; min-height: 1%;}
#textlink p { line-height: 35px; font-size: x-small; padding: 0; float: left; border: none;}
#back { float: right; border-bottom: 1px solid #ccc; margin: 0 0 15px; } /*--pagetop anchor--*/
#footer { border-top: 1px solid #fff; background: #f1f1f1; padding: 0px 20px; }
#copyright p { font-size: x-small; padding: 5px 0; border: none;}


/*-- index 
-------------------------------------------*/
#appeal { width: 620px; float: left; }
#appeal p { border: none; padding: 0 0 20px; }
.appeal-main { width: 400px; float: left; }
.appeal-main2 { width: 450px; float: left; }
#president { width: 150px; float: right; }
#ssc { width: 260px; float: right; }
.appeal-sub { width:200px; float:right;}
.appeal-sub2 { width:150px; float:right;}
.prebox { background: url(../images/present-bg.jpg) no-repeat bottom left; _height: 221px; min-height: 221px; padding: 5px; }
.bookimg { width: 92px; float: left; }
.bookdsc { width: 148px; float: right; font-size: x-small; }
.ssc04 { margin: 0 0 20px; }

#present h3, #wn01 h3 { 
border: none; padding: 0; margin: 0;}
#present .bookdsc p { padding: 0 5px 0 0; }
.bo { padding: 20px 0 10px; text-align: center; }

#wn01 { margin: 0 0 20px; }
#wn01 h3 { border-bottom: 4px solid #ff7920; margin: 0 0 1px; }
#info { background: url(../images/info-bg.jpg) no-repeat top left; }
#info table { width: 260px; }
#info th { padding: 10px 10px 0; font-weight: normal; text-align: left; }
#info td { padding: 9px 10px 10px; border-bottom: 1px dotted #333; }

#pdf { border-top: 1px dashed #999; padding: 20px 0 0;}
.icon { padding: 0 0 5px; }
.small { font-size: x-small; line-height: 1.5em; }

/*-- workman
-------------------------------------------*/
#workman {}
#workman .workman-h3 { background: url(../images/workman_h3.jpg) no-repeat bottom left; padding: 20px 0 30px 70px; color: #093; font-size: 1.2em; _height: 30px; min-height: 30px; }
#workman .personal { _height: 1%; min-height: 1%; padding: 0 0 20px; border-bottom: 1px dotted #ccc; margin: 0 0 20px; }
#workman .personalend { _height: 1%; min-height: 1%; margin: 0 0 20px; }
#workman .personal-img { width: 200px; float: left; }
#workman .personal-img p { padding: 0 0 20px; border: none;}
#workman .personal-img table { width: 200px; }
#workman .personal-img th { width: 7em; text-align: left; padding: 4px 0; border-bottom: 1px dashed #ccc; }
#workman .personal-img td { padding: 4px 0;border-bottom: 1px dashed #ccc; }
#workman .personal-data { width: 680px; float: right; }
#workman .personal-db  { width: 620px; float: right; }
#workman .personal-db table { width: 580px; margin: 0 0 20px; }
#workman .personal-db th { width: 8em ;border-bottom: 1px dashed #093; padding: 4px 0; text-align: left; vertical-align: top; color:#093; }
#workman .personal-db td { border-bottom: 1px dashed #093; padding: 4px 0; vertical-align: top; }
.hitokoto { background: #ffc; padding: 5px; border: none; }

/*--  cl01 - list
------------------------------------------------*/
#cl01 { }
#cl01 .cl01box { _height: 1%; min-height: 1%; padding: 0 0 20px;  border-bottom: 1px dotted #ccc; margin: 0 0 20px; }
.before-after { padding: 0 60px; } 
.cnstimg { width: 160px; float: left; }
.arrow { width: 120px; float: left;  }
.voice { width:320px; float: right; }

.pointfrm { border: 1px solid #ccc; margin: 15px 60px; _height: 1%; min-height: 1%; padding: 15px; background: #efefef; }
.point { width:560px; float: right; }
.paging { padding: 5px 0; text-align: center; border-top: 1px solid #999; border-bottom: 1px solid #999; margin: 0 0 20px; }


/*-- company
------------------------------------------------*/
#greet { width: 640px; float: left;}
#comimg { width: 240px; float: right; }

.waku { border: 3px double #093; padding: 20px; margin: 0 0 20px; }
#greet .waku p { padding: 0; }
h4 { font-size: 100%; color: #333; border-bottom: 2px solid #333; margin: 0 0 10px; }

#prof { width: 480px; float: left; }
#prof table { width: 480px; border-top: 2px solid #093; margin: 0 0 20px; }
#prof th { width: 8em; text-align: left; border-bottom: 1px dashed #093; padding: 4px 0; }
#prof td { border-bottom: 1px dashed #093; padding: 4px 0; }
#access { width: 400px; float: right; }
#access iframe { padding: 0; margin: 0;}

/*-- guarantee
------------------------------------------------*/
.grtimg { width: 160px; float: left; }
.grttxt { width: 720px; float: right; }
#keiyakuhou table { width: 720px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin: 0 0 15px; }
#keiyakuhou th { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: left; background: #efefef; }
#keiyakuhou td { width: 50%; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }


/*-- float  
-------------------------------------------*/
.l160 { width: 160px; float: left; }
.r380 { width: 380px; float: right; }

/*-- link 
-------------------------------------------*/
a { overflow: hidden; }
a:link { color: #093; }
a:visited { color: #093; }
a:hover, a:active { color: #093; text-decoration:none; }
a:focus{ outline: none; }


/*-- align 
-------------------------------------------*/
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }


/*-- colors 
-------------------------------------------*/
.red { color: #c00; }
.blue { color: #00c; }
.green { color: #093; }
.yellow { color: #f00; }
.cyan { color: #0cc; }
.orange { color: #f60; }

/*-- margin / padding
------------------------------------------------*/
.mb20 { margin: 0 0 20px; }
.pd60 { padding: 0 60px 20px; _height: 1%; min-height: 1%; }


/*-- lightbox
------------------------------------------------*/
#outerImageContainer {
		-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
}
#imageDataContainer {
		-moz-border-radius-bottomleft:10px;
		-moz-border-radius-bottomright:10px;
}