@charset "utf-8";

@import url("parts.css");



html,body {margin:0;padding:0;/*text-align:justify;*//*overflow-x:hidden;*/ }

body {margin:0;padding:0;color:#444;line-height:150%;text-align:left;font-size:65%;font-family:Osaka,"ＭＳ Ｐゴシック","MS PGothic",arial,sans-serif;background:url(../../imgdir/common/bgall.gif) repeat-x 0 0;/*text-align:justify;*/}

*+html body {margin:0;padding:0;color:#444;line-height:150%;text-align:left;font-size:10px;font-family:Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",arial,sans-serif;/*text-align:justify;*/ }

h1,h2,h3,h4,h5 {margin:0;padding:0;}

td,th {text-align:left;vertical-align:top;}

ul {margin:0;padding:0;}

li {list-style-type:none;line-height:150%;}

label {margin-right:1em;}select,input {margin-bottom:3px;}

input {line-height:normal;}

p {margin:0;padding:0;line-height:150%;}

em {font-size:1em;color:#f00;font-style:normal;}

img {border:0; vertical-align:bottom;line-height:0;}





/************************

 

 Common Styles



*************************/



/* top page */

body#topBody #container {margin:0 auto;padding:0;width:840px;text-align:left;background:url(../../imgdir/common/bg.gif) no-repeat;}



body#topBody #container :after{content:".";display:block;height:0;clear:both;visibility:hidden;}

body#topBody #container {display:inline-block;}



/*Hides from IE-mac \*/

* html body#topBody #container {height:1%;}

body#topBody #container {display:block;}

/*End hide from IE-mac */





/* tpl page */

#container {margin:0 auto;padding:0;width:840px;text-align:left;background:url(../../imgdir/common/bg.gif) no-repeat;}



#container:after{

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}





#wrapper {margin:0 auto;padding:0 5px 0 5px;width:790px;font-size:1.1em;}

#wrapper a {color:#0033cc;text-decoration:none;cursor:pointer;}

#wrapper a:visited {color:#0033cc;text-decoration:none;}

#wrapper a:hover,a:active {text-decoration:none; color:#0099FF;}



/************************

	

	General Class



*************************/

.clear {clear:both;}

.right {float:right;display:inline;}

.left {float:left;display:inline;}

.auto {margin:0 auto;}

.center {text-align:center;}





/************************



    Header Styles



*************************/





#header {margin:0;padding:0;position:relative;width:790px;height:93px;margin-left:0px;background:url(../../imgdir/common/free_dial.gif) 595px 70px no-repeat;} 



*:first-child+html #header {height: 80px;background:url(../../imgdir/common/free_dial.gif) 595px 60px no-repeat;}



#header h1 {margin:0;padding-left:5px;font-size:10px;font-weight:normal;color:#fff;}

#header img {margin:10px 5px 5px 0;}

#header ul {margin:0;padding:0;position:absolute;top:23px;right:0;}

#header ul li {float:left;display:inline;padding:0 8px 3px 8px;border-right:1px solid #aaa;}

#header ul li.last-child {border:none;}

#header h2 img{display:inline;}

#header_img02{position:absolute; top:13px; left:321px;}



/************************



 MainNavigation Styles



**************************/



/*Clearfix hack*/

#mainnavi :after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#mainnavi {display:inline-block;}





/*Hides from IE-mac \*/

* html #mainnavi {height:1%;}

#mainnavi {display:block;}

/*End hide from IE-mac */





#mainnavi {margin-bottom:5px;}

* html #mainnavi,*+html #mainnavi {margin-bottom:8px;}

#mainnavi li {position:relative;height:42px;float:left;display:inline;}

#mainnavi li a {display:block;width:100%;position:relative;}

#mainnavi li a,#mainnavi li a:hover,div#mainnavi li a:active {text-decoration:none;}

#mainnavi li span {height:42px;position:absolute;}

#mainnavi li.navi01 {width:198px;}

#mainnavi li.navi02 {width:197px;}

#mainnavi li.navi03 {width:197px;}

#mainnavi li.navi04 {width:198px;}

#mainnavi li.navi01 span {background:url(../../imgdir/common/menu.gif) 0 0 no-repeat;width:198px;}

#mainnavi li.navi02 span {background:url(../../imgdir/common/menu.gif) -198px 0 no-repeat;width:197px;}

#mainnavi li.navi03 span {background:url(../../imgdir/common/menu.gif) -395px 0 no-repeat;width:197px;}

#mainnavi li.navi04 span {background:url(../../imgdir/common/menu.gif) -592px 0 no-repeat;width:198px;}

#mainnavi li.navi01 a:hover span {background:url(../../imgdir/common/menu.gif) 0 -42px no-repeat;width:198px;}

#mainnavi li.navi02 a:hover span {background:url(../../imgdir/common/menu.gif) -198px -42px no-repeat;width:197px;}

#mainnavi li.navi03 a:hover span {background:url(../../imgdir/common/menu.gif) -395px -42px no-repeat;width:197px;}

#mainnavi li.navi04 a:hover span {background:url(../../imgdir/common/menu.gif) -592px -42px no-repeat;width:198px;}



/************************



 Footer Styles



 *************************/



/*foot-navi*/

#footer_wrap {width:790px; margin:0; padding:0; clear:both;height:inherit;}

#foot-navi {clear:both; margin:0;}

* html #foot-navi , *+html #foot-navi {clear:both; margin-bottom:-9px;}

#foot-navi ul {margin:0;padding:0;}

#foot-navi li {margin:0;padding:0;background:url(../../imgdir/common/footer-bg.gif)  no-repeat left bottom;float:left;display:inline;padding:5px 10px;height:15px;}

#foot-navi li.last-child {margin:0;padding:0;background:url(../../imgdir/common/footer-bg-right.gif) no-repeat left bottom;float:left;display:inline;padding:5px 35px 5px 10px;height:15px;}

#foot-navi li.pagetop {margin:0;padding:0;background:url(../../imgdir/common/footer-bgtop.gif) no-repeat right bottom;float:right;display:inline;padding-right:15px;width:150px;text-align:right;line-height:27px;height:25px;}



/*footer*/

#footer {clear:both;text-align:center;width:inherit;height:46px;position:relative;text-align:left;border-top:1px solid #e6e6e6;}

#footer span {background:url(../../imgdir/common/dot_y.gif) repeat-y right bottom;width:210px;position:absolute;left:7px;top:0px;height:46px;display:inline;text-align:center;}

*:first-child+html #footer span {background:url(../../imgdir/common/dot_y.gif) repeat-y right bottom;width:210px;position:absolute;left:0px;top:0px;height46px;float:left;display:inline;text-align:center;}

* html #footer span {background:url(../../imgdir/common/dot_y.gif) repeat-y right bottom;width:210px;position:absolute;left:0px;top:0px;height46px;float:left;display:inline;text-align:center;}

#footer span img {padding-top:10px;}

#footer p {text-align:right;padding-top:5px;}

#footer p.arrow {background:url(../../imgdir/common/footer-arrow.gif) no-repeat 0 8px;text-indent:20px;float:right;display:inline;height:20px}



/*copyright*/

#copyright {margin:0 auto;padding:0;width:800px;background:url(../../imgdir/common/copy-bg.gif) repeat-x left bottom;letter-spacing:0.1em;clear:both;text-align:right;}

#copyright p {font-size:10px;padding-right:5px;line-height:30px;}



/***************



　Pankuzu Styles



****************/

/*Clearfix hack*/

#pankuzu :after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#pankuzu {display:inline-block;}

/*Hides from IE-mac \*/

* html #pankuzu {height:1%;}

#pankuzu {display:block;}

/*End hide from IE-mac */

#pankuzu {margin:0; padding:5px; height:25px;}

#pankuzu ul {margin-left:0;padding:0;}

#pankuzu li {margin:0 0.5em 0 0;padding:0 0 0 1.5em;float:left;background:url(../../imgdir/common/pnk_arrow.gif) no-repeat left center;font-size:1em;}

#pankuzu li.first-child {padding:0;background-image:none;}





h4 span { font-weight:normal; padding-left:55px;}





/* DB */

table.tb_nomal { float:left;border:1px solid #ccc;width:560px;margin:0 0 15px 0;line-height:120%;font-size:10px; margin-left:10px;}

table.tb_nomal th {background:#F6F6F6;padding:3px;text-align:center;border:1px solid #eaeaea; font-weight:bold; font-size:1.2em;}

table.tb_nomal td {padding:3px;text-align:center;border:1px solid #eaeaea;font-size:1.2em; line-height:140%; vertical-align:middle;}

table.tb_nomal td.text {text-align:left; vertical-align:middle;}

table.tb_nomal td.price {font-size:16px;color:#C40005;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}

table.tb_nomal td.head {background:#F6F6F6;padding:3px;text-align:center;font-weight:normal;border:1px solid #eaeaea;}

table.tb_nomal td img {vertical-align:bottom;line-height:0;}





div.num { width:235px; font-weight:bold;}

div.num span{ margin:0 0 0 20px; font-size:30px; height:60px; line-height:60px; font:Arial, Helvetica, sans-serif; color:#DD2000;}

#page-contents h4{ margin:0 0 10px; padding:0; text-indent:10px; font-size:12px; height:22px; line-height:22px; background:url(../../imgdir/common/h4_titlebar.gif) repeat-x top left; color:#FFFFFF; }

/*#page-contents p.body { width:550px;}*/

.tb_baphoto{ margin:0 auto; margin-left:20px;}



.tb_case{ background:url(../../imgdir/work/db/tb_case_bg.gif) top left repeat-x #ECFAFA; width:575px; padding:5px; margin:10px auto;}

.tb_case_lead h5{ text-indent:5px; font-size:13px; color:#318162;}

.tb_case_lead p{ font-size:11px; line-height:140%; padding:10px 0 0 0;}

.tb_case_photo img{ border:3px #A2DBCF solid;}



.infotable {font-size:1em; text-align:left; border-collapse:collapse;width:250px;margin:20px 10px 0 25px; line-height:110%; float:left;}

.infotable th {border:1px solid #aaa;background:#E3E3E3;padding:4px;}

.infotable td {border:1px solid #aaa;padding:4px; text-align:right;}

.infotxt{ display:block; float:right; width:280px; _width:265px; padding:20px 0 0 0;}

.cat_tab td.ttl {font-size:14px; font-weight:bold; margin-left:5px; background:#ddd;  padding:5px 0 5px 0;  border-bottom:2px solid #009900;border-top:2px solid #fff;}

.cat_tab span { font-size:14px; font-weight:bold;margin-left:5px;}

.cat_tab span a { color:#333333;}

.cat_tab img { border:1px solid #CCCCCC; padding:2px;}

.cat_tab a:hover img { border:1px solid #FD850A; filter: alpha(opacity=80); }

.cat_tab a:hover  { text-decoration:none;}



/* clearfix */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.clearfix { display:inline-block; }

/* Hides from IE-mac \*/

* html .clearfix { height:1%; }

.clearfix { display:block; }

/* End hide from IE-mac */