@charset "Shift_JIS";

/*----------------------------------------
　サイドナビゲーション
----------------------------------------*/

.contents{
width:900px;
height:100%;
}


.bluebox {
width: 290px;
background: url(../images/blue_box.gif) no-repeat left bottom;
padding-bottom: 5px;
margin-bottom: 15px;
}
.bluebox h4 {
height: 25px;
width: 260px;
background: url(../images/blue_box.gif) no-repeat left top;
padding: 6px 15px 0px 15px;
margin:0px;
line-height:100%;
font-size: 14px;
color: #ffffff;
}
.bluebox ul {
width:260px;
padding:10px 14px 5px 14px;
border-left: 1px solid #4C99DF;
border-right: 1px solid #4C99DF;
background: #ffffff;
}
.bluebox li {
margin-bottom:10px;
padding-left:15px;/* リストマークからテキストの距離 */
background:url(../images/icon_blue.gif) no-repeat 0% 40%; /* 「％」で微調整 */
}

.graybox {
width: 290px;
background: url(../images/gray_box.gif) no-repeat left bottom;
padding-bottom: 5px;
margin-bottom: 15px;
}
.graybox h4 {
height: 25px;
width: 260px;
background: url(../images/gray_box.gif) no-repeat left top;
padding: 6px 15px 0px 15px;
margin:0px;
line-height:100%;
font-size: 14px;
color: #ffffff;
}
.graybox ul {
width:260px;
padding:10px 14px 5px 14px;
border-left: 1px solid #b0b0b0;
border-right: 1px solid #b0b0b0;
background: #ffffff;
}
.graybox li {
margin-bottom:10px;
padding-left:15px;/* リストマークからテキストの距離 */
background:url(../images/icon_gray.gif) no-repeat 0% 40%; /* 「％」で微調整 */
}


.redbox {
width: 290px;
padding-bottom:15px;
}
.redbox h4 {
height: 35px;
width: 260px;
background: url(../images/btn_red.gif) no-repeat left top;
padding: 10px 15px 0px 15px;
margin:0px;
line-height:100%;
text-indent:20px;
font-size: 14px;
color: #ffffff;
}

.orangebox {
width: 290px;
padding-bottom:15px;
}
.orangebox h4 {
height: 35px;
width: 260px;
background: url(../images/btn_orange.gif) no-repeat left top;
padding: 10px 15px 0px 15px;
margin:0px;
line-height:100%;
text-indent:20px;
font-size: 14px;
color: #ffffff;
}

.redbox a ,.orangebox a{
display:block;
width:100%;
}

.redbox h4 a:link, .orangebox h4 a:link {    color:#ffffff;text-decoration:none;}
.redbox h4 a:active, orangebox h4 a:active {  color:#ffffff;text-decoration:underline;}
.redbox h4 a:visited, .orangebox h4 a:visited { color:#ffffff;text-decoration:none;}
.redbox h4 a:hover, .orangebox h4 a:hover {   color:#ffffff;text-decoration:underline;}