@charset "utf-8";

/* tags */
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background: #eaeff3 url(../images/back.gif) repeat-y center top;
	color: #3f3f3f;
	font: 62.5% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
a:link,a:visited {
	color: #0443b7;
	text-decoration: underline;
}
a:hover,a:active {
	color: #e00;
	text-decoration: none;
}
img {
	border-style: none;
}
h1 {
	font-size: 1.1em;
	color: #474747;
	padding: 5px 5px 5px 12px;
	font-weight: normal;
	background: #d2e5f8;
	margin: 0px;
}
p {
	font-size: 1.2em;
	line-height: 140%;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

.clear{clear:both;}
/* for IE5.5-7 */
.clrfix {
	zoom: 1;
}
.clrfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
/* for MacIE */
/*\*/*/
.clrfix {
	display: inline-table;
}
/**/


/* common id */
#container {
	width: 760px;
	text-align: left;
	margin: 0px auto;
}
#header {
	height: 67px;
	width: 760px;
	background: url(../images/header.gif) no-repeat left top;
}
#header a {
	display: block;
	height: 67px;
	width: 280px;
	text-indent: -5000px;
	text-decoration: none;
}
#totop {
	clear: both;
	padding: 20px 0px 0px;
}
#totop p {
	margin: 0px 0px 1px;
	padding: 3px 19px 3px 0px;
	background: #a1a1a1 url(../images/totop.gif) no-repeat right center;
	text-align: right;
	color: #fff;
	line-height: 100%;
}
#totop a:link,#totop a:visited {
	color: #fff;
	text-decoration: none;
}
#totop a:hover,#totop a:active {
	color: #fff;
	text-decoration: underline;
}
#footer{
	width:760px;
	background: #dedede;
}
.footer-navi{
	width:600px;
	float:left;
}
.footer-navi p {
	line-height: 180%;
	padding: 10px;
	margin: 0px;
}
.do-see{
	width:96px;
	float:right;
}
.do-see img{
	margin-top:10px;
}

/* navi */
#navi {
	margin: 0px 0px 2px;
}
#navi ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#navi li {
	display: block;
	float: left;
	height: 33px;
	margin: 0px;
	padding: 0px;
}
#navi li a {
	display: block;
	height: 33px;
	text-indent: -5000px;
	text-decoration: none;
}
#navi ul li.mm01 a:link,#navi ul li.mm01 a:visited {background: url(../images/menu1.gif) no-repeat left top; width:85px;}
#navi ul li.mm01 a:hover,#navi ul li.mm01 a:active {background: url(../images/menu1.gif) no-repeat left -33px; width:85px;}

#navi ul li.mm02 a:link,#navi ul li.mm02 a:visited {background: url(../images/menu2.gif) no-repeat left top; width:115px;}
#navi ul li.mm02 a:hover,#navi ul li.mm02 a:active {background: url(../images/menu2.gif) no-repeat left -33px; width:115px;}

#navi ul li.mm03 a:link,#navi ul li.mm03 a:visited {background: url(../images/menu3.gif) no-repeat left top; width:145px;}
#navi ul li.mm03 a:hover,#navi ul li.mm03 a:active {background: url(../images/menu3.gif) no-repeat left -33px; width:145px;}

#navi ul li.mm04 a:link,#navi ul li.mm04 a:visited {background: url(../images/menu4.gif) no-repeat left top; width:110px;}
#navi ul li.mm04 a:hover,#navi ul li.mm04 a:active {background: url(../images/menu4.gif) no-repeat left -33px;width:110px;}

#navi ul li.mm05 a:link,#navi ul li.mm05 a:visited {background: url(../images/menu5.gif) no-repeat left top; width:140px;}
#navi ul li.mm05 a:hover,#navi ul li.mm05 a:active {background: url(../images/menu5.gif) no-repeat left -33px;width:140px;}

#navi ul li.mm06 a:link,#navi ul li.mm06 a:visited {background: url(../images/menu6.gif) no-repeat left top; width:165px;}
#navi ul li.mm06 a:hover,#navi ul li.mm06 a:active {background: url(../images/menu6.gif) no-repeat left -33px;width:165px;}

#navi ul li.mm01fc a {background: url(../images/menu1.gif) no-repeat left -33px; width:85px;}
#navi ul li.mm02fc a {background: url(../images/menu2.gif) no-repeat left -33px; width:115px;}
#navi ul li.mm03fc a {background: url(../images/menu3.gif) no-repeat left -33px; width:145px;}
#navi ul li.mm04fc a {background: url(../images/menu4.gif) no-repeat left -33px;width:110px;}
#navi ul li.mm05fc a {background: url(../images/menu5.gif) no-repeat left -33px; width:140px;}
#navi ul li.mm06fc a {background: url(../images/menu6.gif) no-repeat left -33px;width:165px;}



/* table */

table.style_a {
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-collapse: collapse;
	width: 500px;
}


table.style_a th,table.style_a td {
	padding: 4px 8px;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	vertical-align: top;
	font-size: 1.2em;
	line-height: 140%;
}
table.style_a th {
	text-align: left;
	font-weight: normal;
	background: #D2E5F8;
	width: 90px;
}

table.style_b {
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-collapse: collapse;
	width: 500px;
}


table.style_b th,table.style_b td {
	padding: 4px 8px;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	vertical-align: top;
	font-size: 1.2em;
	line-height: 140%;
}
table.style_b th {
	text-align: left;
	font-weight: normal;
	background: #006400;
	width: 90px;
}

/* contact form */
em {
	font-style: normal;
	font-weight: normal;
	color: #e00;
}
form {
	margin: 0px;
	padding: 0px;
}
textarea {
	height: 150px;
	width: 350px;
}
form div {
	text-align: center;
	padding: 20px;
}
form th {
	width: 180px;
}
.size_l {width: 350px;}
.size_m {width: 180px;}
.size_s {width: 80px;}
#flash {
	background: url(../images/home-line1.gif) no-repeat left bottom;
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
}


/* home */
#home-01 {

}
#home-01 div {
	background: url(../images/dt1.gif) repeat-y left top;
	padding: 0px 0px 0px 23px;
}
#home-01 h2 {
	margin: 0px 0px 15px;
	padding: 0px;
	height: 43px;
	width: 267px;
}
#home-01 p {
	font-size: 1.4em;
	line-height: 160%;
	margin: 0px;
	padding: 0px 0px 10px;
}

#home-02 {
	float: right;
	width: 258px;
	background: #c6dff9;
	padding: 10px 0px 6px;
	text-align: center;
}
#home-02 div {
	padding: 0px 0px 4px;
}

.top-content-body{
width:760px;
clear:both;
border-top:10px #FFFFFF solid;
height:1%;
}
.top-content-l{
width:370px;
float:left;
}
.top-content-l h3{
	margin:0px;
	padding:0px;
}
.top-content-l p{
	margin:10px 0px;
}


.info-body{
width:370px;
float:right;
}
.info table{
	width:350px;
	margin-left:10px;
	font-size:12px;
}
.info td{
	line-height:2;
}
.info-body h4{
	margin:0px 0px 10px 0px;
	padding:0px;
}
.info-td1{
	border-bottom:1px #CCC dashed;
	width:80px;
	padding-bottom:3px;
}
.info-td2{
	border-bottom:1px #CCC dashed;padding-bottom:3px;
}
.link-l{
	width:180px;
	float:left;
}
.link-r{
	width:180px;
	float:right;
}

/* contents */
#contents {
	padding: 0px 30px;
}
h2#title1 {
	background: url(../images/title1.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px 0px 1px;
	height: 105px;
	width: 760px;
	border-bottom: 5px solid #dedede;
	clear: both;
	text-indent: -5000px;
}
h2#title2 {
	background: url(../images/title2.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px 0px 1px;
	height: 105px;
	width: 760px;
	border-bottom: 5px solid #dedede;
	clear: both;
	text-indent: -5000px;
}
h2#title4 {
	background: url(../images/title4.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px 0px 1px;
	height: 105px;
	width: 760px;
	border-bottom: 5px solid #dedede;
	clear: both;
	text-indent: -5000px;
}
h2#title5 {
	background: url(../images/title5.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px 0px 1px;
	height: 105px;
	width: 760px;
	border-bottom: 5px solid #dedede;
	clear: both;
	text-indent: -5000px;
}

#contents h3 {
	margin: 20px 0px 15px;
	padding: 0px;
	height: 37px;
	width: 179px;
	text-indent: -5000px;
}

#contents h3#st1 {background: url(../images/st1.gif) no-repeat left top;}
#contents h3#st2 {background: url(../images/st2.gif) no-repeat left top;}
#contents h3#st3 {background: url(../images/st3.gif) no-repeat left top;}
#contents h3#st4 {background: url(../images/st4.gif) no-repeat left top;}
#contents h3#st5 {background: url(../images/st5.gif) no-repeat left top;}

#contents h3#st7 {background: url(../images/st7.gif) no-repeat left top;}
#contents h3#st8 {background: url(../images/st8.gif) no-repeat left top;}
#contents h3#st9 {background: url(../images/st9.gif) no-repeat left top; width: 210px;}


#combx1 {
	background: url(../images/dt1.gif) repeat-y left top;
	padding: 0px 0px 0px 23px;
}
#combx1 p {
	margin: 0px;
	padding: 0px;
}
#com-his {
	width: 700px;
	border-top: 1px dotted #999;
}
#com-his td,#com-his th {
	font-size: 1.2em;
	line-height: 140%;
	padding: 4px;
	border-bottom: 1px dotted #999;
}
#com-his th {
	font-weight: normal;
	text-align: left;
	width: 80px;
}
#combx2 {
	width: 300px;
	float: right;
}
#combx2 h4 {
	font-size: 1.4em;
	line-height: 140%;
	font-weight: bold;
	border-bottom: 1px dotted #999;
	margin: 0px 0px 10px;
	padding: 0px 0px 3px;
}
#combx2 h5 {
	font-size: 1.4em;
	font-weight: bold;
	color: #CC0000;
	margin: 0px 0px 5px;
	padding: 0px;
}
img.imgr {
	float: right;
}
#ibx1 {
	background: #d3e6fa;
	padding: 10px 0px 10px 12px;
	margin: 0px 0px 15px;
}
#ibx1 .ibxs1 {
	float: left;
	width: 162px;
	margin: 0px 9px 10px 0px;
	background: #fff;
}
#ibx1 .ibxs1 div {
	border: 1px solid #8baed4;
	padding: 6px 0px 4px;
	text-align: center;
}
#ibx1 .ibxs1 p {
	margin: 2px 0px 0px;
	font-size: 1.1em;
}
#ibx1 .ibxs2 {
	float: left;
	width: 324px;
	text-align: center;
	padding: 35px 0px 0px;
}

.ib {
	clear: both;
	margin: 0px 0px 10px;
}


.ibxm1 {
	float: left;
	width: 340px;
}
.ibxm2 {
	float: right;
	width: 340px;
}

.ibxm1 h4,.ibxm2 h4 {
	margin: 0px 0px 5px;
	padding: 0px;
	height: 25px;
	width: 340px;
	text-indent: -5000px;
}

h4#ibh4-1 {background: url(../images/item-st1.gif) no-repeat left top;}
h4#ibh4-2 {background: url(../images/item-st2.gif) no-repeat left top;}
h4#ibh4-3 {background: url(../images/item-st3.gif) no-repeat left top;}
h4#ibh4-4 {background: url(../images/item-st4.gif) no-repeat left top;}
h4#ibh4-5 {background: url(../images/item-st5.gif) no-repeat left top;}
h4#ibh4-6 {background: url(../images/item-st6.gif) no-repeat left top;}
h4#ibh4-7 {background: url(../images/item-st7.gif) no-repeat left top;}
h4#ibh4-8 {background: url(../images/item-st8.gif) no-repeat left top;}
h4#ibh4-9 {background: url(../images/item-st9.gif) no-repeat left top;}
h4#ibh4-10 {background: url(../images/item-st10.gif) no-repeat left top;}
h4#ibh4-11 {background: url(../images/item-st11.gif) no-repeat left top;}
h4#ibh4-12 {background: url(../images/item-st12.gif) no-repeat left top;}
h4#ibh4-13 {background: url(../images/item-st13.gif) no-repeat left top;}
h4#ibh4-14 {background: url(../images/item-st14.gif) no-repeat left top;}
h4#ibh4-15 {background: url(../images/item-st15.gif) no-repeat left top;}
h4#ibh4-16 {background: url(../images/item-st16.gif) no-repeat left top;}
h4#ibh4-17 {background: url(../images/item-st17.gif) no-repeat left top;}
h4#ibh4-18 {background: url(../images/item-st18.gif) no-repeat left top;}
h4#ibh4-19 {background: url(../images/item-st19.gif) no-repeat left top;}
h4#ibh4-20 {background: url(../images/item-st20.gif) no-repeat left top;}
h4#ibh4-21 {background: url(../images/item-st21.gif) no-repeat left top;}
h4#ibh4-22 {background: url(../images/item-st22.gif) no-repeat left top;}
h4#ibh4-23 {background: url(../images/item-st23.gif) no-repeat left top;}
h4#ibh4-24 {background: url(../images/item-st24.gif) no-repeat left top;}
h4#ibh4-25 {background: url(../images/item-st25.gif) no-repeat left top;}
h4#ibh4-26 {background: url(../images/item-st26.gif) no-repeat left top;}
h4#ibh4-27 {background: url(../images/item-st27.gif) no-repeat left top;}
h4#ibh4-28 {background: url(../images/item-st28.gif) no-repeat left top;}
h4#ibh4-29 {background: url(../images/item-st29.gif) no-repeat left top;}
h4#ibh4-30 {background: url(../images/item-st30.gif) no-repeat left top;}
h4#ibh4-31 {background: url(../images/item-st31.gif) no-repeat left top;}
h4#ibh4-32 {background: url(../images/item-st32.gif) no-repeat left top;}


.imgthum {
	padding: 2px;
	border: 1px solid #ccc;
	float: left;
}
.ibtxt {
	float: right;
	width: 190px;
}
.ibtxt p {
	font-size: 1.1em;
	line-height: 140%;
	margin: 0px 0px 10px;
	background: url(../images/dt2.gif) repeat-y left top;
	padding: 0px 0px 0px 15px;
}
#map {
	float: left;
}

h2#title3 {
	background: url(../images/title3.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px 0px 1px;
	height: 105px;
	width: 760px;
	border-bottom: 5px solid #dedede;
	clear: both;
	text-indent: -5000px;
}
#g-content {
width:700px;
border-top:20px #FFFFFF solid;
border-left:30px #FFFFFF solid;
border-right:30px #FFFFFF solid;
font-size:12px;
}
.line{
padding:10px;
border:1px #CCCCCC solid;
height:1%;
}
#g-content table{
font-size:12px;
}
.g-content-l{
float:left;
width:333px;
}
.g-content-r{
float:right;
width:333px;
}
.g-content-l2{
float:left;
width:390px;
}
.g-content-r2{
float:right;
width:310px;
}
.g-data{
width:300px;
}
.g-data th{
padding:2px 10px;
text-align:left;
}

.g-data-t{
background-color:#1969b9;
color:#FFFFFF;
}
.th1{
width:70px;
}
.th2{
color:#4193e5;
width:70px;
}
.tokutyou{
padding:10px;
background-color:#e3effe;
border:1px #afd2fd solid;
}
.tokutyou ul{
padding:0px;
margin:0px 10px 10px 20px;
}
.tokutyou li{
line-height:1.6;
}
.contact{
text-align:right;
}
.g-data2{
width:300px;
border:1px #CCCCCC solid;
border-collapse:collapse;
}
.g-data2 th{
border:1px #CCCCCC solid;
padding:2px 10px;
text-align:left;
}
.g-data2 td{
border:1px #CCCCCC solid;
}

/*contact
---------------------------------------------------------------------------------*/
.contact-form{
padding:10px 0px;
}
.contact-form table{
width:700px;
font-size:12px;
border-collapse:collapse;
margin-bottom:10px;
}
.contact-form th{
	width:130px;
	background: url(../images/title-icon.jpg) no-repeat left top;
	padding:6px 0px 0px 12px;
	text-align:left;
	border-bottom:1px #CCC dashed;
	vertical-align:top;
	color:#666;
}
.contact-form td{
border-bottom:1px #CCC dashed;
padding:4px 10px;
}

.contact-p{font-size:11px;color:#666;}
#contact-bottun{text-align:center; margin-top:5px;}

input[type="radio"] {vertical-align:text-bottom;}

.form01{width:100px;}
.form02{width:200px;}
.form03{width:250px;}
.form04{width:350px;}

#privacy-window{
 border:1px #dbdbdb solid; 
 width:698px; height:250px; 
 overflow:scroll; 
 overflow-x:hidden; 
 margin:20px 0px 30px 0px;
 font-size:12px;
 }
.privacy-body{
padding:10px 10px 30px 10px;
color:#666;
}
.privacy-body ol{
padding:0px 0px 20px 20px;
}
.privacy-body li{
	line-height:1.8;
}
.privacy-text01{
margin-bottom:20px;
}
.privacy-text-r{
text-align:right;
}
.red{
	color: #CC0000;
}

/*CL
---------------------------------------------------------------------------------*/
.cl-content{
	padding:5px 10px 20px 20px;
	height:1%;
}
.cl-body{
	width:340px;
	float:left;
	border:10px #FFF solid;
}
.cl-title{
	border-bottom:1px #0154a2 solid;
	margin-bottom:10px;
}
.cl-title h4{
	background:url(../images/cl-title.gif) repeat-y;
	border-bottom:1px #FFF solid;
	margin:0px;
	padding:0px 10px;
	line-height:1.5;
	font-size:14px;
	color:#FFF;
}
.cl-photo {
	float: left;
}
.cl-photo img {
	padding: 2px;
	border: 1px solid #ccc;
}

.cl-text {
	float: right;
	width: 190px;
}
.cl-text p {
	font-size: 1.1em;
	line-height: 140%;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 15px;
}
.cl-p1{
	background: url(../images/dt2.gif) repeat-y left top;
}
.cl-p2{
	background: url(../images/dt3.gif) repeat-y left top;
}
.cl-button{
	padding:10px 0px;
	text-align: right;
}
.cl-button img{
	margin:0px 0px 0px 10px;
}
.paging{
	font-size: 2em;
	padding-bottom:10px;
}
.paging2{
	font-size: 2em;
	text-align:right;
}

/*WN02
---------------------------------------------------------------------------------*/
.wn-content{
	padding:20px 10px 20px 20px;
	height:1%;
}
.wn-body{
	width:700px;
	float:left;
	border:10px #FFF solid;
}
.wn-title{
	border-bottom:1px #0154a2 solid;
	margin-bottom:10px;
}
.wn-title h3{
	background:url(../images/wn-title.gif) repeat-y;
	border-bottom:1px #FFF solid;
	margin:0px;
	padding:0px 10px;
	line-height:1.5;
	font-size:14px;
	color:#FFF;
}
.wn-photo-body{
	float:left;
	width:240px;
}
.wn-photo{
	margin-bottom:10px;
}
.wn-photo img {
	padding: 2px;
	border: 1px solid #ccc;
}
.wn-text {
	float: right;
	width: 459px;
}
.wn-text p {
	font-size:12px;
	line-height: 160%;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 15px;
	background: url(../images/dt2.gif) repeat-y left top;
}
.close{
	text-align: center;
}


/*増設　取扱商品*/

.item-detail-body{
width:760px;
clear:both;
border-top:10px #FFFFFF solid;
height:1%;
}

#osusume-top div {
	padding: 0px 0px 0px 23px;
}

#osusume-top p {
	line-height: 160%;
	margin: 0px;
	padding: 0px 0px 10px;
	text-align:center;
}

#search-cate{padding:0;}

#search-cate1 {padding:10px; background-color:#265f9f;}

#jumper p{
	padding: 0;
	text-align:center;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding:5px;
	}

.item-cate{
width:200px;
float:left;
font-size:14px;
line-height:1.5em;
}
.item-cate h3{
	margin:0px;
	padding:0px;
}
.item-cate p{
	margin:10px 0px;
}

.item-cate ul{
	list-style-image:url(../images/cate-mark.gif);}

.categoly{
	padding:0 0 0 20px;
	margin:0;
}
	
.categoly a{
	text-decoration:underline;}	
	
.item-detail{
width:550px;
float:right;
font-size:12px;
}

.item-title{
	padding:5px;
	margin-bottom:10px;
background-image:url(../images/item-title-bg.gif);
	color:#fff;
	}

.item-left{
	float:left;
	width:250px;}

.file-top{
	margin-bottom:10px;
	}

.file-bottom{
	float:left;
	width:115px;
	margin-right:8px;
	margin-bottom:10px;	
	}

.item-right{
	float:left;
	width:295px;}

.item-text{
		padding:5px;	
		background: #d2e5f8;
		margin-bottom:10px;
	}

.siyou{
	width:70px;
	font-weight:bold;
	padding:5px 0;
	float:left;
	}	

.kiboukouri{
	width:80px;
	padding:5px 0;
	float:left;
	}
.yen{
	padding:5px 0;	
	float:left;
	}	
	
.siyou-detail{
	width:40px;
	padding:5px;
	margin-top:10px;
	float:left;
	background: #d2e5f8;
	}

.freetext{
	float:left;
	margin-top:10px;	
	padding:5px 0 5px 5px;
}

.textlink{
	padding:5px 0;
	border-bottom:1px dotted #666;	
	}
	
	
/*汎用*/
.f-left{float:left;}
.f-right{float:right;}
.v-middle{vertical-align: middle;}

.mt10{margin-top:10px;}
.mr50{margin-right:50px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}