/*BODY*/

/*html{
	scrollbar-3dlight-color:#99cc66;
	scrollbar-arrow-color:gray;
	scrollbar-base-color:#99cc66;
	scrollbar-darkshadow-color:#99cc66;
	scrollbar-face-color:#99ff99;
	scrollbar-highlight-color:#99cc66;
	scrollbar-shadow-color:teal;
	}
*/

body{
	font-size:12px;
	/*background: #ffffff url("../img/back.gif") scroll repeat-y;*/
	/*background-color: #efefef;*/
	background-color: #ffffff;
	color:#333333;
	/*margin:10px 10px 0px 10px;*/
	margin:auto;
	line-height:1.5em;
	/*scrollbar-3dlight-color:#99cc66;
	scrollbar-arrow-color:gray;
	scrollbar-base-color:#99cc66;
	scrollbar-darkshadow-color:#99cc66;
	scrollbar-face-color:#99ff99;
	scrollbar-highlight-color:#99cc66;
	scrollbar-shadow-color:teal;*/
	width:720px;
	}

.pa1{
	line-height:0px;
	}

.pa2{
	background:url('../img/topbar20.gif') no-repeat;widht:710px;height:46px;
	font-size:12px;
	color:#333333;
	text-align:left;
	}

.pa3{
	background:url('http://www.stormst.com/img/topbar7_1.gif') no-repeat;widht:710px;height:18px;
	text-align:right;
	}

.pa3_2{
	background:url('http://www.stormst.com/img/topbar7_2.gif') no-repeat;widht:710px;height:18px;
	text-align:center;
	margin:0 4px;
	}

.pa4{
	text-align:right;
	font-weight:bold;
	color:#666666;
	}

.pa4_2{
	text-align:left;
	font-size:12px;
	color:#666666;
	}

.pa5{
	background:url('../img/topbar8_1.gif') no-repeat;widht:710px;height:18px;
	text-align:right;
	}

.pa5_2{
	background:url('../img/topbar8_2.gif') no-repeat;widht:710px;height:18px;
	text-align:right;
	}

.pa5_3{
	background:url('../img/topbar8_1.gif') no-repeat;widht:710px;height:20px;
	text-align:left;
	line-height:0px;
	color:#666666;
	}

.pa5_3_1{
	position:relative;
	top:5px;
	}

.pa6{
	line-height:1px;
	}

.pa7{
	border-bottom:dashed 1px #999999;
	}

.pa7_2{
	border-bottom:dashed 1px #999999;
	width:700px;
	}

.pa7_3{
	border-bottom:dashed 1px #999999;
	background-color: #f2f2f2;
	}

.pa10{
	width:333px;
	}

.pa11{
	background-color: #0066cc;
	color:#ffffff;
	padding: 2px;
	}

.pa12{
	background-color: #009966;
	color:#ffffff;
	padding: 2px;
	}

A{
	text-decoration: none;
	}

A:hover{
	text-decoration: underline;
	color:#800080;
	}

A:active{
	text-decoration: underline;
	color:#800080;
	}

/*A{
	text-decoration: none;
	color:#0066ff;
	}

A:hover{
	text-decoration: underline;
	color:#0066ff;
	}

A:active{
	text-decoration: underline;
	color:#0066ff;
	}*/

h1{
	color:#ff0000;
	line-height:1.2em;
	font-size:14px;
	}

.base{
	background-color:#ffffff;
	width:100%;
	}

.table{
	line-height:100%;
	}

/*header*/
.menu1{
	border-width:1px 0px;
	border-color:#0099cc;
	border-style:solid;
	width:712px;
	text-align:center;
	margin-bottom:10px;
	line-height:1.5em;
	font-size:12px;
	background: #99cc66 url("../img/menubg.gif") fixed no-repeat;
	}

.menu2{
	border-width:1px 0px;
	border-color:#0099cc;
	border-style:solid;
	width:100%;
	text-align:center;
	line-height:1em;
	}

.menuw{
	font-weight:bold;
	color:#333333;
	font-size:12px;
	}

/**/
.line1{
	border-width:1px 0px 0px 0px;
	border-color:#0099cc;
	border-style:solid;
	}

/*画像回り込み用*/
img.right{
	float:right;
	}

.leftimg{
	float:left;
	}

/*content*/

.tit1{
	background: #ffffff url("../img/back3.gif") scroll repeat;
	color:#0066ff;
	font-weight:bold;
	font-size:14px;
	}

.tit2{
	background: #ffffff url("../img/back2.gif") scroll repeat;
	color:#0000ff;
	font-weight:bold;
	font-size:14px;
	width:720px;
	}

.tit3{
	background: #ffffff url("../img/back2.gif") scroll repeat;
	color:#0000ff;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	}

.tit4{
	background: #ffffff url("../img/back2.gif") scroll repeat;
	color:#0000ff;
	font-weight:bold;
	font-size:14px;
	}

.cont1{
	width:48%;
	font-size:12px;
	margin-top:1em;
	padding:0em 0em 0em 1em;
	border-right:solid 1px #333333;
	border-bottom:solid 1px #333333;
	}

.cont2{
	width:710px;
	font-size:12px;
	margin-top:1em;
	padding:0em 0em 0em 1em;
	border-right:solid 1px #333333;
	border-bottom:solid 1px #333333;
	}

.infti{
	width:720px;
	color:#ffffff;
	font-weight:bold;
	background-color:#00cccc;
	}

.infti2{
	width:720px;
	text-align:right;
	}

.infti3{
	color:#ffffff;
	font-weight:bold;
	background-color:#00cccc;
	}

.infco{
	width:720px;
	margin:2em;
	}

.infta{
	color:#666666;
	background-color:#fafafa;
	text-align:left;
	}

.infta1{
	color:#666666;
	background-color:#fafafa;
	text-align:center;
	}

.infta2{
	color:#666666;
	background-color:#fafafa;
	vertical-align:top;
	text-align:center;
	}

.infta3{
	color:#ff0000;
	background-color:#fafafa;
	vertical-align:middle;
	text-align:center;
	}

.infta4{
	font-size:14px;
	color:#000000;
	background-color:#999900;
	}

.infta5{
	font-size:14px;
	color:#000000;
	font-weight:bold;
	background-color:#999966;
	}

.infta6{
	font-size:14px;
	color:#000000;
	}

.infta7{
	font-size:14px;
	color:#000000;
	background-color:#c0c0c0;
	vertical-align:top;
	}

.infta8{
	font-size:14px;
	color:#000000;
	background-color:#dcdcdc;
	}

.cent{
	text-align:center;
	font-weight:bold;
	}

.cata1{
	color:#0000ff;
	font-weight:bold;
	width:180px;
	text-align:center;
	}

.cata2{
	color:#000000;
	width:180px;
	}

.box1{
	margin:10px;
	width:200px;
	font-weight:bold;
	font-size:16px;
	border-width:0 0 2px 10px;
	padding:2px 0 2px 5px;
	border-color:#6699ff;
	border-style:solid;
	}

.box2{
	margin:4px 0 4px 20px;
	font-weight:bold;
	font-size:14px;
	border-width:0 0 0 10px;
	padding:0 0 0 5px;
	border-color:#6699ff;
	border-style:solid;
	}

.box3{
	color:#000000;
	border-bottom:solid 1px #008080;
	width:580px;
	margin-bottom:10px;
	}

.box4{
	color:#000000;
	width:125px;
	float:left;
	text-align:center;
	line-height:1.1em;
	}

/*Fonts*/
.b16{
	font-size:16px;
	font-weight:bold;
	}

.b16r{
	font-size:16px;
	font-weight:bold;
	color:#ff0000;
	}

.b16br{
	font-size:16px;
	font-weight:bold;
	color:#000000;
	}

.b16b{
	font-size:16px;
	font-weight:bold;
	color:#0000ff;
	}

.bc15{
	font-size:15px;
	font-weight:bold;
	text-align:center;
	}

.c15{
	font-size:15px;
	text-align:center;
	}

.b14{
	font-size:14px;
	font-weight:bold;
	}

.b14c{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	}

.b14b{
	font-size:14px;
	color:#0000ff;
	font-weight:bold;
	}

.b12br{
	font-weight:bold;
	color:#000000;
	}

.b12r{
	font-weight:bold;
	color:#ff0000;
	}

.b12bl{
	font-weight:bold;
	color:#0066ff;
	text-indent:-1em;
	margin-left:1em;
	}

.b12{
	color:#000000;
	}

.b12_2{
	font-size:12px;
	color:#666666;
	}

.b10bl{
	font-size:10px;
	text-align:center;
	color:#0000ff;
	}

.prdbar{
	background: #ffffff url("../img/pctbk.gif") no-repeat;
	text-indent:150px;
	font-size:24px;
	font-weight:bold;
	color:#000000;
	width:610px;
	height:37px;
	line-height:37px;
	}

.prdbar2{
	background: #ffffff url("../img/pctbk2.gif") no-repeat;
	text-indent:70px;
	font-size:24px;
	font-weight:bold;
	color:#000000;
	width:610px;
	height:37px;
	line-height:37px;
	}

.prdbar3{
	background: #ffffff url("../img/tft_bg.gif") no-repeat;
	text-indent:190px;
	font-size:24px;
	font-weight:bold;
	color:#000000;
	width:610px;
	height:40px;
	line-height:40px;
	}

/*indent*/
.l2em{
	text-indent:2em;
	}

.sup1{
	margin-left:1em;
	color:#0000ff;
	}

.sup2{
	margin-left:2em;
	}

.indent{
	margin-left:1em;
	}

.indentb{
	margin-left:1em;
	font weight:bold;
	}

.in1{
	text-indent:-1em;
	margin-left:1em;
	}

.in1r{
	text-indent:-1em;
	margin-left:1em;
	color:#ff0000;
	font-weight:bold;
	}

.in1b{
	text-indent:-1em;
	margin-left:1em;
	color:#3333FF;
	}

.in2{
	text-indent:-1em;
	margin-left:2em;
	}

.in2r{
	text-indent:-1em;
	margin-left:2em;
	color:#ff0000;
	}

.in2rb{
	text-indent:-1em;
	margin-left:2em;
	color:#ff0000;
	font-weight:bold;
	}

.in3{
	text-indent:-1em;
	margin-left:3em;
	}

.td1{
	width:233px;
	float:left;
	background-color:#f5fffa;
	}

.td2{
	width:233px;
	float:left;
	background-color:#f5fffa;
	}

.colg{
	color:#008000;
	}

.colb{
	color:#0000ff;
	}

.colbf{
	color:#0000ff;
	border-color:#0000ff;
	border-style:solid;
	border-width:1px;
	width:80%;
	}

.bcolb{
	color:#0000ff;
	font-weight:bold;
	}

.td3{
	width:350px;
	float:left;
	background-color:#f5fffa;
	}

/*footer*/
.footer{
	width:720px;
	text-align:center;
	font-size:12px;
	}

.footer2{
	width:720px;
	text-align:center;
	font-size:12px;
	border-top:solid 1px #999999;
	}

/*footer コピーライト部*/

.copy{
	background-color:#00cccc;
	text-align:center;
	width:720px;
	}

/*パンくず*/

.topicpath{
	font-size:10px;
	color:#666666;
	text-indent:1em;
	background-color:#ffffff;
	border-bottom:solid 1px #999999;
	width:720px;
	}

.topicpath2{
	font-size:10px;
	color:#666666;
	text-indent:1em;
	background-color:#ffffff;
	}

/*商品一覧*/
.sp1{
	width:100px;
	color:#008000;
	}

.sp2{
	width:250px;
	color:#666666;
	}

.sp3{
	vertical-align:top;
	}

.sp4{
	width:350px;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	}

.sp5{
	width:700px;
	color:#008000;
	text-align:center;
	}

.sp6{
	width:700px;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	}

.sp7{
	width:50px;
	color:#008000;
	vertical-align:top;
	}

.sp8{
	width:530px;
	color:#666666;
	}

.cpu1{
	background-color:#ffc0cb;
	vertical-align:center;
	}

.cpu2{
	background-color:#ece9d8;
	color:#ff6347;
	font-weight:bold;
	border:solid 1px #ffc0cb;
	margin-bottom:10px;
	}

.spcap{
	color:#ff6347;
	background-color:#ece9d8;
	font-weight:bold;
	text-align:center;
	}

.spc-b{
	font-weight:bold;
	}

.spc-t{
	color:#ff6347;
	
	}

.price1{
	color:#ff0000;
	font-size:16px;
	font-weight:bold;
	}

.price2{
	color:#ff0000;
	font-weight:normal;
	font-size:16px;
	}

.price3{
	color:#ff0000;
	font-size:14px;
	font-weight:normal;
	}

.tomato{
	color:#ff6347;
	}

.tomatob{
	color:#ff6347;
	font-weight:bold;
	}

.red{
	color:#ff0000;
	font-weight:bold;
	}

.red2{
	color:#ff0000;
	}

.gray{
	color:#666666;
	}

.grays{
	color:#666666;
	font-size:10px;
	}

.form{
	color:#0066ff;
	}

.tite{
	font-size:14px;
	color:#ff6347;
	font-weight:bold;
	}

.tite2{
	font-size:16px;
	color:#0066ff;
	font-weight:bold;
	}

.tite3{
	font-size:14px;
	color:#0066ff;
	font-weight:bold;
	}

.case1{
	text-align:center;
	width:214px;
	}

.case2{
	font-size:16px;
	color:#ff6347;
	font-weight:bold;
	}

.case3{
	font-size:16px;
	color:#0066ff;
	}

.case4{
	color:#000000;
	}

.cube1{
	color:#0000ff;
	text-align:center;
	}

.cube2{
	text-align:left;
	}

/*STOP画面*/

.bgbox{
	background-color:#ccff99;
	border:double thick #669933;
	width:700px;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	font-size:16px;
	}

.cntr{
	text-align:center;
	}

/*製品一覧画面*/

.prd1{
	background-color:#e3e3e3;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	vertical-align:center;
	padding:0px;
	line-height:1.5em;
	text-align:center;
	width:710px;
}

.shadow{
	filter:dropshadow(color=#333333,offx=2,offy=2,positive=true);
	width:700px;
	height:20px;
}

.shadow2{
	filter:dropshadow(color=#cccccc,offx=2,offy=2,positive=true);
	width:100px;
	height:20px;

}

.prd2{
	color:#000000;
	background-color:#99cc66;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	line-height:1.2em;
	text-align:center;
	width:350px;
}

.prd3{
	width:350px;
}

.prd4{
	vertical-align:top;
	background-color:#ccffff;
	width:350px;
}

.prd5{
	width:350px;
	text-align:center;
}

.btotit{
	color:#ff6600;
	background: #ffffff url("../img/btotit.gif") no-repeat;
	font-size:20px;
	font-weight:bold;
	padding-left:150px;
	width:500px;
	height:30px;
	padding-top:35px;
}

.prdbg{
	color:#ffffff;
	background: #ffffff url("../img/prd-bg.gif") no-repeat;
	font-size:23px;
	font-weight:bold;
	width:590px;
	height:35px;
	line-height:32px;
	text-align:center;
}

/*フォームメール*/

.mitsu1{
	font-weight:bold;
	color:#000000;
	padding-left:3px;
	border-top:1px solid #99cc66;
	border-bottom:1px solid #99cc66;
	border-left:3px solid #99cc66;
}

/*パーツコーナー*/

.tomatobg{
	color:#ffffff;
	background: #ffffff url("../img/tomato-bg.gif") no-repeat;
	font-size:18px;
	font-weight:bold;
	width:725px;
	height:28px;
	line-height:28px;
	padding-left:2px;
}

.pcpli1{
	color:#0000ff;
	width:100px;
	vertical-align:top;
}

.pcpli2{
	width:600px;
	vertical-align:top;
}

.pcpli3{
	color:#000099;
	font-size:18px;
	font-weight:bold;
	width:600px;
	vertical-align:middle;
}

.pcpli4{
	color:#0000ff;
	width:100px;
	vertical-align:top;
	background-color:#cccccc;
}

.pcpli5{
	width:600px;
	vertical-align:top;
	background-color:#cccccc;
}

#outline {
 width:710px;
 margin:0 auto;
 }
.outline-margin { margin:0 10px; }
.center-left { float:left; width:530px; }
.right { float:right; width:160px; text-align:left; }
.c-both { clear:both; }
.main { float:right; width:350px; text-align:left; }
.left { float:left; width:160px; text-align:left; }



#outline2 {
 width:710px;
 margin:0 auto;
 background:#ffffff;widht:710px;height:100px;
  }
.outline-margin2 { margin:30px 0px 0px 0px; }

.center-left2 { float:left; width:330px; }
.right_l2 { float:right; width:165px; text-align:left; }
.left_l2 { float:left; width:165px; text-align:left; }

.c-both_2 { clear:both; }

.center-right2 { float:left; width:330px; }
.right_r2 { float:right; width:165px; text-align:left; }
.left_r2 { float:left; width:165px; text-align:left; }


#outline3 {
 width:710px;
 text-align:left;
 margin:0 auto;
 }
.outline-margin3 { margin:0 10px; }
.main3 { width:540px; float:left; }
.side3 { width:160px; float:right; }
.c-both3 { clear:both; }


#frame4{
	width:710px;
	text-align:left;
}

#frame-margin4{
	margin:0 10px;
}

.center_left4{
	width:340px;
	float:left;
}

.center_right4{
	width:340px;
	float:right;
}

.left_c4{
	width:170px;
	float:right;
}

.left4{
	width:170px;
	float:left;
}

.right_c4{
	width:170px;
	float:left;
}

.right4{
	width:170px;
	float:right;
}

.c-both4{
	clear:both;
}

.topics1 { float: left; }