@charset "utf-8";

/* Reset */
/* ----------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border: 0;
}

/* Common Tags */
/* ----------------------------------------------------- */
body {
	background-color: #B0BFCB;
	text-align: center;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #333;
}

a {
	text-decoration: none;
	color: #0A67E2;
}

a:hover { 
	text-decoration: underline;
	color: #003277;
}

form {
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 15px 0;
	line-height: 1.4;
}

table {
	font-size: 80%;
	border: 2px solid #C0C0C0;
}

th {
	padding: 3px;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	background-color: #CDD6E5;
	text-align: center;
}

td {
	padding: 3px 5px;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	background-color: #EFF2F3;
	text-align: center;
}

caption {
	padding: 5px 0;
}

img {
	vertical-align:bottom;
}

caption {
	padding: 5px 0;
}

ol {
	margin: 0;
	padding: 0 0 10px 30px;
	list-style: decimal;
}

ol li {
	margin: 0;
	padding: 0 0 10px 0;
}

ul li {
	margin: 0;
	padding: 0 0 7px 0;
}

/* Common Classes */
/* ----------------------------------------------------- */
h2.titleNormal {
	margin: 0 0 10px;
	padding: 7px 10px 5px;
	width: 720px;
	background-color: #163A6A;
	border-bottom: 2px solid #5078AD; 
	font-size: 90%;
	color: #FFF;
}

.tableSpace {
	margin: 0 0 15px 10px;
}

.txt10 {	font-size: x-small; }
.txt12 {	font-size: small; }
.txt14 {	font-size: medium; }

td.colorTbl {
	background-color: #E3EAED;
}

td.whiteTbl {
	background-color: #FFF;
}

td.txtLeft {
	text-align: left;
}

td.txtLeft2 {
	text-align: left;
	background-color: #E3EAED;
}

td.txtRight {
	text-align: right;
	white-space: nowrap;
}

td.txtRight2 {
	text-align: right;
	background-color: #E3EAED;
	white-space: nowrap;
}

td.nwrap {
	white-space: nowrap;
}

/* float Clear Patch */
.floatCLR {
	/*display: block;*/
	/*overflow: hidden;*/
	height: 0;
	clear: both;
}

/* float Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
		zoom:1;/*for IE 5.5-7*/
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

p.spacer5 {
	margin: 0 0 5px 10px;
	font-size: 80%;
	line-height: 1.4;
}

p.spacer10 {
	margin: 0 0 15px 10px;
	font-size: 80%;
	line-height: 1.4;
}

.floatL { float: left; }
.floatR { float: right; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.none { display: none; }

.imgRight { float: right; margin: 5px 0 10px 10px; }
.imgLeft { float: left; margin: 0 20px 10px 0px; }
.imgBottom { margin-bottom: 5px; }
.imgCenter { margin: 15px 0 0; text-align:center;}

.red { color: #FF0000; }
.txtLeft { text-align: left; }
.txtRight { text-align: right; }
.txtCenter { text-align: center; }

.spacer5Top { margin-top: 5px; }
.spacer5Topbottom { margin: 10px 0 3px; }
.spacerTop { margin-top: 10px; }
.spacerBottom { margin-bottom: 15px; }
.spacerLeft { margin-left: 10px; }

.imgSpacer { margin: 0 0 10px 10px; }

table.defaultTbl {
	border: 0;
}

table.defaultTbl th {
	border-right: 0;
	border-bottom: 0;
	background-color: #FFF;
}

table.defaultTbl td {
	padding: 0;
	border-right: 0;
	border-bottom: 0;
	background-color: #FFF;
}

/* Windowclose */
/* ----------------------------------------------------- */
#winClose {
	margin: 15px 0;
	text-align: center;
	font-size: 80%;
}

/* Pagetop */
/* ----------------------------------------------------- */
#pageTop {
	margin: 20px 0 0;
	padding: 0;
	text-align: right;
	font-size: 70%;
}

#pageTop a {
	padding: 0 0 0 12px;
	background-image: url(../images/arrow_pagetop.gif);
	background-repeat: no-repeat;
	background-position: center left;
}


/* Link */
/* ----------------------------------------------------- */
.linkArrow,.more-link {
	display: block;
	margin-top: 5px;
	padding-left: 17px;
	background-image: url(../images/arrow_link.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	font-size: small;
}

/* PDF Download */
/* ----------------------------------------------------- */
#pdfNote {
	margin: 10px 0 10px 10px;
	padding: 10px;
	width: 510px;
	border: 1px dotted #999;
	font-size: x-small;
	line-height: 1.4;
	height: 33px;
}

#pdfNote2 {
	margin: 10px 0 10px 0;
	padding: 10px;
	width: 510px;
	border: 1px dotted #999;
	font-size: x-small;
	line-height: 1.4;
	height: 33px;
}

.pdfDownload {
	margin: 0;
	padding: 0 0 3px 20px;
	background-image: url(../images/pdf_icon.gif);
	background-repeat: no-repeat;
}

/* Body */
/* ----------------------------------------------------- */
#body {
	margin: 0 auto;
	padding: 0;
	width: 760px;
	text-align: left;
	background-color: #fff;
}

/* Header */
/* ----------------------------------------------------- */
#header {
	position: relative;
	width: 760px;
	height: 85px;
	border-top: 3px solid #0A67E2;
}

#header h1 {
	position: absolute;
	top: 19px;
	margin: 0 0 0 10px;
}

#headerNavi {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 53px;
	left: 385px;
	width: 365px;
	height: 23px;
}

#headerNavi li {
	display: block;
	padding: 0 0 0 20px;
	float: left;
	list-style: none;
	overflow: hidden;
}

#headerNavi a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
}

#headerNavi li#naviPrivacy a {
	width: 120px;
	height: 23px;
	background-image: url(../images/btn_privacy.gif);
	background-repeat: no-repeat;
	/* !Mac IE \*/
	overflow: hidden;
	/* */
}

#headerNavi li#naviContact a {
	width: 50px;
	height: 23px;
	background-image: url(../images/btn_contact.gif);
	background-repeat: no-repeat;
	/* !Mac IE \*/
	overflow: hidden;
	/* */
}

#headerNavi li#naviSitemap a {
	width: 69px;
	height: 23px;
	background-image: url(../images/btn_sitemap.gif);
	background-repeat: no-repeat;
	/* !Mac IE \*/
	overflow: hidden;
	/* */
}

#headerNavi li#naviEnglish a {
	width: 46px;
	height: 23px;
	background-image: url(../images/btn_english.gif);
	background-repeat: no-repeat;
	/* !Mac IE \*/
	overflow: hidden;
	/* */
}

#headerNavi li#naviPrivacy a:hover,
#headerNavi li#naviContact a:hover,
#headerNavi li#naviSitemap a:hover,
#headerNavi li#naviEnglish a:hover {
	background-position:0 -23px;
}

#headerSidelogo {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 25px;
	left: 669px;
	width: 81px;
	height: 21px;
}

/* Menu */
/* ----------------------------------------------------- */
#menu {
	margin: 0;
	padding: 0 10px;
	width: 740px;
	height: 44px;
	background-image: url(../images/globalmenu_bg.jpg);
	background-repeat: repeat-x;
}

#menuContent{
	width: 740px;
	height: 44px;
}

#menuContent li {
	display: block;
	padding: 0;
	float: left;
	list-style: none;
	/*\overflow:hidden;/**/
}

#menuContent a {
	display: block;
	float: left;
	height: 44px;
	/*---IE5---*/
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
}

#menuContent li#gNavi01 a {
	width: 97px;
	height: 44px;
	background-image: url(../images/gnavi01.jpg);
	background-repeat: no-repeat;
	/* !Mac IE \*/
	overflow: hidden;
	/* */
}

#menuContent li#gNavi02 a {
	width: 146px;
	height: 44px;
	background-image: url(../images/gnavi02.jpg);
	background-repeat: no-repeat;
	/* !Mac IE \*/
	overflow: hidden;
	/* */
}

#menuContent li#gNavi03 a {
	width: 120px;
	height: 44px;
	background-image: url(../images/gnavi03.jpg);
	background-repeat: no-repeat;
	/* !Mac IE \*/
	overflow: hidden;
	/* */
}

#menuContent li#gNavi04 a {
	width: 81px;
	height: 44px;
	background-image: url(../images/gnavi04.jpg);
	background-repeat: no-repeat;
	/* !Mac IE \*/
	overflow: hidden;
	/* */
}

#menuContent li#gNavi05 a {
	width: 198px;
	height: 44px;
	background-image: url(../images/gnavi05.jpg);
	background-repeat: no-repeat;
	/* !Mac IE \*/
	overflow: hidden;
	/* */
}

#menuContent li#gNavi06 a {
	width: 98px;
	height: 44px;
	background-image: url(../images/gnavi06.jpg);
	background-repeat: no-repeat;
	/* !Mac IE \*/
	overflow: hidden;
	/* */
}

#menuContent li#gNavi01 a:hover,
#menuContent li#gNavi02 a:hover,
#menuContent li#gNavi03 a:hover,
#menuContent li#gNavi04 a:hover,
#menuContent li#gNavi05 a:hover,
#menuContent li#gNavi06 a:hover {
	background-position:0 -44px;
}

/* Submenu */
/* ----------------------------------------------------- */
#submenu {
	margin: 0;
	padding: 8px 10px;
	width: 740px;
	background-color: #0A67E2;
	color: #fff;
	font-size: 0.75em;
}

#submenu a {
	text-decoration: none;
	color: #fff;
}

#submenu a:hover {
	color: #003277;
	background-color:#00CCFF;
}

#submenuContentupper {
	padding: 0;
	width: 740px;
	/*border-bottom: 1px dotted #84B8FF;*/
}

#submenuContentupper ul.cat-list{
	list-style:none;
}

#submenuContentupper ul.cat-list li{
	display:inline-block;
}

#submenuContentupper ul.cat-list li:after{
	content:"　|　";
}
#submenuContentbottom {
	padding: 7px 0 0;
	width: 740px;
}

/* Content */
/* ----------------------------------------------------- */
#content {
	padding: 0 10px;
	width: 740px;
}

#contentLeft10 {
	padding: 0 0 0 10px;
	width: 750px;
}

#panNavi {
	padding: 10px 0;
	width: 740px;
	font-size: 60%;
}

/* Footer */
/* ----------------------------------------------------- */
#footer {
	margin: 0;
	padding: 0 10px;
	width: 740px;
	height: 50px;
	clear: both;
}

#footerNavi {
	padding: 10px 0;
	width: 740px;
	color: #0A67E2;
	font-size: 70%;
}

#footerContent {
	padding: 0;
	border-top: 1px solid #C0C0C0;
	width: 740px;
}

#footerCopyright{
	margin: 9px 0 0 0;
	padding: 0;
	float: right;
	width: 274px;
	height: 12px;
	background-image: url(../images/copyright.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

/* Home */
/* ----------------------------------------------------- */
#homeLeft {
	width: 450px;
	float: left;
}

#homeRight {
	width: 280px;
	float: right;
}

#homeMainimg {
	width: 450px;
	height: 230px
}

#homeProduct {
	margin: 10px 0;
	padding: 7px;
	width: 430px;
	height: 280px;
	border: 3px solid #C0C0C0;
}

#productTitle {
	width: 430px;
	height: 50px;
	background-image: url(../../images/title_product.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#productSubtitle {
	width: 210px;
	height: 30px;
	background-image: url(../../images/subtit_sokuryou.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#productSubtitle2 {
	width: 210px;
	height: 30px;
	background-image: url(../../images/subtit_cabinet.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#productSubtitle3 {
	width: 210px;
	height: 30px;
	background-image: url(../../images/subtit_other.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#homeProductleft {
	margin: 0;
	padding: 0;
	width: 210px;
	float: left;
}

#homeProductright {
	position: relative;
	width: 210px;
	float: right;
}

#homeProduct ul {
	margin: 0;
	padding: 7px 0 0 0;
}

#homeProduct ul li {
	margin: 0;
	padding: 0 0 5px 17px;
	background-image: url(../images/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	width: 193px;
	font-size: 80%;
}

.productlistBtn {
	position: absolute;
	top: 120px;
	left: 93px;
}

#homeNews {
	width: 280px;
	height: 230px;
}

#homeNews #headerNews{
	width: 280px;
	height: 23px;
	border-bottom: 2px solid #C0C0C0;
}

.newsTitle{
	width: 163px;
	height: 23px;
	background-image: url(../../images/title_new.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.newlistBtn {
	margin: 7px 0 0 0;
	float: right;
}

#homeNews dt{
	padding: 5px 0 1px;
	font-size: 80%;
}

#homeNews dd{
	padding: 0 0 5px 0;
	font-size: 80%;
	line-height: 1.2;
	border-bottom: 1px dotted #C0C0C0;
}

#homeService {
	margin-top: 10px;
	padding: 7px;
	width: 260px;
	height: 280px;
	border: 3px solid #C0C0C0;
}

#serviceTitle {
	width: 260px;
	height: 80px;
	background-image: url(../../images/title_service.gif);
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#homeService ul {
	margin: 0;
	padding: 7px 0 0 0;
}

#homeService a {
	color: #1A7F36;
}

#homeService a:hover {
	color: #124710;
}

#homeService ul li {
	margin: 0 0 3px;
	padding: 0 0 0 17px;
	background-image: url(../images/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	width: 243px;
	font-size: 80%;
}

#homeService ul ul{
	margin: 0;
	padding: 5px 0 0 0;
}

#homeService ul li.subList{
	margin: 0;
	padding: 0 0 3px 12px;
	background-image: url(../images/arrow_green2.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	width: 226px;
	font-size: x-small;
}

/*--- IE 7 only ---*/
*:first-child+html #product #productList2content li.list03 {
	/*background-position: 0 5px;*/
}

#homeService #imgTelnumber {
	margin: 5px 0 0 0;
	padding: 0;
	width: 256px;
	height: 76px;
	border: 2px solid #457343;
}

#homeService #imgTelnumber2 {
	margin: 5px 0 0 0;
	padding: 0;
	width: 256px;
	height: 62px;
	border: 2px solid #457343;
}

#homeService #imgTelnumber3 {
	margin: 7px 0 0 0;
	padding: 0;
	width: 256px;
	height: 62px;
	border: 2px solid #457343;
}

#pageBottom {
	width: 740px;
	height: 60px;
	clear: both;
}

#btnSimplegreen {
	width: 330px;
	float: left;
}

#pagebottomNavi {
	margin-top: 5px;
	width: 410px;
	color: #0A67E2;
	float: right;
	font-size: 70%;
	line-height: 1.5;
}

/* 1Column-page */
/* ----------------------------------------------------- */
#mainContents {
	margin: 15px 0 15px;
	width: 740px;
}

#mainContents h3 {
	margin: 0 0 10px 0;
	padding: 5px 0 5px 5px;
	border-left: 5px solid #0A67E2;
	border-bottom: 1px solid #C0C0C0; 
	font-size: 90%;
	font-weight: bold;
	color: #163A6A;
}

/* 2Column-page */
/* ----------------------------------------------------- */
#mainContents2 {
	margin-top: 15px;
	width: 740px;
}

#menuLeft {
	width: 170px;
	float: left;
}

#menuLeft ul li {
	margin: 0;
	padding: 0 0 5px 15px;
	background-image: url(../images/arrow_blue3.gif);
	background-repeat: no-repeat;
	width: 150px;
	font-size: 70%;
}

#contentRight {
	margin-bottom: 10px;
	padding-left: 15px;
	padding-bottom: 15px;
	width: 554px;
	float: right;
	border-left: 1px solid #C0C0C0;
}

#contentRight h3 {
	margin: 0 0 10px;
	padding: 5px 0 5px 5px;
	border-left: 5px solid #0A67E2;
	border-bottom: 1px solid #C0C0C0; 
	font-size: 90%;
	font-weight: bold;
	color: #163A6A;
}

#contentRight h5 {
	font-weight: bold;
	color: #163A6A;
	font-size: 90%;
}

/* Product */
/* ----------------------------------------------------- */
#product {
	width: 760px;
}

#titleGraphic {
	margin: 0 0 10px;
	padding: 0px;
	width: 740px;
	height: 62px;
	background-image: url(../images/title_product.jpg);
	text-indent: -9999px;
	background-repeat: no-repeat;
}

/* Product-category page ------------------------------- */
#product #productList {
	padding: 0 0 0 10px;
}

#product #productList ul {
	margin: 0 0 10px 0;
	min-height: 550px;
}

#product #productList li {
	margin: 0 10px 15px 0;
	padding: 0;
	width: 240px;
	height: 150px;
	float: left;
	display: inline;
	text-align: right;
}
#product #productList h3 {
	padding: 122px 12px 0 0;
	font-size: 90%;
}

#product #productList a {
	padding-left: 17px;
	background-image: url(../images/arrow_blue.gif);
	background-repeat: no-repeat;
}



#product #productList_ex {
	padding: 0 0 0 10px;
}

#product #productList_ex ul {
	margin: 0 0 10px 0;
	min-height: 550px;
}

#product #productList_ex li {
	margin: 0 10px 15px 0;
	padding: 5px;
	width: 230px;
	height: 140px;
	float: left;
	display: inline;
	background-image:url(../../product/images/product_thumb_frame.gif);
	background-repeat:no-repeat;
	position:relative;
}
#product #productList_ex h3 {
	padding-left:17px;
	background-image: url(../images/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position:0px 3px;
	font-size: 90%;
	position:absolute;
	bottom:5px;
	right:10px;
}

#product #productList_ex a {
	display:block;
}
	



/* Product-subcategory page ---------------------------- */
#product #productList2 {
	padding: 0 0 0 10px;
}

#product #productList2 #productList2contentleft {
	padding: 0;
	float: left;
	width: 90px;
}

#product #productList2 #productList2contentleft img.img-thumbnail {
	padding: 9px;
	width: 70px;
	border:1px solid #ddd;
}

#product #productList2 #productList2contentright {
	padding: 0;
	float: right;
	width: 150px;
	font-size: 70%;
}

#product #productList2 li.list01 {
	margin: 0 10px 5px 0;
	padding: 0;
	width: 240px;
	min-height: 190px;
	float: left;
	display: inline;
}

#product #productList2 li.list01:nth-child(3n+1){clear:both;}

#product #productList2 h3 {
	margin: 0 0 10px;
	padding: 5px 10px;
	width: 220px;
	background-color: #ECECE3;
	border-bottom: 1px solid #163A6A; 
	font-size: 80%;
	font-weight: bold;
	color: #163A6A;
}

#product #productList2content ul.list02 {
	padding-left: 7px;
}

#product #productList2content li.list03 {
	padding: 0 5px 1px 12px;
	background-image: url(../images/arrow_blue2.gif);
	background-repeat: no-repeat;
}

/*--- IE 6 and below （IE6以下）---*/
* html #product #productList2content li.list03 {
	/*background-position: 0 7px;*/
}

/*--- IE 7 only ---*/
*:first-child+html #product #productList2content li.list03 {
	/*background-position: 0 5px;*/
}

#product #productList2content ul.list-ex {
	padding-left: 7px;
}

#product #productList2content ul.list-ex li {
	padding: 0 5px 1px 12px;
	background-image: url(../images/arrow_blue2.gif);
	background-repeat: no-repeat;
}


/* Product page ---------------------------------------- */
#productContent {
	margin: 0;
	padding: 0 0 15px 0;
	width: 740px;
}

#productContent h3 {
	margin: 0 0 10px;
	padding: 5px 0 5px 5px;
	border-left: 5px solid #0A67E2;
	border-bottom: 1px solid #C0C0C0; 
	font-size: 90%;
	font-weight: bold;
	color: #163A6A;
}

#productContent h4 {
	margin: 0 0 5px;
	padding: 0 0 0 10px;
	font-size: 80%;
	font-weight: bold;
}

#productContent p {
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 80%;
	line-height: 1.4;
}

#productContent ul {
	margin: 0;
	padding: 0 0 15px 20px;
}

#productContent li{
	margin: 0 0 0 10px;
	padding: 0 0 3px 0;
	font-size: 80%;
	line-height: 1.2;
	list-style: disc;
}

#productContentleft {
	padding: 0 20px 0 0;
	margin-bottom:20px;
	float: left;
	width: 350px;
}

#productContentright {
	padding: 0;
	margin-bottom:20px;
	float: right;
	width: 370px;
}

#productContentright p {
	margin: 0;
	padding: 0 0 5px 10px;
	font-size: 80%;
	line-height: 1.4;
}

#productContentright p.product-name {
	margin: 0;
	padding: 0 0 10px 10px;
	font-size: 90%;
	line-height: 1.4;
}

#productData {
	clear: both;
	padding: 0 10px 0 0;
	width: 740px;
}

#productData p {
	margin: 5px 0 0;
	padding: 0;
	font-size: 80%;
	line-height: 1.4;
}

#productData caption {
	margin: 0;
	padding: 0 0 3px 0;
	font-weight: bold;
}

#productData table {
	width: 740px;
}

table.spec th{
	padding: 3px;
	background-color: #F8F6E7;
	text-align: left;
}

table.spec td{
	padding: 3px;
	background-color: #FFF;
	text-align: left;
}

/* Product-subwin ---------------------------------------*/
#productSubwin {
	margin: 10px auto 0;
	padding: 0;
	text-align: center;
}

#productSubwin_w {
	margin: 10px auto 0;
	padding: 0;
	width: 500px;
	height: auto;
	text-align: center;
}

#productSubwin_w p {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 80%;
	line-height: 1.4;
}

#productSubwin th {
	padding: 3px;
	text-align: center;
}

#productSubwin td {
	padding: 3px;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	background-color: #FFF;
}

#bgW {
	background-color: #fff;
}

/* Form ---------------------------------------*/
div#formNote {
	margin: 0;
	padding: 0 0 20px 0;
	font-weight: bold;
}

div#formNote2 {
	margin: 0;
	padding: 0 0 20px 0;
	font-weight: bold;
	font-size: 80%;
	
}


.whatsnewTxt
{
	margin-bottom:15px;
}