/*======================================
　CSS: insurance_purple
=======================================*/

/*=====■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;
text-align:center; 
background:#f3f3f3;
font-size:13px;
}

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

a:hover{ 
color:#292929;
}

/*■header*/
#header{
width:782px;
height:159px;
background:url(img/header_bg.gif) no-repeat;
}

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

/*LOGO-TXT*/
#header #title h1 a {
width:387px; 
text-decoration:none; 
font-weight:bold; 
display:block; 
font-size:32px;
color:#CCC;
}

/*LOGO-PICTURE*/
#header #title h1 a{
width:551px;
height:72px;
background:url(img/title.gif) no-repeat;
} 
#header #title h1 a span{display:none }

/*■CONTENTS*/
#wrap{ 
width:785px;
text-align:center;
margin:0 auto;
text-align:left;
}

/*nav*/
#nav{
width:300px;
padding:0 0 0 0;
margin:0;
position:relative;
float:right;
}

/*article*/
#content{ 
margin:0;
padding:0 17px 0 0;
width:465px;
position:relative;
float:left;
}

/*NAVIGATION*/
#nav ul li{
padding:5px 0;
line-height:160%;
border-bottom:#ccc dotted 1px;
color:#444;
}
#nav ul li a{
color:#993366;
text-decoration:underline;
}
#nav #list ul li{
padding:0;
border:none;
}
#list{
width:295px;
margin-bottom:15px;
border-bottom:#625e5d solid 1px;
}
#cat{
width:295px;
}
#n_title{
padding:5px 0;
font-weight:bold;
display:block;
font-size:15px;
border-bottom:#333 solid 3px;
}

#nav #cat ul li a{
display:block; 
padding:0;
line-height:120%;
font-size:14px;
font-weight:bold;
color:#212342;
background:#e3dfdc url(img/cat.gif) 5px 7px no-repeat;
}
#list ul{
background:#fff;
}
#nav #list ul li a{ 
display:block; 
padding:0;
line-height:120%;
font-size:13px;
background:url(img/point.gif) 5px 7px no-repeat;
}

#list ul li a:hover{
background:url(img/point_hover.gif) 5px 7px no-repeat;
}
#list ul li.selected a{
font-weight:bold;
background:url(img/point_hover.gif) 5px 7px no-repeat;
}
#cat ul li a:hover{
text-decoration:underline;
color:#040032;
}
#list ul li a span{display:block;padding:5px 5px 5px 25px;}
#cat ul li a span{display:block;padding:5px 5px 5px 25px;}

/*■CONTENTS*/

/*ARTICLE*/
#content h3{
padding:5px 0;
border-bottom:#333 solid 1px;
}
#content #upads{
height:33px;
padding:10px 4px 0 0;
background:url(img/h1.gif) no-repeat;
border:none;
}
#pagetitle{
padding:10px 8px 3px 3px;
border-bottom:#990099 solid 2px;
}
#pagetitle h2{
line-height:105%;
font-size:18px;
color:#333;
}
#art{
padding:20px;
line-height:320%;
color:#333;
font-size:14px;
background:#fff;
}
#content ul{
padding:15px 7px;
background:#fff;}
#content ul li{
color:#444;
padding:5px 3px;
border-bottom:#ddd dotted 1px;
}
#content ul li a{
color:#993366;
}
#content #art ul li{
padding:0 0 8px 0;
color:#222;
border:none;
}

.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;}


/*■footer*/
#foot{
width:785px;
margin:10px auto;
padding:0 0 10px 0;
border-bottom:#3d3938 solid 5px;
}
/*COPYRIGHT*/
#copy {
padding:20px 0 0 0;
text-align:right;   
font-size:11px;
font-weight:bold;
color:#3d3938;
}