body {
color: #333;
background-color:#CC6;
text-align:center;
margin:0 auto;
}

img { border:0;
}

table { border:0;
border-collapse:collapse;
}

td	{ font-size: 14px;
}

div	{ font-size:14px;
}

p	{ font-size:14px;
line-height:1.3em;
padding:0;
margin:0 0 0.8em 0;
}


a:link { color:#3366FF; text-decoration: underline; }
a:visited { color: #3366FF; text-decoration: underline; }
a:hover { color:#FF6600; text-decoration: none; }





/* 外枠 */
#wrapper { width:800px;
margin: 0 auto;
text-align:center;
background-image:url(images/bg.gif);
}


/* ヘッダ */
#hdr {
width:760px;
margin: 0 auto;
min-height:1px;　/* IE 7対策 */
}

* html body #hdr {
width:760px;
margin: 0 auto;
height:1px;　/* IE 6対策 */
}


#hdr .fl { float:left;
margin:0 0 5px 10px;
}

#hdr .fr { float:right;
text-align:right;
margin:0 10px 5px 0;
}

#hdr h1 {
width:760px;
background-color:#363;
font-size:12px;
font-weight:normal;
color:#FFF;
text-align:center;
padding:3px 0;
line-height:1em;
margin:0 auto 5px auto;
}

h2 {
font-size:18px;
font-weight:bold;
color:green;
text-align:left;
vertical-align:top;
padding:3px 5px;
line-height:1em;
margin:0px 0px 0px 0px;
}

h3 {
font-size:14px;
font-weight:bold;
color:#363;
line-height:1em;
margin:0px 0px 0px 0px;
}

/* ホームイメージ */
#himg {
width:760px;
height:260px;
text-align:center;
border-bottom:#999 dotted 1px;
margin:0 auto 20px auto;
vertical-align:baseline;
}


/* ホームメイン部 */

#hmain {
width:720px;
text-align:left;
margin:auto;
}


#hmain-left {width:460px;
float:left;
}

#hmain-right {width:240px;
float:right;
}


/* ホーム製品紹介 */
#pdctinfo {
margin-bottom:10px;
}

#pdctinfo .tit {
padding-bottom:10px;
border-bottom:#999 dashed 1px;
margin-bottom:10px;
}

#pdctinfo .pht {
width:190px;
float:left;
}

#pdctinfo .txt {
width:270px;
font-size:14px;
line-height:1.4em;
float:left;
}



/* ホームメイン部 更新情報 */

table#hnews {
margin:5px 5px 10px 5px;
}


#hnews .day {
font-size:12px;
background:url(images/dot_green.gif) left 10px no-repeat;
padding:5px 0 0 12px;
}

#hnews .event {
font-size:12px;
line-height:1.2em;
padding:0 0 5px 12px;
border-bottom:#999 dotted 1px;
}

#hnews img {
vertical-align:baseline;
margin-left:5px;
}




/* サブイメージ部 */
#simg {
width:760px;
height:100px;
background:url(images/bg_sub.gif) no-repeat;
text-align:left;
border-bottom:#999 dotted 1px;
margin:0 auto 20px auto;
}

#simg .pnkz {
float:left;
font-size:12px;
padding:10px;
}

#simg .btn {
float:right;
padding:10px 10px 5px 0px;
}

#simg .tit {
padding-left:10px;
}




/* サブメイン部 */

#smain {
width:760px;
text-align:left;
margin:0 auto 20px auto;
}


#smain-left {width:540px;
float:left;
text-align:left;
margin:0 0 20px 20px;
}

* html body #smain-left {width:540px;
float:left;
text-align:left;
margin:0 0 20px 10px;
}

#smain-right { width:180px;
float:right;
text-align:left;
}





#smain .mdc {
background:url(images/bg_mdc.gif) no-repeat;
font-size:14px;
line-height:1em;
font-weight:bold;
color:#FFF;
padding:5px 30px;
margin-bottom:20px;
}

#smain .mdc-arr {
background:url(images/mdc_arr.gif) 5px center no-repeat;
padding:3px 0 3px 30px;
font-size:14px;
font-weight:bold;
color:#363;
line-height:1em;
margin-bottom:10px;
}


#smain .dtl {
margin-left:30px;
font-size:14px;
line-height:1.4em;
}


#smain .mdc-n1 {
background:url(images/mdc_n1.gif) 5px center no-repeat;
padding:3px 0 3px 30px;
font-size:14px;
font-weight:bold;
color:#363;
line-height:1em;
margin-bottom:10px;
}

#smain .mdc-n2 {
background:url(images/mdc_n2.gif) 5px center no-repeat;
padding:3px 0 3px 30px;
font-size:14px;
font-weight:bold;
color:#363;
line-height:1em;
margin-bottom:10px;
}

#smain .mdc-n3 {
background:url(images/mdc_n3.gif) 5px center no-repeat;
padding:3px 0 3px 30px;
font-size:14px;
font-weight:bold;
color:#363;
line-height:1em;
margin-bottom:10px;
}




#smain .smdc {
border-bottom:#999 dotted 1px;
margin-bottom:20px;
}

#smain .smdc div {
border-left:#999 solid 3px;
padding:3px 5px;
font-size:14px;
font-weight:bold;
color:#333;
}






/* ニュース */

#news table {
width:100%;
margin-bottom:20px;
}

#news th {
width:80px;
border-right:#999 solid 2px;
padding:5px 10px;
font-size:12px;
font-weight:normal;
}

#news td {
width:480px;
padding:5px 10px;
line-height:1.5em;
}

#news img {
vertical-align:middle;
margin-left:10px;
}


/* その他 */
ul#others  {
margin:0 5px 20px 5px;
}

#others li {
list-style:url(images/dot_green.gif);
margin-bottom:10px;
}



/* 製品詳細 */

#item .pht {
float:left;
width:220px;
margin-bottom:20px;
}

#item .info {
float:right;
width:300px;
line-height:1.4em;
margin-bottom:10px;
}

#item .tits {
background:url(images/arr_sgreen.gif) left 2px no-repeat;
padding:0 0 5px 14px;
border-bottom:#999 dotted 1px;
margin-bottom:10px;
font-size:14px;
color:#363;
font-weight:bold;
line-height:1em;
}

#item table.data {
width:380px;
float:left;
margin-right:20px;
margin-bottom:40px;
}

#item .data th {
width:30%;
font-size:14px;
padding:5px 10px;
border:#999 solid 1px;
background-color:#EEE;
text-align:left;
font-weight:normal;
white-space:nowrap;
}

#item .data td {
font-size:14px;
padding:5px 10px;
border:#999 solid 1px;
}

#item .data2 th {
font-size:14px;
padding:5px 5px;
border:#999 solid 1px;
background-color:#EEE;
text-align:center;
font-weight:normal;
white-space:nowrap;
}

#item .data2 td {
font-size:14px;
padding:5px 10px;
border:#999 solid 1px;
}

#item .btn {
float:left;
}

#item .btn input {
margin-top:20px;
}




/* フッタ */
#footer { width:720px;
text-align:center;
color:#666666;
line-height:140%;
font-size:11px;
margin:0 auto;
padding-bottom:10px;
}


#ptop {font-size:10px;
text-align:right;
margin-bottom:5px;
}

#ptop img {
vertical-align:top;
}

#copyright {text-align:center;
background-color:#999;
padding:2px;
margin-bottom:10px;
}





/* 枠囲み */
.waku_green { border:#363 solid 1px;
line-height:140%;
min-height:1px;　/* IE 7対策 */
}

* html body .waku_green { border:#363 solid 1px;
line-height:140%;
height:1px;　/* IE 6対策 */
}

.waku_lgray { border:#999 solid 1px;
line-height:140%;
min-height:1px;　/* IE 7対策 */
}

* html body .waku_lgray { border:#999 solid 1px;
line-height:140%;
height:1px;　/* IE 6対策 */
}




/* フォント指定 */
.s1 {  font-size: 10px; line-height: 140%}
.s2 {  font-size: 12px; line-height: 140%}
.s3 {  font-size: 14px; line-height: 140%}
.s4 {  font-size: 16px; line-height: 140%}
.s5 {  font-size: 18px; line-height: 140%}
.bold { font-weight:bold;}

/* 色指定 */
.red { color:#F30 }
.orange { color:#ff4500 }
.blue { color:#069 }
.lblue { color:#9CC }
.dblue { color:#339 }
.white { color:#FFF }


/* マージン指定 */
.mb05 { margin-bottom:5px }
.mb10 { margin-bottom:10px }
.mb15 { margin-bottom:15px }
.mb20 { margin-bottom:20px }
.mb30 { margin-bottom:30px }
.mb40 { margin-bottom:40px }
.mb60 { margin-bottom:60px }

.mr10 { margin-right:10px }
.mr20 { margin-right:20px }
.mr30 { margin-right:30px }
.mr40 { margin-right:40px }

/* 余白指定 */
.pb05 { padding-bottom:5px }
.pb10 { padding-bottom:10px }
.pb15 { padding-bottom:15px }
.pb20 { padding-bottom:20px }
.pb30 { padding-bottom:30px }
.pb40 { padding-bottom:40px }

/* サイズ指定 */
.w100p {width:100%;}
.w50 {width:50px}
.w100 {width:100px}
.w120 {width:120px}
.w200 {width:200px}
.w250 {width:250px}
.w300 {width:300px}
.w400 {width:400px}


/* 位置あわせ */
.cent { text-align:center; margin:auto}
.center { text-align:center;}
.left { text-align:left;}
.right { text-align:right;}
.fl { float:left}
.fr { float:right}
.vamid {vertical-align:middle}
.vatb {vertical-align:text-bottom}
.cr {clear:both;}
.lh100 {line-height:100%; }


.nowrap { white-space:nowrap;}