@charset "utf-8";
/* CSS Document */
/*---以下は、オーダーメイドページ(ordermade/カテゴリ)のみに反映される設定です。---*/

/*－－－－ページタイトルー－－－－*/
p#h2 {
	width:183px;
	height:48px;
	text-align:left;
	text-indent:-5000px;
	background:url(../img/lm_00_title.jpg) no-repeat;
	}
h3.lead {
	color:#B8976C;
	font-weight:bold;
	font-size:large;
	line-height:1.2;
	clear:both;
	}
/*－－－－ローカルメニュー－－－－*/
li.index {
	width:auto;
	height:48px;
	text-indent:-5000px;
	background:url(../img/lm_01.jpg) no-repeat;
	background-position: 0 -96px;
	}
a#index {
	width:auto;
	height:48px;
	text-indent:-5000px;
	background:url(../img/lm_01.jpg) no-repeat;
	}
a#index:link, a#index:visited {
	background-position: 0 -48px;
	}
a#index:hover, a#index:active {
	background-position: 0 0;
	}
li.original {
	width:auto;
	height:48px;
	text-indent:-5000px;
	background:url(../img/lm_02.jpg) no-repeat;
	background-position: 0 -96px;
	}
a#original {
	width:auto;
	height:48px;
	text-indent:-5000px;
	background:url(../img/lm_02.jpg) no-repeat;
	}
a#original:link, a#original:visited {
	background-position: 0 -48px;
	}
a#original:hover, a#original:active {
	background-position: 0 0;
	}
li.base {
	width:auto;
	height:30px;
	text-indent:-5000px;
	background:url(../img/lm_03.jpg) no-repeat;
	background-position: 0 -60px;
	}
a#base {
	width:auto;
	height:30px;
	text-indent:-5000px;
	background:url(../img/lm_03.jpg) no-repeat;
	}
a#base:link, a#base:visited {
	background-position: 0 -30px;
	}
a#base:hover, a#base:active {
	background-position: 0 0;
	}
li.samples {
	width:auto;
	height:48px;
	text-indent:-5000px;
	background:url(../img/lm_04.jpg) no-repeat;
	background-position: 0 -96px;
	}
a#samples {
	width:auto;
	height:48px;
	text-indent:-5000px;
	background:url(../img/lm_04.jpg) no-repeat;
	}
a#samples:link, a#samples:visited {
	background-position: 0 -48px;
	}
a#samples:hover, a#samples:active {
	background-position: 0 0;
	}
li.multi {
	width:auto;
	height:48px;
	text-indent:-5000px;
	background:url(../img/lm_05.jpg) no-repeat;
	background-position: 0 -96px;
	}
li.multi a:link, a:visited {
	background:url(../img/lm_05.jpg) no-repeat;
	background-position: 0 -96px;
	}
li.multi a:hover, a:active {
	background:url(../img/lm_05.jpg) no-repeat;
	background-position: 0 0;
	}
a#multi {
	width:auto;
	height:48px;
	text-indent:-5000px;
	background:url(../img/lm_05.jpg) no-repeat;
	}
a#multi:link, a#multi:visited {
	background-position: 0 -48px;
	}
a#multi:hover, a#multi:active {
	background-position: 0 0;
	}
li.data {
	width:auto;
	height:48px;
	text-indent:-5000px;
	background:url(../img/lm_06.jpg) no-repeat;
	background-position: 0 -96px;
	}
a#data {
	width:auto;
	height:48px;
	text-indent:-5000px;
	background:url(../img/lm_06.jpg) no-repeat;
	}
a#data:link, a#data:visited {
	background-position: 0 -48px;
	}
a#data:hover, a#data:active {
	background-position: 0 0;
	}
li.format {
	width:auto;
	height:48px;
	text-indent:-5000px;
	background:url(../img/lm_07.jpg) no-repeat;
	background-position: 0 -96px;
	}
a#format {
	width:auto;
	height:48px;
	text-indent:-5000px;
	background:url(../img/lm_07.jpg) no-repeat;
	}
a#format:link, a#format:visited {
	background-position: 0 -48px;
	}
a#format:hover, a#format:active {
	background-position: 0 0;
	}
li.flow {
	width:auto;
	height:48px;
	text-indent:-5000px;
	background:url(../img/lm_08.jpg) no-repeat;
	background-position: 0 -96px;
	}
a#flow {
	width:auto;
	height:48px;
	text-indent:-5000px;
	background:url(../img/lm_08.jpg) no-repeat;
	}
a#flow:link, a#flow:visited {
	background-position: 0 -48px;
	}
a#flow:hover, a#flow:active {
	background-position: 0 0;
	}
/*－－－－タイトル－－－－*/
h1 span.h1_index {
	display:block;
	width:auto;
	text-indent:-5000px;
	background:url(../img/h1_index.gif) left no-repeat;
	}
h1 span.h1_original {
	display:block;
	width:auto;
	text-indent:-5000px;
	background:url(../img/h1_original.gif) left no-repeat;
	}
h1 span.h1_base {
	display:block;
	width:auto;
	text-indent:-5000px;
	background:url(../img/h1_base.gif) left no-repeat;
	}
h1 span.h1_samples {
	display:block;
	width:auto;
	text-indent:-5000px;
	background:url(../img/h1_samples.gif) left no-repeat;
	}
h1 span.h1_multi {
	display:block;
	width:auto;
	text-indent:-5000px;
	background:url(../img/h1_multi.gif) left no-repeat;
	}
h1 span.h1_data {
	display:block;
	width:auto;
	text-indent:-5000px;
	background:url(../img/h1_data.gif) left no-repeat;
	}
h1 span.h1_format {
	display:block;
	width:auto;
	text-indent:-5000px;
	background:url(../img/h1_format.gif) no-repeat;
	}
h1 span.h1_flow {
	display:block;
	width:auto;
	text-indent:-5000px;
	background:url(../img/h1_flow.gif) no-repeat;
	}






h2.h2_order_treat {
	width:517px;
	height:30px;
	text-indent:-5000px;
	background:url(../img/h2_order_treat.jpg) no-repeat;
	}
h2.h2_order_system {
	width:517px;
	height:30px;
	margin-top:20px;
	text-indent:-5000px;
	background:url(../img/h2_order_system.jpg) no-repeat;
	}
h2.h2_data_01 {
	width:517px;
	height:30px;
	margin-top:20px;
	text-indent:-5000px;
	background:url(../img/h2_data_01.jpg) no-repeat;
	}
h2.h2_data_02 {
	width:517px;
	height:30px;
	margin-top:20px;
	text-indent:-5000px;
	background:url(../img/h2_data_02.jpg) no-repeat;
	}
h2.h2_data_03 {
	width:517px;
	height:30px;
	margin-top:20px;
	text-indent:-5000px;
	background:url(../img/h2_data_03.jpg) no-repeat;
	}
h2.h2_multi {
	width:517px;
	height:30px;
	text-indent:-5000px;
	background:url(../img/h2_multi.jpg) no-repeat;
	}
h2.h2_flow {
	width:517px;
	height:30px;
	text-indent:-5000px;
	background:url(../img/h2_flow_01.jpg) no-repeat;
	}
h2.h2_text {
	width:517px;
	height:30px;
	margin-left:30px;
	padding-left:10px;
	font-size:110%;
	background:url(../../common/img/h_gray.jpg) left top no-repeat;
	}
h2#order_title {
	margin-left:10px;
	padding-left:10px;
	padding-bottom:10px;
	color:#000000;
	font-size:120%;
	font-weight:bold;
	text-align:left;
	background:url(../../common/img/h_gray.jpg) left top no-repeat;
	}
/*－－－－コンテンツ－－－－*/
ol {
	/*width:350px;
	padding-left:190px;*/
	margin-bottom:20px;
	list-style:decimal;
	/*background:url(../img/sample_thumb01.jpg) left top no-repeat;*/
	}
ol li {
	margin-top:10px;
	margin-left:40px;
	}
img.img_sample {
	margin:10px;
	float:right;
	}
img.img_sample_left {
	margin:10px 15px;
	float:left;
	}
img.img_sample_map {
	margin:10px 15px;
	border:1px solid #999999;
	}
p.bnr_link img {
	margin:0 10px;
	margin-bottom:100px;
	}
p.explain {
	font-size:85%;
	text-align:right;
	margin-top:20px;
	}
ol {
	margin-bottom: 150px;
	}
div.order {
	margin-top:100px;
	}
/*------------ordermade_index--------------*/
ul.ordermade_example {
	margin-top:5px;
	list-style-type:disc;
	margin-left:20px;
	}
p.index_explain {
	width:650px;
	margin-left:20px;
	margin-bottom:20px;
	font-size:95%;
	}
/*------------ordermade_index_link--------------*/
dl.ordermade_link dt {
	display:block;
	width:400px;
	border:none;
	background:none;
	clear:both;
	}
dl.ordermade_link dt#ordermade_dt_original {
	margin-left:0;
	margin-right:200px;
	}
dl.ordermade_link dt#ordermade_dt_multi {
	margin-left:90px;
	margin-right:110px;
	}
dl.ordermade_link dt#ordermade_dt_data {
	margin-left:180px;
	margin-right:200px;
	}
dl.ordermade_link dt {
	}
dl.ordermade_link dt a {
	display:block;
	width:400px;
	height:90px;
	text-indent:-5000px;
	}
dl.ordermade_link dt a#ordermade_original {
	width:auto;
	height:90px;
	text-indent:-5000px;
	background:url(../img/btn_ordermade_original.jpg) no-repeat;
	}
dl.ordermade_link dt a#ordermade_multi {
	width:470px;
	height:90px;
	text-indent:-5000px;
	background:url(../img/btn_ordermade_multi.jpg) no-repeat;
	}
dl.ordermade_link dt a#ordermade_data {
	width:auto;
	height:90px;
	text-indent:-5000px;
	background:url(../img/btn_ordermade_data.jpg) no-repeat;
	}
dl.ordermade_link dt a#ordermade_original:link,
dl.ordermade_link dt a#ordermade_original:visited,
dl.ordermade_link dt a#ordermade_multi:link,
dl.ordermade_link dt a#ordermade_multi:visited,
dl.ordermade_link dt a#ordermade_data:link,
dl.ordermade_link dt a#ordermade_data:visited {
	background-position: 0 0;
	}
dl.ordermade_link dt a#ordermade_original:hover,
dl.ordermade_link dt a#ordermade_original:active,
dl.ordermade_link dt a#ordermade_multi:hover,
dl.ordermade_link dt a#ordermade_multi:active,
dl.ordermade_link dt a#ordermade_data:hover,
dl.ordermade_link dt a#ordermade_data:active {
	background-position: 0 -90px;
	}
dl.ordermade_link dd {
	display:block;
	margin-bottom:10px;
	border:none;
	background:none;
	clear:both;
	}
dl.ordermade_link dd#ordermade_dd_original {
	padding-left:60px;
	}
dl.ordermade_link dd#ordermade_dd_multi {
	padding-left:150px;
	}
dl.ordermade_link dd#ordermade_dd_data {
	padding-left:240px;
	}
/*------------ordermade_original--------------*/
img.img_original_sample {
	margin:10px;
	float:left;
	}
ol#explain_oliginal {
	width:450px;
	margin-right:60px;
	float:right;
	}
ol#explain_oliginal {
	margin-bottom: 50px;
	}
ol#explain_oliginal li span.li_title {
	color:#550000;
	font-weight:bold;
	font-size:100%;
	}
/*------------ordermade_flow--------------*/
ol#ordermade_flow li {
	height:150px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	margin:20px;
	margin-right:70px;
	padding:10px;
	padding-left:180px;
	list-style-type:none;
	}
ol#ordermade_flow li.flow_1 {
	background:url(../img/flow_1.gif) left bottom no-repeat #FFFFFF;
	}
ol#ordermade_flow li.flow_2 {
	background:url(../img/flow_2.gif) left bottom no-repeat #FFFFFF;
	}
ol#ordermade_flow li.flow_3 {
	background:url(../img/flow_3.gif) left bottom no-repeat #FFFFFF;
	}
ol#ordermade_flow li.flow_4 {
	background:url(../img/flow_4.gif) left bottom no-repeat #FFFFFF;
	}
ol#ordermade_flow li h3 {
	color:#550000;
	font-weight:bold;
	font-size:120%;
	}
ol#ordermade_flow li p {
	padding-left:10px;
	color:#333333;
	font-weight:normal;
	font-size:100%;
	margin-bottom:0;
	line-height:1.1em;
	}
/*for IE6*/
*HTML ol#ordermade_flow li p {
	padding-left:15px;;
	}
/*------------ordermade_multi--------------*/
p.multi_explain {
	width:530px;
	margin-left:25px;
	margin-bottom:40px;
	clear:both;
	}
p#multi_sample_link {
	margin:10px;
	float:left;
	}
div#multi_sample_side {
	margin:10px;
	float:right;
	}
p#multi_sample_link {
	width:200px;
	margin-left:40px;
	margin-top:10px;
	margin-bottom:30px;
	line-height:1.5;
	}
p#multi_sample_link a {
	display:block;
	width:auto;
	padding-right:5px;
	}
p#multi_sample_link a:link,
p#multi_sample_link a:visited {
	width:auto;
	color:#AA5F00;
	text-decoration:none;
	text-align:right;
	background:#FFFBF0;
	border:1px solid #B8976C;
	border-right:5px solid #B8976C;
	}
p#multi_sample_link a:hover,
p#multi_sample_link a:active {
	width:auto;
	color:#ED1C24;
	text-align:right;
	background:#FFFBF0;
	border:1px solid #ED1C24;
	border-right:5px solid #ED1C24;
	}
p#multi_sample_link_other {
	clear:both;
	margin-left:25px;
	}
/*------------ordermade_format--------------*/
table#format_size {
	border:1px solid #BABABA;
	background-color:#DDDDDD;
	}
table#format_size tr,
table#format_size th,
table#format_size td {
	border:0;
	background:none;
	}
table#format_size th.line,
table#format_size td.line {
	border-bottom:1px solid #BABABA;
	}
/*------------ordermade_data--------------*/
ul.data_explain {
	margin-top:10px;
	margin-bottom:20px;
	padding-right:20px;
	padding-left:20px;
	}
ul.data_explain li {
	margin-top:5px;
	list-style-type:disc;
	margin-left:20px;
	}
img.img_sample_data_top {
	margin:3px;
	margin-right:30px;
	border:1px solid #CECECE;
	}
h2.top_second {
	clear:both;
	margin-top:60px;
	}
p.img_sample_data a:link img,
p.img_sample_data a:visited img {
	margin:3px;
	border:1px solid #B8976C;
	border-bottom:2px solid #B8976C;
	border-right:2px solid #B8976C;
	}
p.img_sample_data a:hover img,
p.img_sample_data a:active img {
	margin:3px;
	border:1px solid #ED1C24;
	border-bottom:2px solid #ED1C24;
	border-right:2px solid #ED1C24;
	}
p.data_sample_footer {
	clear:both;
	text-align:right;
	}