@charset "UTF-8";
/*----------------------------------------

	+ content
		-content_l
		+content_r
			-box01 box02
				-inbox
			-attention01

-----------------------------------------*/

/*----------------------------------------
	content
-----------------------------------------*/

#content {
	background: url(../../img/common_content_bg01.gif) repeat-y;
}

#content #content_l{
	float: left;
	width: 182px;
	padding-left: 9px;
	background: url(../img/common_content_bg01.gif) no-repeat top;
}

#content #content_r{
	float: right;
	width: 620px;
	padding: 22px 20px 0 39px;
	background: url(../img/common_content_bg02.gif) no-repeat top;
}

/*----------------------------------------
	content_l
-----------------------------------------*/

#content_l #lnav_bg {
	background:url(../img/common_lnav_bgbottom01.gif) no-repeat bottom;
	width: 182px;
	padding-bottom: 30px;
	margin-bottom: 20px;
}

#content_l #lnav_bg dl {
	background: url(../img/common_lnav_bg02.gif) repeat-y;
	width: 182px;
}

#content_l #lnav_bg dl dt {
	font-size: 0;
	line-height: 0;
	background: url(../img/common_lnav_bg01.gif) no-repeat bottom;
	padding: 35px 11px 5px;
}

#content_l #lnav_bg dl dt.lnavtop {
	background: url(../img/common_lnav_bgtop01.gif) no-repeat bottom;
	padding: 25px 11px 5px;
}

#content_l #lnav_bg dl dd {
	background: url(../img/common_lnav_bg03.gif) no-repeat 23px 9px;
	padding: 5px 11px 0 42px;
}

#content_l #shop {
	background: url(../img/common_lnav_line01.gif) no-repeat top;
	padding: 10px 0 0 7px;
	width: 173px;
	margin-top: 20px;
}

#content_l #shop ul {
	padding: 5px 0 20px;
}

#content_l #shop ul li {
	float: left;
	font-size: 0;
	line-height: 0;
}

/*----------------------------------------
	content_r
-----------------------------------------*/

#content_r .titbox {
	width: 603px;
	background: url(../img/common_stit01.gif) no-repeat bottom;
	padding: 6px 0 8px 17px;
}

#content_r .titbox02 {
	width: 603px;
	padding: 3px 0 0 17px;
}

#content_r .titbox h2 {
	float: left;
}

#content_r .titbox p {
	float: right;
	padding-top: 4px;
}

#content_r .titbox dl,#content_r .titbox02 dl {
	float: right;
	padding-top: 4px;
}

#content_r .titbox dl dt,#content_r .titbox02 dl dt {
	float: left;
}

#content_r .titbox dl dd,#content_r .titbox02 dl dd {
	float: left;
	padding-left: 23px;
	background: url(../img/common_stit01_bg01.gif) no-repeat 12px center;
}

#content_r .box01 {
	width: 620px;
	padding: 19px 0 11px;
	background: url(../img/common_line01.gif) no-repeat bottom;
}

#content_r .box02 {
	width: 620px;
	padding: 20px 0 11px;
	background: url(../img/common_line01.gif) no-repeat bottom;
}

/*----------------------------------------
	box01 box02
-----------------------------------------*/

.box01 img,.box02 img {
	float: left;
}

.box01 .inbox {
	padding: 0 0 15px 20px;
	float: right;
	width: 400px;
}

.box02 .inbox {
	padding: 0 0 15px 20px;
	float: right;
	width: 400px;
}

/*----------------------------------------
	inbox
-----------------------------------------*/

.inbox table {
	margin: 4px 0 6px;
}

.inbox table tr th {
	width: 54px;
	background: #e19b3f;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	text-align: center;
	vertical-align: top;
	padding: 4px 10px 3px;
	color: #ffffff;
}

.inbox table tr td {
	width: 305px;
	background: #fde3ba;
	border-top: 1px solid #ffffff;
	padding: 4px 10px 3px;
	vertical-align: middle;
	color: #4c310f;
}

.inbox table tr.or th {
	background: #e7aa4a;
}

.inbox table tr.or td {
	background: #feedcf;
}

#content_r ul#attention01 {
	padding-top: 10px;
}

#content_r ul#attention01 li {
	padding-left: 1em;
	background: url(../img/common_icon01.gif) no-repeat left top;
}