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

* styles.css

* site name   : TAITO
* description : dreama style
* since       : 2009-03-05
* editor      : Dreamnet's(http://www.dreamnets.co.jp)
* modified    : 
* editor      : hatakeyama

*******************************************************
*/
/*
===== CONTENTS ===============

  1: body and base setting
    : general params
    : acronyms and abbreviations styles
  2: link setting
  3: clearfix
  4: common
  5: layout
  6: header
  7: global navigation
  8: contents common
  9: toppage
 10: footer
 11: sidebar
 12: main
 13: comment&trackback
 14: page inquiry

==============================
*/
/*
==============================

* 1: body and base setting

==============================
*/
body {
  text-align: center;/* box centering */
  font-family: "MS UI Gothic","ͣ Хå", "ҥ饮γѥ Pro W3" ,Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  background: #fff;
  color: #484747;
  font-size: 84%;
  line-height: 1.6;
  }
h1, h2, h3, h4, h5, h6,
p, pre, ul, ol, dl, dt, dd,
address, form, blockquote, strong{
  text-align: left;
  margin:0;
  padding:0;
  list-style:none;
  }
table, table td, table th{
  font-size: 100%;
  border-collapse:collapse;
  }
form{
  margin: 0;
  padding: 0;
  }
img {
  border:none;/* img do not want a border */
  vertical-align: bottom;
  }
/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr {
  cursor:help;
  }
table{
  line-height: 1.4;
  }
/*
==============================

* 2: link setting

==============================
*/
a:link {
  color: #565656;
  text-decoration: underline;
  }
a:visited {  
  color: #565656;
  }
a:hover {
  color: #565656;
  text-decoration: none;
  }
/*
==============================

* 3: clearfix

==============================
*/
.clearfix {
  zoom: 1;/*for IE 5.5-7*/
  min-height: 1%;
  }
.clearfix:after {/*for modern browser*/
  content: "";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
  }
* html .clearfix {
  display: inline-table;
  /*\*/display: block;/**/
  }
/*
==============================

* 4: common

==============================
*/
.fL {
  float: left;
  }
.fR {
  float: right;
  }
.tL {
  text-align: left;
  }
.tR {
  text-align: right;
  }
.tC {
  text-align: center;
  }
.clear{
clear:both;
font-size:1px;
line-height:1;
height:1px;
}
  
/*見出し*/

h4{
clear:both;
border:solid #000066;
border-width:0 0 3px 0;
padding:3px 5px 3px 5px;
margin:0;
font-size:110%;
color:#000066;
background:url(/image/skin/h4_bg.gif) repeat-x bottom;
}
/*施工事例*/
h4.constructionh4{
margin:0 0 10px 0;
}

/*商品一覧*/
h4.commonh4{
margin:20px 0 8px 0 ;
}
/*クローズアップ商品*/
h4.closeuph4{
margin:20px 0 8px 0 ;
}

.clear{
clear:both;
font-size:1px;
line-height:1;
height:1px;
overflow:hidden;
}
/* login edit*/
div.edit{
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height:1.5;
  height:17px;
  }
div.edit a{
  margin: 0;
  padding: 0;
  float:left;
  list-style: none;
  }
div.edit a{
  padding: 0 10px 0 20px;
  background: url(/image/skin/icn_grayallow.gif) no-repeat 0;
  font-weight: bold;
  /*font-size: 96%;*/
  font-size: 10px;
  list-style: none;
  }
  
 
/*
==============================

* 5: layout

==============================
*/
div#header {
  width: 785px;
  margin: 0px auto 15px auto;
  }
#header .logo{
float:left;
width:169px;
}
.header_border{
clear:both;
background:#565656;
font-size:1px;
height:1px;
line-height:1;
}
div#banner{
background:url(/image/skin/bg_mainbanner.gif);
}


div#gnavi {
  margin: 0 auto 0px auto;
  text-align: center;
  
  }
div#gnavi .gnavi{
  }
div#sub_content{
  width: 785px;
  margin: 0 auto 20px auto;
  }
div#content{
  width: 785px;
  margin:15px auto 0 auto;
  }
div#content div#main{
  width: 560px;
  float: right;
  text-align: left;
  overflow:hidden;
  }
div#content div#sidebar{
  width: 210px;
  float: left;
  border:solid #C6C6C6;
  border-width:0 0 1px 0;
  padding:0 0 15px 0;
  }
div#footer {
  margin: 0px auto 0px auto;
  text-align: center;
  }
div#footer .footer{
  width: 785px;
  margin: 0 auto;
  }

/* toppage layout */
div#content div.topmain{
  width: 785px !important;
  }
div#content div.topsidebar{
  display: none;
  }
/*
==============================

* 6: header

==============================
*/
a.page_top{
line-height:1;
margin:0;
padding:0;
font-size:0%;
display:block;
height:1px;
overflow:hidden;
}
div.header_line{
background:#565656;
}
div.header_line h1{
width:785px;
color:#FFFFFF;
font-size:100%;
line-height:1.6;
font-weight:normal;
margin:0 auto 0 auto;
padding:0;
}
.top_bnr{
display:block!important;
}
/*
==============================

* 7: global navigation

==============================
*/  
div#gnavi{
  background: url(/image/skin/global.gif) no-repeat 0 0;
  }
div#gnavi .gnavi ul{
  margin: 0;
  padding: 0;
  }
div#gnavi .gnavi ul li{
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  }
div#gnavi .gnavi ul li a{
  height: 44px;
  display: block;
  text-indent: -9999px;
  background: url(/image/skin/global.gif) no-repeat 0 0;
  }
  li#gnavi_0  a{ background-position: 0 0 !important;
  width:93px;
  display:none;
  }
  li#gnavi_12  a{ background-position: -94px 0 !important;
  width:100px;
  display:none;
  }
  li#gnavi_13 a{ background-position: -194px 0 !important;
  width:97px;
  display:none;
}
  li#gnavi_14 a{ background-position: -291px 0 !important;
  width:133px;
  display:none;
  }
  li#gnavi_15 a{ background-position: -424px 0 !important;
  width:93px;
  display:none;
  }
  li#gnavi_18 a{ background-position: -517px 0 !important;
  width:88px;

  }
  li#gnavi_0  a:hover, li#gnavi_0  a.selected{ background-position: 0 -44px !important; }
  li#gnavi_12  a:hover, li#gnavi_12  a.selected { background-position: -94px -44px !important; }
  li#gnavi_13 a:hover, li#gnavi_13 a.selected { background-position: -194px -44px !important; }
  li#gnavi_14 a:hover, li#gnavi_14 a.selected { background-position: -291px -44px !important; }
  li#gnavi_15 a:hover, li#gnavi_15 a.selected { background-position: -424px -44px !important; }
  li#gnavi_18 a:hover, li#gnavi_18 a.selected { background-position: -517px -44px !important; }

#menu_user_information_box{
  display: none;
  }
/*
==============================

* 8: contents common

==============================
*/
div#content #sidebar h2{
  font-size: 110%;
  padding: 0px 0 7px 9px;
  display: block;
  background: url(/image/skin/bg_sidemenu.gif) repeat-x 0 bottom;
  color: #000000;
  }
div#content #sidebar h2 span.ca_icon{
  padding: 0 0 0 14px;
  display: block;
  background: url(/image/skin/icn_bluepoint.gif) no-repeat left center;
  }
div#content #sidebar .shadow{
background:url(/image/skin/bg_sidemenu_shadow.gif) repeat-x;
height:11px;
line-height:1;

}
div#content #sidebar h3{
  font-size: 110%;
  padding: 14px 10px 10px 10px;
  display: block;
  background: url(/image/skin/bg_blogparts_title.gif) repeat-x 0 top;
  color: #404040;
  }
div#content #sidebar span.ca_icon{
  padding: 0 0 0 14px;
  display: block;
  background: url(/image/skin/icn_graypoint.gif) no-repeat left center;
  }
  
div#content #main h3{
background:url(/image/skin/bg_pagetitle.gif);
color:#FFFFFF;
font-size:110%;
margin:0 0 7px 0;
padding:7px 7px 7px 13px;
line-height:1.5;
  }
div#content #main h3 a{
color:#FFFFFF;
text-decoration:none;
}

/*
==============================

* 9: toppage

==============================
*/

div#top_page{
width:785px;
text-align:left;
}
div#top_page h2{
line-height:1;
font-size:1px;
margin:0;
padding:0;
}
div#top_page h3{
color:#484747 !important;
font-size:84% !important;
line-height:1.5 !important;
font-weight:normal !important;
margin:5px 10px 10px 5px !important;
background:none !important;
padding:4px !important;
}

div#top_page div.page_left{
width:520px;
float:left;
overflow:hidden;
}

div#top_page div.page_left p{
margin:10px 0 10px 15px;
}

div#top_page div.page_right{
width:255px;
float:right;
}

div#top_page table.products_catg{
width:520px;
text-align:center;
}
div#top_page table.products_catg a{
color:#0068b7;
padding:2px 0 8px 0;
display:block;
}
div#top_page table.products_catg td.photo a{
width:114px;
display:block;
padding:3px;
background:#FFFFFF;
border:solid #cfcfcf 1px;
}
div#top_page table.products_catg td.photo a:hover{
background:#fac546;
border:solid #ffad38 1px;
}
div#top_page table.products_catg td.inquiry{
width:auto;}
div#top_page table.products_catg td.inquiry a{
display:inline;
}
div#top_page .top_info{
clear:both;
width:520px;
}
div#top_page .top_info ol,div#top_page .top_info li{
list-style:none;
margin:0;
padding:0;
}
div#top_page .top_info li{
padding:3px 5px 3px 8px;
margin:3px 10px 3px 10px;
background:url(/image/skin/x_dot.gif) repeat-x left bottom;
}
div#top_page .x_dot{
background:url(/image/skin/x_dot.gif) repeat-x left bottom;
height:1px;
line-height:1;
font-size:1px;
clear:both;
}
div#top_page .top_info dl{
width:520px;
clear:both;
float:left;
padding:3px 5px 3px 8px;
margin:3px 10px 3px 10px;
background:url(/image/skin/x_dot.gif) repeat-x left bottom;
}
div#top_page .top_info dt{
width:15%;
float:left;
margin:0 20px 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#646464;
}
div#top_page .top_info dd{
float:left;
}
div#top_page .smallarrow{
clear:both;
text-align:right;
margin:0 0 15px 0;
}

div#top_page .smallarrow a{
background:url(/image/free/icn_small_bluearrow.gif) no-repeat left center;
padding:0 0 0 15px;
}

div#top_page .results{
margin:22px 0 0 0;

}
div#top_page .line_up{
margin:20px 0 0 0;
}
div#top_page .line_up li{
margin:3px;

}

div#top_page .line_up a{
background:url(/image/free/icn_small_bluearrow.gif) no-repeat left center;
padding:0 0 0 15px;

}

/*
==============================

* 10: footer

==============================
*/
div#footer {
clear:both;
  padding: 10px 0 10px 0;
  background:#565656;
  }
div#footer p.link{
  margin: 0;
  padding: 0;
  color: #b3b3b3;
  text-align: center;
  }
div#footer p.link a{
  color: #FFFFFF !important;
  }
div#footer p.copyright{
  margin: 0;
  padding: 0;
  color: #CDC4C4;
  text-align:right;
  }
/*
==============================

* 11: sidebar

==============================
*/
div#sidebar ul.submenu{
  margin: 0 0 10px 0;
  padding: 0;
  }
div#sidebar ul.submenu li{
list-style:none;
background:url(/image/skin/x_dot.gif) repeat-x bottom;
width:97%;
margin:0 0 0 3%;
}
div#sidebar ul.submenu li.categ a{
  list-style: none;
  margin: 2px 0 2px 5px;
  padding:0 0 0 15px;
  line-height:2.5;
  display:block;
  }
div#sidebar ul.submenu li.categ a.selected{
  font-weight: bold;
  color:#1E3990;
  background:url(/image/skin/icn_blueallow.gif) no-repeat left center;
  margin: 2px 0 2px 5px;
  padding:0 0 0 15px;
  display:block;
  }
div#sidebar ul.submenu li.other{
  margin: 0px 0 0 0;
  padding: 0;
  list-style: none;
  }

/* sidebar inquiry */
div#sidebar p.text{
width:96%;
  margin: 0 5px;
  }
div#sidebar .info{
text-align:left;
margin:10px 0 0 15px;
}
div#sidebar .info a{
background:url(/image/skin/icn_grayallow.gif) no-repeat left center;
display:block;
padding:0px 0 2px 20px;
margin:4px 0 0 0;
}
div.site_search{
margin:5px 0 0 0;
padding:0 0 0 0px;

}
div#menu_other_search_input{
float:left;
margin:0 5px 0 0;
}
div#menu_other_search_submit{
float:left;
}
#lineup_menu14{
display:block !important;
}

/*menu1*/
.menu1_group{
margin:0px 0 18px 0;
text-align:left;
}
.menu1_list_link{
margin:0 0 0 15px;
}
.menu1_list_link_line{
padding:3px 0 3px 0px;
background:url(/image/skin/x_dot.gif) repeat-x bottom;
}
.menu1_list_link_line a{
background:url(/image/skin/icn_blueallow.gif) no-repeat left center;
padding:0 0 0 10px;
}
.menu1_list_link_lines{
margin:0 0 0 10px;
}
.menu1_list_link_lines a{
display:block;
background:url(/image/skin/icn_blueallow.gif) no-repeat 0px 7px;
padding:0 0 0 13px;
}

/*mail_magazine*/
#menu_other_mailmagazine_box{
text-align:left !Important;
}


/*
==============================

* 12: main

==============================
*/

/*products_inquiry*/

#products_inquiry{
width:560px;
margin:0 0 10px 0;
display:none;
}
#products_inquiry a{
text-decoration:none;
}
#products_inquiry .products_left{
width:334px;
float:left;
text-align:right;
margin:5px 10px 0 0 ;
padding:0 20px 0 0;
background:url(/image/skin/icn_gray_allow02.gif) no-repeat right center;
}
#products_inquiry .products_right{
float:right;
width:196px;
}

/*products_inquiry*/

#goods_inquiry{
width:560px;
margin:0 0 10px 0;
display:none;
}
#goods_inquiry a{
text-decoration:none;
}
#goods_inquiry .goods_left{
width:334px;
float:left;
text-align:right;
margin:5px 10px 0 0 ;
padding:0 20px 0 0;
background:url(/image/skin/icn_gray_allow02.gif) no-repeat right center;
}
#goods_inquiry .goods_right{
float:right;
width:196px;
}

/* blog */
div#main div.blog p.date{
  margin: 0 0 0 15px;
  padding: 0;
  color: #999;
  font-size: 96%;
  }

div#main div.blog ul.pankuzu li{
  float:right;
  padding: 0 10px 0 14px;
  margin:0;
  background: url(/image/skin/icn_gray_allow02.gif) no-repeat 0;
  font-size: 85%;
  color: #777;
  list-style: none;
  }
div#main div.blog ul.pankuzu li a{
  text-decoration: none;
  color: #777;
  }
div#main div.blog div.text{
clear:both;
  margin: 10px 0 10px 20px;
  width: 540px;
  overflow:hidden;
  }
  
/* info */
div#main dl.info_cont{
  margin: -10px 0 10px 10px;
  padding: 0;
  }
div#main dl.info_cont dt{
  margin: 0; 
  padding: 10px 0 0;
  font-size: 94%;
  font-weight: bold;
  }
div#main dl.info_cont dd{
  margin: 0; 
  padding: 10px 0 11px;
  background: url(/image/skin/x_dot.gif) repeat-x 0 bottom;
  }
  
/* pagetop */
div.pagetop{
  width:785px;
  margin: 5px auto 0px auto;
  text-align: right;
  }
/* search result */
div#main div.search{
  margin: 0 0 12px 0;
  padding: 10px 10px;
  border: 1px solid #ccc;
  }
/* repage */
div#main div.page_navi{
  margin: 12px 0;
  padding: 10px 10px;
  border: 1px solid #ccc;
  text-align: center;
  }

table.list-table tr td{
  padding: 5px;
  border-bottom: 1px dotted #dadada;
  }

/*
==============================

* 13: comment&trackback

==============================
*/
/* comment&trackback */
div#main .feedback-link-wrapper {
  line-height: 100%;
  }
div#main .feedback-link-wrapper b {
  padding: 7px 0 7px 0;
  margin: 0 20px 0 0;
  display: block;
  float: left;
  }
div#main .feedback-link-wrapper a{
  cursor: hand;
  }
div#main .feedbacks {
  margin: 0;
  }
div#main .feedback-wrapper {
  border: 1px solid #CCC;
  padding: 10px;
  margin: 10px 0;
  }
div#main .feedback-category {
  font-size: 110%;
  line-height: 110%;
  font-weight: bold;
  color: #999;
  margin-bottom: 10px;
  }
div#main .feedback-date {
  float: right;
  font-size: 90%;
  line-height: 100%;
  color: #999;
  }
div#main .feedback-wrapper h3 {
  margin: 10px 0 0 0 !Important;
  padding:0 !Important;
  font-size: 110%!Important;
  color:#003366!Important;
  background:none!Important;
  }
div#main .feedback-wrapper p {
  margin: 10px 0 0 0;
  }
div#main .feedback-add-wrapper {
  border: 1px solid #666;
  padding: 10px;
  margin: 10px 0;
  }
div#main .feedback-add-wrapper dl {
  padding: 0;
  margin: 0;
  width: 373px;
  }
div#main .feedback-add-wrapper dt {
  float: left;
  padding: 0;
  margin: 3px 0 3px 0;
  width: 100px;
  text-align: right;
  line-height: 110%;
  }
div#main .feedback-add-wrapper dd {
  padding: 0;
  margin: 3px 0 3px 110px;
  border-left: 3px solid #CCC;
  text-align: right;
  line-height: 110%;
  }
div#main .feedback-add-wrapper dd input {
  padding: 0;
  margin: 0;
  width: 250px;
  }
div#main .feedback-add-wrapper dd textarea {
  padding: 0;
  margin: 0;
  width: 250px;
  }
div#main .comment-button {
  text-align: center;
  border-top: 1px solid #CCC;
  margin-top: 10px;
  padding-top: 10px;
  clear: both;
  }
div#main .comment-button input {
  padding: 0;
  margin: 0;
  width: 11em;
  }
div#main .trackback-url-wrapper {
  font-size: 110%;
  font-weight: bold;
  color: #666;
  line-height: 110%;
  margin-top: 10px;
  }
div#main .trackback-url{
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 80%;
  color: #999;
  }
  
  
  
/*
==============================

* 14: page inquiry

==============================
*/
div#main .user_form_contents{
  margin: 0;
  padding: 0;
  }
div#main .user_form_name{
  margin: 0;
  float: left;
  width: 160px;
  }
div#main .user_form_name label{
  color: #666;
  font-weight: bold;
  }
div#main .user_form_single_text_box,
div#main .user_form_multi_box,
div#main .user_form_radio_box,
div#main .user_form_checkbox_box,
div#main .user_form_mail_text_box,
div#main .user_form_select_box{
  margin-bottom: 0;
  float: left;
  width: 300px;
  }
div#main .user_form_radio_box div,
div#main .user_form_checkbox_box div{
  float: left;
  padding: 0 16px 0 0;
  white-space: nowrap;
  }
div#main .user_form_radio,
div#main .user_form_checkbox{
  padding: 0 0 0 2px;
  }
div#main .user_form_single_text,
div#main .user_form_mail_text ,
div#main .user_form_multi_text{
  width: 250px;
  }
div#main .user_form_multi_text{
  width: 350px;
  height: 100px;
  }
div#main .user_form_box{
  margin: 0;
  _margin: 0 !important;
  padding: 12px 0 0 0;
  clear: both;
  }
div#main .user_form_submit{
  clear: both;
  margin: 0 0 0 200px;
  padding: 20px 0 0 0;
  }
div#main .user_form_note{
  clear: both;
  margin-left: 0 !important;
  margin-bottom: -20px;
  _margin-bottom: 0px;
  padding: 0px 0px 0px 170px;
  text-align: left;
  color: #666;
  }
div#main .user_form_name_must{
  color: #d5382c;
  font-weight: normal;
  }


/*
==============================

* 15: normal page style

==============================
*/

div.up_menu{
margin:10px 0 15px 0;
padding:0 0 0 10px;
}
div.up_menu ol, .up_menu li{
list-style:none;
padding:0;
margin:0;
}
div.up_menu li{
width:20%;
float:left;
margin:0 10px 0 0;
background:url(/image/skin/icn_gray_allow02.gif) no-repeat left center;
padding:3px 10px 3px 15px;
border:solid 1px #969696;
display:block;
}
div.up_menu li strong{
color:#000099;
}

p.map_text{
border:solid #CCCCCC 1px;
padding:10px;
}





/*other*/

#uppermenu{position:absolute; bottom:7px; right:0px; width:285px; height:17px;/* \*/overflow:hidden;/* */}
#uppermenu li{width:95px; float:left;}
#footerArea{clear:both; width:760px; margin-left:1px; background-color:#FFFFFF; margin-top:30px;}
#footmenu{border-top:1px solid #999999; padding:15px; text-align:center; font-size:10px;}
#copyright{padding:3px; text-align:center; background-color:#1B2878; color:#FFFFFF;}
.arrowList{margin-top:10px; margin-left:15px;}
.arrowList li{background:url(/image/free/arrow01.gif) no-repeat 0px 4px; padding-left:15px;}

#contentsArea h2{margin-top:10px; margin-bottom:3px;}
.contentsPara{margin-bottom:20px;}
.contentsPara h3{
}
.contentsPara2{ margin-bottom:30px;}
.contentsPara3{ margin-bottom:15px;}
.contentsPara3 p{margin-bottom:15px;}
h3.commonh3{background:url(/image/free/bg_h3.gif) #6972C2 no-repeat; font-size:13px; color:#FFFFFF; height:25px; line-height:25px; padding-left:10px;}
#breadcrumb{width:520px; text-align:right; font-size:10px; margin-bottom:5px;}
.commonphoto{width:248px !important; width:250px; border:1px solid #5375D8; text-align:center;}
.commonphoto img,.commonphoto2 img,.commonphoto3 img,.commonphoto4 img{margin-top:4px; margin-bottom:4px;}
.commonphoto2{width:158px !important; width:160px; border:1px solid #5375D8; text-align:center;}
.commonphoto3{width:178px !important; width:180px; border:1px solid #5375D8; text-align:center;}
.commonphoto4{width:518px !important; width:520px; border:1px solid #5375D8; text-align:center; margin-top:10px;}
.contentsBlueBox{width:508px !important; width:520px; padding:7px 5px 7px 5px; border:1px solid #5375D8;}
.commoncaption{display:block; background:#999999; color:#FFFFFF; padding:4px; margin:0px 4px 4px 4px; line-height:130%;}
.commoncaptionRed{display:block; background:#CC0000; color:#FFFFFF; padding:4px; margin:0px 4px 4px 4px; line-height:130%;}
.commoncaptionBlue{display:block; background:#000099; color:#FFFFFF; padding:4px; margin:0px 4px 4px 4px; line-height:130%;}
.commonBgGreen{background:url(/image/free/bg_green.jpg) repeat-x #e8f5c9; padding:5px 5px 5px 20px; color:#666666;}
.commonBgGreen a{ background:url(/image/skin/icn_blueallow.gif) no-repeat left center; padding:0 0 0 10px; }
.commonBgGreen strong{font-size:14px ;}
.commonBgGray{background:#EFEFEF; padding:10px 6px 10px 6px; width:508px !important; width:520px;}
.commonYellowBox1{width:250px; text-align:center; padding:10px 0px 10px 0px; background:#FFFFCC; color:#666666;}
.commonYellowBox2{width:200px !important; width:220px; padding:10px; background:#FFFFCC; color:#666666; float:right;}
.commonQA{padding-bottom:10px;}
.commonQA dt{background:url(/image/free/question.gif) no-repeat; padding-left:25px; font-weight:bold; color:#5375D8;}
.commonQA dd{background:url(/image/free/answer.gif) no-repeat; padding-left:25px; margin:0px 0px 10px 0px;}
.commonMark li{list-style-type:disc; margin-left:30px;}
.float3area{width:520px; height:130px; position:relative;}
.f3left{position:absolute; top:0px; left:0px;}
.f3center{position:absolute; top:0px; left:180px;}
.f3right{position:absolute; top:0px; right:0px;}

/* Information */
#infoFloatArea{background:url(/image/free/bg_archive.gif) right top repeat-y; width:520px;}
#informationArea{width:360px; float:left;}
#infoArchiArea{width:150px; float:right;}
.infoPara{border:1px solid #cccccc; margin-bottom:20px;}
.infoPara h3{background:url(/image/free/bg_h4.gif) no-repeat left bottom; line-height:120%; padding:4px 4px 4px 10px; color:#212B9E;}
.infoBody{padding:3px 8px 3px 8px;}
.infoBody p{margin-bottom:8px;}
.infoDate{text-align:right; font-size:10px; margin-bottom:3px;}
#infoArchiArea h3{background:url(/image/free/bg_arch3.gif) no-repeat 0px 5px; padding-left:15px; line-height:120%; margin:10px 2px 0px 2px; color:#212B9E;}
#infoArchiArea ul{margin:5px 2px 20px 2px;}
#infoArchiArea ul li{background:url(/image/free/bg_arcli.gif) no-repeat 0px 5px; padding-left:15px;}




/* commodity */
.commodityList{
	border:1px solid #cccccc;
	border-bottom:0px;
	background:url(/image/free/bg_list.gif) center bottom repeat-x;
	padding:4px 0px 5px 4px;
	min-height:52px;
	height:auto !important;
	height:62px;
	position:relative;
	margin-bottom:15px;
	width: 540px;
}
.commodityPara{
background:url(/image/free/arrows.gif) no-repeat!important;
width:370px!important;
}
.commodityPara h3{
margin:3px 0px 0px 24px!important;
padding-bottom:3px!important;
border-bottom:1px solid #AEC7FA!important;
font-size:13px!important;
line-height:120%!important;
background:none !important;
padding:0!important;
}
.commodityPara p{margin-left:24px!important; margin-top:3px!important;}
.commodityPara img{position:absolute!important; top:0px; right:0px;}
.commodityPara h3 a{text-decoration:none!important; color:#003366!important;}
.commodityPara p a{text-decoration:none!important;}
.commodityPara h3 a:hover,.commodityPara p a:hover{text-decoration:underline!important;}





.rihirenSpecTable{width:520px;}
.rihirenSpecTable th,.rihirenSpecTable td{border:1px solid #999999; padding:5px; text-align:center; color:#666666; vertical-align:middle;}
.rihirenSpecTable th{background:#E4FCC7;}
.rihirenSpecTable th.rihiren{background:#EEEEEE;}
.jugaiLineupBoxL,.sangyoBoxL{width:250px; float:left;}
.jugaiLineupBoxR,.sangyoBoxR{width:250px; float:right;}
.jugaiLineupBoxB{width:240px !important; width:250px; border:1px solid #5375D8; padding:5px; background:#f5f5f5;}
.jugaiLineupDetail{width:140px; float:right;}
.jugaiLineupDetail h5{margin-bottom:5px;}
.jugaiLineupDetail p{font-size:10px; line-height:140%;}
.jugaiPhoto{width:105px; float:left;}
.jugaiPhoto2{width:50px; float:left;}
.jugaiBgPink{background:#FFCCCC; padding:3px;}
.jugaiEntryNo{border:1px dotted #ff0000; padding:3px; clear:both; margin:5px 10px 0px 10px; font-size:10px; text-align:center;}
.jugaiSekou{width:175px; float:right;}
.jugaiSekou th{font-size:10px; font-weight:normal; border-bottom:1px solid #cccccc; padding:0px 3px 0px 3px;}
.jugaiSekou td{font-size:10px; border-bottom:1px dotted #cccccc; padding:0px 3px 0px 3px;}
.jugaiattent{font-size:10px; clear:both;}
.sangyoPhoto{width:180px; float:left;} 
.sangyoRight{width:325px; float:right;}
.sangyool{margin:0px; padding:0px; padding-left:30px;}
.easydl dd{margin-left:120px; margin-top:-56px;}
.easydl dd.easydd{margin-left:105px; margin-bottom:20px;}
.easyTable th{border:1px solid #cccccc; background:#E6F2FE; padding:5px 10px 5px 10px;}
.easyTable td{border:1px solid #cccccc; padding:5px;}

/* Closeup */
.closeupTable{width:520px;}
.closeupTable th{background:#ECECFF; border:1px solid #cccccc; padding:5px; vertical-align:middle;}
.closeupTable td{border:1px solid #cccccc; padding:5px;}
.rihirenTable1{width:520px;}
.rihirenTable1 th{background:url(/image/free/newgoods_img_05.gif) no-repeat; padding:7px 10px 7px 25px; text-align:left; color:#FFFFFF; border-top:1px solid #003366; font-size:14px;}
.rihirenTable1 td{padding:7px 0px 10px 10px; border-top:1px solid #003366;}

/* lineup */
#lineupCategory{padding:10px; background:#F2F2F2; border:1px solid #cccccc; margin-bottom:20px;}
#lineupCategory img{float:left; margin-right:10px; border:2px solid #ffffff;}
#lineupCategory p{float:right; width:380px;}
.lineupTable1,.lineupTable2{width:540px;}
.lineupTable1 th,.lineupTable2 th{border:1px solid #cccccc; padding:5px; background:#F5FFFF; font-weight:normal; vertical-align:middle; text-align:center; line-height:120%;}
.lineupTable1 td,.lineupTable2 td{border:1px solid #cccccc; padding:5px;}
.lineupTable2 td{vertical-align:middle;}

/* construction */
.constructionBox{border:1px solid #cccccc; background:#F2F2F2;}
.constructionFarea{width:502px !important; width:518px;  padding:0px 8px 8px 8px;}
.constructionFarea .fleft{width:256px; float:left;}
.constructionFarea .fright{width:230px; float:right;}
.constructionFarea .fleft img{border:3px solid #ffffff;}
.constructionFarea .fright p{padding-bottom:10px;}
.constructionFarea .fright ul{border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:5px 5px 5px 0px;}
.constructionFarea .fright ul li{list-style-type:disc; margin-left:25px;}

/* About */
.aboutusTable{width:520px; border-top:1px dotted #cccccc;}
.aboutusTable th{ width:110px;text-align:left; border-bottom:1px dotted #cccccc; padding:3px;}
.aboutusTable td{border-bottom:1px dotted #cccccc; padding:3px;}
.hinmokuTable th,.hinmokuTable td{border:0px; font-size:10px;}
.officeTable{width:520px; border-top:1px solid #cccccc; margin-top:20px;}
.officeTable th{background:#F4F8FF; text-align:left; border-bottom:1px solid #cccccc; padding:8px;}
.officeTable td{border-bottom:1px solid #cccccc; padding:8px;}
.recruitTable{width:520px;}
.recruitTable th{background:#F4F8FF; text-align:left; border-bottom:1px dotted #cccccc; padding:8px; width:20%;}
.recruitTable td{border-bottom:1px dotted #cccccc; padding:8px; width:80%;}

/* Map */
body#mapOffice{background-image:none; background:#ffffff;}
#mapWrapper{width:500px; text-align:left; margin:0 auto;}
#mapOfficeName{background:url(/image/free/map_bg.gif) no-repeat; height:33px;}
#mapOfficeName p{padding:5px 15px 0px 15px; font-size:15px;}
#mapOfficeAddress{background:#F5F5F5;}
#mapOfficeAddress{padding:5px 15px 5px 15px;}

.inputTable{width:520px;}
.inputTable td{padding:5px;}
.inputshort{width:70px;}
.inputmiddle{width:150px;}

.fleft{float:left;}
.fright{float:right;}
.fontS{font-size:10px;}
.fontL{font-size:14px;}
.tcenter{text-align:center;}
.tright{text-align:right;}
.tleft{text-align:left;}
.mgb15{margin-bottom:15px;}
.mgb10{margin-bottom:10px;}
.mgb5{margin-bottom:5px;}
.textGreen{color:#009933;}
.textLBlue{color:#60AFFF;}
.textRed{color:#FF0000;}
.blueBoderBox{border:1px solid #003366; padding:5px;}
.nowrap{white-space:nowrap;}

a.arrow{background:url(/image/free/arrow01.gif) no-repeat 0px 3px; padding-left:15px;}
a.arrow2{background:url(/image/free/arrow01.gif) no-repeat 5px 2px; padding-left:15px;}
a.arkon{color:#0000FF; text-decoration:none;}
div.back_arrow{background:url(/image/free/arrow01.gif) no-repeat left center; padding:8px 0 8px 15px; }


/*
==============================

* 16: sample_table template

==============================
*/


/*Results table template*/

.results_template{
width:540px;
margin:0 0 20px 0;
border:1px solid #ccc;
background:#F2F2F2;
}

.results_template h4{
clear:both;
border:solid #000066;
border-width:0 0 3px 0;
padding:3px 5px 3px 5px;
font-size:110%;
color:#000066;
background:url(/image/skin/h4_bg.gif) repeat-x bottom;
margin:0 0 10px 0;
}

.results_template img{
border:solid #FFFFFF 3px;
}
.results_template .results_left{
width:266px;
padding:0 0 20px 0;
}
.results_template .results_left img{
width:250px;
margin:0px 8px 0px 8px;
}
.results_template .results_right{
width:252px;
}
.results_template .results_right strong{
padding:0 0 10px 0;
display:block;
}
.results_template .results_right ul{
border:solid #CCCCCC;
border-width:1px 0 1px 0;
padding:5px 5px 5px 0;
margin:0 28px 0 0;
}
.results_template .results_right li{
list-style-type:disc;
margin:0 0 0 25px;
}

/*Products table template*/


table.products_template h4{
clear:both;
border:solid #000066;
border-width:0 0 3px 0;
padding:3px 5px 3px 5px;
font-size:110%;
color:#000066;
background:url(/image/skin/h4_bg.gif) repeat-x bottom;
margin:0 0 10px 0 !important;
}
table.products_template .image_table img{
width:240px;
}

/*movie*/
.movie-layer{
	min-height: 279px;
	_height: 279px;
	background: url("/image/free/bg_movie_layer.gif") no-repeat left top;
	}
.movie-text{
	padding: 103px 0 0 15px;
	}
.movie-text .blanks{
	width: 135px;
	height: 20px;
	float: right;
	}
.movie-play{
	padding: 5px 0 0 5px;
	}
.movie-flash{
	background: url("/image/free/img_movie_dot.gif") repeat-x left top;
	margin: 5px 15px 0 15px;
	padding: 10px 0 0 0;
	}
.movie-flash-text{
	color: #5f5f5f;
	font-size: 80%;
	}