@charset "Shift_JIS";


/* ----------------
　RESET
---------------- */

* {
	margin:0px;
	padding:0px;
}

body,
h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, ol, ul, li,
form, input, select, textarea, fieldset, legend { 
	margin: 0; 
	padding: 0; 
}

h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, ol, ul,
th { 
	font-weight: normal;
	font-style: normal; 
}

strong { 
	font-weight:normal; 
	font-style: normal; 
}

img {
	border: none;
}

ul {
list-style: none;
}


/* headline
----------------------------------- */

h2 {
background:url(../img/bg_h2.jpg) no-repeat;
width:555px;
height:50px;
text-align:left;
padding:15px 0 0 0;
	font-size:13px;
	font-weight:normal;
	clear:both;
	color:#444;
	text-indent:30px;
}

h3 {
background:url(../img/bg_h3.jpg) no-repeat;
width:555px;
height:40px;
text-align:left;
padding:15px 0 0 0;
	font-size:12px;

	clear:both;
	color:#FD8787;
	text-indent:20px;

}




h4 {
	background:url(../img/bg_h4.jpg) no-repeat;
	background-position:0px 0px;
	height:30px;
	margin-top:9px;
	font-size:12px;
	color:#FD8787;
	padding:0px 0 0 0px;
	text-indent:20px;
	text-align:left;
}

blockquote {
	margin:5px 25px;
	padding:10px;
	font-size:100%;
	border:1px solid #FFA0A7;
	background:url(../img/bg_blq.jpg);
	vertical-align:middle;
	clear:both;
	text-align:left;
	}
	

/* ----------------
	3. BODY
---------------- */

body {
	font-family: Verdana, Arial, sans-serif;
	font-size:80%;
	color:#444;
	margin:0;
	padding:0;
	line-height:14pt;
}

a {	text-decoration:none; }
a:link {  color:#2580C9; }
a:hover {	color:#2580C9; }


input, select, textarea { 
	font-family: Verdana, Arial, sans-serif;
	color: #444; 	
}



/* ----------------
	4. CLASS
---------------- */

.clear {
	font-size: 0;
	line-height: 0;
	clear: both;
	height: 0px;
	visibility: hidden;
}

.r1 {
	float:right;
	border:1px solid #ccc;
	margin:5px;
}

.r {
	float:right;
	margin:5px;
}

.l {
	float:left;
	margin:5px;
}

.l1 {
	float:left;
	border:1px solid #ccc;
	margin:5px;
}

.red {
	color:#E20000;

}

.reds {
	color:#E20000;
	font-size:10px;

}

.redb {
	color:#E20000;
	font-weight:bold;
	}

.redmid {
	color:#E20000;
	font-weight:bold;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka;
	line-height:130%;

}

.redbig {
	color:#E20000;
	font-size:18px;
	font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka;
	line-height:150%;

}

.sub {
	color:#333;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka;
	line-height:130%;

}

.redll {
	color:#E20000;
	font-size:18px;

}

.redllb {
	color:#E20000;
	font-size:18px;
	font-weight:bold;

}

.tel {
	font-size:15px;
	font-weight:bold;
	color:#CC0000;
	}

.bor {
border:1px solid #ccc;
}

.center {
text-align:center;

}




/* oowaku
----------------------------------- */

#all {
	text-align:center;
	background:url(../img/bg.jpg) no-repeat top center;
}

*html body div#all {
	text-align:center;
  background:url(../img/bg_ie6.jpg) no-repeat top center;
}

#container {
	width:820px;
	text-align:center;
	margin:0 auto;
	background:url(../img/bg_con.jpg) repeat-y;
}

#container-in1 {
	width:780px;
	margin: 0 auto;
	position: relative;
}

/* head
----------------------------------- */


#head {
background:url(../img/header.jpg) no-repeat;
height:89px;
position:relative;
}

#head h1 a {
	background:none;
	display:block;
	height:46px;
	width:199px;
	position:absolute;
	top:43px;
	left:15px;
}

#head h1 a strong {
	text-indent:-9999px;
	visibility:hidden;
	font-size:0.1em;
	line-height:0;
}
 
/* navi
----------------------------------- */
#navi_out {
background:url(../img/navi_all.jpg) no-repeat;
height:32px;
width:800px;

}


#navi {
	height:32px;
	width:555px;
	float:right;
	background:url(../img/navi_r.jpg) no-repeat;
}


#navi ul li {
	float:left;	
}

#navi ul li a {
	display:block;
	height:32px;
}

#navi ul li a span {
	text-indent:-9999px;
	visibility:hidden;
	font-size:0.1em;
	line-height:0;
}

#navi ul li.home a{
	background:url(../img/navi.jpg) no-repeat;
	background-position:-245px 0px;
	width:85px;

}

#navi ul li.company a{
	background:url(../img/navi.jpg) no-repeat;
	background-position:-330px 0px;
	width:112px;

}

#navi ul li.rec a{
	background:url(../img/navi.jpg) no-repeat;
	background-position:-442px 0px;
	width:105px;
}

#navi ul li.contact a{
	background:url(../img/navi.jpg) no-repeat;
	background-position:-547px 0px;
	width:129px;
}

#navi ul li.sitemap a{
	background:url(../img/navi.jpg) no-repeat;
	background-position:-676px 0px;
	width:104px;
}

#navi ul li a:hover{
	background:0;

}


/* main contains side & contents
----------------------------------- */

#main {
padding:0 10px;

}

/* side
----------------------------------- */

#side {
	float:left;
	width:200px;
	text-align:left;
	padding-bottom: 20px;
	margin-top:12px;
	background:url(../img/side_r.jpg) no-repeat;
}


#side ul, li {
margin:0;
padding:0;
}

#side ul li a {
	display:block;
}

#side ul li a span {
	text-indent:-9999px;
	visibility:hidden;
}

#side ul li.menu01 a {
	background:url(../img/side.jpg) no-repeat;
	width:200px;
	height:66px;
}

#side ul li.menu01 a:hover {
	background:url(../img/side_r.jpg) no-repeat;
	width:200px;
	height:66px;
}

#side ul li.menu02 a {
	background:url(../img/side.jpg) no-repeat;
	background-position:0px -66px;
	width:200px;
	height:66px;
}

#side ul li.menu02 a:hover {
	background:url(../img/side_r.jpg) no-repeat;
	background-position:0px -66px;
	width:200px;
	height:66px;
}

#side ul li.menu03 a {
	background:url(../img/side.jpg) no-repeat;
	background-position:0px -132px;
	width:200px;
	height:66px;
}

#side ul li.menu03 a:hover {
	background:url(../img/side_r.jpg) no-repeat;
	background-position:0px -132px;
	width:200px;
	height:66px;
}

#side ul li.menu04 a {
	background:url(../img/side.jpg) no-repeat;
	background-position:0px -198px;
	width:200px;
	height:66px;
}

#side ul li.menu04 a:hover {
	background:url(../img/side_r.jpg) no-repeat;
	background-position:0px -198px;
	width:200px;
	height:66px;
}

#side ul li.menu05 a {
	background:url(../img/side.jpg) no-repeat;
	background-position:0px -264px;
	width:200px;
	height:66px;
}

#side ul li.menu05 a:hover {
	background:url(../img/side_r.jpg) no-repeat;
	background-position:0px -264px;
	width:200px;
	height:66px;
}




/* contents
----------------------------------- */


#contents {
float:right;
width:555px;
padding:0 0 30px 0px;

text-align:right;
font-size:12px;
}


#faq {
text-align:left;
padding:0 20px;

}
.faq {
text-align:left;
padding:0 20px;
width:500px;

}

#key {
text-align:right;
}

#key span {
font-size:15px;
font-weight:bold;
color:#FFFFFF;
font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka ;

}

/* news
----------------------------------- */

#news {
width:340px;
padding-top:10px;


}

#news h2 {
background:url(../img/bg_news.jpg) no-repeat;
width:350px;
height:50px;
}

#news h2 span {
	text-indent:-9999px;
	visibility:hidden;
	font-size:0.1em;
	line-height:0;
}





#dod {
background:url(../img/dod.jpg) no-repeat;
width:520px;
height:5px;

}


/* top_right
----------------------------------- */

#top_right {
width:210px;
float:right;
text-align:left;



}

#top_right p {
margin-top:0px;
padding-bottom:0px;
margin-bottom:10px;
font-size:12px;
color:#444;
font-family:"ＭＳ Ｐゴシック";
margin-left:10px;
}



/* copy & footer
----------------------------------- */

#copy {
height:59px;
background:url(../img/copy.jpg) no-repeat;


}


/* second
----------------------------------- */

#contents p {
text-align:left;
padding:0px 10px 10px 30px;
}

h2.midashi {
margin-top:10px;


}

h2.midashix {
margin-top:0px;


}

/* contact
----------------------------------- */

.form {
	font-size:12px;
	background:#ccc;
	margin:20px;

}

.form th {
	background-color:#f6f6f6;
	text-align:left;
	padding-left:20px;
	border:1px #fff solid;

}

.form td {
	padding:10px;
	background-color:#fff;
	text-align:left;
}

#add {
width:300px;
}

#submit {
	margin:10px;
}

.form2 th {
padding:5px 10px;
border-bottom:1px solid #f1f1f1;
background-color:#fbfbfb;
font-size:12px;
text-align:left;
border-left:#FEA3A4 solid 2px;

}

.form2 td {
padding:5px 10px;
font-size:12px;
text-align:left;
border-bottom:1px #f1f1f1 dotted;

}



/* ----------------
	2. link
---------------- */

#link {
	margin:10px 0px 0px 20px;
	font-size:12px;

}

#link td {
	padding:3px 3px 3px 10px;


}

/* ----------------
	2. sitemap
---------------- */

#st_list {
text-align:left;

}

#st_list ul {
	margin:10px 10px 10px 40px;

}

#st_list ul li {
	margin:5px 10px;
	list-style:disc;
}


/* ----------------
	table
---------------- */


.table01{
	font-size:12px;
	background:#ccc;
	margin:10px 20px 20px 20px;

}

.table01 th {
	background-color:#f6f6f6;
	text-align:left;
	padding-left:20px;
	border:1px #fff solid;

}

.table01 td {
	padding:5px;
	background-color:#fff;
	text-align:left;

}

.table01x{
	font-size:12px;
	background:#ccc;
	margin:10px;
	clear:both;

}

.table01x th {
	background-color:#FFCCFF;
		padding-left:4px;
	border:1px #fff solid;

}

.table01x td {
	padding:5px;
	background-color:#fff;
	

}
/* ----------------
	2. faq
---------------- */



dl {
	margin:10px 10px 0 10px;
	text-align:left;
}

dt {
	background:url(../img/q.jpg) no-repeat;
	padding:0px 0 20px 48px;
	color:#A85CEF;
	margin-bottom:5px;
	font-weight:bold;
	clear:both;
}


dd {
	background:url(../img/a.jpg) no-repeat;
	padding:0px 0 10px 48px;
	margin-bottom:20px;
	clear:both;
	border-bottom:dotted 1px #999;
}

/* ----------------
	list
---------------- */

#list {
width:170px;
margin:10px 4px 5px 6px;
float:left;
background:url(../img/bg_list.jpg) bottom;
text-align:center;

}

#list img {
width:160px;

}


* html body #list {
width:170px;
margin:10px 3px 5px 4px;
float:left;
background:url(../img/bg_list.jpg) bottom;
text-align:center;

}

#detail a {
width:152px;
height:29px;
background:url(../img/bu_detail.gif) no-repeat;
display:block;
margin:10px 0;

}

#detail a:hover {
width:152px;
height:29px;
background:url(../img/bu_detail_r.gif) no-repeat;
margin:10px 0;

}


#detail a span {
	text-indent:-9999px;
	visibility:hidden;
	font-size:0.1em;
	line-height:0;
}

#det {
width:540px;
}

#det_pix {
width:250px;
float:left;
}

#det_r {
width:280px;
float:right;
}


#det_tex {
text-align:left;
padding:0 10px 0 15px;

}


/*　bu_sample
----------------------------------- */



#bu_sample a {
background:url(../img/bu_sample.jpg) no-repeat;
width:300px;
height:50px;
margin-top:30px;
display:block;
}

#bu_sample a:hover {
background:url(../img/bu_sample_r.jpg) no-repeat;
}


#bu_sample a span {
	text-indent:-9999px;
	visibility:hidden;
	font-size:0.1em;
	line-height:0;
}


/*　bu_pdf
----------------------------------- */


.pdf {
width:195px;
height:60px;
display:block;
background:url(../img/bu_pdf.jpg) no-repeat;
padding:20px 20px;
font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
font-size:18px;
font-weight:bold;
color:#444;
float:right;
letter-spacing:2px;
}

/*　bu_english
----------------------------------- */

#bu_english a {
background:url(../img/bu_english.jpg) no-repeat;
width:100px;
height:21px;
display:block;
margin-bottom:-10px;
}


#bu_english a span {
	text-indent:-9999px;
	visibility:hidden;
	font-size:0.1em;
	line-height:0;
}

/*　20111101追加
----------------------------------- */
.prtitle {width:550px; text-align:left; font-size:16px; padding-left:32px; font-weight:bold; color:#990000; background-image:url(../images/productbkgimg.jpg); background-repeat:no-repeat; height:30px; padding-top:10px;
clear:both;}


.todetail {
width:152px;
height:29px;
margin:10px 0;

}

.listed {height:280px;
width:175px;
float:left;
color:#2580C9;
text-align:center;
padding-left:10px;}



.detailed a {
width:152px;
height:29px;
background:url(../img/bu_detail.gif) no-repeat;
display:block;
margin:10px 0;
margin-left:10px;

}

.detailed a:hover {
width:152px;
height:29px;
background:url(../img/bu_detail_r.gif) no-repeat;
margin:10px 0;
margin-left:10px;

}

.detailed span {line-height:28px;}

.copyed {
height:59px;
background:url(../img/copy.jpg) no-repeat;
margin-left:300px;

}

.bkbkbk {color:#333333;}

.ancmenu {padding-left:10px; float:left; font-size:12px;}
.totop {margin-left:450px; width:500px; clear:both;}
.titimg {width:550px; padding-top:10px;
clear:both; padding-left:0px;}
.titimgx {width:550px; padding-top:1px;
clear:both; padding-left:0px;}

.itemimg {padding-left:40px; float:left; padding-top:10px; width:229px; height:67px;}
.itemimgex {padding-left:10px; float:left; padding-top:10px; width:250px; height:120px;}
.coment {width:520px; text-align:left; padding-left:10px;}

.migihashi { margin-left:330px; margin-top:10px; width:600px; clear:both;}
.migihashieng { margin-left:420px; margin-top:10px; width:600px; clear:both;}
.w530 {width:530px; padding-left:2px; padding-right:4px;}

.hyou {text-align:center; width:530px; clear:both; margin-left:auto; margin-right:auto;}

.ppnp {width:530px;}
.kugiri {width:530px; clear:both;}



/*　20111116移設分追加
----------------------------------- */

.togz {width:210px; padding-left:10px; }


.gashita {padding-top:5px; font-size:12px; font-weight:normal;
padding-bottom:5px; vertical-align:top;}}
	 
	 .abcd {width:530px;}
	 .mb10 {margin-bottom:10px;}

.tx_01_01 {
	margin : 0px 0px 10px 0px;
	padding : 5px 0px 10px 0px;
	color:#666666;
	font-size: 100%; line-height: 140%;
	border-bottom: dotted 1px #009999;}
	
	
	.hidarikara {text-align:left; padding-left:4px;}
	.px530 {width:530px;}
.bkn {padding-top:30px;}
.spc {height:6px;}	

	.bknb {float:right; margin-top:5px;}
	
	


.table01xth {
	background-color:#FFCCFF;
		padding-left:4px;
	border:1px #fff solid;}

.newstable {margin-right:10px; margin-left:8px;
border-bottom:dotted #FFCCFF 1px;

}




.newstable th {
font-size:12px;
padding:5px 3px 3px 3px;
text-indent:15px;
text-align:left;
color:#FF5656;
background:url(../img/news_date.jpg) no-repeat;
background-position:0px 5px;
width:40px;
vertical-align:top;

}

.newstable td {
font-size:12px;


}


.tpnews1 {padding-left:12px; width:220px; padding-right:4px; text-align:left;}
.tpnews1 img {float:left;}
.tpnews2 {padding-left:12px; width:160px; padding-right:4px; text-align:left;}
.tpnews2 img {float:left;}

.tpnewsx {width:80px; vertical-align:top;}
.tpnewsxy {width:140px; vertical-align:top;}

.tpnews {padding-left:12px; width:300px; padding-right:4px; text-align:left;}

.rbntxt {padding-left:8px;}


<!-- 商品詳細 -->
 
.det {
width:540px;
}

.det_pix {
width:250px;
float:left;
}

.det_r {
width:280px;
float:right;
}


.det_tex {
text-align:left;
padding:0 10px 0 15px;

}

.kosaize {width:270px;}


.hyohead {background-color:#FFCCFF;
	text-align:center;}

.hyonomal {	background-color:#f6f6f6;
	text-align:left;
	padding-left:10px;
	border:1px #fff solid;}
.kohyou {text-align:center; width:270px; clear:both; margin-left:auto; margin-right:auto;}

.mainside {width:200px;
float:left;
	text-align:left;
	margin-top:10px;
	 clear:both;}
.mainside2 {width:200px;
float:left;
	text-align:left;
	margin-top:2px;
	 clear:both;}
	 
.200de {width:200px; float:left;} 

.midashi01 {
background:url(../img/001.jpg) no-repeat;
width:555px;
height:40px;
text-align:left;
padding:15px 0 0 0;
	font-size:12px;

	clear:both;
	color:#FD8787;
	text-indent:20px;

}

.mi1{
background:url(../img/001.jpg) no-repeat;
width:555px;
height:40px;
text-align:left;
padding:15px 0 0 0;
	font-size:12px;

	clear:both;
	color:#FD8787;
	text-indent:20px;

}
.mi2{
background:url(../img/002.jpg) no-repeat;
width:555px;
height:40px;
text-align:left;
padding:15px 0 0 0;
padding-left:10px;
	font-size:12px;

	clear:both;
	color:#FD8787;
	text-indent:20px;

}
.mi3{
background:url(../img/003.jpg) no-repeat;
width:555px;
height:40px;
text-align:left;
padding:14px 0 0 0;
padding-left:10px;
	font-size:12px;

	clear:both;
	color:#FD8787;
	text-indent:20px;

}
.mi4{
background:url(../img/004.jpg) no-repeat;
width:555px;
height:40px;
text-align:left;
padding:10px 0 0 0;
padding-left:10px;
	font-size:12px;

	clear:both;
	color:#FD8787;
	text-indent:20px;

}