@charset "UTF-8";

/* ------------------------------

	内面ページ用CSS
	
	・カテゴリインデックス
	・通常コンテンツ
	・細胞情報インデックス
	・細胞培養基礎講座
	
	
------------------------------ */

/* ------------------------------
	カテゴリインデックス
------------------------------ */

.contents-index-bg{
	background:url(../img/cmo_cont_index_bg.jpg) no-repeat left top;
}

#contents-index-wrap{
	width:710px;
}

#contents-index-wrap #contents-index-l{
	float:left;
	width:220px;
}

/* ------------------------------
	通常コンテンツ
------------------------------ */

.contents-base-bg{
	background:url(../img/cmo_cont_base_bg.jpg) no-repeat right top;
}



#contents-base-wrap{
	width:710px;
}

#contents-base-wrap .contents-wrap{
	border-top:3px solid #EBEBEE;
	background:url(../img/cmo_cont_wrap_bg.gif);
	border-bottom:3px solid #EBEBEE;
	padding:1px 4px 4px;
	margin-bottom:10px;
}

#contents-base-wrap .contents-wrap h3 {
	padding:10px 12px 6px;
	background:#F3F0E9;
}

#contents-base-wrap .contents-wrap .contents-area {
	padding:12px 12px 9px;
}


/* ------------------------------
	細胞情報インデックス
------------------------------ */

/* カテゴリタイトル */

#contents-index-wrap #contents-index-l h2{
	margin:20px 0;
	font-size:xx-small;
}

#contents-index-wrap #contents-index-l p{
	margin-right:10px;
}

/* インデックスメニュータイトル */

#contents-index-wrap #contents-index-r{
	float:right;
	width:490px;
}

#contents-index-wrap #contents-index-r .info-top-wrap{
	background:url(../../service/img/info_top_box_top.gif);
	border-bottom:3px solid #EBEBEE;
	padding:4px;
	margin-bottom:10px;
}

#contents-index-wrap #contents-index-r .info-top-wrap h3 {
	background:#F3F0E9;
}

#contents-index-wrap #contents-index-r .info-top-wrap h3 a{
	padding:6px 0 4px 8px;
	display:block;
	border-bottom:2px solid #E6E3D4;
}

/* インデックスメニューロット情報用 タイトル */

#info-top-lotTitle{
	width:482px;
	background:#F3F0E9;
	border-bottom:2px solid #E6E3D4;
}

#info-top-lotTitle h3{
	width:176px;
	float:left;
	background:none;
	border-bottom:none;
}

#info-top-lotTitle h3 img{
	padding:6px 0 4px 8px;
}

#info-top-lotTitle p{
	float:right;
	width:286px;
	padding:1em 10px 6px;
}

/* インデックスメニュー本文 */

#contents-index-wrap #contents-index-r .info-top-wrap .info-top-text{
	padding:12px 14px;
}

#contents-index-wrap #contents-index-r .info-top-wrap .info-top-text p img{
	float:right;
}

#contents-index-wrap #contents-index-r .info-top-wrap dl{
	padding:10px 14px 0;
}

#contents-index-wrap #contents-index-r .info-top-wrap dl dt.fs14{
	padding:0 5px 3px 16px;
	background:url(../img/cmo_arrow01.gif) no-repeat left .26em;
}

#contents-index-wrap #contents-index-r .info-top-wrap dl dd{
	padding:0 0 15px 16px;

}




/* ------------------------------
	細胞培養基礎講座
------------------------------ */

/* 講座のタイトル */

.know-bg{
	background:url(../../service/img/know_ti_bg.gif) no-repeat top;
}

#know-title-wrap{
	height:280px;
	position:relative;
	margin:0px 0px 40px 0px;
}

#know-title-wrap #know-ti-area{
	position:absolute;
	top:80px;
	left:60px;
}

#know-title-wrap #know-ti-area h2.know-title{
	padding-left:120px;
}

#know-title-wrap #know-ti-area p.know-copy{
	width:400px;
	padding-left:115px;
	margin-bottom:6px;
}

#know-title-wrap #know-ti-area p.know-copy a img{
	margin-top:3px;
	float:right;
}

#know-title-wrap #know-ti-area #know-ti-box {
	padding-left:85px;
	clear:both;
	position:relative;
	height:82px;
	left:80px;
}

#know-title-wrap #know-ti-area #know-ti-box h3.know-midashi{
	position:absolute;
	top:34px;
	left:84px;
	color:#555;
	width:380px;
}

/* 講座の内容 */

#know-contents {
	clear:both;
	margin:2.5em 0 0 60px;
}

#know-contents .know-yo-wrap{
	width:540px;
	padding-bottom:5px;
	margin-left:60px;
	margin-top:6px;
	background: url(../../service/img/know_cont_bottom.gif) no-repeat bottom right;
}

#know-contents .know-yo-wrap td{
	background:url(../../service/img/know_cont_bg.gif) top left;
	width:420px;
	padding:14px 0 10px 20px;
	font-weight:600;
}

#know-contents .know-yo-wrap th{
	width:120px;
}

#know-contents .know-dr-wrap{
	width:540px;
	padding-bottom:5px;
	margin-right:60px;
	margin-top:6px;
}

#know-contents .know-dr-wrap td{
	width:420px;
	padding:14px 20px 10px 0;
	font-weight:600;
}

#know-contents .know-dr-wrap th{
	width:120px;
}

/* お問い合わせフォーム */

#know-contents p.know-endMess{
	padding:10px 20px;
	font-weight:600;
}

#know-contents p a img{
	float:right;
	padding:0 20px 0;
}

#know-mess-wrap{
	background:url(../../service/img/know_mess_bg.gif) no-repeat left top;
	width:690px;
	margin:10px 0 10px 20px;
	border-top:3px solid #EBEAEF;
	border-bottom:3px solid #EBEAEF;
}

#know-mess-wrap p{
	padding:12px 20px 10px 130px;
}




/* ------------------------------
	細胞ロット情報
------------------------------ */

/* タイトル */

#lot-title{
	margin:0px 0px 10px 10px;
}

/* テーブル */

#lot-table table{
	margin:5px 0px 0px 0px;
	border-collapse: separate;
	border-spacing: 1px;
	table-layout: fixed;
	width:650px;
}

#lot-table th{
	text-align:center;
	padding:3px;
	background-color:#ffcc33;
}

#lot-table td{
	text-align:center;
	padding:3px;
	background-color:#ededed;
}




/* ------------------------------
	用語説明・用語辞典
------------------------------ */

#word-title{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	border-bottom:1px solid #EBEAEF;
	font-weight:600;
}

#word-contents{
	margin:5px 0px 0px 0px;
}



/* ------------------------------
	サイトのご利用について
------------------------------ */

#contents-base-wrap .site-wrap{
	padding:0px 20px 15px 20px;
}




/* ------------------------------
	発送スケジュールについて
------------------------------ */

/* テーブル */

#schedule-table table{
	margin:5px 0px 5px 0px;
	border-collapse: separate;
	border-spacing: 1px;
	table-layout: fixed;
	width:650px;
}

#schedule-table th{
	text-align:center;
	padding:3px;
	background-color:#ffcc33;
}

#schedule-table td{
	text-align:center;
	padding:3px;
	background-color:#ededed;
}



/* ------------------------------
	商品のご注文方法について 
------------------------------ */

#contents-base-wrap .ordermethod-wrap{
	padding:10px 20px 0px 20px;
}



/* ------------------------------
	お問い合わせ 
------------------------------ */

#contents-base-wrap .support-title{
	margin:15px 0px 5px 0px;
	background-color:#ffcc33;
	padding:3px 5px 3px 5px;
	font-weight:600;
}

#contents-base-wrap .support-contents{
	margin:0px 20px 0px 20px;
}



/* ------------------------------
	サイトマップ 
------------------------------ */

/* リスト */

#contents-base-wrap .sitemap-area .sitemap-li-l{
	margin:0px 0px 0px 0px;
	background:url(../img/cmo_arrow01.gif) no-repeat left;
	padding:0px 0px 0px 15px;
	font-weight:600;
}

#contents-base-wrap .sitemap-area .sitemap-li-m{
	background:url(../img/cmo_arrow01.gif) no-repeat left;
	padding:0px 0px 0px 15px;
	margin:10px 0px 0px 30px;
	font-weight:600;
}

#contents-base-wrap .sitemap-area .sitemap-li-s{
	background:url(../img/cmo_arrow01.gif) no-repeat left;
	padding:0px 0px 0px 15px;
	margin:10px 0px 0px 60px;
	font-weight:600;
}

/* 内容説明 */

#contents-base-wrap .sitemap-area .sitemap-contents-l{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
}

#contents-base-wrap .sitemap-area .sitemap-contents-m{
	margin:0px 0px 0px 30px;
	padding:0px 0px 0px 15px;
}

#contents-base-wrap .sitemap-area .sitemap-contents-s{
	margin:0px 0px 0px 60px;
	padding:0px 0px 0px 15px;
}




/* ------------------------------
	よくあるご質問 
------------------------------ */

/* リスト */

#contents-base-wrap .shitumon-area .shitumon-contents-q-li{
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 15px;
	background:url(../img/cmo_arrow01.gif) no-repeat left;
	border-bottom:1px dotted #EBEAEF;
}

/* 詳細内容 */

#contents-base-wrap .shitumon-area .shitumon-contents-q{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 15px;
	background:url(../img/cmo_arrow01.gif) no-repeat left;
	border-bottom:1px dotted #EBEAEF;
	font-weight:600;
	color:#482E26;
}

#contents-base-wrap .shitumon-area .shitumon-contents-a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
}




/* ------------------------------
	代理店一覧
------------------------------ */

/* タイトル */

#agentlist-title{
	margin:0px 0px 10px 10px;
}

/* テーブル */

#agentlist-table table{
	margin:0px 0px 5px 0px;
	border-collapse: separate;
	border-spacing: 1px;
	table-layout: fixed;
	width:650px;
}

#agentlist-table th{
	text-align:center;
	padding:3px;
	background-color:#ffcc33;
}

#agentlist-table td{
	text-align:left;
	padding:3px;
	background-color:#ededed;
}




/* ------------------------------
	メーカー略号一覧
------------------------------ */

/* テーブル */

#maker-table table{
	margin:0px 0px 5px 0px;
	border-collapse: separate;
	border-spacing: 1px;
	table-layout: fixed;
	width:450px;
}

#maker-table th{
	text-align:center;
	padding:3px;
	background-color:#ffcc33;
}

#maker-table td{
	text-align:left;
	padding:3px;
	background-color:#ededed;
}