@charset "utf-8";

/*-----------------------------------すべての要素を初期化*/
/*  
Copyright (c) 2006, Yahoo! Inc. All rights reserved.  
Code licensed under the BSD License:  
http://developer.yahoo.net/yui/license.txt  
version: 0.10.0  
*/  
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}  
html { height: 100%; margin-bottom: 1px; }
html {overflow-y:scroll;}
table{border-collapse:collapse;border-spacing:0;}  
fieldset,img{border:0;}  
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}  
ol,ul {list-style:none;}  
caption {text-align:left;}
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; }
input,textarea,select { *font-size: 100%; }
input { _margin: -1px 0; }  
sup,sub { vertical-align: baseline; position: relative; }
sup { top: -4px }
sub { top: 4px }
th { vertical-align: top; font-weight: normal; text-align: left; }
td { vertical-align: top; }
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}
hr { display: none;}
sup { _margin-left: 0px; }

/*-----------------------------------回り込み解除*/
.clearBoth { clear: both; }
/*-----------------------------------imgoverを指マークに*/
.imgover { cursor:pointer; }
/*-----------------------------------imgの下の隙間をなくす*/
img { vertical-align:bottom; }
/*-----------------------------------基本セッティング*/
body{ font-family: "ＭＳ Ｐゴシック", "Osaka",arial,helvetica,clean,sans-serif; color: #5e5e5e; font-size: 12px; _font-size:83%;/* background:url(../images/heder_bk.jpg) repeat-x top;*/ }
table { font-size:inherit; }
/*a { outline : 0 ;}*/
a { text-decoration: none; color: #0066CC;}
a:hover { text-decoration: underline; }
li,p,dl,dd { line-height: 1.6; }
td,th,h1,h2,h3,h4{ line-height: 1.5; }
strong,em { font-weight: bold; }
address { line-height: 1.5; }
/*-----------------------------------マージン*/
.marT5 { margin-top: 5px; }
.marT10 { margin-top: 10px; }
.marT15 { margin-top: 15px; }
.marT20 { margin-top: 20px; }
.marT30 { margin-top: 30px; }
.marB10 { margin-bottom: 10px; }
.marB20 { margin-bottom: 20px; }
.marR10 { margin-right: 10px; }
.marR15 { margin-right: 15px; }
.marR20 { margin-right: 20px; }
.marL5 { margin-left: 5px; }
.marL10 { margin-left: 10px; }
.marL20 { margin-left: 20px; }
/*-----------------------------------線*/

/*-----------------------------------テキスト位置*/
.fRight { float: right;}
.fLeft { float: left;}
.txtLeft { text-align: left; }
.txtRight { text-align: right; }
.center { text-align: center; }
.middle {vertical-align: middle; }
.bottom {vertical-align: bottom; }
/*-----------------------------------リスト*/
.list01 li{	list-style-position: outside; list-style-type: decimal; margin: 5px 0 0 15px; line-height:1.3; }
.list02 li{	list-style-position: outside; list-style-type: disc; margin: 5px 0 0 15px; line-height:1.3; }
.list03 li{ list-style-position: outside; list-style-type: none; margin: 5px 0 0 25px; line-height:1.3; list-style-image: url(../images/icn.gif);}
/*-----------------------------------リンク*/
.link01 a { color: #5e5e5e; }
/*-----------------------------------フォント設定*/
.normal { color: #5e5e5e; font-weight: normal; font:12px;*font-size:small;*font:x-small; }
.txtSmall { font-size: 10px; _font-size: 83.3%; }
.txtLarge { font-size: 14px; _font-size: 116.6%; }
.txtXlarge { font-size: 16px; _font-size: 133.3%; }
.color01 { color:#ff0000; }
/*-----------------------------------ヘッダー*/
#header_wrapper { border-bottom: 2px solid #0c419a;}
#header { width:950px;  margin: 0 auto; position: relative; height: 138px;}
#header h1 { position: absolute; top: 10px; left: 0px;}
#logo { position: absolute; top: 38px; left: 0px;}
#flyingk { position: absolute; top: 15px; right: 0px;}
#headerBox { position: absolute; top: 0px; right: 125px; width: 332px; height: 30px; background: url(../images/header_box.gif) no-repeat;}
#headerBox li{ float:left; }
#language { position: absolute; top: 4px; right:6px;}
#language li { float:left; width: 20px; height: 20px; text-indent: -9999px; line-height: 1;}
#language li a { display:block; width: 20px; height: 20px;}
#language li#small a { background:url(../images/language.gif) no-repeat 0px 0px;}
#language li#small a:hover { background:url(../images/language.gif) no-repeat 0 -20px;}
#language li#medium a { background:url(../images/language.gif) no-repeat -20px 0px;}
#language li#medium a:hover { background:url(../images/language.gif) no-repeat -20px -20px;}
#language li#large a { background:url(../images/language.gif) no-repeat -40px 0px;}
#language li#large a:hover { background:url(../images/language.gif) no-repeat -40px -20px;}
#language li#medium a { background:url(../images/language.gif) no-repeat -20px -20px;}

#google { position: absolute; top: 45px; right: 0px;} 


/*-----------------------------------メイン*/
#container { width: 950px; margin: 0 auto; position:inherit; }
/*-----------------------------------パンくず&印刷ボタン*/
#pankuzu { padding: 10px 0; position:inherit; }
#pankuzu ul { float: left; width: 820px;}
#pankuzu li { font-size: 11px; display:inline; }
#print { float: right; width: 125px;}
#pankuzu:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#pankuzu {display: inline-block;}
/* Hides from IE-mac \*/
* html #pankuzu {height: 1%;}
#pankuzu {display: block;}
/* End hide from IE-mac */
/*-----------------------------------本文*/
#main { width: 750px; padding-bottom: 30px; float: left; position:inherit; }
#main h2 { margin: 0 0 20px 0;}
.subtitle01 { width: 740px; height: 21px; padding: 10px 0 0 10px; font-weight: bold; font-size: 13px; background: url(../images/subtitle.gif) no-repeat; line-heigth: 1}
.subtitle02 { width: 355px; height: 21px; padding: 10px 0 0 10px; font-weight: bold; font-size: 13px; background: url(../images/subtitle02.gif) no-repeat; line-heigth: 1}
.subtitle03 { background:url(../images/icn.gif) no-repeat left 2px; padding: 0 0 0 20px; border-bottom: 2px dotted #ccc; font-weight: bold; }
.subtitle04 { font-weight: bold; color: #0c419a; margin-top: 20px; }
.subtitle05 { font-weight: bold; color: #0c419a; }

.textarea { width: 100%; margin: 25px 0 30px 0; }
.textarea02{ width: 100%; margin: 25px 10px 30px 10px; }

.textareaLeft { width: 365px; float: left; position: relative; }
.textareaRight { width: 365px; float: right; position: relative; }

#pagetop { clear: both; width: 950px; text-align:right; padding-top: 10px; }
/*-----------------------------------サブナビ*/
#subBox { float: right; width: 180px; }
#subNav { padding: 10px 0 15px 0; width: 178px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#subNav li { width: 168px; margin: 0 10px 7px 0; line-height: 1.3;}
#subNav li.nolink {width: 148px; display:block; padding: 0 0 0 20px; color: #5e5e5e; background:url(../images/arrow.gif) no-repeat 0 -88px;}
#subNav li a {width: 148px; display:block; padding: 0 0 0 20px; color: #5e5e5e; background:url(../images/arrow.gif) no-repeat 0 -88px;}
#subNav li a:hover { text-decoration:none; color: #ff0000; background:url(../images/arrow.gif) no-repeat 0 2px; }
#subNav li.hit a { text-decoration:none; color: #ff0000; background:url(../images/arrow.gif) no-repeat 0 2px; }

#subNav .subNav02 { width: 158px; margin: 5px 0 0 10px}
#subNav .subNav02 li { width: 158px; margin: 0; line-height: 1.3;}
#subNav .subNav02 li a { width: 138px; display:block; padding: 0 0 5px 20px; color: #5e5e5e; background:url(../images/arrow.gif) no-repeat 0 -88px;}
#subNav .subNav02 li a:hover { text-decoration:none; color: #ff0000; background:url(../images/arrow.gif) no-repeat 0 2px; }
#subNav .subNav02 li.hit a { text-decoration:none; color: #ff0000; background:url(../images/arrow.gif) no-repeat 0 2px; }

#bnrList li { margin-top: 5px; }
/*-----------------------------------フッタ*/
#footer_wrapper { border-top: 2px solid #0c419a; width: 100%;}
#footer { width:950px; margin: 0 auto; padding: 10px 0; position: relative; font-size: 11px; _font-size:80%;}
.footerNav { }
.footerNav li { display: inline;  }
.footerNav02 { margin-left: 53px;}
.footerNav02 li { display: inline;  }
.footerNav03 { margin-left: 100px;}
.footerNav03 li { display: inline;  }
.footerNav04 { margin-left: 145px;}
.footerNav04 li { display: inline;  }
#footer h2 { margin-top: 20px; }
#footer p { font-size: 12px; }
#footer a{  color: #5e5e5e;}
#footer a:hover{ color: #0066CC;}

/*----------------------------------メインナビ*/
/* Basic code - don't modify */
#mainNav { width: 950px; height: 29px; position: absolute; bottom: 0px; left: 0px; } 
#mainNav li { float: left; padding: 0 1px 0 2px; display: block; }
#mainNav a { display: block; }
#mainNav ul { position: absolute; visibility: hidden; z-index: 3; }
* html #mainNav ul { line-height: 0; } /* IE6 "fix" */
#mainNav ul a { zoom: 1; } /* IE6/7 fix */
#mainNav ul li { float: none; }
#mainNav ul ul { top: 0; }

/* Essentials - configure this */
#mainNav ul { width: 162px; }

/* Everything else is theming */
#mainNav ul,
#mainNav ul a  { filter: alpha(opacity=95); -moz-opacity:0.95; opacity:0.95;}
#mainNav *:hover { background-color: none; }
#mainNav ul { top: 29px; background: #f3f3f3; border-top: 2px solid #0c419a;}
#mainNav ul li { padding: 0;}
#mainNav ul li a { border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f3f3f3; color: #5e5e5e; display: block; text-align: center; padding: 2px 0; width: 160px; text-decoration: none; }
#mainNav ul a:hover { background: #0c419a; color: #fff; text-decoration:none; }

/*-----------------------------------clearfixハック*/
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

#headerBox > ul:first-child > li:last-child {
    display: none;
}











/* 詳細ページ */
.productTable { width: 100%; border-top: 1px solid #ccc; border-right: 1px solid #ccc; margin-top: 20px; }
.productTable th{ width: 180px; padding:  5px 10px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; background: url(../../products/images/table_bk.jpg)repeat-y right;}
.productTable td{ padding: 5px 10px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;}

#seihinInquiryBtn { text-align: center;}


.proList02 li { padding: 0 0 0 10px; margin-left: 5px; background: url(../../common/images/sankaku.gif) no-repeat left 4px ; }