@charset "utf-8";

/*
目次
1.リセットCSS
2.基本設定(タグ指定)
3.基本設定(ID・class指定)
4.
*/
/**********************************************/
/*1.リセットCSS*/
/**********************************************/
/*
html{
  filter:expression(document.execCommand("BackgroundImageCache",false, true));
}
*/
*{
	font-size:100%;
	font-weight:normal;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
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; 
}
body{
	text-align:center;
	background-color:#fff;
}
table { 
    border-collapse:collapse; 
    border-spacing:0; 
		margin-left:auto;
		margin-right:auto;
		border:0 none;
		margin:0;
		padding:0;
} 
img{  
    border:0 none; 
}
li{
	list-style-type:none;
}
address,caption,cite,code,
dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
}  
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-weight:normal; 
} 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/**********************************************/
/*2.基本設定(タグに直接指定)*/
/**********************************************/
body{
	background-color:#fff;
	color:#333;
	font-size:0.75em;
	line-height:1.3;
}
a:link{
	color:#333;
	text-decoration:none;
}
a:visited{
	color:#333;
	text-decoration:none;
}
a:hover{
	color:#333;
	text-decoration:underline;
}
strong{
	font-size:1.2em;
	color:#bc3f3f;
	font-weight:bold;
	clear:both;
	display:block;
}
table{
	border:1px solid #555;
}
table th,
table td{
	border-left:1px solid #555;
	border-top:1px solid #555;
	border-right:1px solid #555;
	border-bottom:1px solid #555;
	border-collapse:collapse;
	padding:3px;
}
table thead th{ 
	background:#becaff;
}
table tbody th{ 
	background:#dcdcdc;
}
table tbody td{ 
	backgronud:#fff;
}
address{
	margin-bottom:30px;
	letter-spacing:0.1em;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
h2{
	margin-bottom:10px;
}
h3{
	margin-bottom:10px;
}
p{
	text-indent:1em;
	margin-bottom:15px;
}
cap{
	font-weight:bold;
}
/**********************************************/
/*3.基本設定(ID・class指定)*/
/**********************************************/
.img{
	text-align:center;
}
.totop{
	text-align:right;
	margin-top:30px;
}
.gray_box{
	width:550px;
}
.t20{
	margin-top:20px;
}
#container .left{
	text-align:left;
}
#container .center{
	text-align:center;
}
#container th.b_rl-none,
#container td.b_rl-none{
	border-left:0px none;
	border-right:0px none;
}
#container .center{
	text-align:center;
}
#container{
	width:100%;
	text-align:center;
}
#container div{
	margin:0 auto;
}
#container div,#container dl,#container dt,#container dd,#container ul,#container ol,#container li,
#container h1,#container h2,#container h3,#container h4,#container h5,#container h6,#container pre,#container form,#container fieldset,
#container input,#container textarea,#container p,#container blockquote,#container table th,#container table td {
	text-align:left;
}
#container .wrapper{
	width:780px;
	text-align:left;
	margin-bottom:30px;
}
#container common_dl{

}
#container .common_dl dt{
	background:url(../images/ttl_bar.gif) 0 0 no-repeat;
	padding-left:10px;
	font-weight:bold;
	font-size:1.2em;
}
#container .common_dl dd{
	margin-bottom:10px;
	margin-left:12px;
	line-height:1.5;
}
/**********************************************/
/*4.header*/
/**********************************************/
#container #header{
	background:url(../images/navi/bg_header.gif) 0 55px repeat-x;
	height:123px;
	text-align:center;
}
#header #main_head{
	width:780px;
	height:118px;
	margin:0 auto;
	position:relative;
}
#main_head #hnav{
	width:100%;
	height:50px;
}
#main_head #hnav #left_head{
	float:left;
	width:563px;
	margin-top:5px;
}
#header #hnav h1{
	font-size:0.9em;
	margin-bottom:6px;
}
#header #hnav #logo{
	margin-bottom:5px;
}
#main_head #hnav ul#right_head{
	float:right;
	width:217px;
	margin-top:32px;
}
#main_head #hnav ul#right_head li{
	margin-left:10px;
	float:right;
}
/**********************************************/
/*5.gnav*/
/**********************************************/
#main_head .gnav {
	width:780px;
	height:59px;
	background:url(../images/navi/gnav.gif) 0 0 no-repeat;
	margin-top:12px;
}
* html #main_head .gnav {
	width:780px;
	height:59px;
	background:url(../images/navi/gnav.gif) 0 0 no-repeat;
	margin-top:6px;
}
#main_head .gnav li {
	float:left;
}
#main_head .gnav li a:link,
#main_head .gnav li a:visited{
	position:absolute;
	display:block;
	width:130px;
	height:59px;
	text-indent:-9999px;
	overflow:hidden;
	z-index:10;
}
/*製品紹介*/
#main_head .gnav .products a:link,
#main_head .gnav .products a:visited{
	left:0;
	width:130px;
}
#main_head .gnav .products a:hover,
#main_head .gnav .products a:focus{
	background:url(../images/navi/gnav.gif) 0 -59px no-repeat;
}
#main_head .gnav .products a:active{
	background:url(../images/navi/gnav.gif) 0 -118px no-repeat;
}
#main_head .current-products .products a:link,
#main_head .current-products .products a:visited{
	background:url(../images/navi/gnav.gif) 0 -179px no-repeat;
}
#main_head .gnav-products,
#main_head .gnav-products-click{
	position:absolute;
	top:62px;
	left:0;
	width:130px;
	height:59px;
	background:url(../images/navi/gnav.gif) 0 -59px no-repeat;
}
#main_head .gnav-products-click {
	background:url(../images/navi/gnav.gif) 0 -118px no-repeat;
}
/*ボール等級と仕様*/
#main_head .gnav .balls a:link,
#main_head .gnav .balls a:visited{
	left:130px;
	width:130px;
}
#main_head .gnav .balls a:hover,
#main_head .gnav .balls a:focus{
	background:url(../images/navi/gnav.gif) -130px -59px no-repeat;
}
#main_head .gnav .balls a:active{
	background:url(../images/navi/gnav.gif) -130px -118px no-repeat;
}
#main_head .current-balls .balls a:link,
#main_head .current-balls .balls a:visited{
	background:url(../images/navi/gnav.gif) -130px -179px no-repeat;
	cursor:default;
}
#main_head .gnav-balls,
#main_head .gnav-balls-click{
	position:absolute;
	top:62px;
	left:130px;
	width:130px;
	height:59px;
	background:url(../images/navi/gnav.gif) -130px -59px no-repeat;
}
#main_head .gnav-balls-click {
	background:url(../images/navi/gnav.gif) -130px -118px no-repeat;
}
/*在庫サイズ*/
#main_head .gnav .size a:link,
#main_head .gnav .size a:visited{
	left:260px;
	width:130px;
}
#main_head .gnav .size a:hover,
#main_head .gnav .size a:focus{
	background:url(../images/navi/gnav.gif) -260px -59px no-repeat;
}
#main_head .gnav .size a:active{
	background:url(../images/navi/gnav.gif) -260px -118px no-repeat;
}
#main_head .current-size .size a:link,
#main_head .current-size .size a:visited{
	background:url(../images/navi/gnav.gif) -260px -179px no-repeat;
}
#main_head .gnav-size,
#main_head .gnav-size-click{
	position:absolute;
	top:62px;
	left:260px;
	width:130px;
	height:59px;
	background:url(../images/navi/gnav.gif) -260px -59px no-repeat;
}
#main_head .gnav-size-click{
	background:url(../images/navi/gnav.gif) -260px -118px no-repeat;
}
/*用語解説*/
#main_head .gnav .gloss a:link,
#main_head .gnav .gloss a:visited{
	left:390px;
	width:130px;
}
#main_head .gnav .gloss a:hover,
#main_head .gnav .gloss a:focus{
	background:url(../images/navi/gnav.gif) -390px -59px no-repeat;
}
#main_head .gnav .gloss a:active{
	background:url(../images/navi/gnav.gif) -390px -118px no-repeat;
}
#main_head .current-gloss .gloss a:link,
#main_head .current-gloss .gloss a:visited{
	background:url(../images/navi/gnav.gif) -390px -179px no-repeatx;
}
#main_head .gnav-gloss,
#main_head .gnav-gloss-click{
	position:absolute;
	top:62px;
	left:390px;
	width:130px;
	height:59px;
	background:url(../images/navi/gnav.gif) -390px -59px no-repeat;
}
#main_head .gnav-gloss-click{
	background: url(../images/navi/gnav.gif) -390px -118px no-repeat;
}
/*新製品情報*/
#main_head .gnav .new a:link,
#main_head .gnav .new a:visited{
	left:520px;
	width:130px;
}
#main_head .gnav .new a:hover,
#main_head .gnav .new a:focus{
	background:url(../images/navi/gnav.gif) -520px -59px no-repeat;
}
#main_head .gnav .new a:active{
	background:url(../images/navi/gnav.gif) -520px -118px no-repeat;
}
#main_head .current-new .new a:link,
#main_head .current-new .new a:visited{
	background:url(../images/navi/gnav.gif) -520px -179px no-repeat;
}
#main_head .gnav-new,
#main_head .gnav-new-click{
	position:absolute;
	top:62px;
	left:520px;
	width:130px;
	height:59px;
	background:url(../images/navi/gnav.gif) -520px -59px no-repeat;
}
#main_head .gnav-new-click{
	background: url(../images/navi/gnav.gif) -520px -118px no-repeat;
}
/*お問い合わせ*/
#main_head .gnav .inquire a:link,
#main_head .gnav .inquire a:visited{
	left:650px;
	width:130px;
}
#main_head .gnav .inquire a:hover,
.gnav .inquire a:focus{
	background:url(../images/navi/gnav.gif) -650px -59px no-repeat;
}
#main_head .gnav .inquire a:active{
	background:url(../images/navi/gnav.gif) -650px -118px no-repeat;
}
#main_head .current-contact .inquire a:link,
#main_head .current-contact .inquire a:visited{
	background:url(../images/navi/gnav.gif) -650px -179px no-repeat;
}
#main_head .gnav-inquire,
#main_head .gnav-inquire-click{
	position:absolute;
	top:62px;
	left:650px;
	width:130px;
	height:59px;
	background:url(../images/navi/gnav.gif) -650px -59px no-repeat;
}
#main_head .gnav-inquire-click{
	background:url(../images/navi/gnav.gif) -650px -118px no-repeat;
}
/**********************************************/
/*6.パンくず*/
/**********************************************/
ul#pan{
	margin:5px 0 5px -10px;
}
ul#pan li{
	display:inline;
	margin-right:10px;
}
ul#pan li a{
	margin-right:10px;
	margin-left:10px;
}
ul#pan li span{
	margin-right:10px;
}
ul#pan li a:link{
	color:#625bf3;
	text-decoration:underline;
}
ul#pan li a:visited{
	color:#625bf3;
	text-decoration:underline;
}
ul#pan li a:hover{
	color:#625bf3;
	text-decoration:underline;
}
/**********************************************/
/*8.footer*/
/**********************************************/
#container #footer{
	background:url(../images/bg_footer.gif) left bottom repeat-x;
	height:98px;
	text-align:center;
	clear:both;
}
#footer #main_footer{
	width:780px;
	border-top:5px solid #93031b;
}
#footer #main_footer ul{
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
}
#main_footer ul li{
	display:inline;
	padding-right:10px;
	margin-right:10px;
	border-right:1px solid #555;
}
#main_footer ul li#end{
	border-right:0px none;
	margin-right:0;
	padding-right:0;
}
#main_footer #foot_logo{
	float:left;
	width:59px;
}
#main_footer address{
	margin-left:5px;
	float:left;
}
#main_footer #foot_iti{
	float:left;
	width:550px;
}
#main_footer #foot_kaydon{
	float:right;
	width:103px;
}
/**********************************************/
/*9.トップページ*/
/**********************************************/
h2#img_main{
	text-align:center;
	margin-bottom:4px;
}
h3#ttl_products{
	text-align:center;
	background:url(../images/bg_products.gif) 0 0 repeat-x;
	height:43px;
	margin-bottom:0;
}
#container #bg_iti{
	background:url(../images/bg_iti.gif) right bottom no-repeat;
	width:780px;
}
* html #container #bg_iti{
	margin-bottom:10px;
}
*:first-child+html #container #bg_iti{
	margin-bottom:10px;
}
/*製品紹介コーナー*/
#container #products_info{
	width:780px;
	margin-bottom:30px;
}
#container #products_info div{
	padding:0 20px;
	border-bottom:1px dashed #555;
}
#container #products_info div dl{
	float:left;
	width:370px;
	margin:10px 0 10px 0;
}
#container #products_info div a{
	display:block;
	width:370px;
	height:79px;
	float:left;
	cursor:hand;
}
#container #products_info div a:hover{
	background:url(../images/bg_products-hover.gif) 0 0 no-repeat;
	text-decoration:none;
}
*:first-child+html #container #products_info div dl{
	padding-bottom:10px;
}
#container #products_info div dd{
	margin-top:5px;
	margin-left:22px;
}
#container #products_info div dd a:hover{
	text-decoration:none;
}
/*インフォメーション*/
#container #info{
	clear:both;
	margin-top:30px;
}

#container #info ul{
	border-bottom:1px dotted #999;
	width:370px;
}

#container #info li{
	margin-left:10px;
}

#container #info li span.ymd{
	margin-right:10px;
	color:#CC6666;
}
#container #index_totop{
	margin-bottom:10px;
	padding-bottom:20px;
}
* html #container #index_totop{
	padding-bottom:10px;
}
*:first-child+html #container #index_totop{
	margin-bottom:20px;
	padding-bottom:0px;
}

/**********************************************/
/*10.製品紹介*/
/**********************************************/
/***main_body・left_body・right_body***/
#main_body #left_body{
	width:100%;
}
#main_body #left_body{
	width:550px;
	float:left;
}
#main_body #right_body{
	width:210px;
	float:left;
	margin-left:20px;
}
#right_body h2{
	margin-bottom:0px;
}
#container .totop{
	text-align:right;
	margin-top:30px;
	clear:both;
}
/***snav***/
#container #snav{
	border-top:5px solid #5c66be;
	/*padding-top:4px;*/
}
#container #snav li{
	height:36px;
	width:210px;
	background:url(../images/navi/snav_headline.gif) 0 5px no-repeat;
	border-bottom:1px dashed #4e58af;
}
#container #snav li span{
	font-size:0.9em;
}
#container #snav li a{
	display:block;
	height:26px;
	width:203px;
	padding:10px 0 0 7px;
}

*html body #container #snav li a{
	display:block;
	height:26px;
	width:203px;
	padding:10px 0 4px 7px;
}

#container #snav li a:hover{
	text-decoration:none;
	background:#ece4ff url(../images/navi/snav_current.gif) 0 5px no-repeat;
}

#container #snav li#current-menu{
	background:url(../images/navi/snav_current.gif) 0 5px no-repeat;
}

#container #snav li#current-menu a{
	display:block;
	width:203px;
	height:26px;
	padding:10px 0 0 7px;
}

*html body #container #snav li#current-menu a{
	/*height:26px;*/
	padding:12px 0 0 7px;
}

/*製品の詳細表*/
#products table{
	width:550px;
	margin-bottom:20px;
}
#products table th,
#products table td{
	text-align:center;
}
#products table.left th,
#products table.left td{
	text-align:left;
}

/*2列の場合*/
#products table.line02 tbody th{ 
	width:30%;
}
#products table.line02 tbody td{ 
	width:70%;
}
/*5列の場合*/
#products table.line05 thead .th01{
	width:15%;
}
#products table.line05 thead .th02,
#products table.line05 thead .th03,
#products table.line05 thead .th04,
#products table.line05 thead .th05{
	width:21%;
}
/*5列の場合その2*/
#products table.line05_02 thead th{
	width:20%;
}
/*6列の場合*/
#products table.line06 thead .th01{
	width:10%;
}
#products table.line06 thead .th02,
#products table.line06 thead .th03,
#products table.line06 thead .th04,
#products table.line06 thead .th05,
#products table.line06 thead .th06{
	width:15%;
}
/*1列だけサイズ指定*/
#products table thead .th01{
	width:20%;
}
#products table .b_double{
	border-bottom:3px double #333;

}
html > body#products sup{
	vertical-align:top; 
	font-size:0.8em;
}
html > body#products sub{
	font-size:0.8em;
}
#left_body .products_wrap{
	margin-bottom:5px;

}
#left_body .products_comment390{
	width:390px;
	float:left;
}
#left_body .products_img150{
	width:150px;
	float:left;
	margin-left:10px;
}

#left_body .products_img150r{
	width:150px;
	float:right;
	margin:0 0 0 10px;
}

#left_body .products_comment550{
	width:100%;
}
#left_body .products_img550{
	width:100%;
	margin-bottom:20px;
	padding-left:50px;
}
#left_body .products_img550 div{
	float:left;
	margin-left:10px;
}
#left_body #uses{
	clear:both;
	margin-bottom:20px;
}
#left_body #uses dd{
	background:url(../images/icon_arrow.gif) 0 0.2em no-repeat;
	padding-left:8px;
	margin-left:10px;
	line-height:1.5;
}
#left_body .column{
	width:550px;
	margin-bottom:30px;
}
#left_body .column .ttl_column{
	height:24px;
	margin-left:12px;
}
#left_body .column .txt_column{
	border-top:5px solid #807e7e;
	border-left:1px solid #555;
	border-bottom:1px solid #555;
	border-right:1px solid #555;
	padding:10px;
}
#left_body .column .txt_column li{
	line-height:1.5;
}
#left_body .column .txt_column strong{
	display:inline;
	font-size:1.0em;
}
#container dl.ttl_ball{
	margin-bottom:20px;
}
#container dl.ttl_ball dt{
	background:url(../images/ttl_ball.gif) 0 0.1em no-repeat;
	padding:3px 0 3px 18px;
	font-weight:bold;
	font-size:1.2em;
}
#container dl.ttl_ball dd{
	margin-left:20px;
	line-height:1.8;
}
#container .dl_wrap{
	width:398px;
	margin-bottom:20px;
	margin-left:60px;
	padding:10px 10px 10px 20px;
	background:#f2f1fe;
	border:1px solid #6e5fb0;
}
*html #container .dl_wrap{
	width:400px;
	margin-left:70px;
}
*:first-child+html #container .dl_wrap{
	width:400px;
}
#container .dl_wrap dl{
	width:196px;
	float:left;
}
* html #container .dl_wrap dl{
	width:200px;
}
*:first-child+html .dl_wrap dl{
	width:200px;
}
/*20081031*/
*html body #container .dl_wrap dl{
	width:185px;
	float:left;
}

#container .dl_wrap dt{
	background:url(../images/ttl_bar.gif) 0 0 no-repeat;
	padding-left:10px;
	margin-left:12px;
	font-size:1.2em;
}
#container .dl_wrap dd{
	margin-left:12px;
	font-size:1.2em;
	margin-bottom:0px;
	line-height:1.5;
}
/*20081029酒井追加*/
#left_body h3.ttl_h3{
	border-bottom:3px solid #5e4ca3;
	padding-left:3px;
	margin-bottom:10px;
	font-size:1.4em;
	font-weight:bold;
}
#left_body .products_wrap .draft{
	margin-top:-10px;
}
/*20081029酒井追加ここまで*/
/**********************************************/
/*11.ボール等級と仕様*/
/**********************************************/

#products #ball table{
	width:720px;
}

/**********************************************/
/*12.在庫サイズ*/
/**********************************************/
/**********************************************/
/*13.用語解説*/
/**********************************************/
/**********************************************/
/*14.新製品情報*/
/**********************************************/
/**********************************************/
/*15.お問い合わせ*/
/**********************************************/
.c_red {
  color:#bc3f3f;
}

div#corporate_table p.t_left {
  text-align:left;
	text-indent:0;
	margin-bottom:2px;	
}
div#corporate_table p.t_center, 
div#corporate_table p.t_center input{
  text-align:center;
}

div#corporate_table #inquire_table th{
  width:200px;
}

/*完了画面*/
h3#inquire_caption {
  border-bottom: 3px solid #990000;
	font-size:16px;
	font-weight:bold;
}

#catch {
  font-size:16px;
	font-weight:bold;
}

#catch_r {
  font-size:16px;
	font-weight:bold;
	color:#990000;
}

/**********************************************/
/*16.リンク*/
/**********************************************/
#link #main_body ul{
  margin:20px 0;
	padding-bottom:20px;
}

#link #main_body li {
  padding:10px;
	border-bottom:1px dotted #CCCCCC;
}
	
/**********************************************/
/*17.会社情報*/
/**********************************************/
#products #company table{
	width:600px;
}

#products #company th,
#products #company td{
  text-align:left;
}

div#corporate_table {
  width:600px;
  text-align:center;
	right,left: auto;
	margin-top:20px;
}

div#group_table {
  width:600px;
  text-align:center;
	right,left: auto;
	margin-top:20px;
}

#products #company div#group_table th {
  background-color:#FFFFFF;
	width:150px;
	padding:5px;
	text-align:center;
}

#products #company .ttl_ball strong{
  font-weight:bold;
  color:#333;
	clear:none;
	display:inline;
	font-size:100%;
}

/*#company dl {
  width:150px;
  display:inline;
	float:left;
	padding:0 5px 15px 5px;
}*/


/*会社情報カラム*/

#company .column .ttl_column {
	width:521px;
	height:24px;
	padding-left:12px;
}


#company .column .txt_column {
  border-color:#807E7E rgb(85, 85, 85) rgb(85, 85, 85);
  border-style:solid;
  border-width:5px 1px 1px;
  padding:10px;
	width:500px;
	margin-bottom:15px;
}

/*会社情報　グループ*/
#products #company .column .txt_column table {
  border:none;
	width:400px;
}

#company .column .txt_column table tbody th{
  background:none;
	border:none;
	width:90px;
}

#company .column .txt_column table tbody td{
	border:none;
}

/**********************************************/
/*17.サイトマップ*/
/**********************************************/
#products #sitemap {
  clear:both;
}

#products #sitemap #main_body ul {
  margin-bottom:10px;
	margin-left:15px;
}

#sitemap #main_body .site_list li {
 background:transparent url(../images/icon_site.gif) no-repeat scroll 0pt 3px;
 padding-left:15px;
 line-height:1.8;
}

html>body #sitemap #main_body .site_list ul{
 margin-left:15px;
}


#sitemap #main_body .site_list .site_list_s li {
 background:transparent url(../images/icon_arrow.gif) no-repeat scroll 0pt 0.4em;
 line-height:1.8;
 padding-left:10px;
}

/*準備中*/
div#prepare {
  text-align:center;
	margin:100px auto;
}