@CHARSET "UTF-8";

/* ------------------------------------------------
　サイドエリアのデザイン設定のCSSです。
------------------------------------------------- */

#left-content .box,#navi-content .box {
	background-color:  #F6F3E3;
	margin-bottom: 10px !important;
	margin-bottom: 5px;
	padding: 5px;
}

#left-content .box1,#navi-content .box1 {
	background-color: #FFF;
	margin-bottom: 10px !important;
	margin-bottom: 5px;
	padding: 5px;
}


/* ------------------------------------------------
　ユーザーボックスのデザイン
------------------------------------------------- */
#navi-content div.userbox {
	background: #FFFFFF;
}

#navi-content div.userbox p.mypage_login a {
	display: block;
	width: 203px;
	height: 25px;
	text-align: center;
	text-indent: -9999px;
	margin: 0 auto;
	background: url(../../img/maypage_login.png) no-repeat;
}



/* ------------------------------------------------
　特別会員枠のデザイン
------------------------------------------------- */
#left-content .box2,#navi-content .box2 {
	background: url(../../img/kado.png) no-repeat right bottom #FFFFFF;
	border: 1px solid #C0C0C0;
	margin-top: 8px !important;
	padding: 5px;
	position: relative;
	zoom: 1;
}

#left-content .box3,#navi-content .box3{
	background-color: #FFF;
	border-bottom: 1px dashed #cae6e6;
	padding: 5px;
	position: relative;
	zoom: 1;
}
#left-content .box3:after,#navi-content .box3:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
#left-content .linbox,#navi-content .linbox {
	line-height: 12px;
	overflow: hidden;
	float: left;
	margin: 7px 7px 7px 7px;
}

#left-content .bottombar,#navi-content .bottombar {
	margin-top: 3px;
	padding:3px;
	background: none repeat scroll 0 0 #FFF;
}
#left-content .bottombar ul,
#navi-content .bottombar ul{
	height:17px;
	display:inline;
}
#left-content .bottombar .righttag,
#navi-content .bottombar .righttag{
	float:right;
}
#left-content .bottombar .lefttag,
#navi-content .bottombar .lefttag{
	float:left;
}
#left-content .bottombar:after ,
#navi-content .bottombar:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}
#left-content h2,#navi-content h2 {
	clear: both;
	line-height: 30px;
	vertical-align: middle;
}

#left-content .box h3,#navi-content .box h3,#left-content .box1 h3,#navi-content .box1 h3{
	line-height: 110%;
	margin: 3px;
}

#left-content .tag li,#navi-content .tag li {
	border-bottom: 1px dashed #CCCCCC;
	padding: 3px;
}

#left-content .dir p,#navi-content .dir p {
	background: url("../../img/tag_orange.png") no-repeat scroll left center
		transparent;
	border-bottom: 1px dashed #CCCCCC;
	padding: 3px 3px 3px 20px;
}

#left-content .userbox ul li,#navi-content .userbox ul li {
	padding: 5px;
	border-bottom: 1px dotted #ccc;
}

#left-content .userbox img,#navi-content .userbox img{
	vertical-align:middle;
}
#left-content .linbox img,#navi-content .linbox img {
	margin: 0px 0 4px 0;
	padding: 0px;
}

#left-content .linbox a,#navi-content .linbox a {
	margin: 0px;
	padding: 0px;
}

#left-content .box p,#left-content .box1 p {
	line-height: 130%;
	margin: 3px;
}

#navi-content .box p,#navi-content .box1 p {
	line-height: 130%;
	margin: 3px;
}

#left-content .dir .child,#navi-content .dir .child {
	text-indent: 10px;
}

#left-content .box p,#left-content .box1 p {
	line-height: 130%;
	margin: 3px;
}

#left-content .righttag li,#navi-content .righttag li {
	border-left: 1px dotted #3F3F3F;
	display: inline;
	padding: 0px 5px 0px 5px;
	float: right;
	margin-right: 5px;
}

#left-content .lefttag li,#navi-content .lefttag li {
	border-right: 1px dotted #3F3F3F;
	display: inline;
	padding: 0px 5px 0px 5px;
	display: inline;
	float: left;
	margin-left: 5px;
}

#left-content .bottom,#navi-content .bottom {
	margin-bottom: 10px;
	text-align: right;
}

#left-content .fukidashi{
	background: url("../../img/side_fukidashi.png") no-repeat scroll 0 0
		transparent;
	color: #452D17;
	font-size: 16px;
	font-weight: bold;
	height: 35px;
	line-height: 32px;
	padding: 0 10px;
	text-align: center;
}

#navi-content .fukidashi {
	background: url("../../img/navi_fukidashi.png") no-repeat scroll 0 0
		transparent;
	color: #452D17;
	font-size: 16px;
	font-weight: bold;
	height: 35px;
	line-height: 27px;
	padding: 0 10px;
	text-align: center;
}

#left-content .ketaibox,#navi-content .ketaibox{
	border:3px solid #ccc;
	padding: 5px 10px 10px 10px;
	text-align: center;
	margin-bottom:10px;
}
#left-content .ketaibox .button,#navi-content .ketaibox .button{
	display:block;
}
/* ------------------------------------------------
　DLDTでのアイコンレイアウト
------------------------------------------------- */
#left-content dl:after,#navi-content dl:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#left-content dt,#navi-content dt {
	width:20px;
	float:left;
}
#left-content dd{
	width:175px;
	float:left;
}

#navi-content dd {
	width:220px;
	float:left;
}