@charset "utf-8";
/* CSS Document */


/* inner width:962px */

.w962 {
	width:962px;
	margin:auto;
	padding:0;
	clear:both;
}
/* 
	h1 … header
	h2 … *ereguler : image-text-title
	h3 … product image-text-title
	h4 … product image ○ title
	h5 … 
	h6 … footer list title
*/

.notes {
	font-size:10px;
	color:#666;
}
.note {
	margin:0;
	text-align:left;
	font-weight:bold;
	margin-bottom:10px;
}
.notes_absolute {
	position:absolute;
	top:90px;
	right:50px;
	font-size:10px;
	color:#666;
}

.img_notes {
	position:absolute;
	font-size:10px;
	color:#666;
	bottom:5px;
	right:10px;
}
.option_notes {
	position:absolute;
	font-size:12px;
	font-weight: bold;
	top:5px;
	left:10px;
}

/*padding*/
.pl20 {
	padding-left:20px;
}
.pl40 {
	padding-left:40px;
}

/*margin*/
.mb50 {
    margin-bottom: 40px;
}


/* code color */
.c_blue {
	color:#187FC4;
}

.c_ts {
	color:#ec6d81;
}
.c_jd {
	color:#e60027;
}
.c_ju {
	color:#fabe00;
}
.c_ol {
	color:#26b7bc;
}
.c_ol:hover {
	color:#2bd7dd;	
}

.c_wd {
	color:#45b035;
}
.c_wd:hover {
	color:#53e33d;
}

.c_tfk {
	color:#f39800;
}
.c_tfk span {
    padding-left: 20px;
	color:#333333;
    font-weight: normal;
}
.c_out {
	color:#6c9bd2;
}
.c_as {
	color:#77c497;
}
.c_vl {
	color:#b5d918;
}
.c_wl {
	color:#ef856d;
}
.c_k {
	color:#52c3f1;
}
.c_hl {
	color:#e60027;
}
.c_ttl {
	color:#ba8dbe;
}
.c_cl {
	color:#e5d80e;
}
.c_nl {
	color:#EF856D;
}
.c_e {
	color:#EF856D;
}

/* f4star */
.f4star {
	color:#e60027;
}

/* main */

#bwrap {
	text-align:center;
	width:100%;
	margin:0 0;
	padding:0 0;
	background: url(../../img/body_topline.gif) repeat-x top;
	z-index:90;
	overflow:visible;
}
/* ヘッダー下の背景はここで指定 */
.container {
	width: 962px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto 0 auto;
	position: relative;
}
/* .container pattern */

/***　製品をさがす　***/
#productIndex {
	background:url(../../product/img/index_container.png) no-repeat right 5px;
}
#productIndex .introCont {
	height:238px;
}
/*** tsシリーズ　***/
#ts {
	background:url(../../product/ts/img/container.png) no-repeat right 5px;
}
#ts .introCont {
	height:450px;
}
/*** olシリーズ　***/
#ol {
	background:url(../../product/ol/img/container.png) no-repeat right 5px;
}
#ol .introCont {
	height:460px;
}
/*** wdシリーズ　***/
#wd {
	background:url(../../product/wd/img/container.png) no-repeat right 5px;
}
#wd .introCont {
	height:480px;
}
/*** SCSシリーズ　***/
#scs {
	background:url(../../product/scs/img/container.png) no-repeat right 5px;
}
#scs .introCont {
	height:500px;
}
/*** jdシリーズ　***/
#jd {
	background:url(../../product/jd/img/container.png) no-repeat right 5px;
}
#jd .introCont {
	height:450px;
}
/*** juシリーズ　***/
#ju {
	background:url(../../product/ju/img/container.png) no-repeat right 5px;
}
#ju .introCont {
	height:450px;
}
/*** clシリーズ　***/
#cl {
	background:url(../../product/cl/img/container.png) no-repeat right 5px;
}
#cl .introCont {
	height:440px;
}
/*** nlシリーズ　***/
#nl {
	background:url(../../product/nl/img/container.png) no-repeat right 5px;
}
#nl .introCont {
	height:380px;
}
/*** hlシリーズ　***/
#hl {
	background:url(../../product/hl/img/container.png) no-repeat right 5px;
}
#hl .introCont {
	height:350px;
}
/*** vlシリーズ　***/
#vl {
	background:url(../../product/vl/img/container.png) no-repeat right 5px;
}
/*** wlシリーズ　***/
#wl {
	background:url(../../product/wl/img/container.png) no-repeat right 5px;
}
/*** Kシリーズ　***/
#k_series {
	background:url(../../product/k/img/container.png) no-repeat right 5px;
}
/*** OUTシリーズ　***/
#out {
	background:url(../../product/out/img/container.png) no-repeat right 5px;
}
#out .introCont {
	height:550px;
}
/*** T,FKシリーズ　***/
#tfk {
	background:url(../../product/tfk/img/container.png) no-repeat right 5px;
}
#tfk .introCont {
	height:300px;
}
/*** Tシリーズ　***/
#t {
	background:url(../../product/t/img/container.png) no-repeat right 5px;
}
#t .introCont {
	height:300px;
}
/*** FKシリーズ　***/
#fk {
	background:url(../../product/fk/img/container.png) no-repeat right 60px;
}
#fk .introCont {
	height:400px;
}
/*** eシリーズ　***/
#e {
	background:url(../../product/e/img/container.png) no-repeat right 60px;
}
#e .introCont {
	height:400px;
}
/*** ステッカー　***/
#stk {
	background:url(../../product/sticker/img/container.png) no-repeat right 5px;
}
#stk .introCont {
	height:450px;
}
	

/*** 会社概要　***/
#aboutIndex {
	background:url(../../about/img/index_container.png) no-repeat right 5px;
}
/*** このサイトについて　***/
#aboutHowto {
	background:url(../../about/img/index_container.png) no-repeat right 5px;
}
/*** お問い合わせ　***/
#contactIndex {
	background:url(../../about/img/index_container.png) no-repeat right 5px;
}
/*** ダウンロード　***/
#downloadIndex {
	background:url(../../download/img/container.png) no-repeat right 5px;
}
/* HEADER */

#header {
	width: 962px;
	height: 44px;
	margin: 0px auto;
	padding:15px 0;
	z-index: 100;
}
#header h1 {
	float:left;
	margin-top:10px;
}
#header #headMenu {
	float:right;
	width:582px;
	position:relative;
}
#header #headMenu ul {
	float:right;
	width:682px;
	margin:0;
	position:absolute;
	display:none;
	top:34px;
	left:0;
}
#header #headMenu li {
	list-style:none;
	text-align:left;
	display:inline;
	float:left;
}

* html #header #headMenu li#hm02 ul {
	line-height:0;
	z-index:20;
}
#header #headMenu li#hm02 ul {
	top:42px;
	left:46px;
	z-index:20;
}

#header #headMenu li#hm02 li{
	float:none;
	display:block;
	width:140px;
}

#header #headMenu li#hm02 ul a {
	display:block;
	background:#333;
	padding:0.5em 1em;
	color:#fff;
	border-bottom:1px dotted #888;
	opacity:0.8;
	filter:alpha(opacity=80);
	zoom:1;
	line-height:1;
	text-decoration:none;
}
#header #headMenu li#hm02 ul a.hover {
	background:#69C;
}


/* MAIN */

#mainCont {
	width: 962px;
	padding-top:30px;
	/*	margin-bottom:50px;*/
margin:0 auto 50px auto;
	clear:both;
}
#mainCont.e-series {
    position: relative;
}
.introCont {
	text-align:left;
	margin:0;
	padding:0;
}
.introCont dl {
	text-align:left;
	display:block;
}
.introCont dt {
	margin:10px 0 10px 0;
}
.introCont dd {
	margin:10px 0 20px 0;
	display:block;
}


/* ▼　PAGE TOP (in main) */
.pageTop {
	clear:both;
	float:right;
	margin-bottom:20px;
}
.pageTop a {
	text-indent:-99999px;
}
.pageTop a:link {
	display:block;
	width:100px;
	height:17px;
	background:url(../../img/ico_pagetop.gif) no-repeat right;
}
.pageTop:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}



/* ▼　PAGE TOP(bottom) & Breadcrumb Area */

#foot_head {
	width:100%;
	height:36px;
	background:url(../../img/foot_bottomline.gif) repeat-x bottom;
	text-align:center;
	display:block;
	clear:both;
}
#foot_head #foot_head_cont {
	width:962px;
	margin:0 auto 0 auto;
	padding:0;
}
#foot_head #f_breadcrumb {
	float:left;
	height:20px;
	margin:0;
	padding:0;
	text-align:left;
	color:#999;
}
#foot_head #f_breadcrumb a {
	text-decoration:none;
	color:#999;
	font-weight:bold;
}
#foot_head #f_breadcrumb a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	text-decoration:underline;
}
#foot_head #f_pagetop {
	float:right;
	background:url(../../img/ico_f_pagetop.gif) no-repeat right bottom;
	width:150px;
	height:36px;
	margin-right:20px;
}
#f_pagetop a {
	display:block;
	width:150px;
	height:36px;
	border:none;
	text-indent:-9999px;
}
/* footer */

#footer {
	clear:both;
	width:100%;
	margin: 0 0;
	padding-top:25px;
	/*	position: absolute;*/
	bottom: 0;
	background-color: #eef5f8;
	text-align:center;
 border-bottom:
}
* html #footer {
 bottom:expression(document.getElementById("container").offsetHeight % 2 == 0 ? 0 : -1);
}
#footer .w962 {
	background: url(../../img/footer_img.gif) no-repeat #eef5f8 bottom right;
}
/* FOOTER LINK */

.f-linkBox {
	float:left;
	width: 222px;
	margin-bottom:20px;
}
.f-linkEnd {
	float:right;
	width: 222px;
}
.f-linkBox a:hover, .f-linkEnd a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.f-linkBox a {
	color:#666;
	text-decoration:none;
}
h6 {
	text-align:left;
	margin:0 0 5px 0;
}
h6 a {
	background:url(../../img/ico_arrow_gray.gif) no-repeat left 0.2em;
	padding-left:19px;
	display:block;
	color:#666;
	text-decoration:none;
}
#footer dl {
	text-align:left;
	margin-left:18px;
	line-height:1.3em;
}
#footer dt {
	margin-bottom:10px;
	font-weight:bold;
}
#footer dd {
	border-left:1px solid #ccc;
	margin:0;
	padding:2px 12px 5px;
}
#corpData {
	width:700px;
	margin:15px auto 10px 0;
	padding:15px 0;
/*	border-top:1px solid #ccc;*/
}
address {
	font-size:12px;
	line-height:1.4em;
	font-style:normal;
	font-weight:bold;
	text-align:left;
	width:400px;
	float:left;
	margin-left:30px;
}
/*  Copyrights */
#bottomLine {
	height:36px;
	clear:both;
	background:#666;
	border-top:1px solid #999;
	bottom:0;
	padding:0 0 0 0;
	text-align:left;
	color:#fff;
	font-weight:bold;
}
ul#footerInfo {
	float:left;
	margin:10px 0;
}
ul#footerInfo li {
	float:left;
	margin-right:15px;
}
#footerInfo li a {
	text-decoration:none;
	color:#fff;
}
#footerInfo li a:hover {
	color:#ccc;
}
#copy {
	margin-top:10px;
	float:right;
}