/* CSS Document */

body,h1,h2,h3,h4,p,form,ol,ul,li,dl,dt,dd { margin:0px; padding:0px; font-weight:normal; }
html, body {
	height: 100%;}
body  { color:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; background:#ffffff url(common_images/body_bg.jpg) repeat-y center; }
div {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:14px; }
a:link    { color:#3939ff; text-decoration: none }
a:visited     { color:#3939ff; text-decoration: none }

a:hover  { color:#FF6633; text-decoration:none; }

#wrap { 
	width:900px; 
	text-align:center; 
	padding:0; 
	overflow:hidden; 
	min-height: 100%;
	margin: 0 auto;
	float: none;
	clear: both;
}

#header {
	width:900px;
	height: 100px;
	background:url(common_images/top_banner.jpg);
	margin:0;
	overflow:hidden;
}
#header .headline
{
	width:900px;
color: #393939;
text-align:left;
padding-top:5px;
padding-left:10px;
}
.top_navi{
color: #696969;
text-align: right;
padding-right: 20px;
padding-top: 60px;
}

#footer {
	text-align:center; 
	width:900px;
    height: 20px;
    color: #ffffff;
	margin: 0 auto 0 auto;
    padding-top: 5px;
	overflow:hidden;
	float: none;
	clear: both;
	background-color: #859cc0;
}
#push {
	height: 20px;
	float: none;
	clear: both;
}
#main {
	width: 900px;
}
.side_bar {
	width: 210px;
	float:left;
	background: #E8E8E8;
}
.side_bar {
	width: 210px;
	float:left;
	background: #E8E8E8;
text-align: left;
}
.side_bar .navi {
line-height: 16px;
color: #696969;
}

.side_bar .sns {
margin: 3px;
text-align: left;
margin-left: 20px;
margin-top: 10px;
color: #696969;
}

.side_bar .navi ul { 
	margin:25px 0 10px 0; 
	text-align:left; 
}

.side_bar .navi ul li { 
	font-size:12px; 
	text-align:left; 
	line-height:28px; 
	text-indent:40px; 
	list-style:none;  

letter-spacing: 0.15em;
background: url(/common_images/menubacka.jpg) center bottom no-repeat;
}
.side_bar .navi ul li a:link, 
.side_bar .navi ul li a:visited, 
.side_bar .navi ul li a:visited, 
.side_bar .navi ul li a:link { 
	color:#fff; 
	text-decoration: none; 
width: 200px;
display:block;
}
.side_bar .navi ul li a:hover, 
.side_bar .navi ul li a:hover  
{ 
	color:#ffcc33; 
	text-decoration:none; 
background: url(/common_images/menubackh.jpg) center bottom no-repeat;
font-weight: bold;
width: 200px;
display:block;

}
.contents {
	width: 690px;
	color: #444444;
	float: left;
text-align: left;
padding: 10px auto 20px 20px;
}
.contents .inner
{
padding: 20px 20px 20px 40px;
font-size:12px;
line-height: 18px;
}

.contents .inner .introdcution
{
padding: 20px;
font-size:12px;
line-height: 18px;
}
.contents .inner div
{
font-size:12px;
line-height: 18px;
}
.contents .top{
	width:690px;
	padding-top: 7px;
	height:23px;
	background-color: #456087;
	color: #444444;
	float: none;
}
.contents .text, .contents .quote
{

border: solid 1px #dedede;
padding: 10px 20px 10px 20px;
font-size: 12px;
line-height: 18px;
background: url(common_images/bg_grad.jpg) repeat-x center bottom;
}
.contents .toppage
{
margin: 0 30px 5px 20px;
border: solid 1px #dedede;
padding: 10px 20px 10px 20px;
font-size: 12px;
line-height: 16px;
background: url(common_images/bg_grad.jpg) repeat-x center bottom;
}
.contents .inner {
padding-bottom: 50px;
}
.contents .inner .backnumber
{
text-align: right;
}

.contents .inner h1{
line-height: 20px;
font-size: 20px;
padding: 32px 3px 32px 50px;
background: url(common_images/sv_bullet_l.gif) left no-repeat;
}

.contents .inner h2{
font-size: 14px;
font-weight: bold;
line-height: 24px;
}
.contents .inner p{
padding: 10px 10px 0px 0;
}


.contents .text ul{
}
.contents .text ul li{
text-decoration: none;
list-style:none;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: dashed 1px #aaa;
}
.contents .toppage ul li{
text-decoration: none;
list-style:none;
padding-bottom: 3px;
padding-top: 3px;
border-bottom: dashed 1px #aaa;
}
.contents .inner li{
text-decoration: none;
list-style:bullet;
padding-bottom: 4px;
padding-top: 10px;
margin-left: 20px;

}
.contents .inner .category_list li{
font-size: 12px;
text-decoration: none;
list-style:none;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: dashed 1px #aaa;
}
.contents .inner ol{
padding-left: 20px;
}
.contents .inner ol li{
text-decoration: none;

padding-bottom: 10px;
padding-top: 10px;
}
.articles{
width:180px;
border: solid 1px #859CC0;
margin-left: 10px;
margin-bottom: 10px;
float: left;
color: #333333;
background-color: #ffffff;
background: url(common_images/bg_grad.jpg) repeat-x center bottom #ffffff;
display: inline;
}
.articles img
{
margin: 3px;

}
.articles .title{
font-weight: bold;
color: #fff;
margin: 2px 2px 4px 2px;
padding: 3px;
background-color: #859cc0;
line-height: 12px;
}
.articles .title a{
color: #fff;
text-align: center;
}
.articles div
{
padding:0;
margin-top:2px;
font-size:10px;
}
.articles
{
padding:3px;
margin-top:0;
font-size:10px;
line-height: 12px;
text-align: left;
}
.articles .ctext
{
padding:0;
margin-top:0;
font-size:10px;
line-height: 12px;
text-align: left;
}
#init{
float: none;
clear: both;
}
.qanda{
margin: 25px 25px 50px 25px;
border: solid 1px #999;
padding: 10px;
}
.qanda #question{
background: #333366;
color: #ffffff;
padding: 15px;
}
.qanda #answer{
background: #eeeeee;
padding: 25px;
line-height: 1.6;
}
.qanda #backto
{
text-align: right;
padding: 15px 15px 2px 0;
font-size: 10px;
}
.qanda #answer a{
font-size: 12px;
vertical-align: top;
text-decoration: none;
border-bottom: dashed 1px #0000bb;
}
.logos img{
padding: 12px;
width: 120px;
border: none;
}
.logos a:hover{
opacity: 0.6;
}