@charset "Shift_JIS";
/*-------------------------------------------------------------------
全称セレクタやリンクの基本カラー
--------------------------------------------------------------------*/
* {
	font-family:Arial, MS PGothic, sans-serif;
	padding: 0px;
	margin: 0px;
}
a {
	text-decoration: none;
	color: #3399FF;
}
a:link{
	text-decoration: none;
	color: #3399FF;
}
a:visited{
	text-decoration: none;
	color: #3399FF;
}
a:hover{
	color:#FF3300;
	text-decoration: underline;
}
a img {
	border: none;
}
li {
	list-style: none;
}
table {
	border-collapse: collapse;
	font-size: 14px;
	line-height: 20px;
}
#contents table {
	border: 1px solid #CCCCCC;
	font-size: 14px;
	margin-bottom: 20px;
}
#contents table th,
#contents table td {
	padding: 4px 4px 4px 8px;
	border: 1px solid #CCCCCC;
}
#contents table th {
	text-align: left;
	padding-right: 10px;
	background: #EEEEEE;
	text-align: left;
}
#contents h3 {
	width: 695px;
	height: 37px;
	line-height: 35px;
	text-align: left;
	color: #222222;
	font-size: 17px;
	text-indent: 12px;
	margin: 40px 0px 25px 0px;
	background-image: url(../img/common/bg-title-co01.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 2px;
	clear: both;
}
#contents h3.title950 {
	width: 950px;
	height: 35px;
	line-height: 35px;
	background: url(../img/common/bg-title950.jpg) no-repeat left top;		
	text-align: left;
	text-indent: 20px;
	color: #021093;
	margin: 15px 0px;
	font-size: 15px;
	overflow: hidden;
}

#contents h3.title695 {
	width: 695px;
	height: 35px;
	line-height: 35px;
	background: url(../img/common/bg-title695.jpg) no-repeat left top;		
	text-align: left;
	text-indent: 20px;
	color: #021093;
	margin: 40px 0px 20px 0px;
	font-size: 15px;
}
#contents h3.head {
	margin: 0px 0px 20px 0px;
}
/* 最上位置用 */
#contents h3.head {
	margin: 0px 0px 20px 0px;
}
/* リストマーク付背景 */
#contents h3.limark {
	background: url(../img/common/bg-title-co02.gif) left top ;
	text-align: left;
	text-indent: 30px;
}
h4.title {
	height: 35px;
	line-height: 35px;
	background: url(../img/common/li-bar1.jpg) no-repeat left center;		
	text-align: left;
	text-indent: 10px;
	color: #021093;
	margin-top: 10px;
	font-size: 15px;
}

hr.borderline950 {
	display: block;
	clear: both;
	width: 950px;
	height: 1px;
	line-height: 1px;
	margin: 15px 0px;
}

p.pagetop {
	width: 950px;
	text-align: right;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	font-size: 12px;
}
p.pagetop a {
	text-decoration: none;
	color: #4b4b4b;
	font-weight: bold;
	padding-left: 15px;
	background-image: url(../img/common/li-arrow-blue-up.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}
p.pagetop a:link{
	text-decoration: none;
	color: #4b4b4b;
}
p.pagetop a:visited{
	text-decoration: none;
	color: #4b4b4b;
}
p.pagetop a:hover{
	color:#FF3300;
}
br.brclear {
	clear: both;
	height: 0px;
	line-height: 0px;
	margin: 0px;
	display: block;
}
/*-------------------------------------------------------------------
bodyとwrapのスタイル
--------------------------------------------------------------------*/
body {
	color:#444444;
	text-align:center;
	font-size: 14px;
	background-color: #FFFFFF;
/*	background: url(../img/common/bg-body.jpg) repeat-x top center;*/
	background-attachment: fixed;
}
#wrap {
	margin: 0px auto;
}
/*-------------------------------------------------------------------
header関係のスタイル
--------------------------------------------------------------------*/
#header {
	width: 100%;
	height: 73px;
}
#header-inner {
	width: 950px;
	height: 73px;
	margin: 0px auto;
}
#header-inner h1 {
	width: auto;
	height: 12px;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
	text-align: right;
	vertical-align: text-bottom;
	margin-bottom: 4px;
}
#header-inner a.logo {
	width: auto;
	height: 37px;
	padding-left: 30px;
	float: left;
	margin-top: 8px;
	display: block;
}
#header-inner a:hover.logo {
	opacity: 0.7;
	filter: alpha(style=0, opacity=70);
}






#header-inner div#utility {
	width: 550px;
	height: 50px;
	float: right;
	margin-bottom: 7px;
}
#header-inner div#utility ul li {
	float: right;
	display: block;
}
#header-inner div#utility ul li.language {
	margin: 20px 0px 0px 10px;
}
#header-inner div#utility ul li.language a {
	padding: 3px 3px 3px 20px;
	padding: 3px 3px 3px 3px;
	width: auto;
	display: block;
	background-position: 3px center;
	background-repeat: no-repeat;
	font-weight: bold;
	border: 1px solid #FFFFFF;
	font-size: 15px;
	color: #444;
	white-space: nowrap; 
}
/*#header-inner div#utility ul li.jp a {
	background-image: url(../img/common/lang-jp.gif);
}
#header-inner div#utility ul li.en a {
	background-image: url(../img/common/lang-en.gif);
}*/
#header-inner div#utility ul li.language a:hover {
	border: 1px solid #FF3300;
	background-color: #FFE8E8;
}
#header-inner div#utility ul li.bn-contact {
	margin: 0px 0px 0px 10px;
	width: 198px;
	height: 50px;
}
#header-inner div#utility ul li.bn-contact a {
	display: block;
	width: 198px;
	height: 50px;
}
#header-inner div#utility ul li.bn-contact a:hover img {
	opacity: 0.7;
	filter: alpha(style=0, opacity=70);
}




/*
#header-inner div#utility {
	width: 550px;
	height: 61px;
	float: right;
	margin-bottom: 7px;
}
#header-inner div#utility ul li {
	float: right;
	display: block;
}
#header-inner div#utility ul li.language {
	margin: 20px 0px 0px 10px;
}
#header-inner div#utility ul li.language a {
	padding: 3px 3px 3px 20px;
	width: auto;
	display: block;
	background-position: 3px center;
	background-repeat: no-repeat;
	font-weight: bold;
	border: 1px solid #FFFFFF;
	font-size: 15px;
	color: #444;
	white-space: nowrap; 
}
#header-inner div#utility ul li.jp a {
	background-image: url(../img/common/lang-jp.gif);
}
#header-inner div#utility ul li.en a {
	background-image: url(../img/common/lang-en.gif);
}
#header-inner div#utility ul li.language a:hover {
	border: 1px solid #FF3300;
	background-color: #FFE8E8;
}
#header-inner div#utility ul li.bn-contact {
	margin-left: 10px;
	width: 286px;
	height: 61px;
}
#header-inner div#utility ul li.bn-contact a {
	display: block;
	width: 286px;
	height: 61px;
}
#header-inner div#utility ul li.bn-contact a:hover img {
	opacity: 0.7;
	filter: alpha(style=0, opacity=70);
}*/
/*-------------------------------------------------------------------
globalnavi関係のスタイル
--------------------------------------------------------------------*/
#globalnavi {
	clear: both;
	width: 950px;
	height: 40px;
	text-align: center;
	background: url(../img/common/bg-gnavi-back.jpg) left top no-repeat;
}
#globalnavi ul {
	width: 930px;
	display: block;
	margin: 0px 10px 0px 10px;
}
#globalnavi ul li {
	display: block;
	width: 155px;
	height: 35px;
	float: left;
	margin-top: 5px;
	background-repeat: no-repeat;
}
#globalnavi ul li a {
	display: block;
	width: 155px;
	height: 35px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 35px;
	font-family:Meiryo,Arial,MS PGothic,sans-serif;	
	background: url(../img/common/bt-gnavi.jpg) left top no-repeat;
}
#globalnavi ul li a:hover {
	background: url(../img/common/bt-gnavi2.jpg) left top no-repeat;
	text-decoration: none;
}

/*-------------------------------------------------------------------
contents関係のスタイル（全ページ共通のベース）
--------------------------------------------------------------------*/
#contents {
	line-height: 20px;
}
#contents-inner {
	width: 950px;
	margin: 0px auto;
}

/*-------------------------------------------------------------------
パンくずメニューのスタイル（全ページ共通のベース）
--------------------------------------------------------------------*/
p.bread {
	text-align: left;
	margin: 6px 0px;
	text-indent: 15px;
	font-size: 13px;
}
/*-------------------------------------------------------------------
main  メイン領域のスタイル（全ページ共通のベース）
--------------------------------------------------------------------*/
#main {
	width: 695px;
	float: right;
	text-align: left;
	margin: 0px auto;
	line-height: 20px;
/*	display: inline;*/
	display: block;
}

#main p {
	text-align: left;
	margin: 25px 0px;
}
p.explan img {
	display: block;
	text-align: center;
	margin: 15px auto 0px auto;
}

/*-------------------------------------------------------------------
sub-l  サブ領域(左側)のスタイル（全ページ共通のベース）
--------------------------------------------------------------------*/
#sub-l {
	width: 222px;
	float: left;
	margin-right: 33px;
}
/*-------------------------------------------------------------------
左サイドメニュー関係のスタイル（全ページ共通のベース）
--------------------------------------------------------------------*/
#sub-l img.submenu-top {
	display: block;
}
#sub-l ul.submenu {
	width: 222px;
	height: auto;
	background: #DDDDDD;
	padding-bottom: 2px;
	margin-bottom: 15px;
}
#sub-l ul.submenu li {
	overflow: hidden;
	display: block;
	width: 216px;
	height: auto;
	padding: 0px;
	margin: 0px 3px;
	background: url(../img/common/bg-submenu.jpg) left bottom repeat-x;
	border-bottom: 1px dotted #CCCCCC;
}
#sub-l ul li.menu-title {
	background: url(../img/common/bg-submenu-title.jpg) left top repeat-x;
	border-top: 1px solid #FFFFFF;
	border-bottom: 2px solid #253DB7;
	height: 29px;
	line-height: 29px;
	text-align: left;
	text-indent: 10px;
	font-weight: bold;
	width: 216px;
	color: #FFFFFF;
}
#sub-l ul.submenu li a {
	display: block;
	width: 216px;
	height: auto;
	font-size: 13px;
	line-height: 14px;
	overflow: hidden;
	padding: 0px;
	font-weight: bold;
	color: #444444;
	text-align: left;
	padding: 8px 0px;
}

#sub-l ul.submenu li a:hover {
	background-color: #DDDDDD;
	text-decoration: none;
	color: #FF3300;
}	

#sub-l ul.submenu li a img {
	display: block;
	float: left;
	width: 80px;
	height: 46px;
	padding: 0px 0px 0px 2px;
}
#sub-l ul.submenu li a span.row1 {
	display: inline-block;
	width: 120px;
	line-height: 45px;
	margin-left: 10px;
	padding: 0px 0px 0px 0px;
}
#sub-l ul.submenu li a span.row2 {
	display: inline-block;
	width: 120px;
	line-height: 18px;
	margin-left: 10px;
	padding: 7px 0px 0px 0px;
}
#sub-l ul.submenu li a span.row3 {
	display: inline-block;
	width: 120px;
	line-height: 14px;
	margin-left: 10px;
	padding: 0px 0px 0px 0px;
}
#sub-l ul.submenu li.selected {
	border-bottom: none;
	background: #EEEEEE;
}
#sub-l ul.submenu li.selected a {
	border-top: 10px solid #EEEEEE;
	border-bottom: 10px solid #EEEEEE;
}
#sub-l ul.submenu li.selected a:hover {
	border-top: 10px solid #DDDDDD;
	border-bottom: 10px solid #DDDDDD;
}
#sub-l ul.submenu li.open {
	overflow: hidden;
	display: block;
	width: 216px;
	height: auto;
	padding: 0px;
	margin: 0px 3px;
	background: #FFFFFF;
	border-bottom: 1px dotted #BBBBBB;
}
#sub-l ul.submenu li.open a {
	display: block;
	height: auto;
	font-size: 13px;
	line-height: 14px;
	overflow: hidden;
	padding: 0px;
	font-weight: bold;
	color: #444444;
	text-align: left;
	border-top: none;
	border-bottom: none;

	background: url(../img/common/ya-blue-s.gif) 55px center no-repeat;
	padding: 10px 0px 10px 75px;

}
#sub-l ul.submenu li.open a:hover {
	border-top: none;
	border-bottom: none;
	background-color: #DDDDDD;
}

#sub-l a.left-banner {
	display: block;
	border: 1px solid #FFFFFF;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	width: auto;
}
#sub-l a.left-banner img {
	padding: 0px;
	margin: 0px;

}
#sub-l a:hover.left-banner {
	border: 1px solid #444444;
}



#sub-l ul.submenu li a.select-spec {
	color: #FFFFFF;
	font-size: 15px;
}
#sub-l ul.submenu li a:hover.select-spec {
	color: #FF3300;
}
/*-------------------------------------------------------------------
contents関係のスタイル（全ページ共通のベース）
--------------------------------------------------------------------*/
/* 文章両脇の余白設定 */
#contents .inside20 {
	padding-right: 20px;
	padding-left: 20px;
}
#contents .inside15 {
	padding-right: 15px;
	padding-left: 15px;
}

#contents .inside10 {
	padding-right: 10px;
	padding-left: 10px;
}


#footerTxtTitle {
	font-size:12px;
	padding:0;
	margin:0;
	height:20px;
}
#footerTxt {
	padding:0;
	margin:0;
	font-size:12px;
}
/*-------------------------------------------------------------------
footer関係のスタイル
--------------------------------------------------------------------*/
#footer {
	clear: both;
	height: 60px;
	text-align: center;
}
#footer-inner {
    width: 950px;
	margin: 15px auto;
	text-align: center;
	border-top: 1px solid #888888;
}
#footer-inner ul {
	width: 580px;
	margin: 0px auto;
	height: 25px;
	display: block;
	text-align: center;
	font-size: 13px;
}
#footer-inner ul li {
	display: block;
	width: auto;
	height: 25px;
	float: left;
	margin-top: 10px;
}
#footer-inner ul li a {
	display: inline;
	width: auto;
	height: 15px;
	line-height: 15px;
	color: #444444;
	border-right: 1px solid #999999;
	padding: 0px 10px;
}
#footer-inner ul li.home a {
	border-left: 1px solid #999999;
}
#footer-inner ul li a:hover {
	color:#FF3300;
}
#footer-inner address {
	clear: both;
	font-size: 12px;
	font-style: normal;
	color: #888888;
	line-height: 14px; 
	display: block;
}


/*--------------------------------------------------------------------
トップページ
---------------------------------------------------------------------*/
h2.main-image a {
	clear: both;
	height: 225px;
}
h2.main-image a {
	clear: both;
	position: relative;
	height: 225px;
	display: block;
}
h2.main-image a:hover {
	color: #A6D2FF;	
	text-decoration: none;
}
h2.main-image a span {
	position: absolute;
	top: 165px;
	left: 535px;
	z-index: 2;
	display: block;
	text-align: center;
	width: 330px;
	font-size: 13px;
	font-weight: normal;
	font-family:Arial,MS PGothic,sans-serif;
	color: #A6D2FF;
	line-height: 18px;
	text-decoration: none;
	word-spacing: -2px;
}
h2.main-image a img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	display: block;
}
h3.title950 span.title {
	
}
h3.title950 span.msg {
	font-size: 11px;
	color: #444444;
	line-height: 35px;
	display: inline;
	margin-left: 20px;
	font-weight: normal;
	vertical-align: middle;
}
#contents-top {
	clear: left;
	width: 910px;
	height: auto;
	padding-bottom: 25px;
	line-height: 20px;
	margin: 15px 0px 0px 0px;
	background: #FFFFFF;
}
#contents div.usage-menu h4 {
	position: relative;
	float: left;	
	margin-right: 20px;
	margin-bottom: 20px;
	width: 174px;
	background: url(../img/common/bg-menu-btnl2_en.jpg) no-repeat left top;
	overflow: visible;
}
#contents div.usage-menu h4.last {
	margin-right: 0px;
}
#contents div.usage-menu h4 a {
	background: url(../img/common/bg-menu-btnl_en.jpg) no-repeat left top;
	width: 174px;
	height: 167px;
	display: block;
	color: #333333;
	cursor: pointer;
}
#contents div.usage-menu h4 a:hover {
	background: url(../img/common/bg-menu-btnl2_en.jpg) no-repeat left top;
}
#contents div.usage-menu h4 a img {
	display: inline;
	width: 139px;
	height: 66px;
	margin: 4px;
}
#contents div.usage-menu h4 a:hover img {
	opacity: 0.7;
	filter: alpha(style=0, opacity=70);
}
#contents div.usage-menu h4 a span.msg {
	position: absolute;
	top: 74px;
	left: 0px;
	width: 160px;
/*	height: 35px;*/
	height: 82px;
	margin: 0px 7px;
	text-align: center;
	display: block;
	line-height: 14px;
	font-size: 12px;
	font-weight: normal;
}
#contents div.usage-menu h4 a span.title {
	width: 150px;
	height: 35px;
	margin: 0px 7px;
	text-align: center;
	display: block;
	line-height: 25px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
#contents div.usage-menu h4 a:hover span.msg {
	text-decoration: underline;
	color: #FF3300;
	height: 82px;
}
#contents div.usage-menu h4 a:hover span.title,
#contents div.usage-menu h4 a:hover span.title2 {
	color: #FF3300;
}
#contents div.usage-menu h4 a span.title2 {
	width: 150px;
	height: 35px;
	margin: 0px 7px;
	text-align: center;
	display: block;
	line-height: 17px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
#contents div.usage-menu div.line4 {
	margin: 0px 97px;
	width: 756px;
}
#contents a.bn-spec {
	border: 1px solid #FFFFFF;
	display: block;
	width: 400px;
	margin: 0px auto;
}
#contents a:hover.bn-spec {
	border: 1px solid #FF3300;
}
#contents a.bn-spec img {
	display: block;
}
#contents a:hover.bn-spec img {
	opacity: 0.7;
	filter: alpha(style=0, opacity=70);
}
#contents hr.border-line {
	clear: both;
	margin-top: 25px;
	border-bottom: 1px solid #dddddd;
	height: 1px;
	display: block;
	backgorund: #222222;
}
#contents div.top-concept {
	margin-top: 25px;
	position: relative;
	height: 280px;
	margin-bottom: 10px;
}
#contents div.top-concept img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
#contents div.top-concept h2.concept-title {
	font-family:Arial,MS PGothic,sans-serif;
	font-weight: bold;
	position: absolute;
	top: 30px;
	width: 590px;
	right: 320px;
	font-size: 21px;
	z-index: 2;
	text-align: left;
	line-height: 26px;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}
#contents div.top-concept h3.concept-msg {
	position: absolute;
	top: 110px;
	width: 470px;
	right: 440px;
	font-size: 13px;
	font-weight: normal;
	z-index: 2;
	text-align: left;
	line-height: 15px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
}

/*-------------------------------------------------------------------
製品案内ページ関係のスタイル
--------------------------------------------------------------------*/
#p-product {
	width: 695px;
}
#p-product h2.product-name {
	width: 695px;
	height: 56px;
	background: url(../img/product/ti-product-name.jpg) no-repeat left top;
	margin-bottom: 20px;
}
#p-product h2.product-name span.type {
	line-height: 26px;
	color: #FFFFFF;
	display: block;
	text-indent: 10px;
	font-size: 15px;
}
#p-product h2.product-name span.name {
	line-height: 30px;
	color: #043F83;
	font-weight: bold;
	font-size: 18px;
	display: block;
	text-indent: 10px;
}
#p-product a.product-img {
	width: 375px;
	height: 225px;
	display: block;
	border: 2px solid #AAAAAA;
	float: left;
	margin-right: 20px;
	position: relative;
}
#p-product a.product-img:hover {
	border: 2px solid #FF3300;
}
#p-product a.product-img img {
	width: 375px;
	height: 225px;
	display: block;
}
#p-product a.product-img img.zoom {
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 2;
}
#p-product h2.product-catch {
	width: 286px;
	color: #075EC7;
	font-weight: bold;
	float: left;
	font-size: 16px;
	margin-bottom: 5px;
}
#p-product p.main-feature {
	width: 286px;
	float: left;
}
#p-product p.sub-title-s {
	width: 277px;
	height: 30px;
	background: url(../img/common/bg-sub-title2.jpg) repeat-x left bottom;
	text-indent: 15px;
	line-height: 30px;
	font-weight: bold;
	color: #075EC7;
	font-size: 16px;
	margin: 20px 0px;
	border: 1px solid #BBBBBB;
}
#p-product p.sub-title-s span {
	background: url(../img/common/li-sub-menu.jpg) 5px top no-repeat;
	display: block;
}
#p-product p.sub-title-m {
	width: 386px;
	height: 30px;
	background: url(../img/common/bg-sub-title2.jpg) repeat-x left bottom;
	text-indent: 15px;
	line-height: 30px;
	font-weight: bold;
	color: #075EC7;
	font-size: 16px;
	margin: 20px 0px;
	border: 1px solid #BBBBBB;
}
#p-product p.sub-title-m span {
	background: url(../img/common/li-sub-menu.jpg) 5px top no-repeat;
	display: block;
}
#p-product p.sub-title-l {
	width: 695px;
	height: 30px;
	background: url(../img/common/bg-sub-title2.jpg) repeat-x left bottom;
	text-indent: 15px;
	line-height: 30px;
	font-weight: bold;
	color: #075EC7;
	font-size: 16px;
	margin: 20px 0px;
	border: 1px solid #BBBBBB;
}
#p-product p.sub-title-l span {
	background: url(../img/common/li-sub-menu.jpg) 5px top no-repeat;
	display: block;
}


/*IE8で印刷時にこの要素移行が改ページされてしまう件への対策
#p-productを共通の親として持つp.main-featureと隣接する弟要素であるbr.brclear*/
#p-product > p.main-feature + br.brclear {
	clear: none;
	display: none;
}

#p-product div.left-pain {
	clear: both;
	width: 277px;
	float: left;
}
#p-product a.size-img {
	width: 273px;
	display: block;
	border: 2px solid #AAAAAA;
	position: relative;
}
#p-product a.size-img:hover {
	border: 2px solid #FF3300;
}
#p-product a.size-img img {
	width: 273px;
	display: block;
}
#p-product a.size-img img.zoom {
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 2;
}
#p-product div.usefor {
	border: 1px solid #BBBBBB;
	width: 108px;
	height: auto;
}
#p-product div.usefor img {
	margin: 2px;
	display: block;
	width: 104px;
	height: 50px;
}
#p-product div.usefor span {
	margin: 2px;
	display: block;
	text-align: center;
	font-size: 13px;
}
#p-product div.usefor2 span {
	line-height: 25px;
}
#p-product div.right-pain {
	width: 388px;
	float: right;
}
#p-product table.spec {
	width: 386px;
}
#p-product table.spec th {
	width: 35%;
	text-align: left;
}
#p-product table.spec td {
	width: 65%;
}

#p-product table.standard {
	clear: both;
	width: 277px;
	margin-bottom: 20px;
}
#p-product table.standard th {
	width: 45px;
}
#p-product table.standard td {
	text-align: center;
	padding: 4px 0px;
}
/*-------------------------------------------------------------------
仕様から探すページ関係のスタイル
--------------------------------------------------------------------*/
#p-spec table.spec-list {
	margin-bottom: 15px;
/*	table-layout: fixed;*/
}
#p-spec table.spec-list th {
	border: 1px solid #AAAAAA;
	text-align: center;
	background: #EEEEEE;
	padding: 2px 0px;
}
#p-spec table.spec-list td {
	border: 1px solid #AAAAAA;
	text-align: center;
	vertical-align: middle;
	padding: 2px 0px;
}
#p-spec table.spec-list td a {
	width: 100%;
	height: auto;
	display: block;
	vertical-align: middle;
	padding: 2px 0px;
	font-weight: bold;
}
#p-spec table.spec-list td a:hover {
	background: #FF3300;
	color: #FFFFFF;
}
/*-------------------------------------------------------------------
製品カテゴリーページ関係のスタイル
--------------------------------------------------------------------*/
#p-category ul.category-menu {
	float: left;
	width: 340px;
	margin-bottom: 20px;
}
#p-category ul.category-menu li {
	padding-left: 20px;
	background: url(../img/common/li-downarrow2.gif) left center no-repeat;
	margin: 3px 0px;
	font-weight: bold;
}
#p-category table.category {
	clear: both;
	width: 100%;
	margin-bottom: 6px;
	height: 100%;
	background-color: #CADFFF;
	border: none;
	border-left: 4px solid #BBBBBB;
/*	padding: 0px;*/
/*	background-image: url(../img/common/bg-grid-w.gif);*/
}
#p-category table.category th.category-name {
	vertical-align: middle;
	width: 150px;
	border: none;
	padding: 0px;
}
#p-category table.category th.category-name img {
	height: 62px;
	width: 112px;
	margin: 4px;
}
#p-category table.category th.category-name span {
	display: block;
	width: 140px;
	text-align: center;
	font-size: 15px;
}
#p-category table.category th.category-name span.row2 {
	display: block;
	width: 140px;
	text-align: center;
	font-size: 15px;
	line-height: 30px;
}
#p-category table.category th.category-name span.smallfont {
	font-size: 14px;
}
#p-category table.category td { 
	width: 100%;
	background: #FFFFFF;
	margin: 0px;
	border: none;
	padding: 0px 0px 0px 4px;
}
#p-category table.category a.product-info { 
	width: 100%;
/*	height: 60px;*/
	height: auto;
	margin-right: 0px;
	display: block;
	margin: 2px 0px;
	padding: 3px;
	border: 1px double #CCCCCC;	
}
#p-category table.category a:hover.product-info {
	background: #EFEFEF;
	border: 1px double #FF3300;	
}
#p-category table.category a.product-info img.product-img { 
	display: block;
	width: 100px;
	height: 60px;
	float: left;
	margin: 0px 8px 0px 0px;
}
#p-category table.category a:hover.product-info img.product-img { 
	opacity: 0.8;
	filter: alpha(style=0, opacity=80);
}
#p-category table.category a span.item-name { 
	float: left;
	display: block;
	font-size: 18px;
	line-height: 23px; 
	width: auto;
	color: #444444;
	font-weight: bold;
	margin-top: 2px;
	font-style: italic;
}
#p-category table.category a:hover span.item-name { 
	color: #FF3300;
}
#p-category table.category a span.msg { 
	clear: right;
	display: table;
	font-size: 13px;
	line-height: 16px;
	color: #444444;
	padding-top: 3px;
	margin-bottom: 3px;
}
#p-category table.category a:hover span.msg {
	color: #FF3300;
	text-decoration: none;
}
#p-category table.category a span.detail {
	display: block;
	font-size: 13px;
	float: right;
	color: #FFFFFF;
	text-indent: 20px;
	width: 99px;
	height: 18px;
	white-space: nowrap;
	overflow: hidden;
	word-break: normal;
	line-height: 18px;
	padding: 0px 0px 0px 0px;
	background: url(../img/common/bt-detail.gif) no-repeat left center;
	margin: 0px 0px 7px 0px;
}
#p-category table.category a:hover span.detail {
	background: url(../img/common/bt-detail2.gif) no-repeat left center;
}
#p-category p.pagetop {
	text-align: right;
	float: none;
	width: auto;
	padding: 0px;
	background: #FFFFFF;
	margin: 20px 0px 0px 0px;
}
#p-category p.pagetop a {
	background: url(../img/common/li-arrow-blue-up.gif) no-repeat left center;
	color: #444444;
	margin: 0px 0px 0px auto; 
}
#p-category p.pagetop a:hover {
	color: #FF3300;
}
#p-category div.for-customer,
#p-spec div.for-customer {
	margin: 60px 0px 50px 0px;
	border-top: 1px solid #CCCCCC;
	background: url(../img/product/customer.jpg) bottom center no-repeat;
	width: 695px;
}
#p-category div.for-customer p,
#p-spec div.for-customer p {
	margin: 60px 30px 0px 30px;
	width: 360px;
	height: 220px;
	color: #111111;
}
#p-category div.for-customer div.contact-to,
#p-spec div.for-customer div.contact-to {
	text-indent: 30px;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
}
#p-category div.for-customer div.contact-to a,
#p-spec div.for-customer div.contact-to a {
	color: #FFFFFF;
	margin-left: 30px;
	font-weight: bold;
	font-size: 14px;
	background: url(../img/common/arrow.png) left center no-repeat;
	padding-left: 20px;
}
#p-category div.for-customer div.contact-to a:hover,
#p-spec div.for-customer div.contact-to a:hover {
	background: url(../img/common/arrow.png) 2px center no-repeat;
	color: #FF3300;
}
/*-------------------------------------------------------------------
環境方針・品質方針(ISO)ページ
--------------------------------------------------------------------*/
#p-iso h4.title {
	height: 35px;
	line-height: 35px;
	background: url(../img/common/li-bar1.jpg) no-repeat left center;
	text-align: left;
	text-indent: 10px;
	color: #021093;
	margin-top: 10px;
	font-size: 15px;
}
#p-iso table.iso {
	float: left;
	width: 450px;
}
#p-iso table.iso th {
	width: 150px;
}
#p-iso ul.iso14001,
#p-iso ul.iso9001 {
	width: 695px;
}
#p-iso ul.iso14001 li {
	list-style: lower-alpha outside;
	margin: 4px 0px 4px 25px;
}
#p-iso ul.iso9001 li {
	list-style: decimal outside;
	margin: 4px 0px 4px 25px;
}
#p-iso a.isoimg {
	display: block;
	float: right;
	width: 128px;
	height: 184px;
	margin: 0px 0px 0px auto;
	border: 1px solid #CCCCCC;
}
#p-iso a:hover.isoimg {
	border: 1px solid #FF3300;
	background: #FE7070;
}
#p-iso a.isoimg img {
	display: block;
	width: 124px;
	height: 180px;
	margin: 2px;
}
#p-iso a.isoimg img.iso14001-en {
	background: url(../img/iso/iso14001-en-thum.jpg) left top no-repeat;
}
#p-iso a.isoimg img.iso9001-en {
	background: url(../img/iso/iso9001-en-thum.jpg) left top no-repeat;
}
#p-iso table.isolist {
	border: none;
}
#p-iso table.isolist th,
#p-iso table.isolist td {
	border: none;
	background: none;
	font-weight: normal;
	vertical-align: top;
}
div.objective {
	float: left;
	width: 450px;
}
/*-------------------------------------------------------------------
会社案内ページ
--------------------------------------------------------------------*/
#p-company table {
	width: 695px;
}
#p-company table dl.office dt {
	font-weight: bold;
	clear: both;
}
#p-company table dl.office dd {
	margin-left: 20px;
	margin-bottom: 15px;
}
#p-company table ul.trade {
	float: left;
	margin-right: 50px;
}
#p-company table ul.trade2 {
	float: left;
	margin-right: 40px;
}
#p-company a.office-img {
	float: right;
	display: block;
	width: 154px;
	height: 110px;
	border: 1px double #CCCCCC;
}
#p-company a:hover.office-img {
	border: 1px double #FF3300;
	background-color: #FE7070;
}
#p-company a.office-img img {
	display: block;
	width: 150px;
	height: 106px;
	margin: 2px;
}
#p-company table.history th {
	width: 50px;
}
#p-company dl.concept1 {

}
#p-company dl.concept2 {
	padding: 35px 0px 0px 0px;
}
#p-company dl.concept1 dt {
	border-bottom: 1px solid #000000;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 16px;
}
#p-company dl.concept1 dd {
	line-height: 32px;
	padding-left: 10px;
}
#p-company dl.concept2 dt {

	border-bottom: 1px solid #000000;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 16px;
}
#p-company dl.concept2 dd {
	padding-left: 10px;
}
#p-company span.philosophy {
	margin-top: 15px;
	display:block;
}
#p-company dl.concept2 ul.policy {
	margin-top: 10px;
}
#p-company dl.concept2 ul.policy li {
	list-style: disc inside;
}
/*--------------------------------------------------------------------
Q&Aページ
---------------------------------------------------------------------*/
#p-qa ul.index {
	margin: 10px 0px 18px 0px;
}
#p-qa ul.index li {
	background: url(../img/common/li-downarrow2.gif) left 3px no-repeat;
/*	float:left;*/
	margin-right:10px;
	padding-left:20px;
	height: 30px;
	font-weight: bold;
}
#p-qa dl.qa {
	margin-top: 18px;
	width: 695px;
}
#p-qa dl.qa dt {
	clear: left;
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	color: #021093;
	background: url(../img/qa/question.gif) no-repeat 8px 6px;
	padding: 4px 0px 5px 48px;
	border-bottom: 1px solid #BBBBBB;
	border-left: solid 3px #BBBBBB;
	background-color: #EEEEEE;
	text-align: left;
}
#p-qa dl.qa dd {
	background: url(../img/qa/answer.gif) no-repeat 8px 6px;
	padding: 8px 12px 0px 48px;
	border-left: solid 3px #BBBBBB;
	margin-bottom: 25px;
	text-align: left;
}

#p-qa dl.qa dd a.relative-link {
	background: url(../img/common/li-arrow2.gif) left center no-repeat;
	padding-left: 15px;
	display: block;
	margin-top: 10px;
	width: auto;
}
#p-qa dl.qa dd p.pagetop {
	width: 100%;
	margin: 0px 0px 0px auto;
	text-align: right;
}
/*--------------------------------------------------------------------
採用情報ページ
---------------------------------------------------------------------*/
#p-recruit table.recruit-info {
	width: 695px;
}
#p-recruit table.recruit-info th {
	width: 150px;
}
#p-recruit table.recruit-info th span.normal {
	font-weight: normal;
	font-size: 14px;
	display: block;
	margin-top: 15px;
}
#p-recruit table dl.recruit dt {
	font-weight: bold;
	clear: both;
}
#p-recruit table dl.recruit dd {
	margin-left: 20px;
	margin-bottom: 15px;
}
#p-recruit table dl.recruit dd ul.list {
	margin-top: 10px;
}
#p-recruit table dl.recruit dd ul.list li {
	list-style: disc outside;
	margin-left: 20px;
}
#p-recruit table table.inner {
	border: none;
	margin-top: 15px;
}
#p-recruit table table.inner th,
#p-recruit table table.inner td {
	border: none;
}
#p-recruit table table.inner th {
	border-right: 3px solid #BBBBBB;
	width: 50px;
	background: none;
}
#p-recruit table td span.info {
	margin-top: 10px;
	display: block;
}
/*--------------------------------------------------------------------
プライバシーポリシーページ
---------------------------------------------------------------------*/
#p-privacy .title {
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #E4E6E9;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
}

#p-privacy dl {
	margin-left: 15px;
	margin-top: 30px;
}
#p-privacy dt {
	font-weight: bold;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #075EC7;
	padding-left: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #075EC7;
	padding-bottom: 4px;
	margin-bottom: 10px;
}
#p-privacy dd {
	margin-bottom: 15px;
	margin-left: 10px;
	font-size: 12px;
}
/* サイン */
#p-privacy .sine {
	float: right;
}

/*--------------------------------------------------------------------
お問い合わせページ
---------------------------------------------------------------------*/
#p-contact p.atention {
	border: 3px double #ff0000;
	padding: 10px 10px 10px 45px;
	background-image: url(../img/common/ico-info-red.gif);
	background-position: 8px 8px;
	background-repeat: no-repeat;
	background-color: #FEF5F9;
	margin: 0px 0px 25px 0px;
	line-height: 30px;
	font-weight: bold;
	color: #ff0000;
	font-size: 16px;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',MS PGothic,sans-serif;
}
#p-contact span.telno {
	font-size: 18px;
	font-weight: bold;
	display: block;
	margin: 10px 0px 0px 20px;
}
#p-contact form {
	margin: 10px 0px;
	text-align: center;
}
#p-contact p.ssl {
	text-align: left;
}
#p-contact p.hissuu {
	text-align: left;
	text-decoration: underline;
}
#p-contact table {
	width: 100%;
	text-align: left;
	border: #AAAAAA 1px solid;
	margin: 12px auto;
	border: none;
}
#p-contact table th {
	width: 200px;
	padding: 10px;
}
#p-contact table td {
	width: 485px;
	padding: 10px 0px 10px 10px;
}
#p-contact table td input {
	padding: 2px;
}
#p-contact table td.submit {
	width: 100%;
	text-align: center;
	border: none;
}
#p-contact table td.submit input {
	margin: 0px 10px;
	padding: 5px 10px;
}
#p-contact form .name,
#p-contact form .namef,
#p-contact form .zipcode,
#p-contact form .telnum,
#p-contact form .faxnum,
#p-contact form .responce,
#p-contact form .itemname,
#p-contact form .itemno {
	width: 180px;
	height: 18px;
}
#p-contact form select.pref,
#p-contact form select.category {
	width: 240px;
	height: 26px;
	padding: 2px;
}
#p-contact form .company, {
	width: 250px;
	height: 18px;
}
#p-contact form .mailaddress,
#p-contact form .mailaddress2 {
	width: 300px;
	height: 18px;
	font-size: 16px;
}
#p-contact form .address {
	height: 20px;
}
#p-contact form .address,
#p-contact form .quest {
	width: 450px;
}
#p-contact form span.need {
	font-weight: bold;
	color: #FF3300;
	font-size: 11px;
}
#p-contact input:focus {
	background: #DEEBFC;
	border: #99BDEC solid 2px;
}
#p-contact textarea:focus {
	background: #DEEBFC;
	border: #99BDEC solid 1px;
}
#p-contact select:focus {
	background: #DEEBFC;
	border: #99BDEC solid 1px;
}
#p-contact form .zipcode,
#p-contact form .telnum,
#p-contact form .faxnum,
#p-contact form .mailaddress,
#p-contact form .mailaddress2 {
	ime-mode: disabled;
}
#p-contact form .quest {
	font-size: 16px;
}
/*--------------------------------------------------------------------
販売についてページ
---------------------------------------------------------------------*/
#main #p-sales p.sales-announce {
	margin: 15px 0px 0px 0px;
}
#p-sales dl.distributor {
	border: 1px solid #AAAAAA;
	border-top: 3px solid #AAAAAA;
	padding: 15px 15px 0px 15px;
}
#p-sales dl.distributor dd {
	margin: 0px 0px 20px 15px;
}
#p-sales span.distributortitle {
	madgin: 0px;
	font-weight: bold;
}
#p-sales a.forcontact {
	background: url(../img/common/arrow.png) no-repeat 5px center;
	text-indent: 20px;
	display: block;
	background-color: #DFF2FD;
	border: 1px solid #3399FF;
	width: 350px;
	height: 30px;
	margin: 30px 0px 0px 0px;
	color: #0000CC;
	line-height: 30px;
}
#p-sales a:hover.forcontact {
	color: #FF3300;
}
/*--------------------------------------------------------------------
イメージプレビューのポップアップスタイル
---------------------------------------------------------------------*/

#imgPreviewWithStyles {
    background: #222;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 5px;
    z-index: 999;
    border: none;
}
/* Text below image */
#imgPreviewWithStyles span {
    color: white;
    text-align: center;
    display: block;
    padding: 10px 0 3px 0;
}