@charset "utf-8";
/*
--------------------------------------------------
FileName:   templates.css
Version:    2012/01/25

1. 見出しタグ
2. 見出しタグ 別パターン
3. T1用 見出しタグ
4. T3用 見出しタグ
5. スペース
6. Stratagene用CSS
7. ACCESS AGILENT用CSS
8. Application NOTE用CSS
9. .vin用CSS
10. 質量分析ページ用CSS 20120326更新
11. halogenomics用CSS
12. セミナーページ用CSS
13. キャンペーンページ用CSS
--------------------------------------------------
*/



/* 1. 見出しタグ */
h1, h2, h3, h4, h5, h6 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	line-height: 100%;
	clear: both;
}

h1 {
	color: #4E7EB4;
	font-size: 16px;
	margin: 5px 0px 15px 0px;
	padding: 7px 10px 7px 30px;
	border: 1px solid #CCCCCC;
	background: url("../../images/gn/dott15.gif") 8px center no-repeat;
}

h2 {
	color: #4E7EB4;
	font-size: 12px;
	margin: 5px 0px 15px 0px;
	padding: 8px 8px 8px 28px;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	background: url("../../images/gn/dott11b.gif") 10px center no-repeat;
}

h3 {
	color: #4E7EB4;
	font-size: 10px;
	margin: 10px 0px 5px 0px;
	padding: 3px 5px 4px;
	border: 1px solid #4E7EB4;
	background: url("../../images/gn/tytl_gb_02.gif") left bottom repeat-x;
	letter-spacing: 0.05em;
}

h4 {
	color: #5A7BBD;
	font-size: 12px;
	margin: 12px 0px 10px;
	padding-bottom: 3px;
	border-bottom: solid 1px #5A7BBD;
}

h5 {
	color: #5A7BBD;
	font-size: 12px;
	margin: 20px 0px 10px;
	padding: 0px 5px 0px 15px;
	background: url("../../images/gn/h4b.gif") left center no-repeat;
}

h6 {
	color: #4E7EB4;
	font-size: 10px;
	margin: 10px 0px 5px 0px;
	padding: 3px 5px 4px;
	border: solid 1px #4E7EB4;
	background: url("../../images/gn/tytl_gb_01.gif") left center repeat-x;
}



/* 2. 見出しタグ 別パターン */
h1#academia01 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	line-height: 100%;
	clear: both;
	color: #3573b7;
	font-size: 14px;
	margin: 5px 0px 15px 0px;
	padding: 7px 10px 7px 10px;
	border: none;
	border-top: solid 1px #d1d1d1;
	background: url("../../images/bg_h1_academia01.jpg") left bottom repeat-x;
}

h1#academia02 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	line-height: 100%;
	clear: both;
	color: #6bb32e;
	font-size: 14px;
	margin: 5px 0px 15px 0px;
	padding: 7px 10px 7px 10px;
	border: none;
	border-top: solid 1px #d1d1d1;
	background: url("../../images/bg_h1_academia02.jpg") left bottom repeat-x;
}

h1#academia03 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	line-height: 100%;
	clear: both;
	color: #dc7b1d;
	font-size: 14px;
	margin: 5px 0px 15px 0px;
	padding: 7px 10px 7px 10px;
	border: none;
	border-top: solid 1px #d1d1d1;
	background: url("../../images/bg_h1_academia03.jpg") left bottom repeat-x;
}

h1#academia04 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	line-height: 100%;
	clear: both;
	color: #48ac9d;
	font-size: 14px;
	margin: 5px 0px 15px 0px;
	padding: 7px 10px 7px 10px;
	border: none;
	border-top: solid 1px #d1d1d1;
	background: url("../../images/bg_h1_academia04.jpg") left bottom repeat-x;
}

h1#academia05 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	line-height: 100%;
	clear: both;
	color: #be9902;
	font-size: 14px;
	margin: 5px 0px 15px 0px;
	padding: 7px 10px 7px 10px;
	border: none;
	border-top: solid 1px #d1d1d1;
	background: url("../../images/bg_h1_academia05.jpg") left bottom repeat-x;
}

h1#academia06 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	line-height: 100%;
	clear: both;
	color: #439fcf;
	font-size: 14px;
	margin: 5px 0px 15px 0px;
	padding: 7px 10px 7px 10px;
	border: none;
	border-top: solid 1px #d1d1d1;
	background: url("../../images/bg_h1_academia06.jpg") left bottom repeat-x;
}

h1.imgtitle {
	margin: 0px;
	padding: 0px 0px 14px;
	border: none;
	background: none;
}

h2.imgtitle {
	margin: 0px;
	padding: 0px 0px 11px;
	border: none;
	background: none;
}

h2.simple {
	color: #666666;
	font-size: 14px;
	margin: 5px 0px 5px 0px;
	padding: 8px 8px 8px 0px;
	border: none;
	background: none;
}

h3.belt1 {
	color: #666666;
	font-size: 14px;
	margin: 0px 0px 0px 25px;
	padding: 5px 24px 6px;
	border: none;
	background: url("../../cimg/t3_h3bg_2_1.jpg") no-repeat;
	letter-spacing: 0.08em;
}

h3.belt2 {
	color: #666666;
	font-size: 14px;
	margin: 0px 0px 0px 25px;
	padding: 5px 24px 6px;
	border: none;
	background: url("../../cimg/t3_h3bg_2_2.jpg") no-repeat;
	letter-spacing: 0.08em;
}

h3.belt3 {
	color: #666666;
	font-size: 14px;
	margin: 0px 0px 0px 25px;
	padding: 5px 24px 6px;
	border: none;
	background: url("../../cimg/t3_h3bg_2_3.jpg") no-repeat;
	letter-spacing: 0.08em;
}

h3.belt4 {
	color: #666666;
	font-size: 14px;
	margin: 0px 0px 0px 25px;
	padding: 5px 24px 6px;
	border: none;
	background: url("../../cimg/t3_h3bg_2_4.jpg") no-repeat;
	letter-spacing: 0.08em;
}

h3.belt5 {
	color: #666666;
	font-size: 14px;
	margin: 0px 0px 0px 25px;
	padding: 5px 24px 6px;
	border: none;
	background: url("../../cimg/t3_h3bg_2_5.jpg") no-repeat;
	letter-spacing: 0.08em;
}

h4.simple {
	color: #666666;
	font-size: 14px;
	margin: 0px;
	padding: 5px 0px 0px;
	border: none;
	background: none;
	letter-spacing: 0.05em;
	clear: none;
}



/* 3. T1用 見出しタグ */
h2.info {
	color: #4E7EB4;
	font-size: 12px;
	margin: 5px 0px 15px 0px;
	padding: 11px 8px 8px 28px;
	border-bottom: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	background: url("../../images/gn/dott11b.gif") 10px center no-repeat;
}

h3.info {
	color: #666666;
	font-size: 10px;
	margin: 0px;
	padding: 5px 0px 5px 8px;
	border: none;
	background: url("../../images/gn/kanren_186_t.gif") left top no-repeat;
	line-height: 120%;
}

h2.news {
	color: #4E7EB4;
	font-size: 10px;
	margin: 10px 0px 5px 0px;
	padding: 3px 5px 4px;
	border: solid 1px #4E7EB4;
	background: url("../../images/gn/tytl_gb_01.gif") left center repeat-x;
}

h2.free {
	color: #4E7EB4;
	font-size: 10px;
	margin: 10px 0px 5px 0px;
	padding: 3px 5px 4px;
	border: 1px solid #4E7EB4;
	background: url("../../images/gn/tytl_gb_02.gif") left bottom repeat-x;
	letter-spacing: 0.05em;
}

h3.free {
	color:#333333;
	font-size: 12px;
	margin: 5px 0px 2px;
	padding: 0px;
	border: none;
	border-bottom:1px solid #BECBE4;
	background: none;
	letter-spacing: 0px;
	line-height: 140%;
}

h3.free a:link, h3.free a:visited {
	color:000080;
}

h3.free a:hover {
	text-decoration:underline;
	color:000080;
}

h4.free {
	color: #666666;
	font-size: 12px;
	margin: 5px 0px 2px;
	padding: 0px;
	border: none;
	border-bottom: 1px solid #BECBE4;
	background: none;
	letter-spacing: 0px;
	line-height: 140%;
}

h4.free a:link, h4.free a:visited {
	color:000080;
}

h4.free a:hover {
	color:000080;
}



/* 4. T3用 見出しタグ */

h1#t3 {
	margin: 0px;
	padding: 10px 0px 5px;
	border: none;
	background: none;
}

h2.t3 {
	color: #5A7BBD;
	font-size: 15px;
	margin: 12px 0px 10px;
	padding: 9px 3px 12px;
	text-indent: 10px;
	border: none;
	background: url("../../cimg/bg_h2_t3.jpg") no-repeat;
	letter-spacing: auto;
}

h3.t3 {
	color: #5A7BBD;
	font-size: 14px;
	margin: 12px 2px 10px 13px;
	padding: 3px 0px;
	border: none;
	background: none;
	letter-spacing: auto;
}

h4.t3 {
	color: #5A7BBD;
	font-size: 12px;
	margin: 12px 0px 10px;
	padding-bottom: 3px;
	border: none;
	background: none;
	letter-spacing: auto;
}

h4.t3_3cap_2 {
	color: #666666;
	font-size: 12px;
	margin: 12px 0px 10px;
	padding: 5px 8px;
	border: none;
	background: url("../../cimg/bg_h4_t3_3cap_2.jpg") no-repeat;
	letter-spacing: auto;
	height: 36px;
	line-height: 1.1;
}

h4.t3_3cap_1 {
	color: #666666;
	font-size: 12px;
	margin: 12px 0px 10px;
	padding: 5px 8px;
	border: none;
	background: url("../../cimg/bg_h4_t3_3cap_1.jpg") no-repeat;
	letter-spacing: auto;
	height: 36px;
	line-height: 1.1;
}

h5.t3 {
	color: #666666;
	font-size: 12px;
	margin: 10px 0px 5px 0px;
	padding: 0px;
	border: none;
	background: none;
	letter-spacing: 0.05em;
}

h6.t3 {
	color: #666666;
	font-size: 12px;
	margin: 10px 0px 5px 0px;
	padding: 0px;
	border: none;
	background: none;
}



/* 5. スペース */
.Space5 p, .Space10 p, .Space15 p, .Space20 p, .Space25 p, .Space30 p, .Space35 p, .Space40 p, .Space45 p, .Space50 p, .Space55 p, .Space60 p, .Space65 p, .Space70 p {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}

.Space5 {
	height: 5px;
	clear: both;
	font-size: 0px;
}

.Space10 {
	height: 10px;
	clear: both;
	font-size: 0px;
}

.Space15 {
	height: 15px;
	clear: both;
	font-size: 0px;
}

.Space20 {
	height: 20px;
	clear: both;
	font-size: 0px;
}

.Space25 {
	height: 25px;
	clear: both;
	font-size: 0px;
}

.Space30 {
	height: 30px;
	clear: both;
	font-size: 0px;
}

.Space35 {
	height: 35px;
	clear: both;
	font-size: 0px;
}

.Space40 {
	height: 40px;
	clear: both;
	font-size: 0px;
}

.Space45 {
	height: 45px;
	clear: both;
	font-size: 0px;
}

.Space50 {
	height: 50px;
	clear: both;
	font-size: 0px;
}

.Space55 {
	height: 55px;
	clear: both;
	font-size: 0px;
}

.Space60 {
	height: 60px;
	clear: both;
	font-size: 0px;
}

.Space65 {
	height: 65px;
	clear: both;
	font-size: 0px;
}

.Space70 {
	height: 70px;
	clear: both;
	font-size: 0px;
}



/* 6. Stratagene用CSS */
.strataHead {
	margin-bottom: 30px;
}

.strataTableDiscription {
	background: #f3f3f3;
	border-collapse: separate;
	border: 1px solid #dde7f0;
	width: 444px;
	margin-top: 4px;
}

.strataImportantInfo {
	margin-top: 23px;
}

.strataTableDiscription th,
.strataTableDiscription td,
.strataTableRightMenu th,
.strataTableRightMenu td,
.strataTableReffarence th,
.strataTableReffarence td {
	padding: 0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

.strataTableReffarence th,
.strataTableReffarence td {
	font-size: 11px;
}

.strataTableRightMenu {
	background: #f3f3f3;
	border-collapse: separate;
	border: 1px solid #dde7f0;
	margin: 0px 4px;
	width: 173px;
}

.strataTableBorderCollapse {
	border: none;
	border-collapse: collapse;
}

ul.strataTableBorderCollapse {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 15px;
}

ul.strataTableBorderCollapse li {
	margin: 0px;
	padding: 0px;
}

.strataTableReffarence {
	background: #f3f3f3;
	border-collapse: separate;
	border: 1px solid #dde7f0;
	width: 100%;
	margin-top: 30px;
}

.strataTitleIcon {
	color: #ff6600;
}

.strataTablePriceHeader td {
	background: #f0f0f0;
	color: #297fd7;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
}

.strataTablePriceHeader td.strataTablePriceProduct {
	text-align: left;
}

.strataBold {
	font-weight: bold;
}

.strataLinkPDF {
	color: #999999;
}

h2.strataH2 {
	color: #165B9F;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: none;
	border: none;
	margin: 30px 0px 12px;
	padding: 0px;
}

h2.strataH2tin {
	color: #165B9F;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: none;
	border: none;
	margin-top: 15px;
	padding: 0px;
}

.strataBlockquote {
	color: #666666;
	font-size: 11px;
	line-height: 120%;
	background: none;
	border: none;
	margin: 0px;
	padding: 3px 40px;
}

img.strataIcon {
	vertical-align: middle;
}

.strataCiteHl {
	font-size: 12px;
}

.strataLicensingDiv {
	margin: 0px 0px 12px;
}



/* 7. ACCESS AGILENT用CSS */
.darkgreyBold {
	font-weight: bold;
	color: #333;
}

.white {
	color: #FFF;
}

.darkgrey {
	color: #333;
}



/* 8. Application NOTE用CSS */
table.apptable .table_d {
	padding:  5px 3px;
}



/* 9. .vin用CSS */
.vin_wrap {
	padding: 17px 0 0 0;
}

.vin_leftColumn {
	width: 410px;
	float: left;
}

.vin_blueArea {
	background-color: #D2ECF6;
	padding: 15px 28px;
}

.vin_blueArea h2 {
	color: #134a9e;
	padding: 0px;
	margin: 0 0 -3px 0px;
	border: none;
	line-height: 1.4;
	font-size: 14px;
	font-weight: bold;
	background: none;
}

.vin_blueArea h3 {
	color: #666;
	padding: 0px;
	margin: 20px 0 -7px 0;
	border: none;
	line-height: 1.4;
	font-size: 12px;
	background: none;
}


.vin_copy {
	color: #134a9e;
	padding: 0px;
	margin: 17px 20px 20px 20px;
	border: none;
	line-height: 1.4;
	font-size: 14px;
	font-weight: bold;
}

.vin_rightColumn {
	width: 210px;
	float: right;
}

.vin_downloadArea {
	background-color: #FAF8DC;
	padding: 3px 0px 10px 17px;
}

.vin_downloadArea p {
	width: 169px;
	margin: 10px 0 12px 3px;
}

.vin_downloadArea a {
	margin: 0 0 0 12px;
}

.vin_webinar {
	border: 1px solid #CABB73;
	margin: 12px 0px 0px 0px;
	padding: 12px 20px 10px 20px;
}

.vin_t2_strong {
	font-weight: bold;
	font-size: 125%;
	line-height: 1.5;
}

.vin_t2_center {
	text-align: center;
}

.vin_t2_centerStyle {
	margin-left: 35px;
	margin-right: 35px;
}

.vin_t2_m20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.vin_t2_m30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.vin_t2_m40 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.vin_tableStyle {
	border: none;
	border-collapse: collapse;
	border-spacing: 0px;
}

.vin_tableStyle th, .vin_tableStyle td {
	padding: 0px;
}



/* 10. 更新質量分析ページ */
/*20120201*/
.vin02LeftNav{
	float:left;
	width:195px;
	text-align:left;
}

.vin02LeftNav p{
	background:url(../../cimg/20120201/nav_header_01.jpg) no-repeat left top;
	color:#FFF;
	font-weight:bold;
	width:185px;
	height:22px;
	padding:3px 0 0 10px;
	display:block;
	margin:0;
}

.vin02LeftNav ul{
	padding:0 0 0 0;
	margin:0;
	width:195px;
	overflow:hidden;
}

.vin02LeftNav ul li{
	background:url(../../cimg/20120201/nav_off_01.jpg) left top no-repeat;
	height:27px;
	padding:7px 0 0 11px;
	margin:0;
	width:186px;
	line-height:1;
	list-style:none;
	font-weight:bold;
	font-size:12px;
}

.vin02LeftNav ul li a{
	padding:0 0 0 13px;
	width:171px;
	display:block;
	background:url(../../cimg/20120201/nav_ico_off_01.jpg) left 3px no-repeat;
}
.vin02LeftNav ul li a:link {color: #627084;	text-decoration:none;}
.vin02LeftNav ul li a:visited {	color: #627084;	text-decoration:none;}
.vin02LeftNav ul li a:active { color: #627084; text-decoration:none;}
.vin02LeftNav ul li a:hover { color: #3875b8; text-decoration:underline; background:url(../../cimg/20120201/nav_ico_on_01.jpg) left 3px no-repeat;
}

.vin02LeftNav ul li.vin02Active a{
	background:url(../../cimg/20120201/nav_ico_on_01.jpg) left 3px no-repeat;
	cursor:default;
}
.vin02LeftNav ul li.vin02Active a:link {color: #3875b8;	text-decoration:none;}
.vin02LeftNav ul li.vin02Active a:visited {	color: #3875b8;	text-decoration:none;}
.vin02LeftNav ul li.vin02Active a:active { color: #3875b8; text-decoration:none;}
.vin02LeftNav ul li.vin02Active a:hover { color: #3875b8; text-decoration:none; background:url(../../cimg/20120201/nav_ico_on_01.jpg) left 3px no-repeat;
}

.vin02LeftNav ul li.vin02Active{
	background:url(../../cimg/20120201/nav_on_01.jpg) left top no-repeat;
}

.vin02Active{
	
}

.vin02Body{
	float:right;
	width:622px;
	text-align:left;
}

.vin02Body p{
	padding:0 13px 0 13px;
}

.vin02Body p.vin02Leader{
	padding:0 0 0 0;
	margin:0;
}

.vin02Body ul{
	padding:0 0 0 13px;
}

.vin02Body ul li{
	padding:0 0 20px 13px;
	background:url(../../cimg/20120201/ico_list_01.jpg) left 4px no-repeat;
	list-style:none;
}

.vin02Body h2{
	height:23px;
	font-size:13px;
	background:url(../../cimg/20120201/bg_h2.jpg) left top no-repeat;
	color:#3875b8;
	border:none;
	margin:22px 0 22px 0;
	padding:10px 0 10px 13px;
}

.vin02Body h3{
	height:23px;
	font-size:13px;
	background:url(../../cimg/20120201/bg_h3.jpg) left top no-repeat;
	color:#fff;
	border:none;
	margin:45px 0 22px 0;
	padding:10px 0 13px 13px;
}

.vin02Body h4{
	width:622px;
	background:url(../../cimg/20120201/bg_h4.jpg) left top no-repeat;
	color:#666666;
	border:none;
	margin:30px 0 22px 0;
	height:23px;
	padding:1px 0 0 15px;
	font-size:12px;
}

.vin02Body h5{
	width:622px;
	background:url(../../cimg/20120201/bg_h5.jpg) left bottom no-repeat;
	color:#666666;
	border:none;
	margin:15px 0 22px 0;
	height:21px;
	padding:1px 0 0 1px;
	font-size:12px;
	clear:both;
}

.vin02ImgRight{
	float:right;
	margin: 0 13px 20px 20px;
	overflow:hidden;
}

.vin02ImgLeft{
	float:left;
	margin: 0 20px 20px 0;
	overflow:hidden;
}

.vin02ImgCenter{
	text-align:center;
	padding:15px 0 30px 0;
	width:622px;
	overflow:hidden;
}

.vin02body .vin02Area01{
	position:relative;
	margin:0;
	padding:0;
}

.vin02body .vin02Area01P01{
	position:absolute;
	top:0px;
	left:12px;
	margin:0;
	padding:0;
}

.vin02body .vin02Area01P02{
	position:absolute;
	top:20px;
	left:12px;
	width:235px;
	margin:0;
	padding:0;
}

.vin02Area02{
	font-weight:bold;
	clear:both;
	color:#ff5b20;
	border-bottom:1px dashed #ccc;
	border-top:1px dashed #ccc;
	height:116px;
}

.vin02Area02 p{
	margin-top:51px;
	font-size:14px;
}

.vin02Area02 img{
	margin-top:12px;
}

.vin02body p.vin02EnCap{
	color:#ff5b20;
	float:right;
	margin:-20px 0 0 0;
	padding:0;
}

.vin02body p.vin02Cap{
	font-size:11px;
}

.vin02Body p span{
	color:#ea552d;
}

.vin02body p.vin02P03{
	float:left;
	margin:0;
	width:180px;
}

/*20120326*/
.vin03body ul.tabNavi {
	background: url("../../cimg/20120326/bg_tabNavi.jpg") repeat-x bottom;
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 30px;
}

.vin03body ul.tabNavi li {
	float: left;
	width: 260px;
	height: 56px;
	background: url("../../cimg/20120326/bg_tabNavi_01_now.jpg") no-repeat;
	color: #3875b8;
	text-align: center;
	list-style: none;
	font-size: 13px;
	font-weight: bold;
	padding: 0px;
}

.vin03body ul.tabNavi li.now {
	height: 34px;
	_height: 56px;
	padding: 22px 0px 0px;
}

.vin03body ul.tabNavi li a {
	width: 260px;
	height: 34px;
	_height: 56px;
	padding: 22px 0px 0px;
	background: url("../../cimg/20120326/bg_tabNavi_01_off.jpg") no-repeat;
	display: block;
	color: #3875b8;
	text-align: center;
}

.vin03body ul.tabNavi li a:hover {
	width: 260px;
	height: 34px;
	_height: 56px;
	padding: 22px 0px 0px;
	background: url("../../cimg/20120326/bg_tabNavi_01_on.jpg") no-repeat;
	color: #3875b8;
	text-align: center;
}

.vin03body ul.tabNavi li.left {
	background: url("../../cimg/20120326/bg_tabNavi_00_now.jpg") no-repeat;
}

.vin03body ul.tabNavi li a {
	background: url("../../cimg/20120326/bg_tabNavi_00_off.jpg") no-repeat;
}

.vin03body ul.tabNavi li a:hover {
	background: url("../../cimg/20120326/bg_tabNavi_00_on.jpg") no-repeat;
}

.vin03body table.tableA {
	width: 840px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px;
	margin: 20px 0px;
}

.vin03body table.tableA th {
	background: #333333;
	border: 1px solid #333333;
	font-size: 12px;
	line-height: 140%;
	padding: 5px 0px;
	color: #ffffff;
}

.vin03body table.tableA td {
	border: 1px solid #333333;
	font-size: 12px;
	line-height: 140%;
	text-align: center;
	padding: 8px 5px;
}

.vin03body table.tableA td.tdLeft {
	text-align: left;
	padding-left: 10px;
}

.vin03body table.tableA tr.toptr th {
	background: #ffffff;
	color: #333333;
}

.vin03body table.tableA #th1 {
	background: #333333;
	width: 20px;
}

.vin03body table.tableA #th2 {
	width: 200px;
}

.vin03body table.tableA #th3 {
	width: 80px;
}

.vin03body table.tableA #th4 {
	width: 80px;
}

.vin03body table.tableA #th5 {
	width: 160px;
}

.vin03body table.tableA #th6 {
	width: 100px;
}

.vin03body table.tableA #th7 {
	width: 100px;
}

.vin03body .ImageRightColumn {
	clear: both;
	overflow: hidden;
	_zoom: 1;
	margin: 20px 0px;
}

.vin03body .ImageRightColumn img {
	float: left;
	padding-right: 20px;
}

.vin03body .ImageRightColumn ul {
	font-size: 14px;
	font-weight: bold;
}

.vin03body .ImageRightColumn li {
	margin-bottom: 8px;
}

.vin03body .ImageRightColumn p {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.35;
}

.vin03body .ImageRightColumn ul.smallUL {
	font-size: 12px;
	font-weight: normal;
	padding: 0px 0px 0px 300px;
	margin: 5px 0px 15px 0px;
}

.vin03body .ImageRightColumn ul.smallUL li {
	margin-bottom: 3px;
	padding: 0px 0px 0px 0px;
}

.vin03body .ImageRightColumn p.titleP {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #4E7EB4;
	padding-left: 280px;
}

.vin03body .colorA {
	color: #cc0000;
}

.vin03body .colorB {
	color: #cc6600;
}

.vin03body .imgCenter {
	text-align: center;
	margin: 20px 0px;
}

.vin03body .imgCenter2 {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.5;
}

.vin03body h2 {
	background: url("../../cimg/20120326/bg_h2.jpg") no-repeat scroll left top transparent;
	border: medium none;
	color: #3875B8;
	font-size: 13px;
	height: 23px;
	margin: 22px 0;
	padding: 10px 0 10px 13px;
}

.vin03body h3 {
    background: url("../../cimg/20120326/bg_h3.jpg") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF;
    font-size: 13px;
    height: 23px;
    margin: 45px 0 22px;
    padding: 10px 0 13px 13px;
}

.vin03body .BoxA {
	clear: both;
	overflow: hidden;
	_zoom: 1;
}

.vin03body .leftArea {
	width: 480px;
	_width: 500px;
	float: left;
	background: url("../../cimg/20120326/bg_leftArea.jpg") repeat-y right top;
	padding-right: 20px;
}

.vin03body .rightArea {
	width: 320px;
	width: _340px;
	float: right;
	padding-left: 20px;
}

.vin03body .leftArea h2 {
	background: url("../../cimg/20120326/bg_h2_left.jpg") no-repeat scroll left top transparent;
}

.vin03body .leftArea h3 {
    background: url("../../cimg/20120326/bg_h3_left.jpg") no-repeat scroll left top transparent;
}

.vin03body .rightArea h2 {
	background: url("../../cimg/20120326/bg_h2_right.jpg") no-repeat scroll left top transparent;
	_width: 320px;
}

.vin03body .rightArea h3 {
    background: url("../../cimg/20120326/bg_h3_right.jpg") no-repeat scroll left top transparent;
	_width: 320px;
}




/* 11. halogenomics用CSS */

#halogenomics {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 10px 0px 0px;
	line-height: 1.5;
}

#halogenomics .content {
	float: right;
	margin: 0px;
	padding-bottom: 30px;
	width: 615px;
}

#halogenomics .sidebar {
	float: left;
	border-right: 1px dashed #DDDDDD;
	padding: 0px 10px 30px 0px;
	margin: 0px;
	width: 178px;
	_width: 188px;
}

#halogenomics .sidebar ul {
	list-style-type: none;
	padding: 0 10px 0 0;
	margin: 0px;
}

#halogenomics .sidebar ul li {
	list-style: none;
	height: auto;
	margin: 0px;
	padding: 0px;
	border: none;
	_zoom: 1;
    border: 1px solid #DDDDDD;
    margin-bottom: 10px;
}

#halogenomics .sidebar a {
    color: #555555;
    display: block;
	_zoom: 1;
}

#halogenomics .sidebar a.mainlevel:hover {
    background-color: #FFFFFF;
	color: #777777;
}

#halogenomics .sidebar a, #halogenomics .sidebar a:visited {
    color: #0084D6;
    text-decoration: none;
}

#halogenomics .sidebar a.mainlevel, 
#halogenomics .sidebar a.mainlevel_current, 
#halogenomics .sidebar a.mainlevel_active, 
#halogenomics .sidebar a.mainlevel_black {
    background-color: #F4F4F4;
    border: 1px solid #FFFFFF;
    font-size: 13px;
    padding: 8px 12px;
    text-shadow: 0 1px 0 #FFFFFF;
}

#halogenomics .sidebar a.mainlevel_current, 
#halogenomics .sidebar a.mainlevel_active {
    background: #0084D6;
	border: solid 1px #0084D6;
    color: #FFFFFF;
    text-shadow: none;
}

#halogenomics .sidebar a.mainlevel_current:visited {
	color: #ffffff;
}

#halogenomics .sidebar a.mainlevel_black, 
#halogenomics .sidebar a.mainlevel_black:visited {
    background-color: #666666;
    color: #FFFFFF;
    text-shadow: none;
}

#halogenomics .sidebar a.longtext {
	padding: 8px 7px;
}

#halogenomics .sidebar ul li.sub {
	list-style: none;
	height: auto;
	margin: 0px;
	padding: 0px 0px 0px 14px;
	border: none;
    margin-bottom: 10px;
}

#halogenomics .sidebar ul li.sub a {
	display: inline;
}

#halogenomics h1 {
    color: #003972;
    font-size: 2.2em;
    line-height: 1.2;
    margin: 0 0 1em;
	border: none;
	padding: 0px;
	background: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#halogenomics h1 span {
    color: #444444;
    font-size: 17px;
    padding-top: 4px;
    display: block;
}

#halogenomics h2 {
    clear: left;
    color: #003972;
    font-size: 1.7em;
    line-height: 1.2;
    margin: 1.2em 0 0.8em;
	border: none;
	padding: 0px;
	background: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#halogenomics h2.content-home {
    clear: both;
    color: #444444;
    font-size: 17px;
    margin: 0 0 5px;
	text-align: center;
}

#halogenomics .content-home {
    clear: both;
    margin: 0px;
    width: 840px;
}

#halogenomics .c-left {
    float: left;
    margin-bottom: 1em;
    width: 47%;
}

#halogenomics .c-right {
    float: right;
    width: 47%;
}

#halogenomics .c-left p, #halogenomics .c-right p {
	font-size: 1.1em;
	margin: 0 0 1em;
}

#halogenomics .home-columns {
    background: url("../../cimg/main-fade.png") repeat-x scroll 0 -5px #F9F9F9;
    clear: both;
    padding: 35px 37px;
}

#halogenomics .column1 {
    border-right: 1px solid #FFFFFF;
    padding: 0 22px 0 0;
}

#halogenomics .column2 {
    border-left: 1px solid #DDDDDD;
    padding: 0 0 0 22px;
}

#halogenomics .home-column {
    float: left;
    min-height: 425px;
    position: relative;
    width: 360px;
}

#halogenomics .home-column h3 {
	display: none;
}

#halogenomics .home-column .ingress {
    color: #003972;
    font-size: 1.2em;
    font-weight: 700;
}

#halogenomics .home-column p {
    padding: 0 10px;
    text-shadow: 0 1px 0 #FFFFFF;
}

#halogenomics .home-column ul {
    line-height: 1.3;
    list-style-type: disc;
    margin: 1em 2.2em;
	padding: 0px;
}

#halogenomics .home-column li {
    padding: 0 0 5px;
}

#halogenomics .col-more {
    background: url("../../cimg/menu.png") repeat scroll 0 0 transparent;
    color: #FFFFFF !important;
    display: inline-block;
    font-size: 12px;
    margin: 10px 10px 0 0;
    padding: 5px 10px;
    text-align: center;
    text-shadow: none;
}

#halogenomics .col-more:hover {
    background: url("../../cimg/menu-active.png") repeat scroll 0 0 transparent;
}

#halogenomics .home-columns a, #halogenomics .home-columns a:visited {
    text-decoration: none;
}

#halogenomics .content ul {
    list-style: square outside none;
}

#halogenomics .content ul, #halogenomics .content ol {
    margin: 0 0 1.625em 2.5em;
	padding: 0px;
}

#halogenomics .content .ingress {
    font-size: 1.2em;
    line-height: 1.4;
}

#halogenomics .content p {
    margin: 0 0 1em;
}

#halogenomics .content img {
    height: auto;
    max-width: 100%;
}

#halogenomics .image_right {
    float: right;
    margin: 0 0 25px 15px;
}

#halogenomics .image_left {
    float: left;
    margin: 0 20px 25px 0;
}

#halogenomics table {
    margin: 0 0 2em;
}

#halogenomics td, #halogenomics th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#halogenomics .jce_file img {
    margin: 5px 5px 5px 0;
}

#halogenomics .clearfix {
	clear: both;
	overflow: hidden;
	_zoom: 1;
}

#halogenomics .clear, #halogenomics .clearboth {
    clear: both;
}

#halogenomics a.tolink {
	margin-left: 10px;
}



/* 12. セミナーページ用CSS */

#agilentSeminar {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#agilentSeminar h2, #agilentSeminar td, #agilentSeminar th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#agilentSeminar h2 {
	background: #dee4f6 url("../../images/bg_h2_agilentSeminar.jpg") repeat-x top left;
	margin: 40px 0px 10px;
	padding: 11px 20px;
	border: none;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

#agilentSeminar h2.info {
	background: #dee4f6 url("../../images/bg_h2_agilentSeminar_g.jpg") repeat-x top left;
}


#agilentSeminar h2.index {
	background: #ffffff url("../../images/bg_h2_agilentSeminar_index.jpg") no-repeat top left;
	margin: 50px 0px 10px;
	padding: 11px 20px 5px;
	border-bottom: solid 3px #1f3695;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

#agilentSeminar h2.month {
	background: none;
	margin: 40px 0px 10px;
	padding: 0px;
	border: none;
}

#agilentSeminar h3.site {
	background: #ffffff url("../../images/bg_h2_agilentSeminar_site.jpg") repeat-x bottom left;
	margin: 0px 0px 10px;
	padding: 0px 0px 5px;
	border: none;
	font-size: 23px;
	font-weight: normal;
	color: #4e7eb4;
}

#agilentSeminar p {
	line-height: 1.5;
}

#agilentSeminar .update {
	width: 840px;
	position: absolute;
	text-align: right;
	margin-top: -30px;
}

#agilentSeminar p.seminar {
	padding: 0px 20px;
}

#agilentSeminar .tosubmit {
	text-align: right;
}


#agilentSeminar li {
	margin: 8px 0px;
	line-height: 1.5;
}

#agilentSeminar table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}

#agilentSeminar table.submitArea td {
	padding-right: 5px;
}

#agilentSeminar table.submitArea p {
	text-align: center;
}

#agilentSeminar table.month th {
	border: solid 1px #cccccc;
	padding: 8px 10px;
	background: #8e8e8e;
	color: #ffffff;
	font-weight: normal;
}

#agilentSeminar table.month td {
	border: solid 1px #cccccc;
	padding: 15px 10px;
	color: #333333;
}

#agilentSeminar table.month td.date {
	background: #f3f3f3;
}

#agilentSeminar table.timetable th {
	border: solid 1px #cccccc;
	padding: 8px 10px;
	background: #8e8e8e;
	color: #ffffff;
	font-weight: normal;
}

#agilentSeminar table.timetable td {
	border: solid 1px #cccccc;
	padding: 15px 10px;
	color: #333333;
}

#agilentSeminar table.timetable td.time {
	background: #f3f3f3;
}

#agilentSeminar table.index {
	border-collapse: separate;
	border-spacing: 0px 10px;
}

#agilentSeminar table.index table {
	border-collapse: collapse;
	border-spacing: 0px;
}

#agilentSeminar table.index td {
	padding: 15px;
}

#agilentSeminar table.index table td {
	padding: 3px;
}

#agilentSeminar table.index h3 {
	margin: 0px;
	padding: 0px 5px 0px;
	border: none;
	background: none;
	font-size: 14px;
	font-weight: bold;
}

#agilentSeminar table.index td img.newicon {
	margin-bottom: 5px;
}

#agilentSeminar table.site {
	margin: 20px 0px;
	border: solid 1px #cccccc;
}

#agilentSeminar table.site tr {
}

#agilentSeminar table.site th {
	border: solid 1px #cccccc;
	padding: 8px 10px;
	background: #8e8e8e;
	color: #ffffff;
	font-weight: normal;
	font-size: 13px;
}

#agilentSeminar table.site td {
	padding: 8px 10px 8px;
	color: #333333;
	font-size: 15px;
	vertical-align: top;
}

#agilentSeminar table.site td.point {
	padding: 8px 5px 8px 25px;
	background: url("../../images/bg_tr_agilentSeminar.jpg") no-repeat 12px 14px;
}

#agilentSeminar table.site td.btnarea {
	border-left: solid 1px #cccccc;
}

#agilentSeminar table.site td img.tomap {
	margin: 5px 0px;
}

#agilentSeminar table tr.odd {
	background: #ebf6ff;
}

#agilentSeminar table tr.even {
	background: #f2f2f2;
}

#agilentSeminar a.btnStyle {
	display: block;
	border: solid 1px #caaaaa;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 7px 10px 7px 25px;
	background: url("../../images/bg_agilentSeminar_btnStyle.png") no-repeat 11px center;
	font-weight: bold;
}

#agilentSeminar a.btnStyle:hover {
	border: solid 1px #b08383;
}

#agilentSeminar .topagetop {
	text-align: right;
}

#agilentSeminar .star {
	color: #ff3366;
}

#agilentSeminar p.twitter {
	text-align: right;
	margin-top: 0px;
	float: right;
}



/* 13. キャンペーンページ用CSS */

#ss_camp td, #ss_camp h2, #ss_camp h3, #ss_camp h4, #ss_camp p, #ss_camp li {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
}

#ss_camp h2 {
	color:3399ff;
	font-size:24px;
	font-weight: bold;
	text-align: left;
	text-valign: middle;
	background: none;
	margin:0;
	padding:0;
	border:0;
	height:auto;
	text-indent:0;
}
#ss_camp h3 {
	color:#FF0000;
	font-size:24px;
	font-weight: bold;
	text-align: left;
	text-valign: middle;
	background: none;
	margin:0;
	padding:0;
	border:0;
	height:auto;
	text-indent:0;
}
#ss_camp h4 {
	color:#000;
	font-size:24px;
	font-weight: bold;
	text-align: left;
	text-valign: middle;
	background: none;
	margin:0;
	padding:0;
	border:0;
	height:auto;
	text-indent:0;
}

#ss_camp .red {
	color:#FF0000;
	font-weight:bold;
}

#ss_camp .small {
	font-size:10px;
}

#ss_camp .large {
	font-size:18px;
	font-weight:bold;
}

#ss_camp .middle {
	font-size:14px;
	font-weight:bold;
}

#ss_camp .blue {
	color:#3366cc;	
}

#ss_camp .larger {
	font-size:24px;
	font-weight:bold;
}