body{
font-family:'ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color:#000000;
margin:0 0 25px 0;
padding:0;
background:#FFFFFF;
}

fieldset{
border:none;
}

h1,h2,h3,h4,h5,h6,pre,
blockquote,ul,ol,dl,dd,form{
margin:0;
padding:0;
}

h1,h2,h5,h6{
font-size:12px;
}


h3,h4{
font-size:12px;
}

p,li,dt,dd{
font-size:12px;
line-height:170%;
margin:0;
}

br {
letter-spacing: 0;
}

a{
text-decoration:underline;

color:#000000;
}

a:hover{
text-decoration:none;

}

img{
margin:0;
padding:0;
vertical-align:top;
border:none;
}

li img{
vertical-align:middle;
}

th{
font-weight:normal;
text-align:left;
}

ul{
list-style:none;
}

/*MAIN LAYOUT*/
#wrapper{
width:900px;
margin:0 auto;
}

#maincont{
margin:5px 0 45px 0;
}

#colleft{
width:200px;
float:left;
background: #E7EDF0;
}

#colright{
width:690px;
float:right;
}


/*HEADER*/
#header{
width:900px;
height:26px;
margin:20px auto 15px auto;
}

#header h1{
float:left;
width:163px;
height:26px;
background: url(../images/img/logo.gif);
display: block;
text-indent:-9999px;
margin:0 0 0 0;
} 


#header h1 a {
width:163px;
height:26px;
display: block;
}

#header p{
float:right;
width:109px;
height:13px;
background: url(../images/img/btn_contact.gif) no-repeat;
display: block;
text-indent:-9999px;
margin:10px 10px 0 0;
padding:0;
} 


#header p a {
width:109px;
height:13px;
display: block;
}

#header dl dt{
float:right;
width:109px;
height:13px;
background: url(../images/img/btn_contact.gif) no-repeat;
display: block;
text-indent:-9999px;
margin:10px 10px 0 0;
padding:0;
} 

#header dl dt a{
width:109px;
height:13px;
display: block;
} 

#header dl dd{
float:right;
width:80px;
height:13px;
background: url(../images/img/btn_english.gif) no-repeat;
display: block;
text-indent:-9999px;
margin:10px 10px 0 0;
padding:0;
} 

#header dl dd a{
width:80px;
height:13px;
display: block;
} 


/*MENU*/
#menu dl{
width:900px;
margin:0;
}

#menu dl dd{
height:41px;
float:left;
margin:0px;
padding:0px;
display: block;
text-align:center;
text-indent:-9999px;
}

#menu dl dd a {
display: block;
height:41px;
}

#menu dl dd a:hover {
display: block;
height:41px;
}

#menu dl dd.pt01{
width:130px;
background:url(../images/menu/menu_01.jpg) top no-repeat #FFFF00;
}
#menu dl dd.pt01 a{
background:url(../images/menu/menu_01.jpg) top no-repeat #CCCCCC;
}
#menu dl dd.pt01 a:hover{
background:url(../images/menu/menu_01.jpg) top no-repeat #FFFF00;
}

#menu dl dd.pt02{
width:128px;
background:url(../images/menu/menu_02.jpg) top no-repeat #FFFF00;
}
#menu dl dd.pt02 a{
background:url(../images/menu/menu_02.jpg) top no-repeat #CCCCCC;
}
#menu dl dd.pt02 a:hover{
background:url(../images/menu/menu_02.jpg) top no-repeat #FFFF00;
}

#menu dl dd.pt03{
width:128px;
background:url(../images/menu/menu_03.jpg) top no-repeat #FFFF00;
}
#menu dl dd.pt03 a{
background:url(../images/menu/menu_03.jpg) top no-repeat #CCCCCC;
}
#menu dl dd.pt03 a:hover{
background:url(../images/menu/menu_03.jpg) top no-repeat #FFFF00;
}

#menu dl dd.pt04{
width:128px;
background:url(../images/menu/menu_04.jpg) top no-repeat #FFFF00;
}
#menu dl dd.pt04 a{
background:url(../images/menu/menu_04.jpg) top no-repeat #CCCCCC;
}
#menu dl dd.pt04 a:hover{
background:url(../images/menu/menu_04.jpg) top no-repeat #FFFF00;
}

#menu dl dd.pt05{
width:128px;
background:url(../images/menu/menu_05.jpg) top no-repeat #FFFF00;
}
#menu dl dd.pt05 a{
background:url(../images/menu/menu_05.jpg) top no-repeat #CCCCCC;
}
#menu dl dd.pt05 a:hover{
background:url(../images/menu/menu_05.jpg) top no-repeat #FFFF00;
}

#menu dl dd.pt06{
width:128px;
background:url(../images/menu/menu_06.jpg) top no-repeat #FFFF00;
}
#menu dl dd.pt06 a{
background:url(../images/menu/menu_06.jpg) top no-repeat #CCCCCC;
}
#menu dl dd.pt06 a:hover{
background:url(../images/menu/menu_06.jpg) top no-repeat #FFFF00;
}

#menu dl dd.pt07{
width:130px;
background:url(../images/menu/menu_07.jpg) top no-repeat #FFFF00;
}
#menu dl dd.pt07 a{
background:url(../images/menu/menu_07.jpg) top no-repeat #CCCCCC;
}
#menu dl dd.pt07 a:hover{
background:url(../images/menu/menu_07.jpg) top no-repeat #FFFF00;
}

/*TITLE*/
h2{
font-size:110%;
border-bottom:#000000 1px solid;
}

/*COMMON*/
p.pagenavi{
padding:0 0 5px 0;
}

/*INDEX*/
#top h2{
margin:1px 0 20px 0;
}

#topcolleft{
width:440px;
float:left;
}

#topcolright{
width:440px;
float:right;
}

#top h3.pnews{
border-bottom:8px solid #CCCCCC;
padding:0 0 8px 0;
margin:0 0 8px 0;
}

#top h3.product{
border-bottom:8px solid #A0D2A5;
padding:0 0 8px 0;
margin:0 0 8px 0;
}

#top h3.snews{
border-bottom:8px solid #009E96;
padding:0 0 8px 0;
margin:15px 0 8px 0;
}

#top div.news div h4{
margin:0 0 10px 0;
}

#top div.news div{
background:url(../images/line/line_dot.gif) bottom repeat-x;
padding:0 10px 10px 10px;
margin:10px 0 10px 0;
}

#top div.news p{
padding:0 0 5px 0;
}

#top div.news dl{
padding:0 10px;
}

#top div.news dl dd,#top div.snews dl dd{
background:url(../images/icon/point_gray.gif) left no-repeat;
padding:0 0 0 12px;
}

#top div#topproduct dl{
float:left;
margin:5px;
text-align:center;
}
* html #top div#topproduct dl{
/* for ie6 */
margin:5px 4px;
}

#top div#topproduct dt{
width:100px;
height:100px;
background:#000000;
}

#top div#topproduct dt img{
padding:1px 0 0 0;
}

#top div#topproduct dd{
padding:3px 0 0 0;
width:100px;
line-height:120%;
}

#top div.snews{
padding:0 10px;
}


/*LEFTMENU*/
#product #colleft{
border-bottom:1px solid #999999;
border-left:1px solid #999999;
border-right:1px solid #999999;
}


#product #colleft dl dt{
font-weight:bold;
line-height:140%;
color:#FFFFFF;
padding:5px;
margin:0 0 5px 0;
background: url(../images/bg/bg_left_gray_title.jpg) bottom repeat-x  #666666;
border-bottom:1px solid #666666;
}

#product #colleft dl{
margin:0 0 10px 0;
}

#product #colleft dl dd{
background:url(../images/icon/yajirushi_gray.gif) no-repeat;
background-position:0 5px;
padding:0 0 0 10px;
margin:0 5px;
line-height:130%;
}

#tutorial #colleft dl{
border-top:1px solid #999999;
border-left:1px solid #999999;
border-right:1px solid #999999;
}

#tutorial #colleft dl dd{
background:url(../images/bg/bg_left_gray.jpg) top repeat-x;
padding:8px 5px 8px 5px;
line-height:130%;
border-bottom:1px solid #999999;
line-height:130%;

}

#company #colleft dl{
border-top:1px solid #999999;
border-left:1px solid #999999;
border-right:1px solid #999999;
}

#company #colleft dl dd{
background:url(../images/bg/bg_left_gray.jpg) top repeat-x;
padding:8px 5px 8px 5px;
line-height:130%;
border-bottom:1px solid #999999;
line-height:130%;

}

/*PRODUCT*/
div#productlist div.wrap{
margin:0 0 20px 0;
}

#product div.oldlist div{
padding:5px;
margin:5px 0 0 0;
background:url(../images/line/line_dot.gif) top repeat-x;
}


div#productlist h3{
font-size:100%;
border-bottom:1px solid #27343C;
background:url(../images/bg/bg_title_bld.jpg) bottom repeat-x #27343C;
color:#FFFFFF;
margin:0px 0 10px 0px;
padding:4px 8px;
}

div#productlist dl{
width:162px;
float:left;
margin:5px;
border-top:8px solid #CCCCCC;
}
* html div#productlist dl{
/* for ie6 */
margin:5px 4px;
}

div#productlist dl dt{
line-height:130%;
font-weight:bold;
padding:5px 0 8px 0;
margin:0 0 5px 0;
font-size:13px;
background:url(../images/line/line_dot.gif) bottom repeat-x;
}

div#productlist dl dd.img{
text-align:center;
height:162px;
margin:8px 0 5px 0;
}

div#productlist dl dd.img img{
margin:1px 0 0 0;
}

#product .imgbox{
padding:10px 30px;
text-align:center;
}

#product .imgbox table,#product .imgbox table td{
vertical-align:bottom;
border:none !important;
}

#product h2{
border-bottom:1px solid #27343C;
font-size:110%;
color:#FFFFFF;
background:url(../images/bg/bg_title_bld.jpg) bottom repeat-x #27343C;
color:#FFFFFF;
padding:4px 8px;
margin:0 0 15px 0;
}

#product h3{
font-size:100%;
border-bottom:#CCCCCC 8px solid;
margin:25px 0 10px 0;
padding:0 0 5px 0;
}

#product h3.producttitle{
border-left:8px solid #333333;
border-bottom:none !important;

padding:3px 8px !important;
}

#product h4{
font-size:90%;
padding:5px 0;
}

#product #colright div.boxs{
margin:15px;
}

#product #colright div.boxsfocus{
background:#E1E1E1;
border:#CCCCCC solid 1px;
margin:15px 0;
padding:10px;
}

#product ul{
margin:0 10px;
}

#product ul li{
background:url(../images/icon/point_gray.gif) left no-repeat;
background-position:0 7px;
padding:0 0 0 12px;
}

#product table{
width:100%;
font-size:75%;
border-top:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
}

#product table th{
background:#E6E6E6;
font-weight:bold;
padding:5px; 
border-bottom:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
}

#product table td{
padding:5px;
border-bottom:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
}

#product table.bordernone{
width:100%;
font-size:75%;
border:none !important;
}

#product table.bordernone th{
background:#E6E6E6;
font-weight:bold;
padding:5px; 
border:none !important;
}

#product table.bordernone td{
padding:5px;
border:none !important;
}

#product span.focuson{
font-weight:bold;
}

#product div.more{
border:#CCCCCC 1px solid;
padding:10px;
}

#product div.more p{
padding:5px 0;
}

#product div.boxs dl,#product div.boxsline dl{
padding:0 0 15px 0;
}

#product div.boxs dl dd,#product div.boxsline dl dd{
padding:0 0 10px 0;
}

#product div.boxsline{
background:url(../images/line/line_dot.gif) bottom repeat-x;
padding:0 15px 25px 15px;
}

/*TUTORIAL*/
#tutorial h2{
border-bottom:1px solid #27343C;
font-size:110%;
color:#FFFFFF;
background:url(../images/bg/bg_title_bld.jpg) bottom repeat-x #27343C;
color:#FFFFFF;
padding:4px 8px;
margin:0 0 15px 0;
}

#tutorial h3{
font-size:100%;
border-bottom:#CCCCCC 8px solid;
margin:25px 0 10px 0;
padding:0 0 5px 0;
}

#tutorial h4{
font-size:80%;
padding:3px 5px;
margin:10px 0;
background: #E0E0E0;
}

#tutorial ul{
margin:0 10px;
}

#tutorial ul li{
background:url(../images/icon/point_gray.gif) left top no-repeat;
background-position:0px 7px;
padding:0 0 0 12px;
}

#tutorial span{
font-weight:bold;
}

#tutorial img{
padding:10px 0;
}

#tutorial .contactbox{
border:1px solid #999999;
margin:25px 0 0 0;
padding:10px;
}

#tutorial .contactbox img{
padding:0 !important;
}

pre.Example {
margin:5px 0;
font-size: 75%;
background-color: #e3f0fb;
border: 1px #1C79C6 dotted;
padding: 5px;
font-family: "Courier New", Courier, mono;
line-height:130%;
}

#tutorial table{
font-size:75%;
width:100%;
border-top:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
margin:10px 0;
}

#tutorial table th{
background:#E6E6E6;
font-weight:bold;
padding:5px; 
border-bottom:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
}

#tutorial table td{
padding:3px 5px;
border-bottom:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
}

dl.list{
margin:15px;
}

dl.list dd{
background:url(../images/icon/yajirushi_gray.gif) left no-repeat;
padding:0 0 0 10px;
margin:0 5px;
line-height:160%;
}

#tutorial div.boxs{
padding:0 10px;
}

/*NEWS*/
#demo .boxs h3{
font-size:100%;
border-bottom:#CCCCCC 8px solid;
margin:15px 0 10px 0;
padding:0 0 5px 5px;
}

#demo .boxs p{
padding:0 10px;
}

#demo .boxs p.navi{
background:url(../images/icon/yajirushi_gray.gif) left no-repeat;
margin:5px 0 0 15px;
}

#demo .boxs{
margin:0 0 25px 0;
}


/*NEWS*/
#news h2{
border-bottom:1px solid #27343C;
font-size:110%;
color:#FFFFFF;
background:url(../images/bg/bg_title_bld.jpg) bottom repeat-x #27343C;
color:#FFFFFF;
padding:4px 8px;
margin:0 0 15px 0;
}

#news dl.list dt{
font-weight:bold;
}


/*COMPANY*/
#company h3{
border-bottom:1px solid #27343C;
font-size:90%;
color:#FFFFFF;
background:url(../images/bg/bg_title_bld.jpg) bottom repeat-x #27343C;
color:#FFFFFF;
padding:4px 8px;
margin:0 0 15px 0;
}


/*FOR BUGGGG!*/
#wrapper:after,.wrap:after{
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}

#wrapper,.wrap{
display:inline-block;
}

/* exlude MacIE5 \*/
*html #wrapper,*html .wrap{
height:1%
}

#wrapper,.wrap{
display:block;
}
/* END MacIE5 */


/*FOOTER*/
#footer{
border-top:8px solid #28343B;
width:900px;
padding:7px 0 0 0;
margin:0 auto 30px auto;
clear:both;
}

address{
font-size:11px;
font-style:normal;
text-align:center;
}