@charset "UTF-8";

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

	Styles for card list page
	Last Up Date: 2012.12.19

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


/* ------------------------------------------
	CF
------------------------------------------ */

/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:table;
}

.cf:after {
	
}

/* For IE 6/7 (trigger hasLayout) */
.cf:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.cf{
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .cf{
	height:1%;
	overflow:visible;
}
/* End hide from IE-mac */

/* ------------------------------------------
	Layout
------------------------------------------ */
body{
    text-align: center;
}

div#groupServiceFooter,
div#companyFooter{
	text-align:left;
}

div#container {
	position: relative;
	font-size: 82%;
	line-height: 1.4;
	margin: 0 auto 40px;
	width: 950px;
        text-align:left;
}
div#contents {
	margin-bottom: 30px;
	overflow: hidden;
}

div#postHeader {
	margin: 10px 0;
}

.susumeruArea {
	position: absolute;
	top: -30px;
	right: 0px;
	margin: auto auto 0;
	overflow: hidden;
}
.susumeruArea ul {
	float: right;
	overflow: hidden;
}
.susumeruArea ul li {
	display: inline-block;
	/display: inline; 
	/zoom: 1; 
	float: left;
	margin-right: 7px;
}
.susumeruArea ul li.twitterBtn {
	margin-right: 10px;
}
.susumeruArea ul li.twitterBtn iframe {
	width: 95px !important;
}

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

/* Contents 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#mainContents {
	color: #333333;
	float: left;
	overflow: hidden;
	width: 730px;
}
div#subContents {
	color: #444444;
	float: right;
	overflow: hidden;
	width: 210px;
}


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

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

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

/* Group title
------------------------------------*/

div#contents div.groupTitle {
	padding-bottom: 2px;
	border-bottom: 10px solid #ffffff;
	color: #ffffff;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/card/bg_title_group.gif) no-repeat 0 100%;
}
div#contents div.groupTitle h2 {
	line-height: 1.2;
	padding: 9px 10px 6px;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/card/bg_title_group.gif) no-repeat;
	font-size: 122%;
}

div#contents div.sectionGroup div.groupTitle {
	background-position: -910px 100%;
}
div#contents div.sectionGroup div.groupTitle h2 {
	background-position: -910px 0;
}

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

/* box layout */

div#contents div.contentsGroup {
	margin-bottom: 25px;
}
div#contents div.sectionGroup {
	overflow: hidden;  /* clearfix */
	margin: 0 -20px 12px 0;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/card/bg_box_section.gif) repeat-x 0 100%;
	zoom: 1;  /* clearfix */
}
div#contents div.sectionWrapper {
	float: left;
	width: 445px;
	border-right: 20px solid #ffffff;  /* for IE6 bug */
}

/* section */

div#contents div.section {
	padding: 3px 3px 6px;
	color: #444444;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/card/bg_box_section_top.gif) no-repeat;
}
div#contents div.sectionTitle {
	line-height: 1.2;
	padding: 8px 15px 6px;
	border-bottom: 1px solid #d6e1e9;
	background: #edf7ff;
	font-size: 122%;
}
div#contents div.sectionContents {
	overflow: hidden;  /* clearfix */
	padding: 15px 17px 0 13px;
	zoom: 1;  /* clearfix */
}

/* Section inner
------------------------------------*/

div#contents div.sectionContents div.cardInfo {
	float: left;
	width: 130px;
}
div#contents div.sectionContents div.cardInfo div.image {
	margin-bottom: 13px;
}
div#contents div.sectionContents div.cardInfo div.brand {
	margin-bottom: 10px;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/card/bg_line_dotted_gray.gif) repeat-x;
}
div#contents div.sectionContents div.cardInfo div.brand dl {
	overflow: hidden;  /* clearfix */
	padding: 8px 0;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/card/bg_line_dotted_gray.gif) repeat-x 0 100%;
	zoom: 1;  /* clearfix */
}
div#contents div.sectionContents div.cardInfo div.brand dt {
	margin-bottom: 2px;
	color: #666666;
	text-align: center;
}
div#contents div.sectionContents div.cardInfo div.brand dd {
	float: left;
	padding-left: 7px;
}
div#contents div.sectionContents div.cardInfo div.button {
	margin: 0 -2px 10px;
	text-align: center;
}

div#contents div.sectionContents div.cardDetail {
	float: right;
	width: 265px;
}
div#contents div.sectionContents div.cardDetail div.about {
	margin-bottom: 10px;
	font-size: 110%;
	font-weight: bold;
}
div#contents div.sectionContents div.cardDetail div.about ul.note li {
	line-height: 1.3;
	font-size: 91%;
}
div#contents div.sectionContents div.cardDetail div.detail {
	margin-bottom: 10px;
	color: #666666;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/card/bg_card_detail.gif) repeat-x;
	padding: 8px;
}
div#contents div.sectionContents div.cardDetail div.detail em {
	color: #bf0000;
}
div#contents div.sectionContents div.cardDetail div.detail ul.list li {
	line-height: 1.3;
	margin-bottom: 3px;
	padding-left: 6px;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/card/bg_marker_dot.gif) no-repeat 0 0.5em;
}
div#contents div.sectionContents div.cardDetail div.detail ul.note li {
	padding-left: 1em;
	font-size: 79%;
	text-indent: -1em;
}

/* Note
------------------------------------*/

div#contents div.creditNote {
	margin-bottom: 25px;
}

/*20121205*/

/* subContents
------------------------------------*/

div#subContents div.section {
	margin-bottom: 10px;
}

div#subContents div.siderCampaignTitle {
	padding-top: 6px;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/card/business-card/h2_bg_side_ttl.jpg)no-repeat scroll 0 0 transparent;
}

div#subContents div.siderCampaignTitle h2{
	border: 1px solid #bf0000;
	border-top: 0;
	color: #ffffff;
	background: #c10000;
}

div#subContents div.siderCampaignTitle span{
	display: block;
	padding: 4px 8px 8px;
	border: 1px solid #ffffff;
	border-top: 0;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/card/business-card/h2_bg_side_ttl_2.jpg) repeat-x scroll 0 0 transparent;
}

div#subContents div.siderCampaignSection {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #bf0000;
	border-top: 0;
	text-align: center;
}

div#subContents div.sidersectionTitle {
	margin-bottom: -1px;
	padding-bottom: 2px;
	color: #ffffff;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/bg_title_side_main.gif) no-repeat scroll 0 100% transparent;
	text-align: center;

}
div#subContents div.sidersectionTitle h2 {
	line-height: 1.2;
	padding: 4px 11px 2px;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/bg_title_side_main.gif) no-repeat scroll 0 0 transparent;
	font-weight: bold;
}

div#subContents div.siderSection {
	margin-bottom: 10px;
	padding: 0 8px 10px;
	border: 1px solid #d1d1d1;
	border-top: 0;
}

div#subContents div.siderSection dt {
	margin: 10px 0 5px;
	padding-left: 14px;
	background: url(//image.card.jp.rakuten-static.com/corp/pc/contents/bg_marker_square_red.gif) no-repeat scroll 0 0.3em transparent;
	font-weight: bold;
}

div#subContents div.siderSection dd {
	padding-left: 2px;
}

div#subContents div.siderSection li.image {
	float: left;
	width: 65px;
}

div#subContents div.siderSection li.description {
	float: left;
	width: 120px;
}

/* ect
------------------------------------*/
h2.ect{
	padding: 5px 10px;
	color: #ffffff;
	background-color: #bf0000;
	font-size: 122%;
	font-weight: bold;
	text-align: left;
}