/* CSS Document */

@import "base.css";

/* header */
#header img {
float: left;
vertical-align: middle;
}

#header p {
float: left;
font-size: 14px;
font-weight: bold;
width: 380px;
display: block;
padding: 35px 20px 0 0 ;
color:#fff;
text-align:right;
}

/* left */
#left #nav {
height: 35px;
width: 562px;
padding: 0;
margin: 15px 2px 5px 4px;
}

#left #nav ul {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: bold;
}

#left #nav ul .active {
float: left;
width: 140px;
height: 30px;
padding-top:5px;
background: url(../images/list_01.gif) no-repeat left top;
color:#fff;
}

#left #nav ul .active02 {
float: left;
width: 140px;
height: 30px;
padding-top:5px;
background: url(../images/list_01.gif) no-repeat left top;
font-size:12px;
line-height:110%;
color:#fff;
}

#left #nav ul li {
float: left;
width: 140px;
text-align:center;
}
#left #nav ul li a{
color: #fff;
text-decoration: none;
padding-top: 5px;
height: 30px;
display: block;
background: url(../images/list_02.gif) no-repeat left top;
}
#left #nav ul li.li02 a{
float: left;
width: 140px;
height: 30px;
padding-top: 5px;
font-size:12px;
text-align:center;
line-height:110%;
background: url(../images/list_02.gif) no-repeat left top;
}

#left #nav ul li a:hover{
color: #FC5F00;
height: 30px;
padding-top: 5px;
display: block;
background: url(../images/list_01.gif) no-repeat left top;

}

#left .tb_box {
font-size: 14px;
color: #000;
border: 1px solid #ccc;
margin-bottom: 10px;
}

#left .first {
background: #EFEFEF;
}

#left .tb_box td {
padding: 5px;
}

#left .td_01 {
width: 40px;
font-weight:bold;
font-size:14px;
text-align:center;
color:#0b6cff;
border: 3px double #ccc;
}

#left .td_02 {
width: 100px;
text-align:center;
}
.td_02 .point {
text-align: center;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
color: #FF6600;
}

#left .td_03 {
width: 380px;
}

.td_03 p {
font-size: 12px;
display:block;
padding: 5px 0 0 0;
font-weight: bold;
}

.td_03 p img {
vertical-align: top;
_vertical-align: middle;
padding-right: 4px;
}

.td_03 p .tit{
padding: 3px 4px 0 0;
}

.td_03 a {
font-size: 16px;
font-weight: bold;
text-decoration: underline;
}

.td_03 dd.hoshi{
border:0px;
font-weight:bold;
}

.orange{
color:#FF6600;
font-weight:bold;
}

.red{
color:red;
font-weight:bold;
}

.td_03 dd.text{
margin:3px 0 3px 0;
padding:5px;
border:1px #CCCCCC solid;
background-color:#FFFFFF;
}

/* sidebar */
#sidebar .box_st {
margin: 0 0 10px 0;
border: 1px solid #ccc;
}

#sidebar .box {
margin: 10px 0 10px 0;
border: 1px solid #ccc;
}

#sidebar .bar_tit {
height: 25px;
font-size: 16px;
font-weight: bold;
color: #000;
padding: 5px 0 0 28px;
background: url(../images/bar_tit.gif);
}

#sidebar ul {
font-size:14px;
font-weight: bold;
margin: 0px 0px 10px 0;
}

#sidebar li {
margin: 0;
padding: 2px 0 2px 30px;
line-height: 1.5;
}

#sidebar .ue {
background: #EFEFEF;
}
#sidebar .shita {
background: #FFFFFF;
}

#sidebar li strong {
font-weight: normal;
}

/* contents_bottom */
#box_l{
	width:431px;
	padding:0;
	margin-right:0 10px 10px;
	_margin-bottom : 0;
	float:left;
	border: 1px solid #0b6cff;
	height: 210px;
	clear:both;
}
#box_l_in,#box_r_in{
padding:10px;
}
#box_r{
	width:431px;
	padding:0;
	margin-bottom : 10px;
	_margin-bottom : 0;
	float:right;
	border: 1px solid #0b6cff;
	height: 210px;
}
.box_title{
font-size:16px;
color:#fff;
font-weight:bold;
background-color: #0b6cff;
padding:5px 10px;
}
.merit{
font-size:16px;
color:#FF6600;
font-weight:bold;
}
.demerit{
font-size:16px;
color:#333;
font-weight:bold;
padding-top:10px;
}
.btn{
margin:0 auto;
width:128px;
}