@charset "UTF-8";

body,td,th { font-family:ヒラギノ角ゴ Pro W3, Osaka, ＭＳ Ｐゴシック; font-size:92%;
	color:#000066;	left:20px;	top:20px; right:20px; bottom:auto; line-height:140%; }
	
body { background-image:url(/img/bg_gradation.jpg); background-repeat:repeat-x;
	margin-left:0px; margin-top:0px; margin-right: 0px; margin-bottom: 0px; }
	
table {	margin:0; padding:0; border:0; }

td img{	border:0;}

.right { float:none; }

.sidearea {	background-color:#9999FF; width:180px; vertical-align:top; }
.mainarea {	background-image:url(/img/bg_stripe1.jpg);	background-repeat:repeat-x;	width:620px; vertical-align:top; }
.contentsarea {	background-color:#9999FF; background-image:url(/img/bg_stripe2.jpg); background-repeat:repeat; }
.hedder { background-color:#6666CC;	vertical-align:bottom; }
.footer { background-color:#6666CC;	text-align:center; line-height:180%; font-size:11px;}
.line {	background-color: #000066; height:6px; }
.sline { background-color: #9999FF;	height:6px; }
.contentsline {	text-align:center; margin-top:20px; margin-bottom:20px; }

.navyb { font-weight:bold; }
.blue { color:#6666CC; }
.blueb { color:#6666CC; font-weight:bold; }
.blue14 { color:#6666CC; font-size:14px; }
.blue14b { color:#6666CC; font-size:14px;font-weight: bold; }
.yellow	{ color:#FF9900; }
.yellowb { color:#FF9900; font-weight:bold; }

a:link { color:#CC0033; text-decoration:underline; }
a:hover { color:#FF9900; text-decoration:underline; }
a:visited {	color:#CC0033; text-decoration:underline; }
a:active { color:#FF9900; text-decoration:none; }

.pankuzu { font-size:10px; float:left; padding-left:20px; }
.pankuzu a:link { font-size:10px; color:#000066; text-decoration:none; }
.pankuzu a:hover { font-size:10px; color:#FF9900;	text-decoration:none; }
.pankuzu a:visited { font-size:10px; color:#000066; text-decoration:none; }
.pankuzu a:active { font-size:10px; color:#FF9900; text-decoration:none; }

.htextlink { font-size:10px;	float:right; padding-right:20px; }
.htextlink a:link {	font-size:10px; color:#000066; text-decoration:none; }
.htextlink a:visited { font-size:10px; color:#000066;	text-decoration:none; }
.htextlink a:active { font-size:10px; color:#FF9900; text-decoration:none; }
.htextlink a:hover { font-size:10px; color:#FF9900; text-decoration:none; }

/*.footer a{ margin-left:5px;margin-right:5px;}*/
.footer a:link { font-size:12px; color:#FFFFFF;	text-decoration:none; }
.footer a:visited { font-size:12px; color:#FFFFFF; text-decoration:none; }
.footer a:active { font-size:12px; color:#FF9900;	text-decoration:none; }
.footer a:hover { font-size:12px; color:#FF9900; text-decoration:none; }

.ftextarea { padding-top:20px; padding-bottom:20px; }

.animation {
	width:580px;
	margin-top:20px;
	margin-bottom:10px;
	text-align: center;
	height: 110px;
	padding-left: 30px;
}

.title {
	margin-top:10px;
	margin-left:50px;
	margin-right:50px;
	width: 500px;
}
.titleleft { float:left; width:350px; }
.titleright { float:right; width:150px; }

.frame1 { background-image:url(/img/frame_top.gif); background-repeat:no-repeat; height:40px; background-position:20px 10px; }
.frame2 { background-image:url(/img/frame_middle.gif);	background-repeat:repeat-y;	background-position:20px; }
.frame3 { background-image:url(/img/frame_bottom.gif);	background-repeat:no-repeat; height:50px; background-position:20px top; }

li { margin-top:10px; }
.cap { width:520px; margin-left:30px; margin-right:50px; }


.pagetop {
	font-size: 10px;
	vertical-align:bottom;
	text-align:right;
	width: auto;
}

.ptop {
	text-align:right;
}



.top_main { padding-left:20px; padding-right:20px; }
.top_main2 { width:580px; padding-left:20px; padding-right:20px;  }
.top { padding-left:50px; padding-right:50px; }
.topbox { margin-left:50px; margin-right:50px; padding:20px; }

.change { width:520px; margin-left:50px; margin-right:50px; }
.change2 { width:520px; margin-left:50px; margin-right:50px; margin-top:50px; }
.change_h1 {
	background-image: url(/img/change_title1.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:80px;
	background-position: 20px 20px;}
.change_h2 {
	background-image: url(/img/change_title2.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:30px;}
	
	
	

.seal { margin-left:50px; margin-right:50px; }

.seal1 { width:80px; padding:10px; vertical-align:top }
.seal2 { background-color:#CCCCFF; width:80px;  padding:10px; vertical-align:top  }
.seal3 { padding:10px; vertical-align:top  }
.seal_h1 {
	background-image: url(/img/seal_title1.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:80px;
	background-position: 20px 20px;}
.seal_h2 {
	background-image: url(/img/seal_title2.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:30px;}

.type {	width:480px; margin-left:60px; margin-right:60px; }
.type_h1 {
	background-image: url(/img/type_title1.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:80px;
	background-position: 20px 20px;}
.type_h2 {
	background-image: url(/img/type_title2.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:30px;}
.type_lock {
	background-image: url(/img/type_lock.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:30px;}
.type_slide {
	background-image: url(/img/type_slide.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:30px;}
.type_knob {
	background-image: url(/img/type_knob.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:30px;}
.type_assist {
	background-image: url(/img/type_assist.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:30px;}

.lockbox1 { width:520px; margin-left:50px; margin-right:50px; }
.lockleft1 { width:100px; vertical-align:top; }
.lockright1 { width:420px; vertical-align:top;  }
.lockbox2 {
	width:520px;
	height:222px;
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border:1px solid #0000FF;
}
.lockbox2 td {
	vertical-align:top;
}
.lockbox3 {
	padding:15px;
	vertical-align:top;
}
.lock1 { font-weight: bold; width: 70px; vertical-align:top }
.lock2 { width: 215px; vertical-align:top}
.lock3 { width: 65px; text-indent:10px; vertical-align:top }
.lockbox3 p {padding-top:3px;}
.lock_h1 {
	background-image: url(/img/lock_title1.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:80px;
	background-position: 20px 20px;}
.lock_h2 {
	background-image: url(/img/lock_title2.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:30px;}
	
.slide_h1 {
	background-image: url(/img/slide_title1.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:80px;
	background-position: 20px 20px;}

.knob_h1 {
	background-image: url(/img/knob_title1.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:80px;
	background-position: 20px 20px;}
	
.assist_h1 {
	background-image: url(/img/assist_title1.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:80px;
	background-position: 20px 20px;}	
	
.price { margin-left:50px; margin-right:50px;　 }
.price p { font-size:14px; color:#6666CC }
.price1 { width:120px; padding:10px; vertical-align:top; font-size:14px; color:#6666CC; }
.price2 { width:300px; padding:10px; vertical-align:top; font-size:14px; color:#6666CC;  }
.price3 { width:120px; background-color:#CCCCFF; padding:10px; vertical-align:top font-size:14px; color:#6666CC; font-weight:bold;  }
.price_h1 {
	background-image: url(/img/price_title1.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:80px;
	background-position: 20px 20px;}
.price_h2 {
	background-image: url(/img/price_title2.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:30px;}

.area { width:520px; margin-left:50px; margin-right:50px; padding-bottom:20px; }
.arearight p { line-height:180%; }
.area2 { width:520px; margin-left:50px; margin-right:50px; margin-top:20px; vertical-align:top; }
.area2 h3 { color:#6666CC; font-size:14px; font-weight:bold; }
.arealeft { float:left; width:70px; }
.arearight {float:right; width:440px; }
.area_h1 {
	background-image: url(/img/area_title1.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:80px;
	background-position: 20px 20px;}	
.area_h2 {
	background-image: url(/img/area_title2.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:30px;}	

.qabox1 { width:520px; margin-left:50px; margin-right:50px; }
.qabox2 { width:520px; margin-left:50px; margin-right:50px; margin-top:10px;  }
.qaleft { float:left; width:50px; }
.qaright1 {float:right; width:460px; color:#6666CC; font-size:14px;font-weight: bold; }
.qaright2 {float:right; width:460px; }
.qa_h1 {
	background-image: url(/img/qa_title1.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:80px;
	background-position: 20px 20px;}
.qa_h2 {
	background-image: url(/img/qa_title2.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:30px;}


.word { width:520px; margin-left:50px; margin-right:50px; }
.wordbox { width:520px; margin-left:50px; margin-right:50px; margin-top:20px;  }
.wordleft { float:left; width:50px; }
.wordright {float:right; width:460px; margin-top:8px;  }
.word_h1 {
	background-image: url(/img/word_title1.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:80px;
	background-position: 20px 20px;}
.word_h2 {
	background-image: url(/img/word_title2.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:30px;}
.word_h3 { 
	color:#6666CC;
	font-size:14px;
	font-weight: bold;
	margin-bottom:10px; }

.link { width:520px; margin-left:50px; margin-right:50px; padding-bottom:20px; }
.linkbox {width: 520px;	margin-left:50px; margin-right:50px; margin-bottom:10px;}
.link1 { background-color:#CCCCFF;  width:140px; padding:10px; vertical-align:top; font-weight:bold; }
.link2 { background-color:#FFFFFF; width:380px; padding:10px;  }
.link_h1 {
	background-image: url(/img/link_title.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:80px;
	background-position: 20px 20px;}	
.link1 a:link { font-size:14px; color:#6666CC;  text-decoration:none; }
.link1 a:hover { font-size:14px; color:#FF9900;	text-decoration:none; }
.link1 a:visited { font-size:14px; color:#6666CC;  text-decoration:none; }
.link1 a:active { font-size:14px; color:#FF9900; text-decoration:none; }

.map {width:520px;margin-left:50px;	margin-right:50px;}

.map1 {
	background-image:url(/img/map_frame1.gif);
	background-repeat: no-repeat;
	background-position:center;
	text-indent:40px;
	height:40px;
	width:150px;
}	

.map2 {
	background-image: url(/img/map_frame2.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-indent:40px;
	height:40px;
	width:150px;
}	

.map a:link { font-size:14px; color:#CC0033; text-decoration:none; }
.map a:hover { font-size:14px; color:#FF9900; text-decoration:none; }
.map a:visited { font-size:14px;	color:#CC0033; text-decoration:none; }
.map a:active {	font-size:14px; color:#FF9900; text-decoration:none; }
.map_h1 {
	background-image:url(/img/map_title1.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:80px;
	background-position: 20px 20px;}

.contactbox { width:480px; margin-left:70px; margin-right:70px; }
.contactleft { float:left; width:320px; }
.contactright { float:right;	width:130px; margin-top:20px; margin-bottom:20px; }
.contact1 {	margin-bottom:20px; }
.contact_h1 {
	background-image: url(/img/contact_title1.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:80px;
	background-position: 20px 20px;}
.contact_h2 {
	background-image: url(/img/area_title2.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:30px;}








/*追加CSS*/

.tokutei_h1 {
	background-image: url(/img/tokutei_title.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height:80px;
	background-position: 20px 20px;
}