/*basic*/

/*-----basic setting-----*/
*{margin:0;padding:0;line-height:150%;}
html,body{margin:0; padding:0}
img{border:none;}
ul,ol{margin:0;padding:0;}
ul li{list-style:none; }
ul li a{text-decoration:none;border:none;}

body{
font-family:arial,Osaka, sans-serif,  verdana;
color:#000;
font-size:14px;
background:#fff4f0;
}

a{color:#cf0046;text-decoration:none;}
a:hover{color:#a00000; text-decoration:underline;}

/*----------------------*/

#container{
width:722px;
margin:0 auto;
background:url(img/wrap.jpg) repeat-y;
}

/*header*/
#header{
height:171px;
background:url(img/header.jpg) no-repeat;
}
h1 a{
display:block;
width:520px;
height:130px;
}
h1 a span{ display:none;}

/*navigation*/

#navigation{
width:196px;
position:relative;
float:right;
padding:0 4px 0 0;
font-size:12px;
}
#navigation ul{ margin-bottom:12px;}
#navigation ul li{
padding:4px;
border-bottom:#ffae88 solid 1px;
}

#navigation #list_area li{
padding:2px 2px 2px 11px;
border:none;
background:url(img/point.jpg) 0 8px no-repeat;
}

#navigation ul #cl1{
padding:3px;
font-weight:bold;
background:url(img/nav_top.jpg) repeat-y;
}


/*contents*/
#contents{
width:480px;
position:relative;
float:left;
padding:15px;
line-height:290%;
}
#contents ul li{ line-height:280%;}
#contents .related_contents li{ line-height:200%;}

#title_area{
margin:12px 0;
padding:4px 4px 4px 55px;
background:url(img/h2.jpg) 0 5px no-repeat;
}
h2{
border-top:#9400c5 solid 2px;
font-size:18px;
line-height:100%;
}
.related_title{
margin:10px 0;
padding:0 3px;
font-weight:bold;
color:#762391;
border-bottom:#762391 solid 2px;
}

/*clearfix*/
.clearfix{ clear:both;}

/*footer*/
#footer{
padding:10px;
color:#666;
font-size:12px;
text-align:right;
background:#fff;
border-top:#ddd solid 3px;
}
#footer ul{
margin:10px 0;
text-align:left;
}