@import "reset-min.css";

/* コンテンツエリア */

#contents {
	float:left;
	width:482px;
	padding-bottom:20px;
	padding-top:1px;
}

#contents #textbody {
	padding:0px 20px;
}



#contents p {
	line-height:160%;
}

#contents * h2 {
	height:27px;
	line-height:27px;
	padding-left:20px;
	color:#F60;
	margin-top:12px;
	font-weight:bold;
	background-image:url('../images/top_h2.gif');
	background-repeat:no-repeat;
}

#contents * h3 {
	margin-top:14px;
}

#contents .block {
	border:1px #ccc;
	border-style: none solid solid;
	width:438px;
	overflow: auto;
	background:#f0f0f0;
}

#contents .block p, #contents .block ul, #contents .block table, #contents .block dl {
	margin:8px;
	padding:0;
	margin-top:0px;
	padding-top:8px;
}

#contents .block table th{
	vertical-align:top;
}

#contents .block table th, #contents .block table th{
	padding:4px;
}

#contents .block dl {
	padding:8px 4px 4px;
}

#contents .block dl dt {
	background-image:url('../images/square_blue.gif');
	background-position:2px 5px;;
	background-repeat:no-repeat;
	padding-left:15px;
	font-size:93%;
	color:#333;
	font-weight:bold;
	padding-bottom:0px;
}

#contents .block dl dd {
	background-image:url('../../images/line_center.gif');
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:12px;
	line-height:140%;
	font-size:93%;
}

#contents .block .line {
	background-image:url('../images/line_center.gif');
	background-position:50%;
	background-repeat: repeat-x;

}
#contents .block table td,
#contents .block table td {
	padding:4px;
}

#contents .block .recommend {
	margin:0px 6px 0px 12px;
	padding-left:8px;
	overflow:auto;
}

#contents .block .recommend li {
	float:left;
	width:135px;
	margin-bottom:10px;
}

#contents .block .recommend li .pictframe {
	width:121px;
}

#contents .block .recommend li .pictframe .toppictframe {
	background-image:url('../../images/pictframe_top.gif');
	height:100px;
	padding-left:22px;
	padding-top:6px;
}

#contents .block .recommend li .pictframe .bottompictframe {
	background-image:url('../../images/pic_frame04.gif');
}
#contents .block .recommend li .pictframe .toppictframe img {
	line-height:100px;
	display:inline;
	vertical-align:middle;
}

#contents .block .recommend li .pictframe .bottompictframe p {
	font-size:10px;
	line-height:1.3em;
	margin-bottom:4px;
}

#contents .totop {
	width:440px;
	text-align:right;
	margin-top:14px;
}





/* 右サイドメニューエリア */

#rightsidebar {
	float:left;
	width:176px;
}

#rightsidebar .rightbannerarea {
	padding:0px 2px;
}

#rightsidebar .rightbannerarea div {
	border: 2px solid #ccc;
	padding: 2px;
	width:168px;
	margin-bottom:4px;
	font-size:12px;
	line-height:160%;
	background:#f0f0f0;
}

#rightsidebar .rightbannerarea div.banner1 {
	border-color:#c96;
	border-width:2px;
}

#rightsidebar .rightbannerarea div.banner2 {
	border-color:#09f;
	border-width:2px;
}

#rightsidebar .rightbannerarea div.banner3 {
	border-color:#6c9;
	border-width:2px;
}

#rightsidebar .rightbannerarea div.banner4 {
	border-color:#cc6;
	border-width:2px;
}

#rightsidebar .rightbannerarea div p {
	padding:4px;
}

#rightsidebar .rightblock {
	width:176px;
	border:1px #ccc;
	border-style: solid;
	margin-left:1px;
	margin-top:14px;
	background:#f0f0f0;
}

#rightsidebar .rightblock h2 {
	padding:2px;
	display:block;
}
#rightsidebar .rightblock p {
	padding:4px;
}

#rightsidebar * ul.success li,
#rightsidebar * ul.tieup li,
#rightsidebar * ul.link li {
	padding-top:7px;
	padding-left:20px;
	padding-right:12px;
	padding-bottom:2px;
	font-size:93%;
	line-height:140%;
	background-repeat:no-repeat;
}

#rightsidebar * ul.success li {
	background-image:url('../../images/bullet_red.gif');
	background-position:0px 0px;;
}

#rightsidebar * ul.tieup li,
#rightsidebar * ul.link li {
	background-image:url('../../images/bullet_link.gif');
	background-position:0px 0px;;
}


#rightsidebar ul.success .line,
#rightsidebar ul.tieup .line,
#rightsidebar ul.link .line {
	list-style-image : none;
	margin-left:0px;
	line-height:1px;
	font-size:0;
	color:#fff;
	height:2px;
	background-image:url('../../images/line_right.gif');
	background-position:50%;
	background-repeat: repeat-x;
}