@charset "utf-8";

/******************************************************
yamatoshaken.com
Copyright(c) Nack Co., Ltd. All rights reserved.
******************************************************/

/***************************************
 category_b
***************************************/

/****** base.css ******/
@import url(base.css);

/* common */
h3 u{ color: #003f97; text-decoration: none;}
/* STEPS (di_guide.html、discount.html) */
div#inner .inner_steps{ margin: 0 0 15px;}
div#inner .inner_steps img{ margin: 0 20px 15px 15px; float: right;}
div#inner .inner_steps h2{ margin: 0 0 8px; padding: 10px 5px 15px 85px;}
div#inner .inner_steps h2#steps_1{ background: url(../img/category_b/h2_s1.gif) no-repeat bottom left;}
div#inner .inner_steps h2#steps_2{ background: url(../img/category_b/h2_s2.gif) no-repeat bottom left;}
div#inner .inner_steps h2#steps_3{ background: url(../img/category_b/h2_s3.gif) no-repeat bottom left;}
div#inner .inner_steps h2#steps_4{ background: url(../img/category_b/h2_s4.gif) no-repeat bottom left;}
div#inner .inner_steps h2#steps_5{ background: url(../img/category_b/h2_s5.gif) no-repeat bottom left;}
div#inner .inner_steps h2#steps_6{ background: url(../img/category_b/h2_s6.gif) no-repeat bottom left;}
div#inner .inner_steps ul{ margin: 0 1em; padding: 0 0 0 1em;}
div#inner .inner_steps li{ margin: 0.2em 0; list-style-image: url(../img/list_b.gif);}
div#inner .inner_steps p{ padding-left: 10px;}
div#inner .inner_steps p.arrow{ margin: 0; height: 43px; background: url(../img/category_b/arrow.gif) left no-repeat;}
div#inner .inner_steps p.arrow span{ display: none;}
div#inner .inner_steps strong{ color: #006ea7;}

div#inner .inner_steps2 h2{ margin: 0 0 8px; padding: 10px 5px 15px 85px;}
div#inner .inner_steps2{ margin: 0 0 15px;padding:8px 0 0;background:url(../img/category_b/15/bg_inner.gif) no-repeat top;}

/* digital.html */
#inner #anchor{ margin: 0 0 25px; padding: 0 19px 0 0; background: url(../img/category_b/2/bg_anchor.jpg) left repeat-y; _height: 100%;}
#inner #anchor h2{ margin: 0; padding: 0; height: 59px; background: url(../img/category_b/2/anchor_1.jpg);}
#inner #anchor h2 span{ display: none;}
#inner #anchor p{ margin: 0; padding: 0 25px 10px 35px;}
#inner #anchor img{ margin: 0 0 0 35px;}
#inner #anchor div#foot{ padding: 0; clear: both; height: 29px; background: url(../img/category_b/2/anchor_3.jpg) no-repeat bottom;}
#inner #anchor ul{ margin: 0 25px 0 0; _margin-right: 12px; padding: 0; float: right; width: 200px;	list-style: none; line-height: 130%;}
#inner #anchor ul li{	margin: 0 0 0 10px;	padding: 2px 5px 7px;	background: url(../img/bg_dot1.gif) bottom repeat-x;}
#inner #anchor ul li a{ padding: 0 0 0 12px; background: url(../img/list_b_page.gif) no-repeat left; text-decoration: none;}
#inner #anchor ul li a:hover{ color: #003f97; text-decoration: underline;}

/* di_flow.html */
.l_font{ color: #003f97; font-weight: bold; font-size: 140%;}

/* di_cost.html */
.inner_article dl.difine-list{ margin: 0.3em 0 1em 10px;}
.inner_article dl.difine-list dt{ color: #003f97;}
.inner_article dl.difine-list dd{ margin: 0 0 0.5em 1em; color: #444;}

/* price.html */
div#inner .crmn3_bn div h3{ margin: 0 0 5px;}
.crmn3_bn{ padding: 0 0 0 15px;}
.crmn3_bn div{ padding: 0 15px 5px 0; float: left; width: 163px;}
.crmn3_bn div p{ padding: 0 0 0 15px; font-size: 93%; line-height: 135%; background: url(../img/list_b_page.gif) no-repeat left;}
.crmn3_bn div img{ margin: 0 0 3px;}
.crmn3_bn div span{ color: #444; font-size: 90%; font-weight: normal;}
.price{ border-left: solid 1px #ccc;}
.price th{ background: #eee url(../img/bg_white.gif) top repeat-x; border-right: solid 1px #ccc;}
.price td{ border-right: solid 1px #ccc; text-align: center;}
.price tr.total1{ background: #dbe7f8 url(../img/bg_white.gif) top repeat-x;}
.price tr.total2{ background: #bcd2ef url(../img/bg_white.gif) top repeat-x;}
.price tr.total3{ color: #fff; background: #5987c7 url(../img/bg_white.gif) top repeat-x;}
.price tr.coupon{ color: #ff5b5b;}

.crmn4_bn{ padding: 0 0 0 0px;}
.crmn4_bn div{ padding: 0 0px 5px 0; float: left; width: 138px;}
.crmn4_bn div img{ margin: 0 0 3px;}

.to_about{text-align:right;}



/* di_q_and_a.html */
div#inner .q_and_a h3{ margin: 0; padding: 10px 0 10px 45px; background: url(../img/category_b/6/q_and_a_1.gif) no-repeat left;}
div#inner .q_and_a p{ margin: 0 0 0.5em 20px; padding: 5px 0 5px 33px; _height: 5px; background: url(../img/category_b/6/q_and_a_2.gif) no-repeat left;}

/* di_voice.html */
.attend{ color: #003f97;}
div#inner .inner_article table.voice{ margin: 0 0 5px; border: none;}
div#inner .inner_article table.voice td{ padding: 6px 6px 8px; background: url(../img/line.gif) repeat-x bottom; border: none; line-height: 140%; font-size: 13px;}

/* discount.html */
.inner_article dl#coupon-list{ margin: 0;}
.inner_article dl#coupon-list dt{ margin: 0 0 0.2em; padding: 3px 0 2px 31px; color: #d49800; _height:10px; background: url(../img/category_b/8/yen.gif) no-repeat left; font-size: 110%;}
.inner_article dl#coupon-list dd{ margin: 0 0 0.5em 31px;}

/* di_eco.html */

.ecology{
	padding: 20px 220px 0 0;
	min-height: 207px;
	_height: 207px;
	background: url(../img/category_b/10/img_03.jpg) no-repeat right top;
}

#topic_float{
	margin: 0 0 20px;
	padding: 10px 15px 0;
	clear: both;
	background: #e0eaf8;
}
#topic_float p{ margin: 0; padding: 0; float: right; width: 360px; line-height: 150%; font-size: 90%;}
#topic_float h3{
	margin: 0;
	color: #003f97;
	background: url(../img/category_b/bg_h3_2.gif) no-repeat left;
	float: left;
	width: 125px;
}

#topic_eco{
	margin: 0 0 20px;
	padding: 20px 0 0;
	background: url(../img/category_b/10/frame_1.gif) no-repeat top center;
}
div#inner #topic_eco h3{ padding: 0; background: none; color: #003f97;}
#topic_eco_inner{
	padding: 0 15px;
	background: url(../img/category_b/10/frame_2.gif) no-repeat bottom center;
}
#topic_eco_inner .f_L_1{ float: left; width: 250px;}
#topic_eco_inner .f_R_1{ float: right; width: 243px;}
.price_eco{ color: #c00; font-weight: bold; font-size: 120%;}

#tex_eco{
	margin: 0 0 20px;
	padding: 10px 15px 5px;
	background: url(../img/category_b/10/bg_textile.gif);
}
#tex_eco h3{ background: url(../img/category_b/10/bg_h3_3.gif) no-repeat left;}

.eco{ border-left: solid 1px #ccc;}
.eco th{ background: #eee url(../img/bg_white.gif) top repeat-x; border-right: solid 1px #ccc;}
.eco td{ border-right: solid 1px #ccc; text-align: center;}
.eco .green1{ background: #d3f6a4 url(../img/bg_white.gif) top repeat-x;}
.eco .green2{ background: #89d794 url(../img/bg_white.gif) top repeat-x;}
.eco .green3{ background: #e7ffea url(../img/bg_white.gif) top repeat-x;}
.eco .gray{ background: #eee url(../img/bg_white.gif) top repeat-x;}
.eco .total1{ background: #fffaa6 url(../img/bg_white.gif) top repeat-x;}
.eco .total2{ background: #c4f7cb url(../img/bg_white.gif) top repeat-x;}
.eco .total3{ color: #fff; background: #4eb31c url(../img/bg_white.gif) top repeat-x;}
.eco tr.coupon{ color: #ff5b5b;}
.eco span{ font-size: 11px; font-weight: bold;}

#inner .eco .left{ padding: 4px 6px 4px 20px; font-weight: bold;}

/*.eco_contents {
overflow: hidden;
position: relative;
}
.box_left1 {
width:49%;
float:left;
}
.box_right1 {
width:49%;
float:right;
}
*/




/* quick.html */

.quick_c{
	padding: 20px 190px 0 0;
	min-height: 229px;
	_height: 229px;
	background: url(../img/category_b/11/img_01.jpg) no-repeat right top;
}


#topic_quick{
	margin: 0 0 20px;
	padding: 10px 15px;
	clear: both;
	background: #e0eaf8;
}
#topic_quick h3{
	margin: 0;
	color: #003f97;
	background: url(../img/category_b/bg_h3_2.gif) no-repeat left;
}

.toi_box{
	padding:12px 0 0;
	background:#e7e7e7;
	width:527px;
	text-align: center;
	vertical-align: bottom;
}

.toi_box img{
	padding:0 5px;
}


/* basic.html */

.basic_c{
	padding: 20px 250px 0 0;
	min-height: 267px;
	_height: 267px;
	background: url(../img/category_b/12/img_01.jpg) no-repeat right top;
}


/* hybrid.html */

.hybrid_c{
	padding: 20px 250px 0 0;
	min-height: 267px;
	_height: 267px;
	background: url(../img/category_b/13/img_01.jpg) no-repeat right top;
}


/* 20110603 */


#page_navi01{
	clear:both;
	margin:0;
	padding:0px;
	width:544px;
	height:125px;
	background:url(../img/category_b/15/page_navi01.jpg);
}

#page_navi01 ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#page_navi01 li{ float: left;}
#page_navi01 a{display: block;}
div#page_navi01 span{display: none;}


#nagare1 a{margin:9px 0 0 0;padding:0;display:block;width:164px;height:34px;}
#nagare2 a{margin:9px 0 0 27px;padding:0;display:block;width:164px;height:34px;}
#nagare3 a{margin:9px 0 0 25px;padding:0;display:block;width:164px;height:34px;}
#nagare4 a{margin:32px 0 0 0;padding:0;display:block;width:114px;height:34px;}
#nagare5 a{margin:32px 0 0 29px;padding:0;display:block;width:114px;height:34px;}
#nagare6 a{margin:32px 0 0 30px;padding:0;display:block;width:114px;height:34px;}
#nagare7 a{margin:32px 0 0 30px;padding:0;display:block;width:112px;height:34px;}

#nagare1 a:hover{margin:9px 0 0 0px; background-position: 0px 116px;background-image:url(../img/category_b/15/page_navi01.jpg);}
#nagare2 a:hover{margin:9px 0 0 27px; background-position: -191px 116px;background-image:url(../img/category_b/15/page_navi01.jpg);}
#nagare3 a:hover{margin:9px 0 0 25px; background-position: -380px 116px;background-image:url(../img/category_b/15/page_navi01.jpg);}
#nagare4 a:hover{margin:32px 0 0 0px; background-position: 0px 50px;background-image:url(../img/category_b/15/page_navi01.jpg);}
#nagare5 a:hover{margin:32px 0 0 29px; background-position: -143px 50px;background-image:url(../img/category_b/15/page_navi01.jpg);}
#nagare6 a:hover{margin:32px 0 0 30px; background-position: -287px 50px;background-image:url(../img/category_b/15/page_navi01.jpg);}
#nagare7 a:hover{margin:32px 0 0 30px; background-position: -431px 50px;background-image:url(../img/category_b/15/page_navi01.jpg);}



div#inner .inner_steps2 h2#steps_1{ background: url(../img/category_b/15/h2_s1.gif) no-repeat;}
div#inner .inner_steps2 h2#steps_2{ background: url(../img/category_b/15/h2_s2.gif) no-repeat;}
div#inner .inner_steps2 h2#steps_3{ background: url(../img/category_b/15/h2_s3.gif) no-repeat;}
div#inner .inner_steps2 h2#steps_4{ background: url(../img/category_b/15/h2_s4.gif) no-repeat;}
div#inner .inner_steps2 h2#steps_5{ background: url(../img/category_b/15/h2_s5.gif) no-repeat;}
div#inner .inner_steps2 h2#steps_6{ background: url(../img/category_b/15/h2_s6.gif) no-repeat;}
div#inner .inner_steps2 h2#steps_7{ background: url(../img/category_b/15/h2_s7.gif) no-repeat;}


#bg_step1{ background:url(../img/category_b/15/bg_step1.gif) 0 40px no-repeat;}
#bg_step2{ background:url(../img/category_b/15/bg_step2.gif) 0 40px no-repeat;}
#bg_step3{ background:url(../img/category_b/15/bg_step3.gif) 0 40px no-repeat;}
#bg_step4{ background:url(../img/category_b/15/bg_step4.gif) 0 40px no-repeat;}
#bg_step5{ background:url(../img/category_b/15/bg_step5.gif) 0 40px no-repeat;min-height:206px;}
#bg_step6{ background:url(../img/category_b/15/bg_step6.gif) 0 40px no-repeat;}
#bg_step7{ background:url(../img/category_b/15/bg_step7.gif) 0 40px no-repeat;}

#bg_step1,
#bg_step2,
#bg_step3,
#bg_step4,
#bg_step5,
#bg_step6,
#bg_step7{
	clear:both;
	overflow: hidden;
	zoom:1;}

#bg_step1 img,
#bg_step3 img,
#bg_step4 img,
#bg_step6 img,
#bg_step7 img{ margin: 0 60px 15px 10px; float: right;}

#bg_step5 img{ margin: 0 60px 40px 10px; float: right;}
#bg_step3 img.none{float:none;margin:0;}


#bg_step1 div,
#bg_step3 div,
#bg_step4 div,
#bg_step5 div,
#bg_step6 div,
#bg_step7 div{ margin: 0 0px 0px 30px;}

#bg_step4 ol#m_siyou{
	font-weight:bold;
	padding:10px 0 0 20px;
	margin:0;
}

#bg_step4 ol#m_siyou li{
	padding:0;
	margin:0;
	list-style-type:decimal;
}

#bg_step2 div#text01{ margin: 0 0px 0px 30px;}

#bg_step2 .steps_l{margin: 0;padding:10px 0 20px 0;float:left;width:222px;clear:both;}
#bg_step2 .steps_r{margin: 0;padding:10px 0 20px 0;float:right;width:222px;}

#bg_step2 .steps_l,
#bg_step2 .steps_r{font-size:11px;line-height:1.2;}

#bg_step2 .steps_lr{
	padding:0 60px 0 30px;
	overflow: hidden;
	zoom:1;
}


#bg_step2 .steps_l img,
#bg_step2 .steps_r img{padding:0 0 3px;}