@import url("temp.css");
@import url("slide.css");
html { text-align:center;}
body {margin: 0px;padding: 0px; text-align:center; font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size:12px; color:#444444; line-height:18px; background-image:url(../images/back.gif); background-repeat:repeat-x; background-color:#c0c6c6; }

a{ color:#444444;}
a:hover{ color:#CC0000;}

h1,h2,h3,h4,h5,h6 { padding:0px; margin: 0px; text-align:left; }
img{ border:none;}
ul{ padding:0px; margin:0px; list-style-type:none;}
dl,dd,dt { padding:0px; margin:0px; }
table { font-size:12px; line-height:18px;}
.imgright{ float:right;}
.clear{ clear:both;}
.clear_center{ clear:both; text-align:center;}

.normal{ font-weight:normal;}
.red{ color:#FF0000;}
.p_center { padding:5px; margin:0px; text-align:center;} 
h1{ font-size:12px; padding:5px; width:800px; margin:0 auto 0 auto; }

#layout{ width:830px;  margin:0 auto 0 auto; background-color:#FFFFFF;}
#contents{ padding:0px 15px 5px 15px; text-align:left;}



#head { width:800px;}
#head li{ float:left;}


#main { float: left; width: 576px; }

#main .subtext{ padding:5px; margin:0px;}
#main .bidred{ font-size:14px; color:#CC0000;}

#main h2,h3{ font-size:14px;}

#left { float: right; width: 200px; }
#left p{ padding:0px; margin:0px;}


#news { width:280px; float:left; margin-bottom:20px;}
#news li a{ display:block; padding:3px 3px 3px 6px; text-decoration:none; border-bottom:dotted 1px #CCCCCC;}
#news li a:hover{ background:#eeeeee;}
#site { width:280px; float:right; margin-bottom:20px;}
#site li a{ display:block; padding:3px 3px 3px 6px; text-decoration:none; border-bottom:dotted 1px #CCCCCC;}
#site li a:hover{ background:#eeeeee;}
#site em a{ display:block; padding:3px 6px 3px 6px; font-style:normal; text-align:right; text-decoration:none; border-bottom:dotted 1px #CCCCCC; background:#eeeeee;}
#site em a:hover{ background:#eeeeee;}

#footer { clear:both; padding:5px; text-align:center;}
#footer li{ display:inline; padding:0px 3px 0px 3px;}

/*製品説明*/
.topsubtext{ text-align:center; clear:both; padding:5px; margin:0px;}
.setumei{ background-image:url(../images/title_seisaku.gif); background-repeat:no-repeat; padding:55px 5px 5px 5px;}

/*QA*/
.qalink{ background-image: url(../images/application_go.gif); background-repeat: no-repeat;
	display: block;	height: 16px; padding-top: 1px; padding-right: 2px;	padding-bottom: 2px; padding-left: 20px;
	margin-top: 5px; font-weight: bold;}
.qatop{	background-image: url(../images/arrow_up.gif); background-repeat: no-repeat; display: block;
	height: 16px; padding-top: 1px;	padding-right: 15px; padding-bottom: 2px; padding-left: 0px;
	font-weight: normal; background-position: right; text-align: right;	margin: 0px; width: 100px; float: right;}

.qali{ font-size: 12px;	background-image: url(../images/arrow_right.gif); background-repeat: no-repeat;
	margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 3px;	padding-left: 15px; border-bottom-width: 1px;
	border-bottom-style: solid;	border-bottom-color: #eeeeee; display: block;}
.qahelp{ background-image: url(../images/help.gif);	background-repeat: no-repeat; display: block; height: 16px;
	padding-top: 0px; padding-right: 2px; padding-bottom: 2px; padding-left: 20px; margin-top: 5px;
	font-weight: bold; font-size: 14px;}

.qatitle{ padding: 5px; font-size: 16px; width: 538px; border-bottom-width: 1px; border-bottom-style: solid;
	border-bottom-color: #578217; background-image: url(../images/back-gra.gif); background-repeat: repeat-x;
	border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid;
	border-right-color: #578217; border-left-color: #C8EC4A; border-top-width: 1px; border-top-style: solid;
	border-top-color: #C8EC4A; margin: 0px; color: #FFFFFF;}
.qaside{ background-image: url(../images/back-gra2.gif); padding: 5px; margin-top: 0px; margin-right: 0px;
	margin-bottom: 5px; margin-left: 0px; font-size: 14px;}
.qa{ background-image: url(../images/menu-qa.gif); background-repeat: no-repeat; text-indent: -9999px;
	height: 30px; width: 140px; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px;}
.q{	background-image: url(../images/q.gif);	background-repeat: no-repeat; font-size: 14px; font-weight: bold;
	margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; background-color: #eeeeee;
	padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 35px; border-bottom-width: 1px;
	border-bottom-style: solid;	border-bottom-color: #dddddd; clear: both;}
.a{	background-image: url(../images/a.gif);	background-repeat: no-repeat; padding-top: 0px; padding-right: 5px;
	padding-left: 35px;	padding-bottom: 26px; font-size: 12px; font-weight: normal;	line-height: 16px; margin: 0px;}
	
/*お申し込みフォーム*/
.form-kiyaku{font-size: 14px; color: #FFFFFF; background-color: #666666; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; font-weight: bold; padding: 5px;}
#table-scllor{ height:250px; overflow-y:scroll; border: 1px solid #CCCCCC; line-height: 16px;}
.style1 {color: #FFFFFF}
.style2 {color: #FF0000; font-weight: bold;}
.style3 {color: #FF0000; font-size: small;}
.style4 {color: #FFFF00; font-weight: bold;}
/*サービス内容*/

.layoutleft{ float: left;} 
.layoutright{ float: left; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px;} 
.seihinbox{ float:left; height: 76px; width: 135px; padding:0px 5px 5px 0px;}

#seihinbox{ padding:8px;}
.seihin-1{ background-image: url(../images/seihin-1.gif); background-repeat: no-repeat; height: 76px; width: 135px; padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; margin: 0px; float: left;}
.seihin-1 a{ text-indent: -9999px;display: block;height: 76px; width: 135px;}
.seihin-2 { background-image: url(../images/seihin-2.gif); background-repeat: no-repeat; height: 76px; width: 135px;
	padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; margin: 0px; float: left;}
.seihin-2 a{ text-indent: -9999px; display: block; height: 76px; width: 135px;}
.seihin-3{ background-image: url(../images/seihin-3.gif); background-repeat: no-repeat; height: 76px; width: 135px;
	padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; margin: 0px; float: left;}
.seihin-3 a{ text-indent: -9999px; display: block; height: 76px; width: 135px;}
.seihin-4{background-image: url(../images/seihin-4.gif); background-repeat: no-repeat; height: 76px; width: 135px;
	padding-top: 0px;padding-right: 5px; padding-bottom: 5px; padding-left: 0px; margin: 0px; float: left;}
.seihin-4 a{ text-indent: -9999px;display: block; height: 76px; width: 135px;}
.seihin-5{background-image: url(../images/seihin-5.gif);background-repeat: no-repeat; height: 76px; width: 135px;
	padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; margin: 0px; float: left;}
.seihin-5 a{ text-indent: -9999px; display: block; height: 76px; width: 135px;}
.seihin-6{background-image: url(../images/seihin-6.gif); background-repeat: no-repeat; height: 76px; width: 135px;
	padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; margin: 0px; float: left;}
.seihin-6 a{ text-indent: -9999px; display: block; height: 76px; width: 135px;}
.seihin-7{background-image: url(../images/seihin-7.gif); background-repeat: no-repeat; height: 76px; width: 135px;
	padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; margin: 0px; float: left;}
.seihin-7 a{ text-indent: -9999px; display: block; height: 76px; width: 135px;}
.seihin-8{ background-image: url(../images/seihin-8.gif); background-repeat: no-repeat; height: 76px;width: 135px;
	padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; margin: 0px; float: left;}
.seihin-8 a{ text-indent: -9999px; display: block; height: 76px; width: 135px;}
.seihin-9{ background-image: url(../images/seihin-9.gif); background-repeat: no-repeat; height: 76px; width: 135px;
	padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; margin: 0px; float: left;}
.seihin-9 a{ text-indent: -9999px; display: block; height: 76px; width: 135px;}
.seihin-10{ background-image: url(../images/seihin-10.gif); background-repeat: no-repeat; height: 76px; width: 135px; padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; margin: 0px; float: left;}
.seihin-10 a{ text-indent: -9999px;	display: block;	height: 76px; width: 135px;}
.seihin-11{	background-image: url(../images/seihin-11.gif);	background-repeat: no-repeat; height: 76px;	width: 135px;
	padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; margin: 0px; float: left;}
.seihin-11 a{ text-indent: -9999px; display: block;	height: 76px; width: 135px;}
.seihin-12{ background-image: url(../images/seihin-12.gif); background-repeat: no-repeat; height: 76px;	width: 135px;
	padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; margin: 0px; float: left;}
.seihin-12 a{text-indent: -9999px; display: block; height: 76px; width: 135px;}



/*テンプレート一覧*/
.tmpsre-tit {display:block; padding:4px 0px 2px 6px; border-bottom:solid 1px #beb1ac; border-left:solid 3px #beb1ac; background:#f2eee7;}
.tmpsre-flame {PADDING:22px 0px; PADDING-TOP: 22px;}
.tmpsre-dl {display:block; padding:0px 0px 15px 15px; margin:0px; float:left;}
.tmpsre-img {BORDER: #cccccc 1px solid;}
.tmpsre-tx {DISPLAY: block; MARGIN: 0px; PADDING: 4px 0px; TEXT-ALIGN:left;}



/*サイドメニューピックアップ*/
#left dl {text-align:center; padding:8px; border-bottom:#CCCCCC dotted 1px;}
#left dl img {border:2px solid #eeeeee;}