@charset "Shift_JIS";

body {
color: #666;
width: 1000px;
height:auto;
margin: 15px auto;
padding: 0 0 0 0;
}

#scrollnavi {
	padding:150px 50px;
	font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
}
 
/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}
 
:focus {
  -moz-outline-style:none;
}


#scrollnavi2 {
font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
}





#container{
 width: 1000px;
height: auto;
 margin: 15px auto;
 padding: 0;
 color: #666;

}


a {
color: #666;
text-decoration: none;
}



#content{
width: 1000px;
height: auto;
margin: 25px 0 20px 0 ;
padding:0 0 0 0;
 background-image:url(back-line.gif);
 background-repeat:repeat-y;

}

#top{
width: 1000px;
height: 300px;
margin: 20px 0 20px 0 ;
padding:0 0 0 0;
}

#pruducts{
width:1000px;
margin:10px 0 0 0;
padding:0 0 0 0;
}


#maincol{
width:580px;
height:auto;
margin: 0 0 0 0;
padding:0 0 0 0;
float:left;
}


.brandrogo{
float:left;
margin:10px 10px 10px 0;
padding:0 0 0 0;
}

#maincol h1{
font:22px "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3" ;
line-height:1.3em;
font-weight:bold;
color:#333;
margin:35px 0 5px 0;
padding:0 0 0 0;
}

#maincol h1 .sub{
font:14px "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3" ;
line-height:1.3em;
font-weight:bold;
color:#333;
margin:5px 0 5px 0;
padding:0 0 0 0;
}


#maincol h2{
font-size:14px;
font-weight:bold;
color:#333333;
margin:7px 0 3px 0;
padding:0;
line-height:1.3em;
}

#maincol h3{
font-size:12px;
font-weight:bold;
color:#666666;
margin:3px 0 3px 0;
padding:0 0 0 0;
line-height:1.5em;
}

#maincol h4{
font-size:20px;
font-weight:bold;
color:#333333;
margin:3px 0 10px 0;
padding:0 0 0 0;
line-height:1.5em;
border-bottom:double 4px #666666;
}

#maincol h4 .sub2{
font:12px "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3" ;
line-height:1.3em;
font-weight:bold;
color:#333;
margin:5px 0 5px 0;
padding:0 0 0 0;
}

#maincol h5{
font-size:11px;
font-weight:bold;
color:#666666;
margin:5px 0 0 0;
padding:0 0 0 0;
line-height:1.5em;
text-align:right;
clear:both;
}


.subtitle{
width:580px;
height:40px;
background-image:url(back-line2.gif);
background-repeat:no-repeat;
clear:both;
}

h6.update{
font-size:12px;
font-style:normal;
margin:14px 5px 14px 5px;
text-align:right;
float:right;
}

.tags{
margin:13px 5px;
font-size:14px;
font-weight:bold;
float:left;
}


#maincol .next {
color: #6666666;
font-size: 12px;
line-height: 1.5em;
margin:3px 0 0 0;
padding: 0px;
}

#maincol.next a hover {
color:#999;
}


#maincol p{
font-size: 12px;
line-height:1.5em;
font-weight:normal;
color:#666;
margin: 2px 0 5px 0;
padding:0 0 0 0;

}

#maincol img{
margin:10px 0 10px 0;
padding:0 0 0 0;
}

#maincol a{
color:#0033CC;
}


#maincol a:hover{
color:#333333;
}

#maincol table{
width:580px;
height:auto;
margin:5px 0 5px 0;
padding:0 0 0 0;
border-collapse:collapse;
border-top:1px solid #999999;


}

#maincol th{
width:60px;
height:auto;
font-size:11px;
padding:2px;
text-align:center;
border-collapse:collapse;
border-bottom:1px solid #999999;
}

#maincol td{
width:60px;
height:auto;
font-size:11px;
padding:2px;
text-align:center;
border-collapse:collapse;
border-bottom:1px solid #999999;

}


#subcol{
width: 350px;
height: auto;
margin: 0 0 0 650px;
padding: 0 0 0 0 ;
background-color:#ffffff;
}

#maintitle{
width:auto;
height:30px;
margin:0 0 0 0;
padding:0 0 0 0;
}

#itemlist{
width:580px;
height:auto;
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none; 
}

#itemlist ul{
width:580px;
height:auto;
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none; 

}

#itemlist li{ 
width:280px;
height:230px;
margin:0 10px 15px 0;
padding:0 0 0 0;
line-height:1.4em;
font-size:12px;
list-style:none;
float:left;

}

#pickup{
width: 350px;
height:auto;
margin:40px 0 30px 0;
padding:0 0 0 0;
}

#pickup ul{
margin:0 0 0 0;
padding:0 0 0 0;
border-top:1px solid #CCCCCC;
width: 350px;
height:auto:
}

#pickup li{
width: 350px;
height:120px;
border-bottom:1px solid #CCCCCC;
margin:0 0 0 0;
padding:10px 0 10px 0;
list-style:none;
}

#pickup li img{
width:150px;
height:100px;
margin:0 5px 0 0;
padding:0 0 0 0;
float:left;
}

#pickup h1{
font-size:12px;
line-height:1.5em;
font-weight:bold;
color:#333333;
}

#pickup p{
font-size:11px;
line-height:1.5em;
color:#666666;
}

#pickup h4{
font-size:11px;
color:#4f7bba;
margin:5px 0 3px 0;
padding:0 0 0 14px;
background:url(allow.png) ;
background-position: left center;
background-repeat:no-repeat;
float:right;
}

#pickup h4 a:hover {
color:#4f7bba;
}

hr {
clear:both;
visibility:hidden;
height:0 0 0 0;
margin:0 0 0 0;
border:none;
}


