@charset "UTF-8";

/* ############################################################

	Styles for service list page
	Last Up Date: 2011.07.11

############################################################ */

/* ------------------------------------------
	Layout
------------------------------------------ */

div#container {
	width: 950px;
	margin: 0 auto;
	font-size: 82%;
	line-height: 1.4;
}
div#postHeader {
	margin: 10px 0;
}
div#contents {
	margin-bottom: 50px;
}

/* ------------------------------------------
	Components
------------------------------------------ */

/* Title
------------------------------------*/

div#contents div.contentsTitle {
	margin-bottom: 20px;
	padding: 6px 0;
	border: 1px solid #d1d1d1;
	background: #ffffff url(//image.card.jp.rakuten-static.com/corp/pc/contents/service/bg_title_contents.gif) repeat-x 0 100%;
}
div#contents div.contentsTitle h1 {
	min-height: 26px;
	line-height: 1.2;
	padding: 4px 9px 0 29px;
	color: #bf0000;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/service/bg_title_contents_marker.gif) no-repeat 9px 0;
	font-size: 152%;
}
* html div#contents div.contentsTitle h1 {
	height: 26px;
	overflow: visible;
}

/* Contents wrapper
------------------------------------*/

div#contents div.contentsWrapper {
	padding: 0 20px;
}

/* Lead
------------------------------------*/

div#contents .lead {
	font-size: 110%;
	margin-bottom: 20px;
}

/* Box section
------------------------------------*/

/* Super class */

div#contents div.sectionGroupWrapper {
	overflow: hidden;  /* clearfix */
	margin-right: -20px;
	zoom: 1;  /* clearfix */
}
div#contents div.sectionGroup {
	float: left;
	width: 445px;
	margin-right: 20px;
}
div#contents div.section {
	margin-bottom: 12px;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/service/bg_box_section.gif) repeat-y;
}

div#contents div.section div.sectionTitle {
	position: relative;  /* for IE6 */
	padding-bottom: 2px;
	color: #ffffff;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/service/bg_title_section.gif) no-repeat 0 100%;
}
div#contents div.section div.sectionTitleInner {
	padding: 5px 10px 3px;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/service/bg_title_section.gif) no-repeat;
}
div#contents div.section div.sectionTitle h2 {
	min-height: 21px;
	line-height: 1.2;
	padding-top: 4px;
	font-size: 122%;
}
* html div#contents div.section div.sectionTitle h2 {
	height: 21px;
	overflow: visible;
}

div#contents div.section div.sectionContents {
	padding: 0 4px 7px;
	color: #444444;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/service/bg_box_section_bottom.gif) no-repeat 0 100%;
}

/* Sub class */

div#contents div.section.profit div.sectionTitle h2 {
	padding-left: 35px;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/service/bg_icon_profit.gif) no-repeat;
}
div#contents div.section.convinient div.sectionTitle h2 {
	padding-left: 35px;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/service/bg_icon_convinient.gif) no-repeat;
}
div#contents div.section.point div.sectionTitle h2 {
	padding-left: 35px;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/service/bg_icon_point.gif) no-repeat;
}
div#contents div.section.security div.sectionTitle h2 {
	padding-left: 35px;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/service/bg_icon_security.gif) no-repeat;
}
div#contents div.section.payment div.sectionTitle h2 {
	padding-left: 35px;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/service/bg_icon_payment.gif) no-repeat;
}
div#contents div.section.other div.sectionTitle h2 {
	padding-left: 35px;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/service/bg_icon_other.gif) no-repeat;
}
div#contents div.section.members div.sectionTitle h2 {
	padding-left: 35px;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/service/bg_icon_members.gif) no-repeat;
}

/* Service list
------------------------------------*/

div#contents ul.serviceList {
	overflow: hidden;
}
div#contents ul.serviceList li.service {
	margin-top: -1px;
	padding: 7px 8px 5px;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/service/bg_service_list.gif) repeat-x;
}

div#contents ul.serviceList dl {
	zoom: 1;
}

div#contents ul.serviceList dl.item dt {
	margin-bottom: 3px;
	padding-left: 11px;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/service/bg_marker_circle_red.gif) no-repeat 0 0.5em;
	font-size: 110%;
}
div#contents ul.serviceList dl.item dt span {
	font-size: 91%;
}
div#contents ul.serviceList dl.item dd {
	padding-left: 11px;
}

div#contents ul.serviceList dl.subItem {
	margin: 8px 0;
}
div#contents ul.serviceList dl.subItem dt {
	margin-bottom: 3px;
	padding-left: 0;  /* overwrite */
	background: none;  /* overwrite */
	font-size: 91%;  /* overwrite */
}
div#contents ul.serviceList dl.subItem dd {
	padding-left: 0;  /* overwrite */
}

div#contents ul.serviceList dl.info dt {
	margin-bottom: 3px;
	padding-left: 11px;
	font-weight: bold;
}
div#contents ul.serviceList dl.info dd {
	margin-bottom: 3px;
	padding-left: 11px;
}

/* Common list
------------------------------------*/

div#contents ul.commonList li {
	padding-left: 11px;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/service/bg_marker_circle_red.gif) no-repeat 0 0.5em;
}