
/*---------------------------------------
各ページ共通
---------------------------------------*/
.main-bnr {
	margin:0 0 14px 0;
	width:750px;
	height:82px;
	overflow:hidden;
	}

.main-bnr_index {
	margin:0 0 14px 0;
	width:750px;
	height:154px;
	overflow:hidden;
	}


/*---------------------------------------
/buyer/index.asp
---------------------------------------*/

img.emblem { float:left; padding:0 22px 17px 22px; }

p.read_emblem {
	font-size: 13px;
	margin: 20px 20px 30px;
	line-height:1.5em;
	width:640px;
	/width:530px;
}

.merit_page {
	width:710px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

.merit_page p,
.merit_page div,
.merit_page li,
.merit_page dt,
.merit_page dd { line-height:1.5em;}

.merit_page ul.mark { list-style:none;}
.merit_page ul.mark li { background:url(/buyer/images/index/list_mark.gif) no-repeat 0 3px; padding-left: 10px;}
.merit_page ul.mark li.list_style_none { background:none;}

.merit_page h4.point { margin-top:18px; clear:both;}

div.case {width:710px; overflow:hidden; margin-top:10px;}
div.case img { width:230px; float:left; margin-right:10px;}
div.case img.last { width:230px; float:left; margin-right:0px;}

div.trouble_box {
	clear:both;
	background: url(/buyer/images/index/trouble_top.gif) no-repeat top;
	width:710px;
	margin-top:10px;
	overflow:hidden;
}

.trouble_box div { width:230px; float:left; margin-right:10px; overflow:hidden;}
.trouble_box div.last { width:230px; float:left; margin-right:0px; overflow:hidden;}
.trouble_box div ul { margin:10px 10px 5px 10px; }
.trouble_box img.trouble_bottom { clear:both; display:block;}

img.trouble_arrow { margin:6px 0;}

div.solution_box {
	width:710px;
	overflow:hidden;
}
div.solution_box img {display:block;}

div.solution_box_b {	background: url(/buyer/images/index/solution_bottom.gif) no-repeat bottom;}
div.solution_box_w {	background: url(/wholesal/images/index/solution_bottom.gif) no-repeat bottom;}
div.solution_box_m {	background: url(/maker/images/index/solution_bottom.gif) no-repeat bottom;}


.solution_box div { width:230px; float:left; margin-right:10px; overflow:hidden;}
.solution_box div.last { width:230px; float:left; margin-right:0px; overflow:hidden;}
.solution_box div p { margin:8px 12px 10px 12px; height:80px; _height:90px; }
.solution_box div img.solution { margin-bottom:10px; display:block;}

.solution_box a{
	display:block;
	width:108px;
	height:22px;
	margin:20px 0px 10px 110px;
}
a.title_allergy,
a.title_compile,
a.title_inquiry {
	background:url(/buyer/images/index/btn_details_pink_down.gif) no-repeat;
}

a.title_inquiry_w,
a.title_compile_w,
a.title_send_w {
	background:url(/wholesal/images/index/btn_details_blue_down.gif) no-repeat;
}

a.title_drawing_m,
a.title_client_m,
a.title_share_m {
	background:url(/maker/images/index/btn_details_yellow_down.gif) no-repeat;
}


.solution_box a:hover { background-position:0 -22px;}
.solution_box a span {
	display: block; 
	position: relative;
	height: 22px;
	width: 108px;
	z-index: -1;
	font-size:9px;
	padding-top:3px;
	_padding-top:0px;     /* IE6 */
}

div.merit_conclusion { margin:15px auto 0 140px;}
div.merit_conclusion_w { margin:15px auto 0 82px;}
div.merit_conclusion_m { margin:15px auto 0 20px;}


p.merit_h2_txt {  width: 600px; margin:20px 0; }
p.merit_h2_txt_wide {  width: auto; margin:20px 0; }
p.merit_h4_txt {  width: 600px; margin:20px 0 10px 0; }

.format_item,
.control_item,
.search_item,
.secondary_box {
	background:url(/buyer/images/index/merit_box_bottom.gif) no-repeat bottom;
	width:710px;
	overflow:hidden;
}

.format_item div { width:352px; float:left; overflow:hidden;}
.format_item div.standard { background:url(/buyer/images/index/format_item_standard_img.gif) no-repeat top right;}
.format_item div.lite { background:url(/buyer/images/index/format_item_lite_img.gif) no-repeat top right;}

.format_item div.standard_m { background:url(/maker/images/index/format_item_standard_img.gif) no-repeat top right;}
.format_item div.lite_m { background:url(/maker/images/index/format_item_lite_img.gif) no-repeat top right;}

.format_item div ul.ul_l { margin:10px 0 20px 5px; padding-left:10px; float:left; width:220px; _margin-left:5px; _width:210px;}
.format_item div ul.ul_s { margin:10px 0 20px 0px; padding-left:10px; float:left; width:233px; _margin-left:0px; _width:210px;}

.format_item div div.popup_s,
.format_item div div.popup_l { float:left; width:106px;}

.format_item div a.format_item_standard_img,
.format_item div a.format_item_lite_img { display:block; width:106px; height:136px; margin:10px 0 0 0;}

.format_item div span { z-index: -1;	font-size:9px;}

.format_item div.standard img {margin-left:7px;}
.format_item div.lite img {margin-left:15px;}

.format_item div.standard_m img {margin-left:7px;}
.format_item div.lite_m img {margin-left:15px;}


div.zoombtn {width:106px; height:22px; padding:10px 0 20px 0; overflow:hidden; text-align:right;}
a.zoom {
	display:block;
	width:72px;
	height:22px;
	background:url(/buyer/images/index/zoom.gif) no-repeat;
	margin:0px 0px 0px 28px;
}
a.zoom:hover { background-position:0 -22px;}
a.zoom span {
	display: block; 
	position: relative;
	height: 22px;
	width: 72px;
	z-index: -1;
	font-size:9px;
	padding-top:3px;
	_padding-top:0px;     /* IE6 */
}

.format_item div.format_item_conclusion { clear:both; padding:0 0 20px 168px; width:400px;}


.control_item_box { width:540px; margin:0 auto; overflow:hidden;}
.control_item_box ul,.control_item_box div {  width:200px; float:left; overflow:hidden; }
.control_item_box ul { padding-left:15px;}
.control_item_box div {width:100px;}

.search_item_box { width:640px; margin:0 auto; overflow:hidden;}
.search_item_box div.txt_area { width:515px; float:left; margin-right:15px;}
.search_item_box div.img_area { width:100px; float:left; margin-top:50px;}

.search_item_box div.txt_area p { font-weight:bold; margin:0; clear:both;}
.search_item_box div.txt_area ul { border-bottom:#eeeeee 2px solid; margin:0 0 10px 0px; padding:5px 0; overflow:hidden; _padding-bottom:20px; width:480px;}
.search_item_box div.txt_area ul.last {border-bottom:none;}
.search_item_box div.txt_area li {
	float:left; width:160px;
	background-position:0 1px\9;     /* IE8 */
	/background-position:0 3px;     /* IE6,7 */
}
.search_item_box div.txt_area li.last { width:120px;}


.secondary_box {margin-top:15px; padding-bottom:15px;}
.secondary_box div.secondary_img { float:left;}
.secondary_box div.secondary_illust {
	float:left;
	background:url(/buyer/images/index/secondary_box_bottom.gif) no-repeat bottom;
	width:445px;
	overflow:hidden;
}
.secondary_box div.secondary_inner { margin:15px; margin-top:0;}
.secondary_inner div { overflow:hidden; clear:both;}
.secondary_inner img.cut {float:left;}
.secondary_inner p {margin:5px 0 10px 0;}

.operation_flow_box {margin-top:20px;}
.operation_flow_box img {display:inline;}

.merit_page div.voice_ex {
	overflow:hidden;
	clear:both;
	margin:15px 0 24px 0;
}
.merit_page div.voice_ex td.merit_corp_name {
	padding:15px 0 10px 0;
}
.merit_page div.voice_ex td.merit_corp_name img { display:inline;}
.merit_page div.voice_ex img {
	vertical-align:text-top;
}

.merit_page div.voice_ex span.merit_corp {
	font-weight:bold;
}
.merit_page div.voice_ex span.merit_prof {
	background: none repeat scroll 0 0 #F2F2F2;
	border: 1px solid #CCCCCC;
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	margin-right: 3px;
	margin-top: 0;
	padding: 3px 2px 1px 4px;
}

.merit_page div.voice_ex td.voice_matter {
	width:510px;
	line-height:1.6;
}

.merit_page div.voice_ex div.jirei_detail_anchor,
.merit_page div.voice_ex div.jirei_detail_anchor_s {
	display:inline-block;
	width: 510px;
}
.merit_page div.voice_ex div.jirei_detail_anchor a,
.merit_page div.voice_ex div.jirei_detail_anchor_s a {
	display:block;
	width:108px;
	height:22px;
	float: right;
}
.merit_page div.voice_ex div.jirei_detail_anchor a {
	background:url(/images/common/btn_details_pink.gif) no-repeat;
}
.merit_page div.voice_ex div.jirei_detail_anchor_s a {
	background:url(/images/common/btn_details_yellow.gif) no-repeat;
}

.merit_page div.voice_ex div.jirei_detail_anchor a:hover,
.merit_page div.voice_ex div.jirei_detail_anchor_s a:hover {
	background-position:0 -22px;
}
.merit_page div.voice_ex div.jirei_detail_anchor span,
.merit_page div.voice_ex div.jirei_detail_anchor_s span {
	display: block; 
	position: relative;
	height: 22px;
	width: 108px;
	z-index: -1;
	line-height:1.3;
	font-size:9px;
	padding-top:3px;
	_padding-top:0px;     /* IE6 */
}


.next_p { margin:10px 0 20px 243px; overflow:hidden;}
.next_p_m { margin:10px 0 20px 0px; overflow:hidden;}

.next_p a {
	display:block;
	float:left;
	width:224px;
	height:50px;
	margin:0;
}
a.btn_next_price_b {background:url(/buyer/images/index/btn_next_price.gif) no-repeat; margin-right:19px;}
a.btn_next_flow_b {background:url(/buyer/images/index/btn_next_flow.gif) no-repeat;}
a.btn_next_price_w {background:url(/wholesal/images/index/btn_next_price.gif) no-repeat; margin-right:19px;}
a.btn_next_flow_w {background:url(/wholesal/images/index/btn_next_flow.gif) no-repeat;}

a.btn_movie_m {background:url(/maker/images/index/btn_movie_m.gif) no-repeat; margin-right:19px;}
a.btn_next_price_m {background:url(/maker/images/index/btn_next_price.gif) no-repeat; margin-right:19px;}
a.btn_next_flow_m {background:url(/maker/images/index/btn_next_flow.gif) no-repeat;}

.next_p a:hover { background-position:0 -50px;}

.next_p a span {
	display: block; 
	position: relative;
	height: 50px;
	width: 224px;
	z-index: -1;
	font-size:9px;
	padding-top:3px;
	_padding-top:0px;     /* IE6 */
}


/****** wholesal *******/

div.illust_and_txt {margin-top:15px; overflow:hidden;}
div.illust_and_txt img {float:right; margin-left:25px;}


/****** maker *******/

div.share_title {width:710px; overflow:hidden; margin-top:10px;}
div.share_title_2 {width:710px; overflow:hidden; margin-top:20px;}
div.share_image {width:710px; overflow:hidden; margin-top:0px;}

div.share_title img,
div.share_image img { width:340px; float:left; margin-right:30px;}
div.share_title img.last,
div.share_image img.last { width:340px; float:left; margin-right:0px;}

div.share_txt {width:710px; overflow:hidden; background:url(/maker/images/index/sub_share_img_body.gif) no-repeat top;}
.share_txt div { width:340px; float:left; margin-right:30px;  overflow:hidden;}
.share_txt div.last { width:340px; float:left; margin-right:0px; overflow:hidden;}
.share_txt p {margin:20px 20px 10px 20px;}



/*---------------------------------------
price.asp
---------------------------------------*/

.price_page {
	width:710px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

/* table */

.function_table {
	border-bottom: 1px solid #555555;
	border-right: 1px solid #555555;
	margin: 20px 0 0 0;
}

.tables {
	margin:10px 0;
	border-bottom:#555555 1px solid;
	border-right:#555555 1px solid;
}

th.title, th.name, td.fill, td.fill_m, td.fill_k {
	padding:8px;
	border-top:#555555 1px solid;
	border-left:#555555 1px solid;
	line-height:1.5em;
}

th.title {
	background-color:#888888;
	font-size: 13px; font-weight: bold;	text-align: center;	color:#ffffff;
	padding:3px 5px;
}

th.name {
	background-color:#e5e5e5;
	font-size: 12px; font-weight: normal; text-align: left;
	vertical-align:middle;
	padding:10px 15px;
	line-height:1.2em;
}

td.fill {
	background-color:#f2f2f2;
	font-size: 12px; font-weight: normal; text-align: left;
	vertical-align:middle;
}
td.fill_m {
	font-size: 12px; font-weight: normal; text-align: left;
	vertical-align:center;
	border-right:#555555 1px solid;
	vertical-align:middle;
}
td.fill_k {
	font-size: 12px; font-weight: normal; text-align: left;
	vertical-align:center;
	vertical-align:middle;
}

.function_table td.text_center {
	text-align:center;
}

/* pride */

.price_page p.price_txt {
	line-height: 1.5;
	width: 710px;
	margin-top:10px;
}

/* campaign */

.price_page h4.cam_ttl {
	margin:20px 0 12px 0;
}
.price_page p.cam_txt {
	line-height:1.5;
	width:710px;
}
.price_page p.cam_txt2 {
	line-height:1.5;
	margin-top:5px;
	color:#e80000;
}



/*---------------------------------------
flow.asp
---------------------------------------*/

.flow_page {
	width:710px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

.flow_page p {
	font-size:13px;
	line-height:1.8em;
	width:600px;
	margin:50px 0 0 95px;
}

div.flow_block {
	width:710px;
	height:120px;
	overflow:hidden;
	margin-bottom:5px;
}
div.b_flow_1 {
	background: url(/buyer/images/flow/flow_step1.gif) no-repeat left top;
}
div.b_flow_2 {
	background: url(/buyer/images/flow/flow_step2.gif) no-repeat left top;
}
div.b_flow_3 {
	background: url(/buyer/images/flow/flow_step3.gif) no-repeat left top;
}
div.b_flow_4 {
	background: url(/buyer/images/flow/flow_step4.gif) no-repeat left top;
}

div.w_flow_1 {
	background: url(/wholesal/images/flow/flow_step1.gif) no-repeat left top;
}
div.w_flow_2 {
	background: url(/wholesal/images/flow/flow_step2.gif) no-repeat left top;
}
div.w_flow_3 {
	background: url(/wholesal/images/flow/flow_step3.gif) no-repeat left top;
}
div.w_flow_4 {
	background: url(/wholesal/images/flow/flow_step4.gif) no-repeat left top;
}

div.m_flow_1 {
	background: url(/maker/images/flow/flow_step1.gif) no-repeat left top;
}
div.m_flow_2 {
	background: url(/maker/images/flow/flow_step2.gif) no-repeat left top;
}
div.m_flow_3 {
	background: url(/maker/images/flow/flow_step3.gif) no-repeat left top;
}







