@charset "utf-8";
/************
         Init
************/
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, /*sub, sup, */ tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}

table{
   border-collapse: collapse;
   /*collapse or separate : separate => border-spacing */
}
th{text-align:center;vertical-align:top;}
td{text-align:left;vertical-align:top;}

/************
         Tools
************/
.clr{ clear: both; line-height: 0;}
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/************
       Layout
************/
body{text-align:center;}
#wrapper{
   width: 1000px; 
   margin: 0 auto;
   text-align:center;
}
.wrapper-inner{padding:0 10px;}

#header{
   padding:10px 0 0 0;
}

#menu{
/*   height:40px;
   overflow:hidden;*/
}

#main{
   width:100%;
   padding:20px 0;
   overflow:hidden;
}
#contents{
   float:right;
   display:inline;
   width:740px;
   overflow:hidden;
}
.onecol #contents{
   float:none;
   display:block;
   margin-left:110px;
}

#submenu{
   float:left;
   display:inline;
   width:200px;
   overflow:hidden;
}


#footer{
   padding:5px;
}

/************
  Layout  Styles
************/
body{
   background:#eeeeee url(images/bg.gif) repeat-x top center;
   font-size: small;
   font-family: Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,Helvetica,Arial,Sans-Serif;
}
#wrapper{
   background-color:#fff;
   color:#202020;
   text-align:left;
}

#header{background:#fff;border-top:solid 3px #000077;}
#menu{background:url(images/menu-bg.gif) repeat-x top;}
#contents{background:#fff;}
#submenu{background:#fff;}
#footer{
   border-top:solid 1px #808080;
   border-bottom:solid 3px #000077;
   font-family:arial;
   font-size:80%;
   padding:5px;
}

/************
         Link
************/
a:link,
a:visited,
a:active{color:#000088;}
a:hover{color:#ff9900;}

/*link bullet*/
a.link{
	background-image:url(images/link-blt_01.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:14px;
}
a.link:hover{
	background-image:url(images/link-blt_02.gif);
}

/************
         Head
************/
#sitelogo{
   float:left;
   width:170px;
   height:52px;
}
#sitelogo img{
   width:162px;
   height:52px;
}
#sitedescription{
   float:left;
   color:#ff6600;
   font-size:12px;
   line-height:150%;
   padding-top:7px;
   width:580px;
}
#kobelogo{
   float:right;
   width:210px;
   height:59px;
}
#kobelogo img{
   width:210px;
   height:59px;
}


#header-info-menu{margin:10px 0 5px 0;}
#header-menu{
   float:right;
   /*width:255px;*/
   width:335px;/* english : 70px + 10px */
}
#header-menu li{
   float:left;
   margin-left:10px;
}
#header-menu li a{
   text-decoration:none;
}
#header-menu li a:hover img{
   visibility:hidden;
}
li#header-menu-about{
   width:70px;
   height:20px;
   background:url(images/header-menu_about_over.gif) no-repeat left top;
}
li#header-menu-contact{
   width:95px;
   height:20px;
   background:url(images/header-menu_contact_over.gif) no-repeat left top;
}
li#header-menu-order{
   width:60px;
   height:20px;
   background:url(images/header-menu_shopping_over.gif) no-repeat left top;
}

li#header-menu-en{
   width:70px;
   height:20px;
   background:url(images/header-menu_en_over.gif) no-repeat left top;
}


#header-info{/*tel and fax*/
   float:left;
   /*width:680px;*/
   width:640px;
   height:20px;
   overflow:hidden;
}
img#headinfo01{width:450px;height:20px;}
img#headinfo02{width:150px;height:20px;}

/************
         Menu
************/
#menu{padding-left:1px;}
#menu li{
   float:left;
   padding:1px 1px 0 0;
}
#menu li a{
   display:block;
   height:39px;
   overflow:hidden;
   text-decoration:none;
}

#menu li a:hover img{
   visibility:hidden;
}

#menu li#menu-home a{
   width:77px;
   background:url(images/menu_home_over.gif) no-repeat left top;
}
#menu li#menu-yozaisaisei a{
   width:144px;
   background:url(images/menu_yozaisaisei_over.gif) no-repeat left top;
}
#menu li#menu-prod01 a{
   width:131px;
   background:url(images/menu_prod01_over.gif) no-repeat left top;
}
#menu li#menu-prod02 a{
   width:128px;
   background:url(images/menu_prod02_over.gif) no-repeat left top;
}
#menu li#menu-prod03 a{
   width:101px;
   background:url(images/menu_prod03_over.gif) no-repeat left top;
}
#menu li#menu-prod04 a{
   width:141px;
   background:url(images/menu_prod04_over.gif) no-repeat left top;
}
#menu li#menu-nonyu a{
   width:113px;
   background:url(images/menu_nonyu_over.gif) no-repeat left top;
}
#menu li#menu-faq a{
   width:136px;
   background:url(images/menu_faq_over.gif) no-repeat left top;
}


/************
     Sub Menu
************/
#submenu h2{
   background:url(images/sidebar-title.jpg) no-repeat right center;
   border-style:solid;
   border-width:2px 0;
   border-color:#A5A7C8;
   padding:12px 14px;
}
#submenu ul{
   margin:0 0 0 5px;
}
#submenu li{
   line-height:150%;
}
#submenu li li{
   list-style-type:disc;
   margin-left:20px;
}

#submenu li a{
   display:block;
   background:url(images/sidebar-blt_01.gif) no-repeat left top;
   border-bottom:solid 1px #e0e0e0;
   padding:5px 0 5px 14px;
   text-decoration:none;
}
#submenu li a:hover{
   background:url(images/sidebar-blt_02.gif) no-repeat left top;
   text-decoration:underline;
}

#submenu li li a{
   background:none;
   padding:5px 0;
}
#submenu li li a:hover{
   background-image:none;
}

#submenu li a.here{color:#ff6600;}

#submenu p{line-height:120%;margin:0.5em 0;}

/************
         Foot
************/
#footer{
   text-align:center;
}
#copyright{
   font-family:verdana;
}


/************
         Main
************/
#panlist{margin-left:15px;}
#panlist li{
   float:left;
   background:url(images/panlist-blt.gif) no-repeat left center;
   line-height:150%;
   padding-left:14px;
}


#contents h1{
   background:url(images/h1.gif) no-repeat left bottom;
   border-bottom:solid 1px #8E8ECC;
   font-size:large;
   line-height:120%;
   margin-bottom:0.5em;
   padding:0.5em 0 0.5em 25px;
   text-shadow: 2px 0px 2px #cccccc; /*IEでは効かない*/
}

.content{
   margin:30px 15px 30px 25px;
}
.content h1 , 
.content h2 , 
.content h3 , 
.content h4 , 
.content p , 
.content li , 
.content blockquote , 
.content th , 
.content td ,
.content dt , 
.content dd{line-height:150%;}

.content h2{
   background:url(images/h2.gif) repeat-x left bottom;
   font-size:medium;
   margin:2em 0 1em 0;
   padding:5px;
}

.content h3{
   border-bottom:solid 1px #8E8ECC;
   color:#000077;
   font-size:small;
   margin:1em 0;
   padding:5px;
}

.content h4{
   color:#898BA6;
   font-size:small;
   margin:1em 0;
}

.content p{margin:1em 0;}

.content ul{
   margin-top:1em;
   margin-bottom:1em;
}
.content ul li{
   list-style-type:disc;
   margin-left:20px;
}

.content ol{
   margin:1em 0 1em 1em;
}
.content ol li{
   list-style-type: decimal;
   margin-left:20px;
}

.content ul.nostyle,
.content ol.nostyle,
.content ul.nostyle li,
.content ol.nostyle li{background:none;list-style-type:none;margin:0;}

.content dl{
   margin:1em 0;
}
.content dt{
   font-weight:bold;
}
.content dd{
   margin-left:2em;
}


/****************
    Content Format
****************/
.content .notice{
   list-style-type:none;
   margin-left:1em;
   text-indent:-1em;
}
.content ul.notice li{
   list-style-type:none;
   margin-left:1em;
   text-indent:-1em;

}
.content ul.notice3 li{
   list-style-type:none;
   margin-left:2.5em;
   text-indent:-2.5em;
}

.content dl.float dt{
   clear: left;
   float: left;
   margin:0 0 0.5em 0;
   width: 8.5em;
/*   padding:5px;*/
}

.content dl.float dd{
   margin:0 0 0.5em 0em;
/*   padding:5px 0 5px 12em;*/
   padding-left:10em;
}

.content ul.blt li{
   list-style-type:none;
   background:url(images/li-blt.gif) no-repeat left top;
   margin-left:0;
   padding-left:20px;
}

.ls{letter-spacing:1em;}
.border{border:solid 1px #c0c0c0;}
/*.border-white{border:solid 4px #fff;}*/
.large{font-size:140%;}
.small{font-size:80%;}

.box-float{
   float:left;
   height:1%;/* for ie6 */
   overflow:hidden;
}


table.nw th{white-space:nowrap;}
table.center td ,
.center{text-align:center;}

.tabformat-border th ,
.tabformat-border td{
   border:solid 1px #e0e0e0;
   padding:5px;
}
.tabformat-border th{
   background:#F9F9F9;
}
.tabformat-border thead th{background-color:#ccccff;}
.tabformat-border ul{
   margin-top:0;
   margin-bottom:0;
}

.tabformat-line th ,
.tabformat-line td{
   border-bottom:solid 1px #c0c0c0;
   padding:5px;
}
.tabformat-line{
   border-top:solid 1px #c0c0c0;
}


.tabformat-plane th ,
.tabformat-plane td{
   vertical-align:middle;
   text-align:center;
}


/****************
    page footer
****************/
#page-footer{
   background:#DCDDEE url(images/page-footer-bg.gif) no-repeat bottom;
   border:solid 3px #e0e0e0;
   border-radius: 6px; /* 角を丸に */
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   margin:20px 100px;
   text-align:center;

   padding-bottom:35px;
}
#page-footer .small{font-size:85%;}
#page-footer-corp{margin-bottom:10px;}
#page-footer-links{
   margin:10px 0 10px 42px;
}
.page-footer-btn{
   float:left;
   height:1%;/* for ie6 */
   width:210px;
   overflow:hidden;
   text-align:left;
}

a#page-footer-contact{
   display:block;
   background:url(images/page-footer-contact_02.gif) no-repeat center;
   width:200px;
   height:40px;

   margin-bottom:1em;
   overflow:hidden;
   text-decoration:none;
}
a#page-footer-contact:hover img{
   visibility:hidden;
}

a#page-footer-catalog{
   display:block;
   background:url(images/page-footer-catalog_02.gif) no-repeat center;
   width:200px;
   height:40px;
   overflow:hidden;
   text-decoration:none;
}
a#page-footer-catalog:hover img{
   visibility:hidden;
}

#footer-menu{border:solid 1px #cccccc;padding:4px 3px;font-size:12px;}
#footer-menu li{float:left;border-left:solid 1px #e0e0e0;padding:0 6px;}
#footer-menu li:first-child{border-left:none;}
#footer-menu a{text-decoration:none;}
#footer-menu a:hover{text-decoration:underline;}

/****************
    return top
****************/
.return-top{
	font-size:90%;
	line-height:140%;
	margin:20px 10px 10px 0;
	text-align:right;
}
.return-top a{
	background:url(images/link-blt_01.gif) no-repeat left top;
	padding-left:15px;
}
.return-top a:hover{
	background-image:url(images/link-blt_02.gif);
}



/*photo border double*/
.photo-border{background:#e0e0e0;padding:1px 0;text-align:center;}
.photo-border img{border:solid 4px #ffffff;}



	
input[type="submit"]{
	border:1px solid #ccc;
	padding: 4px 10px;
	color: #666;
	cursor: pointer;

	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#ccc)
		);
	
	/* FF */
	background: -moz-linear-gradient(
		top,
		#eee,
		#ccc
		);
		
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffcccccc);
	zoom: 1;
	}