@charset "utf-8";

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

html { overflow-y: scroll; }
body { background-color: #fff; font-size: 80%; line-height: 150%; background: url(../images/body-bg.jpg) no-repeat top center; }

img { border: none; }

p { padding: 0 0 15px 0; }

.clear { clear: both; }
.strong { font-weight: bold; }

#wrapper { width: 760px; margin: 0px auto; }
h1 { font-size: x-small; line-height: 20px; background: #efefef; border-bottom: 1px solid #ccc; font-weight: normal; color: #999; padding: 0 10px;}
#header { background:url(../images/header-bg.jpg) no-repeat; height: 72px; overflow: hidden; padding: 24px 0; }
#pagebody { }
#pagebody2 { padding: 20px 0 0 0;}
#pagebody ul { margin-left: 0em; }
#pagebody ol { margin-left: 0em; padding: 0 0 15px 0;}
#pagebody li { margin-left: 2em; padding: 0 0 5px 0; }

.box { padding:0 0 20px 0; }
.boxend { padding:0;}
.fbox { padding:0 0 20px 0; height: 1%;}
.fboxend { padding:0; height: 1%;}

.title { background: url(../images/h3bg.jpg) no-repeat top left; line-height: 30px; padding: 0 5px 20px 15px; height: 30px; overflow: hidden; color: #360; font-size: 120%; }

#contact {  }

h3 { clear: both; font-size: 100%; padding: 0 0 15px 0;}
/*-- 
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; }
--*/
/*-- navi yoko
-------------------------------------------*/
#navi { clear: both; overflow: hidden; height:30px; width: 760px; }
#navi li { list-style-type:none; float:left; width: 152px; }

/*-- footer 
-------------------------------------------*/
#textlink { clear: both; padding: 20px 0 0 0; text-align: center; line-height: 30px; font-size: x-small; }
#footer {  }
#back {  } /*--pagetop anchor--*/
#copyright { line-height: 30px; padding: 0 0 20px 0; font-size: x-small; }


/*-- index 
-------------------------------------------*/
#fla { padding: 0 0 20px 0; }
#copy { width: 440px; float: left; }
#copy h2 { padding: 0 0 15px 0; }

#wn { width: 303px; float: right; border: 1px solid #ccc; }
#wn h2 { padding: 0; border-bottom: 1px solid #ccc; }
#wn table { background: #efefef; border-top:1px solid #9c3; width: 301px; }
#wn th { padding: 4px 12px; border-bottom: 1px dotted #9c3; }
#wn td { padding: 4px 12px; border-bottom: 1px dotted #9c3; }
.info { border: 1px solid #fff; overflow-x: hidden; overflow-y: auto:; height: 150px; background: #efefef;}

/*-- detail 
-------------------------------------------*/
.wn02frm { border: 1px solid #ccc; padding: 9px; }
.wn02pht { width: 200px; }

/*-- strengths 
-------------------------------------------*/
.l500 { width:500px;  float: left; }
.r500 { width:500px;  float: right; }
#catch01 { background: #feefe4; border:3px double #f60; padding: 9px; }

.img178 { width: 178px; float: left; }
.br16 { padding: 0 16px 0 0; }

/*-- company 
-------------------------------------------*/
.l480 { width: 480px; float: left; }
.r260 { width: 260px; float: right; }

#prof table { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
#prof 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; }
#prof 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: 760px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
form 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; }
form td { width: 600px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }
.form-s { width: 100px; }
.form-m { width: 200px; }
.form-l { width: 300px; }
textarea { width: 600px; }
#contbtn { padding: 5px; text-align: center; }



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

.l380 { width: 380px; float: left; }
.r160 { width: 160px; float: right; }

.l220 { width: 220px; float: left; }
.r520 { width: 520px; float: right; }

.l520 { width: 520px; float: left; }
.r220 { width: 220px; float: right; }

.l372 { width: 372px; float: left; }
.r372 { width: 372px; float: right; }



/*-- link 
-------------------------------------------*/
a { overflow: hidden; }
a:link { color: #690; }
a:visited { color: #690; }
a:hover, a:active { color: #690; 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: #690; }
.yellow { color: #f00; }
.cyan { color: #0cc; }
.orange { color: #f60; }