@charset "utf-8";

/*==========================================
File name: layout.css
Editors: IT-Probe
Last Editor: IT-Probe
Date: 2012.12.04
========================================== */

/* ▼▼▼ メインコンテンツのレイアウトに関する設定　ここから ▼▼▼ */

/* ---要素配置領域の決定 --- */

.left_block,.left_float,.right_block,.right_float,
.quarter,.half,.half_left_block,.half_right_block

{
		width: 700px; /* --- mainの幅に揃える --- */
		overflow: hidden;
}



/*▼ 画像左・テキスト右・回りこみ無し ▼*/

.left_block{
	margin: 0 0 30px 0;
	overflow: hidden;
	
}

.left_block img{
	float: left;
	margin: 0 0 0 0;
}

.left_block p{
	float: right;
	width: 480px;/* ---テキスト領域の幅を確定する --- */
}

.left_block .element_01{
	float: right;
	width: 480px;/* ---領域の幅を確定する --- */
}


/*▼ 画像左・テキスト右・回りこみ有 ▼*/

.left_float{
	margin: 0 0 25px 0;
}

.left_float img{
	float: left;
	margin: 0 15px 15px 0;
}


/*▼ 画像右・テキスト左・回りこみ無し ▼*/

.right_block{
	margin: 0 0 30px 0;
}

.right_block img{
	float: right;
	margin: 0 0 0 0;
}

.right_block p{
	float: left;
	width: 480px;/* ---テキスト領域の幅を確定する --- */
}

.right_block .element_01{
	float: left;
	width: 480px;/* ---領域の幅を確定する --- */
}

/*▼ 画像右・テキスト左・回りこみ有 ▼*/

.right_float{
	margin: 0 0 25px 0;
}

.right_float img{
	float: right;
	margin: 0 0 15px 15px;
}


/*▼ 領域　横5つ ▼*/

.fifth,
.fifth-02{
	margin: 0 0 10px 0;
	overflow: hidden;
	font-size: 0.8em;
}

.fifth .element_01,
.fifth .element_02{
	width: 132px;
	overflow: hidden;
	min-height: 200px;/* 領域の高さを揃える */
	height: auto !important;
	height: 200px;/* min-heightに揃える */
}

.fifth-02 .element_01,
.fifth-02 .element_02{
	width: 132px;
	overflow: hidden;
}

.fifth .element_01 img,
.fifth .element_02 img,
.fifth-02 .element_01 img,
.fifth-02 .element_02 img{
	margin: 0 0 5px 0;
	padding: 0;
}

.fifth .element_01,
.fifth-02 .element_01{
	float: left;
	margin: 0 10px 0 0;
	width: 132px;
}

.fifth .element_02,
.fifth-02 .element_02{
	float: right;
}

/*▼ 領域　横4つ ▼*/

.quarter .element_01,
.quarter .element_02{
	width: 160px;
	/* min-height: 200px;領域の高さを揃える */
	/* height: auto !important;
	/* height: 200px;	min-heightに揃える */
}

.quarter .element_01 img,
.quarter .element_02 img{
	margin: 0 0 10px 0;
}

.quarter .element_01{
	float: left;
	margin: 0 10px 0 0;
}

.quarter .element_02{
	float: right;
}

/*▼ 領域　横3つ ▼*/

.third{
	width: 680px;
	overflow: hidden;
	margin: 10px;
}

.third .element_01,
.third .element_02{
	width: 218px;
	/* min-height: 200px; 領域の高さを揃える */
	/* height: auto !important; */
	/* height: 200px;	min-heightに揃える */
}

.third .element_01 img,
.third .element_02 img{
	margin: 0 0 10px 0;
}

.third .element_01{
	float: left;
	margin: 0 13px 0 0;
}

.third .element_02{
	float: right;
}

/*▼ 領域　横2つ ▼*/

.half{
	overflow: hidden;
}

.half .element_01,
.half .element_02{
	width: 344px;
	/* min-height: 200px; 領域の高さを揃える */
	/* height: auto !important; */
	/* height: 200px;	/* min-heightに揃える */
}

.half .element_01 img,
.half .element_02 img{
	margin: 0 0 10px 0;
}

.half .element_01{
	float: left;
	margin: 0 10px 0 0;
}

.half .element_02{
	float: right;
}


/*▼ 領域 横2つ 画像左・テキスト右 ▼*/
/*▼ 領域 横2つ 画像右・テキスト左 ▼*/

.half_left_block .element_01,
.half_left_block .element_02,
.half_right_block .element_01,
.half_right_block .element_02{
	width: 324px;
	/* min-height: 150px; 領域の高さを揃える */
	/* height: auto !important; */
	/* height: 150px;	min-heightに揃える */
}

.half_left_block .element_01 p,
.half_left_block .element_02 p,
.half_right_block .element_01 p,
.half_right_block .element_02 p{
	width: 154px;
}


.half_left_block .element_01,
.half_right_block .element_01{
	float: left;
	margin: 0 10px 0 0;
}

.half_left_block .element_02,
.half_right_block .element_02{
	float: right;
}

/* 画像左・テキスト右 */

.half_left_block .element_01 img,
.half_left_block .element_02 img{
	float: left;
}


.half_left_block .element_01 p,
.half_left_block .element_02 p{
	float: right;
}


/* 画像右・テキスト左 */

.half_right_block .element_01 img,
.half_right_block .element_02 img{
	float: right;
}


.half_right_block .element_01 p,
.half_right_block .element_02 p{
	float: left;
}

/* 2-3 エリア */

.tw-th,
.tw-body,
.th-body{
	overflow: hidden;
	font-size: 0.9em;
}

.tw-th .element_01,
.tw-th .element_02{
	width: 132px;
	overflow: hidden;
	min-height: 200px;/* 領域の高さを揃える */
	height: auto !important;
	height: 200px;/* min-heightに揃える */
}

.tw-th .element_01{
	float: left;
	margin: 0 10px 0 0;
}

.tw-th .element_02{
	float: right;
}

.tw-th .element_01 img,
.tw-th .element_01_02 img{
	margin: 0 0 5px 0;
	padding: 0;
}


.tw-body{
	width: 275px;
	float: left;
}

.th-body{
	width: 416px;
	float: right;
}


/*▼ table ▼*/

/* 01: th,td 左上つき
   02: th 中央寄せ
   03: th 中央寄せ, td 2枠目右寄せ
   04: th,td 中央寄せ */

.table-type-01 table,
.table-type-02 table,
.table-type-03 table,
.table-type-04 table{
	width: 100%;
	border: solid 1px #999;
}

.table-type-01 table,
.table-type-02 table,
.table-type-03 table{
	margin: 0 0 10px 0;
}


.table-type-04 table{
	margin: 0 0 0 0;
}

.table-type-01 table th,
.table-type-01 table td,
.table-type-02 table th,
.table-type-02 table td,
.table-type-03 table th,
.table-type-03 table td,
.table-type-04 table th,
.table-type-04 table td{
	padding: 3px;
	border: solid 1px #999;
	border-collapse: collapse;
}
	
.table-type-01 table th,
.table-type-02 table th,
.table-type-03 table th,
.table-type-04 table th{
	background: #E2E9EF;
}

.table-type-02 table th,
.table-type-03 table th,
.table-type-04 table th,
.table-type-04 table td{
	text-align: center;
}

.table-type-01 table th,
.table-type-01 table td{
	text-align: left;
	vertical-align: center;
}

.table-type-02 table td,
.table-type-03 table td+td{
	text-align: right;
}

.w20{
	width: 20%;
}

.w30{
	width: 30%;
}
.w40{
	width: 32%;
}
.center{
	text-align: center!important;
}

.bg-bl{
	background: #B3D9E1!important;
}

.bg-ye{
	background: #FFC!important;
}

.bg-pk{
	background: #FFDFEF!important;
}

.bg-or{
	background: #FFD7C4!important;
}

.custom{
	width: 680px;
	font-size: 0.8em;
	overflow-x: scroll;
}

.custom table{
	width: 1200px;
}

.custom table th{
	white-space: nowrap;
	vertical-align: middle;
	text-align: center!important;
}

/*▼ table 上部TH center, 最右TD right ▼*/

table .price_set th+th{
	text-align: center;
}/*　上部TH 2つめから有効 */

table .price_set th+td+td{
	text-align: right;
}/* 最右が3つめの場合 */

/*▼ リスト ▼*/

.default_list ul,
.default_list ol{
	margin-left: 20px;
}

.default_list ul li{
	list-style-type: disc;
}

.default_list ol li{
	list-style-type: decimal;
}

/*▼ リストの最初の仕切り線を消去 ▼*/

.lined_list ul{
    _zoom: 1;
    overflow: hidden;
	margin: 0 0 0 0!important;
}

.lined_list ul li{
	margin: -1px 0 0 0!important;
	padding: 5px;
	border-top: 1px dotted #999;
}


/*▼ 矢じりmarkイメージ付きリスト ▼*/

.arrow_list ul{
	margin: 0 0 0 0;
}

.arrow_list ul li{
	list-style-type: none!important;
	background:url(../images/common/li.gif) no-repeat top left;
	padding-left: 18px;
	margin: 0 0 8px 0;
}

/*▼ 領域　枠囲い ▼*/

.s_waku{
	width: 240px;
	border: #FF6 1px solid;
	margin: 0 0 15px 0;
	background-color: #CCC;
}

.s_waku_in{
	width: 220px;
	margin: 10px auto;
}

.menu-01{
	width: 100%;
}

.menu-01 ul{
}

.menu-01 ul li{
	width: 340px;
	float: left;
	list-style-type: none;
	margin: 5px;
}

.menu-01 ul li a{
	display: block;
	text-decoration: none!important;
	width: 318px;
	height: 24px;
	padding: 8px;
	border: double 3px #999;
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5);
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 70%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(70%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 70%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 70%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 70%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 70%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}

.menu-01 ul li.edge{
	width: 690px;
}
.menu-01 ul li.edge a{
	width: 668px;
}

.menu-01 ul li.per-three{
	width: 220px;
}
.menu-01 ul li.per-three a{
	width: 208px;
}

.menu-01 ul li a:hover,
.menu-01 ul li a.selected{
background: rgb(222,239,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZWZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OGJlZGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,239,255,1)), color-stop(100%,rgba(152,190,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-8 */
}

.menu-01 ul li a span{
	border-left: solid 4px #14215F;
	padding-left: 5px;
}

.ss_quarter{
	width: 686px;
	overflow: hidden;
	margin: 10px auto;
}

.ss_quarter .element_01,
.ss_quarter .element_02{
	overflow: hidden;
}

.ss_quarter .element_01{
	width: 170px;
}

.ss_quarter .element_02{
	width: 172px;
}

.ss_quarter .element_01{
	float: left;
	margin: 0 1px 0 0;
}

.ss_quarter .element_02{
	float: right;
}

/* --- 試作板金加工一覧 --- */


.top_half_02{
	overflow: hidden;
	margin: 10px 0 5px 0;
}

.top_half_02 img{
	float: left;
}


/* --- 技術情報ナビゲーション　横並び3 --- */

.top_third_02{
	width: 680px;
	margin: 10px auto;
	overflow: hidden;
}

.top_third_02 .element_01,
.top_third_02 .element_02{
	overflow: hidden;
	width: 223px;
	height: 94px;
}
	
.top_third_02 .element_01{
	float: left;
	margin: 0 5px 0 0;
}
	
.top_third_02 .element_02{
	float: right;
}