﻿
@charset "UTF-8";

/* CSS Document */

/*-------------------------------------
*
* 右ナビ用css
*-------------------------------------- */
div#aside {
}

div#aside a:hover img{
    filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}

div#aside .innerBlock {
	padding: 0 5px 5px;
}

/*bannerList*/
div#aside .bannerList {
	margin-top: -5px;
}
div#aside .bannerList li {
	margin-top: 5px;
	font-size: 0;
}

/*asideColumn*/
div#aside .asideColumn {
	width: 180px;
	margin-top: 10px;
	padding: 0 10px 10px;
	background: url(/images/rn_common/rn_aside_bg04.gif) no-repeat 0 100%;
}
div#aside .asideColumn .title {
	width: 200px;
	margin: 0 -10px;
	overflow: hidden;
}

div#aside .asideColumn .relatedLink {
}
div#aside .asideColumn .relatedLink dt {
	margin-top: 10px;
	padding-left: 17px;
	background: url(/images/rn_common/rn_aside_ic01.gif) no-repeat 0 0.3em;
	font-weight: bold;
	min-height: 16px;
	height: auto !important;
	height: 16px;
}
div#aside .asideColumn .relatedLink dd {
	margin-top: 5px;
    padding-left:15px;
}

div#aside .asideColumn .imgLayout {
	margin-top: 10px;
}
div#aside .asideColumn .imgLayout .imgL {
	float: left;
	margin-right: 7px;
}
div#aside .asideColumn .imgLayout .imgL {
	float: left;
	margin-right: 7px;
}
div#aside .asideColumn .imgLayout .textBlock {
	overflow: hidden;
	zoom: 1;
}

div#aside .side_section {
    background-color:#eaeaea;
    padding:5px;
    margin-top:10px;
}

div#aside .side_section .plus {
    background-color:#ffffff;
    margin-bottom:5px;
}

div#aside .side_section .plus h2 {
    color:#ffffff;
    background-color:#150f4b;
    text-align:center;
    line-height:120%;
    padding:10px 0;
}

div#aside .side_section .plus h2 .cap {
    font-size:80%;
}

div#aside .side_section .plus dl {
    padding:10px;
}

div#aside .side_section .plus dl a.kaitori,
div#aside .side_section .plus dl a.hosyou,
div#aside .side_section .plus dl a.souzoku
div#aside .side_section .plus dl a.staging,
div#aside .side_section .plus dl a.cleanup,{
   padding-left:10px;
   font-weight:bold;
   font-size:105%;
}

div#aside .side_section .plus dl a.kaitori{
    border-left:5px solid #872c2c;
}

div#aside .side_section .plus dl a.hosyou{
    border-left:5px solid #12124d;
}

div#aside .side_section .plus dl a.souzoku{
    border-left:5px solid #725c2d;
}

div#aside .side_section .plus dl a.staging{
    border-left:5px solid #aa941d;
}

div#aside .side_section .plus dl a.cleanup{
    border-left:5px solid #1eb5e7;
}

div#aside .side_section .plus dd {
    /*font-size:90%;*/
    padding-left:15px;
}

div#aside .side_section .shop {

}

div#aside .side_section .shop dt{
    background:url("/images/rn_common/rn_shop_ico.gif") no-repeat 35px center #ace0f8;
    text-align:center;
    padding:5px 0 2px 10px;
    margin-bottom:5px;
    font-weight:bold;
}

div#aside .side_section .shop dd {
    background-color:#ffffff;
    cursor:pointer;
}

div#aside .side_section .shop dd a {
    color:#333333;
    display:block;
    padding:10px;
    text-decoration:none;
    cursor:pointer;
    height:4em\9; /* IE8対応 */
    _overflow:hidden; /* IE6対応 */

}

div#aside .side_section .shop dd .photo,
div#aside .side_section .shop dd .txt {
    float:left;
}

div#aside .side_section .shop dd .photo {
    width:50px;
}

div#aside .side_section .shop dd .txt {
    font-size:90%;
    width:120px;
}

div#aside .side_section .shop dd .shop_link {
    font-size:105%;
    color:#003399;
}

div#aside .side_section .shop dd a:hover {
    background-color:#d8d8d8;
}


/* 	Clearfix Property add at
----------------------------------------------------------
---------------------------------------------------------- */
#contens:after,
.indexColumn:after,
.indexColumn .searchBox .letterList:after,
div#aside .asideColumn .imgLayout:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0; 
	visibility: hidden;
}

#contens,
.indexColumn,
.indexColumn .searchBox .letterList,
div#aside .asideColumn .imgLayout {
	zoom: 1;
}
