@charset "UTF-8";

/* =================================================================================

 guide style

================================================================================= */

/* /////////////////////////////////////////////////////////////////////////// index */

/* //////////////////////////////////////// いろんな用途に使える！ */

ul#indexList_gn{
	width:644px;
	padding:15px 30px 14px;
	border:1px solid #e5e5e5;
	margin-top:14px;
	margin-bottom:14px;
}

	ul#indexList_gn li{
		margin-right:16px;
	}

/* /////////////////////////////////////////////////////////////////////////// 下層common */

/* //////////////////////////////////////// 活用ガイドインデックス */
div.head{
	border:1px solid #e5e5e5;
	border-bottom:2px solid #252525;
	padding-top:38px;
	padding-left:30px;
	min-height:275px; /* 313px */
	height:auto !important;
	height:275px;
}

div#main div.head h1{
	margin-bottom:9px;
}

div#main div.head h2{
	margin-bottom:27px;
}

div#guideMenu{
	border-top:none;
	margin-top:0;
	padding-top:29px;
}

	div#guideMenu ul li{
		display:table;
	}
	
	div#guideMenu ul{
		border-bottom:1px solid #e5e5e5;
		padding-bottom:1px;
	}
	
	div#guideMenu ul li h3,
	div#guideMenu ul li dl{
		display:table-cell;
		/display:inline;
		/zoom:1;
		vertical-align:middle;
	}
	
	div#guideMenu ul li.multi h3,
	div#guideMenu ul li.multi dl{
		vertical-align:top;
	}
	
	div#guideMenu ul li h3{
		padding-right:11px;
		width:150px;
	}
	
	div#guideMenu ul li dl {
		/*width: 600px;*/
		width:515px;
	}
	
	div#guideMenu ul li dl dt {
		clear: left;
		float: left;
		width: 38px;
	}
	div#guideMenu ul li dl dt,
	div#guideMenu ul li dl dd{
		margin-bottom:6px;
		margin-top:5px;
		font-weight:bold;
		vertical-align:middle;
	}
		div#guideMenu ul li dl > dd {/* for Fx, Safari, IE7 (except IE6) */
			float: left;
			width: 477px;
		}
		*+html div#guideMenu ul li dl > dd {	/* for IE7 only */
			/*float: none;*/
		}
		* html div#guideMenu ul li dl dd {	/* for IE6 only */
			margin-left: 38px;
			zoom: 1;
		}	

	
/* ストライプリストの上書き */	

div#main div#guideMenu ul.stripe01 li{
	line-height:1.0;
	padding:13px 15px;
	background-color:#f5f5f5;
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
}
div#main div#guideMenu ul.stripe01 li.odd{
	background-color:#FFF;
	border-bottom:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
}

div#main div#guideMenu ul.stripe01 li#first{
	border-top:none;
}



/*
	div.guideMenu p.imgGuide{
		margin-top:-6px;
	}

p.linktxt{
	margin-top:6px;
}

div.under h1{
	margin-bottom:0 !important;
}

div.under div.leadBox{
	margin-top:0;
	padding:29px 30px;
	width:674px;
	color:#555;
}

div.under div.leadBox div.fl{
	width:374px;
}

div.under div.leadBox div.fr{
	width:300px;
}

div.under div.leadBox div.fl h4{
	margin:14px 0 14px;
	font-weight:bold;
	font-size:108%;
	line-height:1.29;
}

div.under div.leadBox div.fl p{
	width:345px;
}*/


/* //////////////////////////////////////// 活用ガイド詳細 */

div#guideBody{
	padding-top:0;
	padding-left:0;
	padding-right:0;
	position:relative;
	margin-bottom:13px;
}

	div#guideBody h2{
		position:relative;
		left:-1px;
		top:-1px;
	}

div.detail{
	border-top:none;
	padding:30px 14px 0;
	margin-bottom:40px;
}

* html div.detail{
	padding-right:0;
}
div.detail p.lh16{
	margin-top:11px;
}

div.detail div.itemLtr{
}

div.detail div.itemLtr .itemText p{
	margin-right:15px;
}

/* 関連商品 */

div.boxRelated{
	width:704px;
	width:675px;
	margin:29px auto 0;
	padding-bottom:29px;
	border:1px solid #e5e5e5;
}

div.boxRelated h4{
	font-size:136%;
	background-color:#fff999;
	color:#252525;
	border:1px solid #FFF;
	border-bottom:none;
	padding:10px 14px 10px;
	/*font-weight:bold;
	font-family:'HGPｺﾞｼｯｸE';*/
}

div.boxRelated div.itemLtr{
	width:615px;
	margin:26px auto 0 ;
}

div.boxRelated div.itemLtr div.itemImage{
	min-width:99px;/* 129 */
	min-width:129px;/* 129 */
	padding:0;
}

* html div.boxRelated div.itemLtr div.itemImage{
	width:129px;
}

div.boxRelated div.itemLtr div.itemText table{
	margin-top:9px;
}

div#main dl.itemNum{
	margin-top:19px;
	margin-bottom:9px;
	display:block;
}

	div#main dl.itemNum dt,
	div#main dl.itemNum dd{
		float:left;
		padding:2px 6px 1px;
		line-height:1.0;
	}
	
	div#main dl.itemNum dt{
		background-color:#555;
		color:#ddd;
		width:23px;
		text-align:center;
	}

	div#main dl.itemNum dd{
		background:url(../../common/css/img/bg_style02.gif) repeat left top;
		font-weight:bold;	
		padding-top:2px;
	}

/* テーブル */

th.number{
	width:113px;/* 134 */
}

th.price{
	width:141px;/* 162 */
}

/* クローズアップボックス */

div#boxCloseup{
	border:1px solid #e5e5e5;
	background:url(../../common/css/img/bg_style03.gif) repeat left top;
	width:623px;
	margin:29px auto 0;
	padding:25px;
}

/* 解決タイトル */

h2.mt30{
	margin-top:29px;
}

/* 動画紹介 */

div#movie{
	background-color:#fffae4;
}

div#movieTtl{
	background:#fff url(img/bg_general08_movie.gif) no-repeat 1px 1px;
	position:relative;
}

div#movieTtl h5{
	padding:26px 0 22px 65px;
}

div#movieTtl p.btn{
	position:absolute;
	top:55px;
	left:341px;
}

div#movieIn{
	width:640px;
	margin:0 auto;
}

div#movieIn dl{
	margin-top:37px;
	margin-bottom:14px;
}

div#movieIn dl dt,
div#movieIn dl dd{
	float:left;
}

div#movieIn dl dt{
	width:75px;
}

div#movieIn dl dd{
	width:555px;
	padding-left:10px;
	padding-top:3px;
	/padding-top:0;
	line-height:1.1;
}

div.movieBox{
	background-color:#000;
	text-align:center;
}

/* /////////////////////////////////////////////////////////////////////////// office */

div#officeHead{
	background:#FFF url(img/bg_office_head.jpg) no-repeat left bottom;
}

div#factoryHead{
	background:#FFF url(img/bg_factory_head.jpg) no-repeat left bottom;
}

div#educationHead{
	background:#FFF url(img/bg_education_head.jpg) no-repeat left bottom;
}

div#medicalHead{
	background:#FFF url(img/bg_medical_head.jpg) no-repeat left bottom;
}


/* /////////////////////////////////////////////////////////////////////////// general */

/* //////////////////////////////////////// common */

div.head.general{
	padding-top:0;
	padding-bottom:13px;
	/*padding-left:27px;*/
	min-height:283px; /* 313px */
	height:auto !important;
	height:283px;
}

* html div.head.general{
	padding-right:3px;
}

div#main div.head.general h1{
	margin-bottom:0px;
	margin-top:40px;
}

div#main div.head.general h2{
	margin-bottom:0px;
}
	

/* 関連商品 */

div.boxRelated.general{
	width:704px;
}

div.boxRelated.general div.fBox{
	padding:30px 29px 0;
}

div.boxRelated.general h3{
	font-size:136%;
	background-color:#fff999;
	color:#252525;
	border:1px solid #FFF;
	border-bottom:none;
	padding:10px 14px 10px;
	font-weight:bold;
}

div.boxRelated.general div.fl{
	width:348px;
}

div.boxRelated.general div.fr{
	width:268px;
}


/* 角丸ボックス */

ul.boxRound268 li{
	background:url(img/box_round268_middle.gif) repeat-y left top;
	margin-bottom:15px;
}

	ul.boxRound268 li a:hover{
		text-decoration:underline;
	}
	ul.boxRound268 li:hover{
		background:url(img/box_round268_middle_on.gif) repeat-y left top;
	}

ul.boxRound268 li div.cornerBox_off,
ul.boxRound268 li div.cornerWrap{
	padding:0 !important;
}

ul.boxRound268 li div.cornerBox_off{
	background:url(img/box_round268_top.gif) no-repeat left top;
	padding-top:14px !important;
}

	ul.boxRound268 li div.cornerBox_off:hover{
		background:url(img/box_round268_top_on.gif) no-repeat left top;
	}

ul.boxRound268 li div.cornerWrap{
	background:url(img/box_round268_bottom.gif) no-repeat left bottom;
	padding:0 12px 14px 14px !important;
}

	ul.boxRound268 li div.cornerWrap:hover{
		background:url(img/box_round268_bottom_on.gif) no-repeat left bottom;
	}

ul.boxRound268 li div.cornerWrap div.itemBox_s,
ul.boxRound268 li div.cornerWrap p.thumb{
	display:table-cell;
	/display:inline;
	/zoom:1;
	vertical-align:top;
}

ul.boxRound268 li div.cornerWrap div.itemBox_s{
	width:173px;
	padding-left:10px;
}

	div#main ul.boxRound268 dl.itemNum dt{
		width:auto;
	}
	
	div#main ul.boxRound268 dl.itemNum dt,
	div#main ul.boxRound268 dl.itemNum dd{
		line-height:1.0 !important;
	}
	
	ul.boxRound268 li div.cornerWrap div.itemBox_s h4{
		background:none;
		padding:0;
		margin:0;
		border:none;
		font-size:92%;
		font-weight:normal;
		line-height:1.5;
	}

	* html ul.boxRound268 li div.cornerWrap div.itemBox_s h4{
		width:173px;
	}
	
ul.boxRound268 li div.cornerWrap p.thumb,
ul.boxRound268 li div.cornerWrap p.thumb img{
	width:57px;
}

/* //////////////////////////////////////// main */

div#general01Head{
	background:#FFF url(img/bg_01_head.jpg) no-repeat left bottom;
	padding-left:27px;
}

div#general02Head{
	background:#FFF url(img/bg_02_head.jpg) no-repeat left bottom;
	padding-left:27px;
}

div#general03Head{
	background:#FFF url(img/bg_03_head.jpg) no-repeat left bottom;
	padding-left:27px;
}

div#general04Head{
	background:#FFF url(img/bg_04_head.jpg) no-repeat left bottom;
	padding-left:27px;
}

div#general05Head{
	background:#FFF url(img/bg_05_head.jpg) no-repeat left bottom;
	padding-left:27px;
}

div#general06Head{
	background:#FFF url(img/bg_06_head.jpg) no-repeat left bottom;
	padding-left:27px;
}

div#general07Head{
	background:#FFF url(img/bg_07_head.jpg) no-repeat left bottom;
	padding-left:27px;
}

div#general08Head{
	background:#FFF url(img/bg_08_head.jpg) no-repeat left bottom;
	padding-left:27px;
}

div#general09Head{
	background:#FFF url(img/bg_09_head.jpg) no-repeat left bottom;
	padding-left:27px;
}

div#general10Head{
	background:#FFF url(img/bg_10_head.jpg) no-repeat left bottom;
	padding-left:27px;
}

div#general11Head{
	background:#FFF url(img/bg_11_head.jpg) no-repeat left bottom;
	padding-left:27px;
}