@charset "UTF-8";
/* 
 +---------------------------------------+ 
   _    ____                     _
  | | _|___ \__      _____  _ __| | _____
  | |/ / __) \ \ /\ / / _ \| '__| |/ / __|
  |   < / __/ \ V  V / (_) | |  |   <\__ \
  |_|\_\_____| \_/\_/ \___/|_|  |_|\_\___/

   copyright (c) 2012 k2works,inc. 
 +---------------------------------------+ 
*/
/* vim: set expandtab tabstop=4 shiftwidth=4 foldmethod=marker: */

/* {{{ + tags */ 
html {
margin: 0;
padding: 0;
}
body {
background: #fff;
font-family: 'メイリオ', 'Lucida Sans Unicode', Verdana,'ヒラギノ角ゴ Pro W3', 'ヒラギノ角ゴ3', 'ＭＳ Ｐゴシック','Bitstream Vera Sans',Osaka, sans-serif;
font-size: 0.8em;
margin:0; 
padding:0;
border-top: 5px solid #33291F;
text-align: center; 
}
div,dl,ul,ol,p,form,input,textarea,acronym,table,tr,td {
margin: 0;
padding: 0;
}
img {
border: 0;
}

acronym {
border:none;
text-decoration:none;
display: none; 
}
script {
display: none; 
}
a:visited,
a:link {
color: #6C89B9;
text-decoration:none;
border-bottom: 1px dotted #ccc;
}
a:hover,
a:focus {
background: #f3f3f3;
color: #333;
border-bottom: 2px solid #8FD8F0;
}
/* }}} */ 

/* {{{ pub */
h1#h1_title {
display: none;
}
div.wrap {
clear: both;
}
/* }}} */
/* {{{ img */
.rotate_l {
float: left;
margin: 0 10px 5px 0;
}
.rotate_r {
float: right;
margin: 0 0 5px 10px;
}

a.photolink_noborder {
border: none;
text-decoration: none;
}

span.photo,
span.photo_rotate,
a.photolink,
a.thickbox,
a.img_link {
display: block;
background: #F0EFEE;
border: 1px solid #8F8176;
text-align: center;
width: 100% auto;
vertical-align: middle;
}

a.photolink {
width: 460px;
}

span.photo, 
span.photo_rotate, 
a.photolink:link, a.photolink:visited, 
a.img_link:link, a.img_link:visited, 
a.thickbox:link, a.thickbox:visited {
border: 1px solid #8F8176;
} 
a.photolink:hover, a.photolink:focus,
a.img_link:hover, a.img_link:focus,
a.thickbox:hover, a.thickbox:focus {
border: 1px solid #8FD8F0;
} 

span.photo img,
span.photo_rotate img,
a.photolink img,
a.thickbox img,
a.img_link img {
padding: 0;
margin: 5px;
}

span.photo_rotate {
float: left;
}

/* }}} */
/* {{{ h */
#h_wrap {
border-top: 1px solid #fff;
background: #fff url(/_img/p/body_bg.jpg) repeat-x;
text-align: center;
}
#h {
width: 750px;
height: 60px; 
margin: 0 auto;
text-align: left;
}
#h h2 {
float: left;
margin: 0;
padding: 0;
width: 272px;
}

#h h2 a,
#h h2 a:link,
#h h2 a:visited,
#h h2 a:hover,
#h h2 a:focus {
background: none;
border-bottom: none;
text-decoration: none;
}

#h ul#h_topicpath {
float: right;
margin:5px 0;
text-align:right;
}
#h ul#h_topicpath li {
display: inline;
line-height: 150%;
list-style-type: none;
font-size: 75%;
}
#h ul#h_topicpath li a {
padding-right:10px;
background: url(/_img/h/topicpath.gif) no-repeat right center;
}


/* }}} */
/* {{{ t */
#t_wrap {
text-align: center;
}
#t {
width: 752px;
height: 40px; 
margin: 0 auto;
text-align: left;
background: #fff url(/_img/tab/bg_top.jpg);
}
#t ul {
margin: 0 1px;
height: 40px;
list-style: none;
background: #fff url(/_img/tab/bg_item.jpg);
}
#t ul li {
width: 100px;
height: 40px;
display: block;
float: left;
background: #fff url(/_img/tab/bg_top.jpg);
overflow:hidden;
vertical-align: bottom;
}
#t ul li a {
display: block;
background: #fff;
margin-right: 1px;
padding: 13px 0 13px 5px;
color: #333;
font-size: 95%;
text-decoration: none;
}

#t ul li a.item {
background: #fff url(/_img/tab/bg_item.jpg);
font-weight: normal;
} 
#t ul li a.sel {
background: #fff url(/_img/tab/bg_item.jpg);
font-weight: bold;
} 

#t ul li a:focus,
#t ul li a:hover {
font-weight: bold;
background: #fff url(/_img/tab/bg_over.jpg);
}


/* }}} */
/* {{{ t_float */
#t_float {
position: absolute;
z-index: 500;
top: 0;
left: 0;
}
#t_float ul {
padding-top: 50px;
border-bottom: 1px solid #fff;
line-height: 100%;
cursor: pointer;
}
#t_float li {
background: #333;
color: #fff;
font-size: 80%;
width: 98px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
list-style: none;
text-align: left;
margin: 0;
padding: 0;
} 
#t_float li a, 
#t_float li a:link, 
#t_float li a:visited, 
#t_float li a:hover, 
#t_float li a:focus {
display: block;
border: none;
padding: 5px 10px;
margin: 0;
height: 100%;
background: none;
color: #fff;
text-decoration: none;
}
#t_float li a:hover, 
#t_float li a:focus {
background: #000;
text-decoration: underline;
} 
#t_float_ordermade, 
#t_float_example, 
#t_float_estimate, 
#t_float_material, 
#t_float_company, 
#t_float_job, 
#t_float_showroom,
#t_float_contact {
display: none;
}

/* }}} */

/* {{{ catch_frame */
div.frame_wrap {
text-align: center; 
}

div.catchframe {
width: 810px;
height: 1px;
margin: 0 auto; 
overflow: hidden;
}

div.catchframe div.catchframe_wrap {
float: left; 
width: 100%;
}
div.catchframe div.catchframe_wrap span.catchframe_c {
display: block;
margin: 0 30px 0 30px;
height: 1px;
background: #333;
}
div.catchframe span.catchframe_l,
div.catchframe span.catchframe_r {
display: block;
float: left;
height:1px;
width: 30px;
}
div.catchframe span.catchframe_l {
margin-left: -810px;
background: #333 url(/_img/frame/bg_left.jpg) repeat-y;
}
div.catchframe span.catchframe_r {
margin-left: -30px;
background: #333 url(/_img/frame/bg_right.jpg) repeat-y;
}
/* }}} */
/* {{{ catch_contents */
#catch_wrap {
text-align: center;
} 
#catch {
width: 750px;
height: 300px;
margin: 0 auto; 
border-left: 1px solid #333;
border-right: 1px solid #333;
text-align: left;
overflow: hidden;
}

#catch_def {
width: 750px;
height: 150px;
margin: 0 auto; 
border-left: 1px solid #333;
border-right: 1px solid #333;
text-align: left;
overflow: hidden;
}

#catch_contents {
width: 750px;
height: 300px;
background: #333 url(/_img/top/catch_1.jpg);
}
#catch_contents_def {
width: 750px;
height: 150px;
}

#catch_contents_float {
height: 300px;
width: 1px;
position: absolute;
display: none;
z-index: 400;
top: 0;
left: 0;
overflow: hidden;
}

#catch_contents_1,
#catch_contents_2,
#catch_contents_3,
#catch_contents_4 {
position: absolute;
width: 1px;
height: 1px;
top: -100px;
left: -100px;
overflow:hidden;
}
#catch_contents_1 {
background: url(/_img/top/catch_1.jpg);
}
#catch_contents_2 {
background: url(/_img/top/catch_2.jpg);
}
#catch_contents_3 {
background: url(/_img/top/catch_3.jpg);
}
#catch_contents_4 {
background: url(/_img/top/catch_4.jpg);
}
#catch_text_1,
#catch_text_2,
#catch_text_3,
#catch_text_4 {
display:none;
}

#catch_prev,
#catch_next {
width: 50px;
height: 50px;
cursor: pointer;
position: absolute;
z-index: 500;
}

#catch_explain {
float: left;
position: absolute;
padding: 195px 0 10px 430px; 
color: #fff;
width: 300px;
height: 95px;
overflow: hidden;
}

#catch_explain h2 {
display: none;
}
#catch_explain p {
padding: 10px;
background: #222;
font-size: 85%;
}
#catch_explain ul {
list-style: none; 
margin: 3px 10px 0 10px;
}
#catch_explain ul li#catch_explain_prev,
#catch_explain ul li#catch_explain_next {
display: block;
}
#catch_explain ul li#catch_explain_prev {
padding: 0 0 0 18px;
background: url(/_img/top/catch_arrow_prev.gif) no-repeat;
background-position: 0% 100%;
float: left;
}
#catch_explain ul li#catch_explain_next {
padding: 0 18px 0 0;
background: url(/_img/top/catch_arrow_next.gif) no-repeat;
background-position: 100% 100%;
float: right;
}
#catch_explain a:link,
#catch_explain a:visited {
color: #fff;
}
#catch_explain a:hover,
#catch_explain a:focus {
color: #c30;
text-decoration: none;
}
/* }}} */

/* {{{ f */
#f_wrap {
background: #fff url(/_img/f/bg.jpg) repeat-x;
padding: 30px 0 40px 0;
}
#f {
width: 750px;
margin: 0 auto;
text-align: left;
}
#f_copy {
float: left;
margin: 3px 0 0 0;
font-size: 70%;
line-height: 200%;
color: #443E39; 
}
#f_menu {
float: right;
width: 183px;
height: 40px;
background: #fff url(/_img/f/tab_bg.jpg) repeat-x;
text-align: right;
}
#f_menu ul {
margin: 0;
padding: 0 0 0 1px;
height: 30px;
}
#f_menu ul li {
display: block;
float: left;
height: 30px;
margin: 0;
padding: 0 1px 0 0;
font-size: 80%;
} 
#f_menu ul li a {
display: block;
height: 30px;
width: 90px;
padding-top: 5px;
text-align: center;
background: #fff;
height: 30px;
border: none;
} 
#f_menu ul li a:hover,
#f_menu ul li a:focus {
background: #fff url(/_img/f/tab_bg_over.gif) repeat-x;
} 
/* }}} /f */

/* {{{ c */
#c_wrap {
text-align: center;
}
#c_def,
#c_m,
#c_s {
width: 752px;
margin: 0 auto;
text-align: left;
background: #fff url(/_img/c/frame_bg_m.jpg) repeat-x;
}
#c_m #contents_wrap,
#c_s #contents_wrap {
clear: both;
margin: 0 1px;
}
#c_def #contents_wrap {
margin: 0 1px 0 0;
} 

/* contents top flame */
#contents_l,
#contents_c,
#contents_r {
width: 250px; 
float: left; 
}

#contents_lw,
#contents_cw,
#contents_rw {
padding: 10px;
background: #fff;
} 
#contents_lw,
#contents_cw {
margin-right: 1px;
}

/* contents default flame */
#contents_sub {
width: 200px; 
height: 300px;
background: #fff url(/_img/p/sub_frame_bg.jpg) repeat-x;
float: left; 
}
#contents_main {
width: 551px; 
float: left; 
}
#contents_mainw {
padding: 10px 15px;
background: #fff;
} 
#contents_subw {
margin-right: 1px;
margin-left: 1px;
}

#contents_foot {
clear: both;
}


/* }}} */
/* {{{ c_box */

#contents_wrap div.c_box {
width: 99.9%; 
} 
#contents_wrap div.c_box h3 {
clear: both;
margin: 8px 0 8px 0;
line-height: 110%;
font-size: 115%;
border-bottom: 1px solid #CCC9C6;
color: #6F655E;
} 
#contents_wrap div.btn_detail{
text-align: right;
}

#contents_wrap div.c_box p {
margin: 6px 0 18px 0;
font-size: 90%;
color: #47413D;
}
#contents_wrap span.detail_exp {
font-size: 60%;
color: #666;
} 

/* }}} */

/* {{{ sub */

#sub {
background: #fff url(/_img/p/sub_bg.jpg) repeat-x;
height: 300px;
}

#sub ul {
padding-top: 10px;
list-style: none;
}

#sub li {
margin: 0;
padding: 0;
vertical-align: middle;
font-size: 85%;
border-top: 1px solid #fff;
border-bottom: 1px solid #D5D1CC;
}
#sub li a,
#sub li a:link,
#sub li a:visited {
display: block;
text-decoration: none;
padding: 8px 0 7px 30px;
background: url(/_img/p/sub_btn.gif) no-repeat;
background-position: 9px 8px;
border: none;
}

#sub li a.sel:link,
#sub li a.sel:visited {
color: #4D4540;
font-weight: bold;
}

#sub li a:hover,
#sub li a:focus {
background: #fff url(/_img/p/sub_btn.gif) no-repeat;
background-position: 9px 8px;
font-weight: bold;
} 


/* }}} */

/* {{{ top_about */
#top_about p {
font-size: 89%;
margin-bottom: 15px;
color: #47413D;
line-height: 160%;
}
/* }}} /top_about */
/* {{{ top_example */
#top_example tr { 
margin: 0; 
padding: 0;
}
#top_example td { 
border-bottom: 1px dotted #DAD8D6;
vertical-align: top;
} 
#top_example td.thumb { 
padding: 7px 10px 7px 0;
}
#top_example td.detail {
padding: 0 0 7px 0;
}

#top_example dl {
margin: 0;
padding: 0;
list-style: none;
}
#top_example dt, 
#top_example dd {
margin: 0;
padding: 0;
}
#top_example dt {
font-weight: bold;
margin: 5px 0 3px 0;
padding: 0;
line-height: 180%;
} 
#top_example dd {
font-size: 11px;
color: #5D5D5D;
margin: 0 0 5px 0;
padding: 0;
} 

/* }}} /top_example */
/* {{{ top_news, top_blog */
#top_news ul, 
#top_blog ul {
margin: 7px 0;
padding: 7px 0;
list-style: none;
border-bottom: 1px dotted #FAF8F6;
}

#top_news li, 
#top_blog li {
font-size: 90%;
margin-bottom: 10px;
color: #666;
line-height: 180%;
}
#top_news li span.date, 
#top_blog li span.date {
margin: 0 0 0 5px;
font-size: 80%;
} 

#top_links ul.t_link {
font-size: 80%;
}

/* }}} /top_example */ 

/* {{{ admin */
div#admin #err {
margin: 10px 0;
color: #c00;
}
/* }}} /admin */ 


/* vim: set expandtab tabstop=4 shiftwidth=4 foldmethod=marker: */

*{padding: 0; margin: 0;}

html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}

#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
position: absolute;
z-index:100;
top: 0px;
left: 0px;
background-color:#000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

#TB_window {
position: absolute;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
}

#TB_window img {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}

#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}

#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}

#TB_closeAjaxWindow{
padding:5px 10px 7px 0;
margin-bottom:1px;
text-align:right;
float:right;
}

#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}

#TB_title{
background-color:#e8e8e8;
height:27px;
}

#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}

#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}

#TB_load{
position: absolute;
display:none;
height:100px;
width:100px;
z-index:101;
}

#TB_HideSelect{
z-index:99;
position:absolute;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}

#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}