/* 共通項目
---------------------------------------------------- */

body {
   font-family :Verdana,Arial,sans-serif;
   font-size:12px;
   margin:0;
   padding:0px;
   background:#fff;
   text-align:center;
}

h1, h2, h3, h4, h5, h6, p, ul, li, img, table, td, th, dl, dt, dd {
   margin:0;
   padding:0;
}  /*-- 初期化 --*/

table,td,tr,th {
   border-collapse:collapse;
   vertical-align:text-top;
   text-align:left;
   font-family:"ＭＳ Ｐゴシック","Osaka";
   font-size:13px;
}

img { 
   border:0;
   display:block;
   vertical-align:bottom;
} 

p,dd {line-height:1.5;}

ul {list-style-type:none;} 

a:link {color:#0066cc;}

a:visited,a:active {color:#0066cc;}

a:hover {color:#ff3300;text-decoration:none;}  /*-- リンク色 --*/

strong {
   font-weight:normal;
   color:#0000ff;
}


/* 全体構造
---------------------------------------------------- */

#wrapper1 {
   width:768px;
   background:#fff url(../images/wrap_bg.jpg) repeat-y top center;
   margin:0 auto;
   padding:0 4px;
   text-align:center;
}

#wrapper2 {
   width:768px;
   background:#fff url(../images/wrap_bg2.jpg) repeat-y top center;
   margin:7px auto;
   padding:0 4px 0 4px;
   text-align:center;
}


/* ヘッダー
---------------------------------------------------- */

#header {
   position:relative;
   width:760px;
   margin:0 auto;
   background:url(../images/header_bg.jpg) repeat-x top center;
   height:85px;
   text-align:left;
}

#rogo {padding:3px;}

#header h1 {
   position:absolute;
   top:7px;
   left:340px;
   font-weight:normal;
   font-size:10px;
   color:#969696;
}


/* メイン
---------------------------------------------------- */

#main {
   width:760px;
   margin:0 auto;
   border-top:2px solid #f1f1f1;
   text-align:left;
}

#content{
   width:585px;
   float:right;
   margin-right:2px;
}

.tokutyou {width:545px;}

.tokutyou dt {
   font-weight:bold;
   margin-top:15px;
   margin-bottom:8px;
   padding-left:20px;
   color:#333;
   background:url(../images/list2.gif) no-repeat top left;
}

.tokutyou dd {margin-left:15px;}

.youto {width:330px;}

.youto dt {
   font-weight:bold;
   margin-top:15px;
   margin-bottom:8px;
   padding-left:20px;
   color:#333;
   background:url(../images/list2.gif) no-repeat top left;
}

.youto dd {margin-left:15px;}

.photo_tate {margin-top:20px;}

.photo_tate li {
   margin-bottom:10px;
   text-align:center;
}

.photo_big {margin-top:5px;}

.photo_big li {
   text-align:center;
   margin-bottom:10px;
}


/* サイドナビ
---------------------------------------------------- */

#side {
   width:160px;
  
   border-right:1px solid #ccc;
}

ul#navi {margin-top:0px;}

ul#navi li a{ 
   display:block;
   width:120px;
   padding:11px 5px 6px 35px;
   border-top:1px solid #fff;
   border-bottom:1px solid #bfbfbf;
   line-height:1.3;
   height:20px;
   background-color:#fff;
   background-image:url(../images/test.gif);
   background-repeat:no-repeat;
}

ul#navi li a { 
   color:#333;
   text-decoration:none;
}

ul#navi li a:link, ul#navi li a:visited, ul#navi li a:active{ 
   color:#333;
   text-decoration:none;
   font-weight:bold;
} 

ul#navi li a:hover {
   background-color:#0200C2;
   color:#0200C2;
   font-weight:bold;
}


#banner{
   width:160px;
   padding:0px;
   padding-top:30px;
}

#tenjikai dt{
   font-size:10px;
   font-weight:bold;
   margin-bottom:10px;
   text-align:center;
}

#tenjikai dd {
width:125px;
text-align:center;
margin:0 auto 5px auto;
}

#tenjikai p {font-size:10px;}


/* フッター
---------------------------------------------------- */

#footer {
   width:760px;
   height:54px;
   margin:0 auto;
   padding-top:0px;
   clear:both;
   text-align:left;
   background:#fff url(../images/footer_bg.jpg) no-repeat bottom center;
}

#copyright {
   font-size:10px;
   padding-top:10px;
   padding-left:10px;
   color:#969696;
}


/* レイアウト共通
---------------------------------------------------- */

#content h1 {
   margin-bottom:5px;
   height:56px;
}

#content h2 {
   clear:both;
   font-weight:normal;
   font-size:15px;
   margin:0 0 10px 0;
   padding:9px  0 7px 70px;
   color:#9494F3;
   height:19px;
   background:url(../images/h2_bg.gif) no-repeat top left;
   color:#333;
}

#content h3 {
   font-size:15px;
   background:url(../images/list3.gif) no-repeat top left;
   padding-left:25px;
   padding-bottom:10px;
}

.waku1 {
   width:565px;
   margin-left:10px;
}

.waku1_left {
   width:340px;
   float:left;
}

.waku1_right {
   width:200px;
   float:right;
} /*-- 右写真 --*/

.waku1_left2 {
   width:210px;
   float:left;
} /*-- 左写真 --*/

.waku1_right2 {
   width:340px;
   float:right;
}

.waku1_left3 {
   width:300px;
   float:left;
} /*-- 左大写真 --*/

.waku1_right3 {
   width:255px;
   float:right;
}

.waku_footer {clear:both;} /*-- ない？ --*/

.to_top {
   clear:both;
   width:555px;
   text-align:right;
   padding-top:10px;
   padding-bottom:20px;
   font-size:10px;
}                                    /*-- 戻るボタン --*/
  
.waku1 li {line-height:1.8;}


/* トップページ
---------------------------------------------------- */

#main_photo {clear:both;}

#info {
   margin:10px 30px 15px 30px;
   font-size:13px;
   color:#000;
}

#top_category {width:100%;}

#top_category_left {
   float:left;
   width:293px;
}

#top_category_right {
   float:right;
   width:292px;
}

#top_category h2 {
   clear:both;
   font-weight:normal;
   font-size:13px;
   margin:0 0 5px 2px;
   padding:3px  0 0px 20px;
   height:17px;
   background:#333 url(../images/cate_h2_bg.jpg) no-repeat top left;
   color:#fff;
}

.cate2 dt {
   width:130px;
   height:90px;
   float:left;
   text-align:center;
}

.cate2 dd {font-size:10px;}

.category_navi {
   clear:both;
   text-align:right;
   margin-left:5px;
   margin-right:10px;
   margin-bottom:5px;
   padding-bottom:10px;
   border-bottom:1px dotted #ccc;
}


/* 会社概要
---------------------------------------------------- */

#company {
   width:540px;
   margin-top:20px;
   margin-left:20px;
   margin-bottom:30px;
   border-bottom:1px solid #ccc;
}

#company th,#company td {
   border-top:1px solid #ccc;
   padding-top:5px;
   padding-bottom:5px;
}

#company th {
   width:120px;
   padding-left:10px;
   color:#333;
}

#company td {color:#333;}

#company span {
   padding-left:10px;
   padding-top:2px;
   border-left:5px solid #5454ED;
   color:#626262;
}

#company ul {padding-bottom:15px;}


/* メールフォーム
---------------------------------------------------- */

#otoiawase {
   padding:10px;
   border:1px solid #ccc;
   margin-bottom:20px;
}

#otoiawase dt{
   font-weight:bold;
   margin-bottom:5px;
}

#mailform {
   width:560px;
   margin-left:15px;
}

fieldset {
   margin:0 0 3px 0;
   padding:0;
   border:none;
}

.label {
   clear:left;
   display:block;
   float:left;
   width:130px;
   background:#E4EEFF;
   text-align:right;
   margin:0 0 0 3px;
}

.control {
   display:block;
   margin:0 0 0 140px;
}

#namelabel,#namelabel2,#emaillabel,#tellabel,#faxlabel {padding:10px 0 13px 0;}

#ziplabel {padding:5px 0 80px 0;}

#commentlabel {padding:5px 0 90px 0;}
  
#name,#name2,#email,#tel,#fax,#zip {margin-top:3px;height:15px;}

#tiku {
   margin-top:3px;
   height:20px;
}

#add {
   margin-top:3px;
   height:30px;
}

#comment {
   margin-top:3px;
   height:100px;
}

#email,#tel,#fax,#zip {ime-mode:disabled;}

.red {
   color:#ff0000;
   font-weight:bold;
   padding-right:3px;
}

#form_submit {
   width:90%;
   margin-top:10px;
   clear:both;
   text-align:right;
}

.blue {font-size:9px;}

#sheet {margin:10px 0;}


/* 設計・施工
---------------------------------------------------- */

.migi_small {
   text-align:right;
   font-size:10px;
   margin-right:10px;
}

#sekkei_sample {
   width:560px;
   margin-top:5px;
}

#sekkei_sample th {
   border:1px solid #969696;
   padding:5px;
   text-align:center;
   vertical-align:middle;
}

#sekkei_sample td {
   border:1px solid #969696;
   vertical-align:middle;
}

#sekkei_sample th {background:#efefef;}

#sekkei_sample .large {width:400px;}

#sekkei_sample .large ul {
   width:300px;
   text-align:left;
   padding-left:10px;
}

#sekkei_sample .large li {margin:0;}

.pic_yoko {padding:5px 20px;}

.pic_tate {padding:5px 40px}


/* 回転円板
---------------------------------------------------- */

#enban_hikaku {
   margin-top:5px;
   margin-bottom:10px;
}

#enban_hikaku th,#enban_hikaku td {
   border:1px solid #969696;
   padding:5px;
}

#enban_hikaku th {
   background:#efefef;
}

.hikaku1 {
   width:150px;
}

.hikaku2 {
   text-align:center;
}


/*　ポップアップ 
---------------------------------------------------- */

#lightbox {
   position:absolute;
   top:40px;
   left:0;
   width:100%;
   z-index:100;
   text-align:center;
   line-height:0;
}

#lightbox a img {border:none;}

#outerImageContainer{
   position:relative;
   background-color:#fff;
   width:250px;
   height:250px;
   margin:0 auto;
}

#imageContainer {padding:10px;}

#loading{
   position:absolute;
   top:40%;
   left:0%;
   height:25%;
   width:100%;
   text-align:center;
   line-height:0;
}

#hoverNav{
   position:absolute;
   top:0;
   left:0;
   height:100%;
   width:100%;
   z-index:10;
}

#imageContainer>#hoverNav {left:0;}

#hoverNav a {outline:none;}

#prevLink, #nextLink{
   width:49%;
   height:100%;
   background:transparent url(../litebox/images/blank.gif) no-repeat; /* Trick IE into showing hover */
   display:block;
}

#prevLink {
   left:0;
   float:left;
}

#nextLink {
   right:0;
   float:right;
}

#prevLink:hover, #prevLink:visited:hover {
background:url(../litebox/images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
background:url(../litebox/images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
   font:10px Verdana, Helvetica, sans-serif;
   background-color:#fff;
   margin:0 auto;
   line-height:1.4em;
}

#imageData {padding:0 10px;}

#imageData #imageDetails {
   width:70%;
   float:left;
   text-align:left;
}

#imageData #caption {font-weight:bold;}

#imageData #numberDisplay {
   display:block;
   clear:left;
   padding-bottom:1.0em;
}
			
#imageData #bottomNavClose {
   width:66px;
   float:right;
   padding-bottom:0.7em;
}	
		
#overlay{
   position:absolute;
   top:0;
   left:0;
   z-index:90;
   width:100%;
   height:500px;
   background-color:#000;
   filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity:0.6;
}

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

* html>body .clearfix {
   display:inline-block; 
   width:100%;
}

* html .clearfix {
   /* Hides from IE-mac \*/
   height:1%;
   /* End hide from IE-mac */
}


/*　バイオフリンジ 
---------------------------------------------------- */

#nouryoku {
   margin-bottom:30px;
}

#nouryoku th,#nouryoku td {
   text-align:center;
   border:1px solid #969696;
   vertical-align:middle;
   padding:5px 0;
}

#nouryoku th {background:#f1f1f1;}

#nouryoku th,#nouryoku .cell_1,#nouryoku .cell_2 {width:92px;}

#nouryoku .cell_3,#nouryoku .cell_4 {width:46px;}

.nouryoku_s {font-size:10px;}

.shori_kugiri {
   width:425px;
   padding:0 70px 10px 70px;
   border-bottom:1px dotted #ccc;
}

#shori dt {
   font-weight:bold;
   margin-top:15px;
   margin-bottom:8px;
   padding-left:20px;
   color:#333;
   background:url(../images/list2.gif) no-repeat top left;
}


/*　契約までの流れ 
---------------------------------------------------- */

.to_sheet {margin-left:20px}