@charset "UTF-8"; 
/*###############################################
 Name: style.css
#################################################*/
html,body 		{ margin:0; padding:0;}
body 			{ font-size:12px; text-align:center; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" sans-serif; background:url("../images/navy.gif") repeat-x; color:#333333; line-height:1.5em;}
* html body		{ font-size:75%;}
* html table	{ font-size:100%; line-height:1.5em;}
#container 		{ width:740px; margin:0 auto; text-align:left;}
#header 		{ position:relative; height:70px;}
#header h1 		{ float:left; margin:0; padding:17px 0 0 16px;}
#header h1 a	{ display:block; height:37px; width:249px; background:url("../images/headerlogo.gif") no-repeat left top;}
#header h1 span	{ display:none;}
#content  		{ clear:both;}
#footer 		{ clear:both; border-top:solid 2px #073f66; margin:20px 0; padding:6px 0 30px;}
#footer p 		{ float:left; margin:0; padding:0; font-size:0.75em; color:#999; font-family:arial, verdana, sans-serif;}

#sub_maincontent{ background:url(../images/subnav_btm.gif) no-repeat bottom; padding:10px 0;}
.sub_back		{ background:url(../images/subnav_mid.gif) repeat-y left top;}
#subnav			{ float:left; width:160px; margin-right:20px; padding:11px 0 20px; background:url(../images/subnav_top.gif) no-repeat left top;}
#rightcontent	{ float:right; width:560px; padding:10px 0;}


h3				{ display:inline; float:left; margin:0; padding:0; font-size:1.6em; color:#4D4D4D;}
#titlebox		{ padding:0 0 5px 5px; margin:0 0 0; border-bottom:2px solid #4D4D4D;}
#titlebox p		{ margin:0; padding:0;}

ul,ol			{ margin:0; padding:5px 0;}
li				{ margin:0 0 2px 25px; padding:0;}
p 				{ margin:0 0 8px;}
dl p,
table p			{ margin:0;}
a 				{ color:#336699; text-decoration:none;}
a:hover 		{ color:#336699; text-decoration:underline;}
a:visited 		{ color:#7d8e9f;}
a img			{ border:none;}


.basicbox .filepdf	{ padding:0 0 0 23px; background:url("../images/icn_filepdf.gif") no-repeat left center;}
#titlebox .filepdf a{ float:right; margin:0 0 0 20px; padding:0 0 0 23px; background:url("../images/icn_filepdf.gif") no-repeat left center;}
.arrow a			{ float:right; margin:0; padding:1px 0 1px 12px; font-size:0.9em; background:url("../images/icn_arrow.gif") no-repeat 0 0;}
* html .arrow a		{ font-size:0.95em;}
.atte				{ color:#FF3300;}
.center				{ text-align:center;}
.w100				{ width:99%;}
.w90				{ width:90%;}
.w50				{ width:50%;}
.w30				{ width:30%;}
.imgR				{ float:right; margin:0 0 15px 15px;}
.imgL				{ float:left; margin:0 15px 15px 0;}
.fLeft	{ float:left;}
.fRight	{ float:right}
.basicbox .bnone,
.basicTable .bnone,
.productbox .bnone	{ border:0;}


/* Header Footer Navi */
ul.funcnav 			{ float:right; padding:0; margin:0;}
ul.funcnav li 		{ display:inline; margin:0 0 0 10px; padding:1px 0 2px 13px; font-size:0.9em; background:url("../images/icn_arrow.gif") no-repeat left top; vertical-align:bottom;}
ul.funcnav li a 	{ color:#073f66; vertical-align:middle;}
#header ul.funcnav 	{ margin:12px 0 0;}
#footer ul.funcnav 	{ margin:0;}

/* Global Navi */
#globalnav 					{ width:740px; clear:both; margin:0; line-height:1em;}
#globalnav ul 				{ position:relative; padding:0; margin:0; list-style:none;}
#globalnav ul li 			{ display:inline; margin:0; padding:0;}
#globalnav ul li a 			{ float:left; display:block; height:46px; width:123px; line-height:46px; cursor:pointer;}
#globalnav ul li a span 	{ display:none;}
#globalnav ul li a.gn01 	{ background:url("../images/gnav01.gif") no-repeat left top;}
#globalnav ul li a.gn02 	{ background:url("../images/gnav02.gif") no-repeat left top;}
#globalnav ul li a.gn03 	{ background:url("../images/gnav03.gif") no-repeat left top; width:124px;}
#globalnav ul li a.gn04 	{ background:url("../images/gnav04.gif") no-repeat left top;}
#globalnav ul li a.gn05 	{ background:url("../images/gnav05.gif") no-repeat left top;}
#globalnav ul li a.gn06 	{ background:url("../images/gnav06.gif") no-repeat left top; width:124px;}

#globalnav ul li.active a	{ background-position:left bottom;}
#globalnav ul li a:hover 	{ background-position:left center;}
#globalnav ul li.active a:hover { background-position:left bottom; cursor:default;}

/* Main Image */
h2#mainimg 		 		{ margin:0 0 10px; padding:0; width:740px;}
h2#mainimg span 		{ display:none;}
h2.home 				{ background:url("../../images/mimg_home.jpg") no-repeat left top; height:217px;}
h2.sitemap	 			{ background:url("../../images/mimg_sitemap.jpg") no-repeat left top; height:57px;}
h2.sitepolicy	 		{ background:url("../../images/mimg_sitepolicy.jpg") no-repeat left top; height:57px;}
h2.whatsnew 			{ background:url("../../whatsnew/images/mimg_whatsnew.jpg") no-repeat left top; height:57px;}
h2.product 				{ background:url("../../product/images/mimg_product.jpg") no-repeat left top; height:57px;}
h2.company	 			{ background:url("../../company/images/mimg_company.jpg") no-repeat left top; height:57px;}
h2.inquiry	 			{ background:url("../../inquiry/images/mimg_inquiry.jpg") no-repeat left top; height:57px;}
h2.support	 			{ background:url("../../support/images/mimg_support.jpg") no-repeat left top; height:57px;}
h2.catalog	 			{ background:url("../../catalog/images/mimg_catalog.jpg") no-repeat left top; height:57px;}

/* Sub Navi */
#subnav ul				{ list-style:none; margin:0; padding:0; font-size:0.9em;}
#subnav ul li			{ background:url(../images/subnav_btn_normal.gif) no-repeat left top; margin:0 0 1px; padding:0; }
#subnav ul li a			{ background:url(../images/subnav_btn_normal.gif) no-repeat left top;
						  display:block; height:25px; width:160px; line-height:25px; cursor:pointer; text-decoration:none; color:#FFFFFF;}
#subnav ul li a span	{ margin-left:22px;}
#subnav ul li.active a	{ background:url(../images/subnav_btn_active.gif) no-repeat left top;}
#subnav ul li a:hover,
#subnav ul li.active a:hover{ color:#FFFFFF; text-decoration:none; background:url(../images/subnav_btn_active.gif) no-repeat left top;}

/* table */
table.basicTable		{ border-bottom:1px solid #CCCCCC; width:560px; margin:0 0 20px; padding:0; }
.basicTable th,
.basicTable td			{ margin:0;}
.basicTable th			{ width:140px; padding:5px 0 0 5px; border-top:2px solid #CCCCCC; font-weight: normal; text-align:left; vertical-align:top;}
.basicTable td			{ padding:5px 0 5px 15px; border-top:1px solid #CCCCCC;}
* html .basicList dd	{ margin-left:145px;}

/* Form */
.formTable				{ width:560px;}
.formTable th,
.formTable td			{ border-top: 1px solid #CCCCCC; padding:5px; vertical-align:middle; font-weight:normal; line-height:1.4em; text-align:left;}
input:focus,	input.formerror:focus,
textarea:focus,	textarea.formerror:focus	{ background-color:#F8F8EE;}
input.formerror,
textarea.formerror		{ background-color:#FEF1EF;}
.errorBox				{ background:#fff url(../images/stripes1.gif); padding:12px;}
.errors 				{ background:#fef9f8; padding:15px; color:#cc3300;}
.errors strong			{ font-size:1.3em;}
.errors p				{ margin:0; padding:0;}
.formspace				{ height:260px;}
p.center input			{ letter-spacing:0.5em; padding:0 5px;}


/* page        */
/* common page */
.mbox					{ padding:10px 5px;}
.basicbox				{ padding:10px 0 0;}

/* product */
.linebox				{ border-bottom:1px solid #CCCCCC; padding:0 0 15px; margin-bottom:20px;}
.linebox .fLeft			{ border-right:1px solid #CCCCCC;}
.productlist			{ width:270px; padding:0 0;}
.productlist .leftimg	{ float:left; margin-right:10px;}
.productlist p			{ margin:0 20px 5px 0; line-height:1.3em; padding:0; color:#808080; font-size:85%; }
.productlist p.arrow	{ font-size:100%; margin-bottom:0;}
.productlist p.arrow a	{ float:none;}

.productlist h4			{ margin:0 0 8px; padding:0; font-weight:normal; font-size:121%;}
.productbox				{ padding:10px 0;}
.productbox h4			{ font-size:1.4em; margin:5px 0 10px; padding:0 0 2px; border:0; border-bottom:1px solid #CCCCCC;}
.productbox .rightimg	{ float:right; margin-left:20px;}
.productbox ul			{ margin-bottom:15px;}
.productbox ul li p		{ margin-bottom:0;}
.productbox dd			{ margin-left:15px;}
.series30				{ background-color:#EEAC5F; color:#FFFFFF; padding:2px 4px; margin-right:5px;}
.series50				{ background-color:#48B8B9; color:#FFFFFF; padding:2px 4px; margin-right:5px;}

/* top */
.top_productlist		{ padding-bottom:22px; margin-bottom:20px; background:url(../images/dotted2.gif) repeat-x left bottom;}
.top_productlist div	{ float:left; width:154px; padding-right:20px; margin-right:20px; background-color:#FFFFFF; border-right:1px solid #E5E5E5;}
* html .top_productlist div { width:174px;}
.top_productlist div img{ float:left; margin-right:10px;}
.top_productlist .last	{ float:right; padding:0; margin:0; border:0; width:155px;}
.top_productlist h4		{ border:0; padding:0; margin:0 0 3px; font-size:114%; font-weight:normal;}

.top_productlist p		{ font-size:85%; color:#808080; line-height:1.3em}
.top_productlist .arrow	{ margin:0; padding:0; background:url("../images/icn_arrow.gif") no-repeat left top;}
.top_productlist .arrow a	{ float:none; padding-bottom:0; margin-bottom:0; font-size:100%;}
#top_hotnews_area		{ float:left; width:445px;}
#top_hotnews_area h4	{ color:#073F66; border:0; margin:0 0 5px; padding:0;}
#top_hotnews_area ul	{ margin:0 0 20px; padding:0; border-bottom:1px solid #E5E5E5; line-height:1.3em;}
#top_hotnews_area li	{ list-style:none; margin:0; padding:3px 0 3px 15px; border-top:1px solid #E5E5E5; background:url("../images/icn_arrow.gif") no-repeat left center;}
#top_hotnews_area li a	{  margin:0; padding:0; font-size:0.9em;}
#bnr_box				{ float:right; margin:0 0 20px;}

/* company */
.sign				{ text-align:right;}
.position			{ font-size:0.9em; padding-right:10px; color:#666666;}

/* hotnews */
ul.linkList			{ list-style:none; margin:0 0 20px; padding:0; border-bottom:1px solid #E5E5E5;}
.linkList li		{ margin:0; padding:3px 0; border-top:1px solid #E5E5E5; background:url("../images/icn_arrow.gif") no-repeat left center;}
.linkList li a		{ display:block; margin:0; padding:0 0 0 13px;}
.linkList li a		{ padding:0 0 0 15px;
					 voice-family: "\"}\"";
					 voice-family: inherit;
					 padding:0 0 0 15px;
					}

/* sitemap */
ul.sitemapList		{ margin:0; padding:0 0 5px; list-style:none;}
.sitemapList  ul	{margin:3px 0 0 30px; padding:0; list-style:none;}
.sitemapList li		{ border-top:1px solid #CCCCCC; padding:5px 0 5px 5px; margin:0 0 0 5px;}
.sitemapList li li	{ border-top:1px dotted #CCCCCC;padding:3px 0 3px 5px;}
.sitemapList li	a	{ display:block; padding-left:15px; margin:0; background:url("../images/icn_arrow.gif") no-repeat left center;}



/* pkg */
.pkg:after			{ content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
* html .pkg			{ display: inline-block; }
/* no ie mac \*/
* html .pkg			{ height: 1%; }
.pkg				{ display: block; }
/* */
*+html .pkg			{ height:1%;}


/* font*/
.stxt				{ font-size:0.9em;}
h4					{ font-size:1.4em; color:#4D4D4D; margin:5px 0 10px; padding:0 0 0 5px; border-left:3px solid #073F66;}
