/*======================================
�@CSS: kawase_u
=======================================*/

/*=====�¡Common specification�¡=====*/
*{margin:0;padding:0;}
html{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;}
ul li a:hover {text-decoration:underline;}

/*=====�¡Layout�¡=====*/
body {
margin: 0;
padding: 0;
font-family: arial, sans-serif, Osaka, verdana;
color: #111;
background-color: #f1f1f1;
font-size: 12px;
letter-spacing: 2px;
}
/*LINK*/
a {	
color: #43980a;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/*WRAPPER*/
#frame {
width: 859px;
margin-left: 150px;
background: url(img/pagewrap.gif) repeat-y;
}

/*�¡header*/
#header {
width: 859px;
height: 217px;
background: url(img/head.jpg) no-repeat;
}
/*SITENAME*/
#header h1 {
padding:44px 0 0 25px;
}
#header h1 a {
display: block;
width: 586px;
height: 102px;
}
#header h1 a span {
display: none;
}
/*HOMELINK*/
#header a.toplink {
display: block;
width: 96px;
height: 31px;
margin-left: 632px;
}
/*TOPICPATH*/
#header p {
margin: 18px 0 0 40px;
}

/*�¡main_area*/
#contents-area {
width: 808px;
margin: 20px 0 0 30px;
}
/*TEXTSIDE*/
#mainleft {
float: left;
width: 540px;
}   
#mainleft ul {
padding: 15px;
line-height: 140%;
}
#mainleft ul li {
padding-bottom: 10px;
}
#mainleft h2 {
display: block;
padding: 15px;
font-size: 28px;
color:#111;
background: url(img/pagetitle.gif) no-repeat top left;
}
#mainleft h3 {
font-size: 12px;
background: url(img/info.gif) no-repeat left top;
padding: 8px 6px 8px 70px;
} 
#mainleft .entry { 
padding: 15px 30px;
line-height: 200%;
font-size: 14px;
}
#mainleft .entry ul {
padding: 0;
line-height: 200%;
}
#mainleft .entry ul li {
padding: 0;
}
#mainleft .gnr {
padding: 15px 30px; 
}
#mainleft .gnr li a {
display: block;
background: url(img/cat_mark.gif) no-repeat left; 
color: #575757;
}
#mainleft .gnr li a:hover {
color: #000;
}
#mainleft .gnr li a span {
display: block;
padding-left: 20px;
} 
#mainleft .pagetop {
text-align: right; 
margin: 20px; 
}
/*MENUSIDE*/
#topics {
float: right;
width: 250px;
overflow: hidden;
background-color: #d8ed25;
border: 1px solid #d1de65;
line-height: 160%;
color: #75810c;
}
#topics ul {
padding: 10px;
}
#topics ul li {
border-bottom: 1px dotted #aaa;
padding: 4px;
}
#topics ul#link {
padding: 0;
}
#topics ul#link li {
border: none;
padding: 0;
}
#topics ul#link li a {
display: block; 
background: #fff url(img/mark.gif) no-repeat left;
text-decoration: none;
margin: 4px 8px;
color: #4d4d4d;
height: 42px;
}
#topics ul#link li a:hover {
background: #fff url(img/mark_hover.gif) no-repeat left;
text-decoration: none;
color: #000;
}
#topics ul#link li a span {
display: block;
padding: 13px 5px 13px 30px; 
}
#topics ul#link li#menu_top a{
display: block;
width: 249px;
height: 64px;
background: url(img/list_top.gif) no-repeat left;
margin: 0;
}
#topics ul#link li#menu_top a span {
display: none;
}

/*�¡footer-area*/
#footer-area {
clear: both;
width: 859px;
}
#footer-area ul {
padding: 10px 40px;
line-height: 160%;
}
#footer-area p {
padding: 5px;
text-align: right;
background-color: #222;
color: #fff;
margin: 0 30px;
}