@charset "UTF-8";

/* ***************************************************
* CSS file For netinsatsu.com
	FileName: option.css 
	data:2008/04/02 yoshii
	
■目次 ==========================================
■[00]:共通
■[01]:オプションTOP
■[02]:加工オプション
■[03]:オフィスデータ変換
**************************************************** */

/*-----------------------------------------------------------
■[00]:共通
------------------------------------------------------------*/
/* テーブル */
div#Option  table.Opt_tbl{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	font-size:12px;
	line-height:18px;
	margin:5px 0 0;
	width:auto;
}

div#Option table.Opt_tbl th, div#Option table.Opt_tbl td {
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	padding:5px 10px;
	vertical-align:top;
}

div#Option table.Opt_tbl th {
	background:url(/img/common/tbl_th_bg.gif) repeat-x left bottom;
	text-align:left;
	font-weight:bold;
	color:#FFFFFF;
}

div#Option table.Opt_tbl th.Item01{
	background:#eaffd8;
	color:#000000;
}

div#Option table.Opt_tbl td.Item02{
	background:#fff1d8;
}


/*-----------------------------------------------------------
■[01]:オプションTOP
------------------------------------------------------------*/
div#Option div.Op_Porocess_L{
	float:left;width:275px;margin:0 10px 10px 0;
}

div#Option div.Op_Porocess_R{
	float:left;width:275px;margin:0 0 10px 0;
}

div#Option div.Op_Porocess_L dl dt,
div#Option div.Op_Porocess_R dl dt{
	float:left;width:86px;padding:0 10px 0 0;
}

div#Option div.Op_Porocess_L dl dd,
div#Option div.Op_Porocess_R dl dd{
	float:left;width:169px;padding:10px 0 0;
}

div#Option div.Op_Porocess_L dl dd img,
div#Option div.Op_Porocess_R dl dd img{
	margin:10px 0 0 60px;
}

/*-----------------------------------------------------------
■[02]:加工オプション
------------------------------------------------------------*/
/* 折り加工 */
div#Option div.Ori_dtl,div#Option div.Ori_dtl_r{
	background-color:#ebebeb;
	padding:7px;
	float:left;
	width:162px;
}

div#Option div.Ori_dtl{
	margin:0 16px 16px 0;
}

div#Option div.Ori_dtl p.dtl_tit,div#Option div.Ori_dtl_r p.dtl_tit{
	width:162px;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	background:#ff9900 url(/img/option/ori_subt_bg.gif) no-repeat left top;
	line-height:22px;
}

div#Option div.Ori_dtl p.dtl_tit span,div#Option div.Ori_dtl_r p.dtl_tit span{
	margin:0 0 0 25px;
	display:block;
}

div#Option div.Ori_dtl p.dtl_txt,div#Option div.Ori_dtl_r p.dtl_txt{
	color:#666666;
	font-weight:bold;
	padding:7px;
}

/* スジ入れ・ミシン入れ・角丸・孔開け */
div#Option ul.Notes{
	background:url(/img/option/notes_frame.gif) left bottom;
	padding:15px;
	margin: 0 0 15px;
}

div#Option ul.Notes li{
	padding: 0 0 10px 20px;
	background: url(/img/common/list_circle.gif) no-repeat 3px 4px;
}

div#Option div.Op_detail_L{
	float:left;width:388px;margin:0 0 15px;
}

div#Option div.Op_detail_R{
	float:right;width:165px;margin:0 0 15px;
}

div#Option div.Op_price{
	padding: 12px;background:#fff1d8;margin:0 0 10px;
}

div#Option div.Op_price table tr td{
	width:170px;font-size:12px;font-weight: bold;color:#666666;
}

div#Option div.Op_price table tr td.Op_comment{
	width:578px;
	font-size:10px;
	font-weight: normal;
	font-size:10px;
	color:#f2711c;
	padding-top: 5px;
}

div#Option div.Op_note{
	clear:both;margin:0 0 15px;
}

div#Option div.Op_note p{
	padding:0 15px;
	background:url(/img/option/note_bg.gif) repeat-y left bottom;
	font-size:10px;
	line-height:20px;
	color:#666666;
}

/* 表面加工 */
div#Option table.Opt_tbl tr.Bg_gray td{
	background:#eeeeee;
}

div#Option table.Txt_center th,div#Option table.Txt_center td{
	text-align: center;
}

div#Option table.Txt_center th.Tani{
	font-weight: normal;
	color:#000000;
}

div#Option div.Ori_expl{
	background:url(/img/common/icon_arrow_blk.gif) no-repeat 3px 3px;
	padding: 0 0 0 20px;
	font-weight:bold;
	margin: 0 0 5px;
}

div#Option div.Ori_flow01{
	background:url(/img/option/ori_calculation_top.gif) no-repeat left bottom;
	height:103px;
	margin: 0 0 6px;
}

div#Option div.Ori_flow01 p.Calculation01{
	width:148px;
	height:51px;
	float:left;
	padding:19px 0 0 0px;
	text-align:center;
}

div#Option div.Ori_flow01 p.Calculation02{
	width:155px;
	height:51px;
	float:left;
	padding:19px 0 0 0px;
	text-align:center;
}

div#Option div.Ori_flow01 p.Calculation03{
	width:155px;
	height:51px;
	float:left;
	padding:19px 0 0 0px;
	text-align:center;
}

div#Option div.Ori_flow01 p.Calculation04{
	height:30px;
	float:left;
	padding:28px 0 0 20px;
	font-size:14px;
	font-weight:bold;
}

div#Option div.Ori_flow02{
	background:url(/img/option/ori_calculation_middle.gif) no-repeat left top;
	height:89px;text-align:center;
	font-size:14px;
	font-weight:bold;
}

div#Option div.Ori_flow03{
	background:url(/img/option/ori_calculation_btm.gif) no-repeat left top;
	height:40px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

div#Option div.Ori_flow02 span,div#Option div.Ori_flow03 span{
	display:block;
	padding:12px 0 0;
}

/* その他のオプション */
div#Option div.Other_Price{
	background:#fff1d8 url(/img/option/subt_price_large.gif) no-repeat left bottom;
	height:53px;
	padding:0px 3px 0px 111px;
	margin:0 0 10px 0;
}

div#Option div.Other_Price table{
	font-size:12px;
	line-height:18px;
	width:auto;
	height: 53px;
	/* margin:5px 0 0 0; */
}

div#Option div.Other_Price table th, div#Option div.Other_Price table td {
	padding:5px 0px 0px;
	vertical-align:top;
	font-weight: bold;
	color:#666666;
}

div#Option div.Other_Price table td.Op_comment{
	font-size:10px;
	font-weight: normal;
	font-size:10px;
	color:#f2711c;
}

div#Option div.Other_Price table.numbering{
	line-height:45px;
}


/*-----------------------------------------------------------
■[03]:オフィスデータ変換
------------------------------------------------------------*/