@charset "utf-8";

/* Reset
----------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
caption, th, td {text-align:left;font-weight:normal;}
/* table, td, th {vertical-align:middle;} */
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
img{vertical-align:bottom;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
strong {font-weight:bold;}
ul {list-style-type:none;}
ol {list-style-type:decimal;}
address, em{font-style:normal;}
a{text-decoration:none;}

/* Yahoo fonts.css 2.7.0
http://developer.yahoo.net/yui/license.txt
- Font size Adjustment.
 http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html
*/ body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Common
----------------------------------------------- */
body{color:#444; line-height:1.5; font-family: Verdana,Arial,Helvetica,sans-serif;background: #521212;}
img.right {float:right;	margin:0 0 1.5em 1.5em;}
img.left {float:left; margin:0 1.5em 1.5em 0;}

.firefix{content:"";display:block;clear:both;height:1px;overflow:hidden;}
.block{clear:both; margin-bottom:20px;}
.block:after{content:"";display:block;clear:both;height:1px;overflow:hidden;}/*FireFox*/

#reason .block,
#oursite .block,
#lab_development .block,
#guide .block,
#columns .block,
#voice .block{
	margin-bottom:3em;
	padding:0 1em;
}

a{text-decoration:underline;}
a:link{color:#3a75af;}
a:visited{color:#3a75af;}
a:hover{color:#ff6600;}

#contents.p{margin-bottom:1.5em;}
em{font-style:normal;}

table{text-align:left; border-collapse:collapse;}
table th,
table td{
	vertical-align:top;
	font-weight:normal;
}

table.type0{width:100%; margin-bottom:1.5em;}
table.type0 th,
table.type0 td{padding:0.5em 1em;}
table.type0 th, table.type0 td{border:1px solid #CCC;}
table.type0 th {background-color:#F0F0F0;}

#content h2{margin-bottom:30px;}
#content h3{margin-bottom:25px;}
#content h4{margin-bottom:1em;}
#content p{margin-bottom:1.2em;}

p.bnr_contact{text-align:center;}

/* Frame
----------------------------------------------- */
#container{width:958px; margin:0 auto; background:url(../images/bg_frame.jpg) repeat-y;}
#contents{width:950px; margin:0 auto;}
.subpages{padding-top:12px;background:url(../images/bg_contents.jpg) top center no-repeat;}
#sidebar{float:left; width:220px;}
#content{float:right; width:710px; padding:0 10px;}
#content_home{float:right; width:710px; padding-right:10px;}
#footer{width:950px; margin: 0 auto;}
#container,
#header,
#contents,
#footer{
    clear:both;
}
#container:after,
#header:after,
#contents:after,
#footer:after{
    content:"";display:block;clear:both;height:0;overflow:hidden; /*FireFox*/
}

/* Header
----------------------------------------------- */
#header {
	width:950px;
	margin:0 auto;
	padding-top:9px;
    font-size:0.85em;
	background:url(../images/bg_header.jpg) no-repeat;
}
#header h1{
    float: left;
    padding:0 0 10px 10px;
    width:303px;
    height:56px;
}
#header #header_top{width:100%;}/*IE*/

/* Nav */
ul#nav_sub{float:right;}
ul#nav_sub li{display:inline; padding:5px 10px; background:url(../images/icon_subnav.jpg) left center no-repeat;}

#nav{clear:both;}
#nav ul{width:950px;}
#nav li{float:left;}

/* Topic path */
#topic_path{clear:both; font-size:0.9em; color:#CCC; padding:0 10px; line-height:29px; height:29px; background:url(../images/bg_topicpath.jpg) left center no-repeat;}


/* Footer
----------------------------------------------- */
#footer{font-size:90%; text-align:right; padding-top:10px;}
#pagetop{padding:10px 15px;}
#footer p{
	color:#FFF;
	padding:0 15px;
	line-height:60px;
	background-color:#521212
}

/* Sidebar
----------------------------------------------- */
#sidebar{width:220px; font-size:0.9em;}
#sidebar h3{width:200px; padding:0 10px; margin-bottom:15px; background-color:#B8B6A0;}

#sidebar .sb_columns,
#sidebar .sb_links,
#sidebar .sb_products,
#sidebar .sb_banner{width:200px; padding:0 10px; margin-bottom:10px;}

#sidebar .sb_products li,
#sidebar .sb_banner li{margin-bottom:3px;}

#sidebar .sb_columns dt{margin-bottom:0.5em;}
#sidebar .sb_columns dd,
#sidebar .sb_links li{padding:0 0 1em; margin-bottom:1em; background: url(../images/sidebar/bg_divide.jpg) bottom center no-repeat;}
#sidebar .sb_columns dd.end,
#sidebar .sb_links li.end{background:none;}
#sidebar .sb_columns dd p{text-align:right;}

#sidebar p#companyinfo{margin:5px; padding:1em; background-color:#FFF;}


/* Home
----------------------------------------------- */
#content_center{float:left; width:490px; padding-right:10px; border-right:1px solid #CCC;}
#content_right{float:right; width:200px;}
#content_center,
#content_right{margin-top:5px;}

#content_home h2{clear:both; margin-bottom:1em; border-bottom:2px solid #486A69;}

/* Topic */
#content_home .topic li{margin-bottom:5px; border:1px solid #E9E9E9; background-color:#F6F6F6;}
#content_home .topic li h3{margin-bottom:0.5em;}
#content_home .topic li p{padding:0 1em; margin-bottom:0.5em;}
#content_home .topic li p.link a{font-size:0.9em; line-height:2em; padding-left:20px; margin-left:270px; background:url(../images/bg_list_a.jpg) center left no-repeat;}

#content_home .banner li{float:left; width:240px; margin-right:10px;}
#content_home .banner li.end{margin-right:0;}

/* Products */
#content_home .products_intro,
#content_home .products_intro li{width:100%;}/*IE*/
#content_home .products_intro li{clear:both; padding-bottom:1em; margin-bottom:1em; border-bottom:1px solid #CCC; position:relative;}
#content_home .products_intro li:after{content:"";display:block;clear:both;height:1px;overflow:hidden;}
#content_home .products_intro li h3 a{display:block; position:absolute; right:0; top:13px;}
#content_home .products_intro li h3,
#content_home .products_intro li p{margin:0 0 0.7em 150px;}
#content_home .products_intro li img.photo{float:left; margin:0 14px 14px 0;}

/* Information */
#content_home .informaiton{font-size:0.9em; width:100%; height:500px; margin-bottom:40px; overflow:auto; border:1px solid #EEE;}
#content_home .informaiton dd{padding-bottom:0.5em; margin-bottom:1em; background:url(../images/line_ten_460.gif) bottom no-repeat;}

/* Waku */
#content_home .waku li{padding:15px 10px;}
#content_home .waku li.top{border-bottom:1px dotted #CCC; background:url(../images/sidebar/bg_waku.gif) top no-repeat;}
#content_home .waku li.bottom{background:url(../images/sidebar/bg_waku.gif) bottom no-repeat;}
#content_home .waku li img{margin-bottom:5px;}


/* Reason
----------------------------------------------- */
#reason .block{padding-bottom:3em; border-bottom:1px dotted #CCC;}
#reason em{color:#900;}

#reason ul.used{padding-left:230px; border:1px solid #666; background:#F8F8F8 url("../images/bg_used.jpg") no-repeat;}
#reason ul.used li{border-bottom:1px dotted #666; padding-left:30px; height:30px; line-height:30px;}
#reason ul.used li.end{border:none;}

#reason .benefit dt{float:left; width:160px; text-indent:-9999em;}
#reason .benefit dd.b1{background:url("../images/t_benefit1.jpg") no-repeat;}
#reason .benefit dd.b2{background:url("../images/t_benefit2.jpg") no-repeat;}
#reason .benefit dd.b3{background:url("../images/t_benefit3.jpg") no-repeat;}
#reason .benefit dd{padding:0.3em 0 0.7em 190px; margin-bottom:1em; border-bottom:1px dotted #666;}

#reason .productflow{width:640px; border-left:1px solid #900; margin-left:15px;}
#reason .productflow dt,
#reason .productflow dd{
	 width:625px; padding-left:14px; border-left:1px solid #EEAAA8;
}
#reason .productflow dt{clear:both; color:#286968; font-size:1.2em; font-weight:bold; padding-bottom:0.5em; background:url("../images/bg_flow2.jpg") no-repeat;}
#reason .productflow dd{padding-bottom:1.5em;}
#reason .productflow dd img{float:right; border:1px solid #999; padding:2px; margin-left:1.5em;}
#reason .productflow dd:after{content:"";display:block;clear:both;height:1px;overflow:hidden;}

/* Company
----------------------------------------------- */
#company .type0{margin-bottom:3em;}
#company .type0 th{width:9em;}

/* Oursite
----------------------------------------------- */
#oursite h4{border-left:4px solid #B36D6D; padding-left:10px;}

#oursite #commitment{height:170px; padding:80px 0 0 1em; background:url(../images/bg_commitment.jpg) no-repeat;}
#oursite #commitment ul{color:#900; margin-bottom:0.7em;}
#oursite #commitment li{list-style-type:square; line-height:1.7em; margin-left:15px;}

#oursite .goodshop {margin-bottom:3em; border:4px solid #BED2D1;}
#oursite .goodshop li{
	min-height:130px;
	height: auto !important;
	height: 130px;
}
#oursite .goodshop li{padding:0.5em 1em 0.5em; border-bottom:4px solid #BED2D1;}
#oursite .goodshop li.end{border-bottom:none;}
#oursite .goodshop h4,
#oursite .goodshop p{
	margin:0 0 0.5em 160px;
}
#oursite .goodshop li.goodshop1{background:url(../images/bg_goodshop1.jpg) no-repeat;}
#oursite .goodshop li.goodshop2{background:url(../images/bg_goodshop2.jpg) no-repeat;}
#oursite .goodshop li.goodshop3{background:url(../images/bg_goodshop3.jpg) no-repeat;}

/* Lab Development
----------------------------------------------- */
#lab_development ul.labservice{margin-bottom:1.5em;}
#lab_development ul.labservice li{font-weight:bold; line-height:3em;}

/* Guide
----------------------------------------------- */
#guide h4{border-left:4px solid #B36D6D; padding-left:10px;}
#guide em{color:#900;}

#guide .flow{width:640px; border-left:1px solid #900; margin-left:15px;}
#guide .flow dt,
#guide .flow dd{
	 width:625px; padding-left:14px; border-left:1px solid #EEAAA8;
}
#guide .flow dt{clear:both; color:#286968; font-size:1.2em; font-weight:bold; padding-bottom:0.5em; background:url("../images/bg_flow2.jpg") no-repeat;}
#guide .flow dd{padding-bottom:1.5em;}

#guide ul{margin:0 0 1.2em 25px; list-style-type:square;}
#guide ol{margin-bottom:3em; padding:1em; background-color:#F2F2F2;}
#guide ol li{margin-left:2em; padding:1em 0; border-bottom:1px dotted #666;}
#guide ul li{border:none; padding:0; font-weight:bold;}

#guide .attention{color:#900; margin-bottom:2em; border-bottom:1px dotted #CCC;}

/* Privacy Policy
----------------------------------------------- */
#privac_ypolicy ul{padding: 1em 0;}
#privac_ypolicy li{list-style-type: square; margin-left: 20px;}
#privac_ypolicy .type0 th {width:12em;}

/* Law
----------------------------------------------- */
#law .type0 th {width:11em;}

/* FAQ
----------------------------------------------- */
#faq .faqarea{padding:0 2em;}
#faq .faqarea dt,
#faq .faqarea dd{padding-left:30px;}
#faq .faqarea dt{color:#E3706E; font-weight:bold; margin-bottom:1em; background:url("../images/q.gif") no-repeat;}
#faq .faqarea dd{padding-bottom:1.5em; margin-bottom:1.5em; border-bottom:1px dotted #CCC; background:url("../images/a.gif") no-repeat;}

#faq .tab{padding:5px 5px 0; height:25px; margin-bottom:40px; background:url("../images/bg_tab.jpg") no-repeat;}
#faq .tab:after{content:"";display:block;clear:both;height:1px;overflow:hidden;}/*FireFox*/
#faq .tab li{float:left; padding:0 5px;}
#faq .tab li a{display:block; width:140px; height:25px; overflow:hidden; text-indent:-9999em;}

#faq #tab1 a{background:url("../images/tab_faq1.jpg") no-repeat;}
#faq #tab2 a{background:url("../images/tab_faq2.jpg") no-repeat;}
#faq #tab1.active a{background:url("../images/tab_faq1_active.jpg") no-repeat;}
#faq #tab2.active a{background:url("../images/tab_faq2_active.jpg") no-repeat;}

/* Voice
----------------------------------------------- */
#voice .voicelist {border-top:2px solid #286968; border-bottom:2px solid #286968; padding-top:1em; margin-bottom:1.5em;}
#voice .voicelist li{border-bottom:1px dotted #999; padding:1em 0.5em; margin-bottom:1.5em;}

/* Columns
----------------------------------------------- */
#columns{line-height:1.7;}
#columns ul.pagelinks{float:right; font-size:0.9em; margin-bottom:1em;}
#columns ul.pagelinks li{display:inline; padding:0 0.2em;}
#columns ul.pagelinks li.current{color:#666; border:1px solid #999; background-color:#F6F6F6;}
#columns ul.pagetitle{clear:both; font-size:0.9em; padding:1.5em; line-height:2em; background-color:#F6F6F6;}
#columns h4 span{padding-right:0.5em;}

/* Detail
----------------------------------------------- */
#ditail h2.productname{color:#286968; font-size:1.5em; border:3px double #689695; padding:5px 10px; background-color:#D4E1E1;}

/* Post (Columns & Detail Common)
----------------------------------------------- */
#post p{margin-bottom:1.5em;}
#post {padding:0 1em;}
#post div.photo{font-size:0.9em; color:#666; padding:4px; margin-bottom:1.5em; border:1px solid #CCC;}
#post div.photo span{display:block; padding:0.5em 1em; line-height:1.5;}
#post div.left{float:left; margin-right:1.5em;}
#post div.right{float:right; margin-left:1.5em;}

#post em{font-weight:bold;}
#post .pink{color:#C06;}
#post .blue{color:#00F;}

#post h3.line{color:#984E4E; line-height:30px; height:34px; padding-left:15px; background:url("../images/bg_hline2.jpg") left bottom no-repeat;}
#post h4.line{color:#286968; line-height:30px; height:34px; padding-left:15px; background:url("../images/bg_hline1.jpg") left bottom no-repeat;}

#post .faq{padding:0 1em;}
#post .faq dt,
#post .faq dd{padding-left:30px;}
#post .faq dt{color:#E3706E; font-weight:bold; margin-bottom:1em; background:url("../images/q.gif") no-repeat;}
#post .faq dd{padding-bottom:1.5em; margin-bottom:1.5em; border-bottom:1px dotted #CCC; background:url("../images/a.gif") no-repeat;}

.property th, .property td{border:1px solid #B3D4C4;}
.property th {width:10em;}
.property tr.bgcolor{background-color:#D7E8DF;}

#post h3,
#post h4{clear:both; margin:1em 0 0.5em;;}
#post h3{font-size:1.2em; color:#C06;}
#post h4{font-size:1.2em; color:#00F;}
#post h5{
	font-size:1.1em;
	padding:0.3em 1em;
	background-color:#E4E4E4;
	border-bottom:2px solid #CCCCCC;
	margin-bottom:1em;
}

/* Order (Detail & Contact)
----------------------------------------------- */
#order{
	line-height:1.5;
	padding:1em;
	margin:1em 0 1.5em;
	border:1px solid #B3D4C4;
	background-color:#D7E8DF;
}
#order p{margin-bottom:0.5em;}
#order h3{font-size:1.1em; padding-bottom:0.5em; margin:0;}


/* Fmail
----------------------------------------------- */
table#fmail{width:710px; border-collapse:separate; margin:1em 0 0.5em; background-color:#DDD;}
#fmail th{width:8em; padding:0.5em 1em; background-color:#EEE; border:1px solid #FFF;}
#fmail td{padding:0.5em 1em; background-color:#FFF;}

p.error{color:red; padding:1em; margin:1em; background-color:#FFDFDF; border:1px solid #F99;}
.fbtn{padding:0.5em 1em; text-align:right;}
.fbtn input{padding:0.5em; font-size:1.1em;}
//td.checkbox input{margin-left:1em;}
//.request th{width:10em;}
#fmail span{padding-left:0.5em; font-size:0.8em; color:red;}