/*======================================
　CSS: camera_color
=======================================*/

/*=====■Common specification■=====*/

*{margin:0;padding:0;line-height:160%;}
html,body{margin:0; padding:0}

img{border:none;}
ul,ol{margin:0;padding:0;}
ul li{list-style:none;list-style-postion:inline}
ul li a{text-decoration:none;border:none;}
h1,h2,h3,h4,h5{margin:0;padding:0;}

.fix{
clear:both;
font-size:1px;
}

/*=====■Layout■=====*/
body{
font-family:arial, sans-serif, Osaka, verdana;
color:#333;
background:#f7f6f6 url(img/bg.jpg) repeat-x;
}

/*LINK*/
a{
color:#adff2f;
}

a:hover{ 
color:#292929;
}

/*■header*/
#header{
width:733px;
height:344px;
background:url(img/header_bg.jpg) no-repeat;
}

/*TITLE*/
#header #title h1 {margin:0; padding:0;}

/*LOGO-PICTURE*/
#header #title h1 a{
width:455px;
height:87px;
margin:0;
display:block; 
background:url(img/title.jpg) no-repeat;
} 
#header #title h1 a span{display:none }

/*■CONTENTS*/
#wrap{ 
width:729px;
padding-left:5px;
background:url(img/wrap_bg.jpg) repeat-y;
}

/*navi*/
#navi{
width:241px;
padding-bottom:30px;
background:#f3f3f3 url(img/nav_bottom.jpg) no-repeat bottom;
position:relative;
float:left;
}

/*article*/
#content{ 
margin:0;
padding:0;
width:480px;
position:relative;
float:right;
}

/*NAVIGATION*/
#list{
width:221px;
margin-left:10px;
}
#cat{
width:221px;
margin-left:10px;
}
#list h1 {
width:221px;
height:41px;
background:url(img/nav_top.jpg) no-repeat;
}
#list h1 span{display:none;}

#list ul li a{
color:#292929;
width:219px;
height:41px;
display:block; 
padding:0;
line-height:100%;
font-size:14px;
background:url(img/li.jpg) no-repeat;
border:#c0c0c0 solid 1px;
border-top:none;
}

#list ul li a:hover{background:url(img/li_hover.jpg) no-repeat;}
#list ul li.selected a{background:url(img/li_select.jpg) no-repeat;}
#list ul li a span{display:block;padding:10px 5px 0 43px;}

#naviAd ul{
color:#666;
padding:0 10px;
font-size:13px;
margin-bottom:10px;
}
#naviAd ul li{
line-height:180%;
padding:7px;
border-bottom:#ddd solid 1px;
}

/*■CONTENTS*/

/*ARTICLE*/
#pagetitle{
width:390px;
height:62px;
margin:0;
padding:30px 0 0 75px;
background:url(img/h1.jpg) no-repeat;
}
#pagetitle h1{
line-height:105%;
font-size:23px;
color:#333;
}
#art{
padding:10px 30px 10px 30px;
line-height:350%;
color:#333;
font-size:14px;
margin-bottom:3px;
}

#art ul li{margin:5px 0 0 5px;}

.top { text-align:right; background:url(img/block_btm.gif) no-repeat left top; height:40px; padding:10px 20px 0 0; line-height:400%; font-size:11px;}
.top a {text-decoration:none;}

#content ul{padding-left:30px;}
#content ul li{
color:#666;
font-size:13px;
line-height:270%;
}

/*■footer*/
#foot{
width:708px;
height:50px;
padding:95px 25px 0 0;
background:url(img/foot.jpg) no-repeat;
}

#foot ul{
width:708px;
text-align:right;
margin-top:-60px;
color:#ccc;
font-size:13px;
margin-bottom:10px;
}
/*COPYRIGHT*/
#copyright p{
padding:0;
text-align:right;   
font-size:11px;
font-weight:bold;
color:#eee;
}