@charset "UTF-8";

/* ------------------------------------------------------------------

-----------------------------

対象ファイル
-----------------------------
/c/partner/index.html
/c/partner/lawson/index.html
/c/partner/geo/index.html
/c/partner/shell/index.html
・
・
・
（提携社全て）
-----------------------------
構成
-----------------------------


--------------------------------------------------------------------*/


/*	共通
--------------------------------------------------------------------*/
#contents-body h2.def-subtitle{
	padding-top:25px;
}
	#contents-body ul.def-list{
		margin-bottom:10px;
	}
	#contents-body ul.def-list li{
		background:url("/c/partner/img/icon_circle.gif") 28px 21px no-repeat;
		padding:15px 10px 0px 41px;
		font-weight:bold;
	}
	#contents-body ul.def-list li span{
		font-weight:normal;
	}
	#contents-body ul.def-list li p.txtlink{
		background:url("../../common/img/arrow_m.gif") 0px 5px no-repeat;
		padding:3px 0px 0px 20px;
	}
	#contents-body ul.def-list li p.txtlink span{
		background:url("/c/common/img/icon_blank.gif") right 2px no-repeat;
		padding-right:18px;
	}
	#contents-body ul.def-list li p.inquiry-num{
		font-size:120%;
		line-height:150%;
		padding-top:5px;
	}
	#contents-body ul.def-list li p.inquiry-subtxt{
		line-height:150%;
		font-size:90%;
		padding-top:5px;
	}

/* QR CODE あり */
#contents-body .def-box{
}

	#contents-body .def-box-l{
		float: left;
		width: 500px;
	}

	#contents-body .def-box-r{
		float: left;
		width: 420px;
	}

		#contents-body .def-box-r .qrcode{
			margin: 10px 0 0 25px;
		}



/*	トップ
--------------------------------------------------------------------*/
body#partner .top-lead {
	padding: 0 0 20px 10px
}

/* 提携社横並びレイアウト */
div#item-area {
	padding: 10px 0 0;
}

div.item {
	width: 210px;
	margin: 0 0 25px 0;
	vertical-align: top;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
* html div.item {
	margin: 0 0 25px 0;
}
*:first-child+html div.item {
	margin: 0 0 25px 0;
}
div.item > div{
	width: 210px;
}
div.item ul{
	padding: 0 0 0 8px;
}
div.item ul li{
	float: left;
	padding: 0 3px 0 0;
}
div.item dl{
	margin: 2px 0 0 8px;
}
div.item dl dt{
	padding: 0 0 6px;
}
div.item dl dd{
	padding: 0 9px;
}
div.item dl dd p{
	padding: 0 0 5px;
	font-size: 93%;
	line-height: 1.4;
}


/* サイドメニュー */
body#partner #sub #frm {
	background: #fff3c4 url(/c/u/common/img/bg_sub_bottom.gif) left bottom no-repeat;
	padding: 0 0 10px;
	text-align: center;
}
body#partner #sub #frm dl {
	background: #fff3c4 url(/c/u/common/img/bg_sub_top.gif) no-repeat;
	padding: 10px 0 2px;
}
body#partner #sub #frm dl dt {
}
body#partner #sub #frm dl dd {
	background: none;
}

body#partner #sub #frm p#company-num {
	padding: 9px 0 5px;
}

body#partner #sub #frm h3 {
	border: none;
	margin: 0;
}
body#partner #sub #frm .sub-inner {
	background: #ffffff;
	width: 240px;
	margin: 0 auto;
	padding-top: 5px;
	text-align: center;
}
body#partner #sub #frm .sub-inner p.txt {
	padding: 5px 15px 10px;
	text-align: left;
	background: url(/c/u/common/img/line_dotted_gw.gif) left bottom repeat-x;
}
			
body#partner #sub #frm .sub-inner ul {
}
body#partner #sub #frm .sub-inner ul li {
	text-align: left;
	background: #fffde8 url(/c/u/common/img/line_dotted_gw.gif) left bottom repeat-x;
}
		
body#partner #sub #frm .sub-inner ul li a {
	background: url(/c/u/common/img/icon_sidelink.gif) 15px 13px no-repeat;
	display: block;
	height: 100%;
	width: 80%;
	padding: 10px 15px 10px 32px;
}
body#partner #sub #frm .sub-inner ul li.subt {
	background: url(/c/u/common/img/icon_active.gif) 10px 17px no-repeat;
	padding: 10px 0 10px 20px;
}

body#partner #sub #frm .sub-inner ul li.last-child {
	background: #fffde8 none;
}





/*	提携ショップ共通
--------------------------------------------------------------------*/
#contents-body div p.idt{
	text-indent:-1em;
	padding:5px 0px 0px 1em;
}

/* 提携ショップ紹介
----------------------------- */
.shopdetailbox {
width:900px;
margin:0px 10px;
}
.ptn-boxl {
float:left;
width:200px;
}
.ptn-logo {
text-align:center;
}
.ptn-data {
margin-top:10px;
width:200px;
background:#FFF6D0;
}
.ptn-data ul {
padding:5px 5px 3px 5px;
}
.ptn-data ul li {
padding-bottom:2px;
line-height:1.3;
}
.ptn-data span {
font-weight:bold;
}
.ptn-data ul.data li.site a {
font-weight:bold;
}
.ptn-data ul.data li.site a.blank {
background:url("/c/common/img/icon_blank.gif") right 2px no-repeat;
padding-right:17px;
}
.ptn-data .tt {
padding:2px 5px;
font-weight:bold;
background:#FFDA9A;
}
.ptn-data ul.info li {
font-size:11px;
}
.ptn-boxr {
float:right;
width:700px;
}
.copy-box {
margin-left:15px;
}
.copy-box .img {
float:right;
}
.copy-box .img img {
padding:0 0 5px 15px;
}
.copy-box .copy {
font-weight:bold;
font-size:13px;
line-height:1.6;
}
.btn-link {
margin:10px 0 0 15px;
}
.btn-link li {
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
margin-right:10px;
height:37px;
}
.btn-link li a {
display:block;
}
.ptn-shop {
margin:20px 0 0 15px;
width:685px;
background:#FFF6D0;
}
.ptn-shop .tt span {
display:none;
}
.ptn-shop ul {
padding:8px 5px 8px 10px; 
border:#FFDA9A solid 4px;
border-top:none;
}
.ptn-shop ul li {
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
margin-right:5px;
}
.ptn-cmpn {
margin:20px 0 0 15px;
padding-bottom:10px;
width:685px;
background:#FFFFFF url(/c/partner/img/t_campaign_bottom.gif) no-repeat left bottom;
}
.ptn-cmpn .tt {
position:relative;
}
.ptn-cmpn .tt a.bt {
width:415px;
height:34px;
display:block;
width:415px;
height:34px;
position:absolute;
top:0;
right:0;
}
.ptn-cmpn ul {
padding:0 25px;
border:#FED3B6 solid 4px;
border-bottom:none;
}
.ptn-cmpn ul li {
float: left;
width: 280px;
margin:10px 15px 0 15px;
_margin:10px 7px 0 8px;
}
.ptn-cmpn ul li a {
font-weight:bold;
}
.ptn-cmpn ul li span {
display: block;
margin-top: 5px;
text-decoration: underline;
}
.ptn-cmpn ul li a:hover span {
text-decoration:none;
}
.ptn-cmpn ul li .period {
font-size:11px;
letter-spacing: 1.2px;
}
.ptn-cmpn .cpntx {
padding:10px 10px 0 10px;
border:#FED3B6 solid 4px;
border-bottom:none;
}
.ptn-cmpn .cpntx p {
padding-bottom:5px;
}
.ptn-faq {
margin-top:15px;
text-align:right;
}
.ptn-faq a {
padding:3px 5px 3px 20px;
font-size:13px;
font-weight:bold;
background:#FFFFFF url(/c/partner/img/icon_arrow.gif) no-repeat 5px 5px;
}

/* ためる・つかう
----------------------------- */
#contents-body h2.point-subtitle{
	padding-top:25px;
}

#contents-body div.point-ctsbox{
	width:900px;
	margin:0px 10px;
}
#contents-body div.point-ctsbox div.boxl{
	float:left;
	width:290px;
	padding-top:10px;
}
#contents-body div.point-ctsbox div.boxl ul.pointlist li{
	padding-top:10px;
}

#contents-body div.point-ctsbox div.boxr{
	float:right;
	width:585px;
	padding-top:20px;
}
#contents-body div.point-ctsbox div.boxr div.wbox-top{
	width:585px;
	background:url("/c/partner/img/table_s_bottom.gif") left bottom no-repeat;
	padding:0px 0px 10px 0px;
}
#contents-body div.point-ctsbox div.boxr div.wbox-bg{
	width:585px;
	background:#ffffff url("/c/partner/img/table_s_top.gif") left bottom no-repeat;
	padding:10px 0px 0px 0px;
}
#contents-body div.point-ctsbox div.boxr div.wbox-top p.catch{
	background:url("../../common/img/icon_circle_orage.gif") 10px 4px no-repeat;
	padding:0px 0px 0px 27px;
	font-weight:bold;
	font-size:110%;
}
#contents-body div.point-ctsbox div.boxr div.wbox-top ul.list li{
	background:url("/c/partner/img/icon_circle.gif") 18px 11px no-repeat;
	padding:5px 10px 0px 31px;
	font-weight:bold;
}
#contents-body div.point-ctsbox div.boxr div.wbox-top ul.list li span{
	font-weight:normal;
}

#contents-body div.point-ctsbox div.boxr div.wbox-top div.cautionwrap{
	width:555px;
	margin:20px 15px 0px 15px;
	background:url("../../u/common/img/line_dotted_g.gif") left top repeat-x;
	color:#656565;
	font-weight:bold;
}
#contents-body div.point-ctsbox div.boxr div.wbox-top div.cautionwrap p{
	padding:10px 10px 0px 6px;
}

#contents-body div.point-ctsbox div.boxr div.wbox-top ul.cautionlist{
	margin-left:30px;
}
#contents-body div.point-ctsbox div.boxr div.wbox-top ul.cautionlist li{
	color:#656565;
	padding:2px 20px 0px 1em;
	text-indent:-1em;
}

#contents-body div.point-ctsbox div.boxr div.wbox-top ul.cautionlist-dot li{
	background:url("/c/partner/img/icon_circle.gif") 28px 16px no-repeat;
	padding:10px 10px 0px 41px;
	color:#656565;
	font-weight:bold;
}
#contents-body div.point-ctsbox div.boxr div.wbox-top ul.cautionlist-dot li span{
	font-weight:normal;
}


#contents-body div.point-ctsbox div.boxr div.wbox-top p.txtlink{
	background:url("/c/common/img/arrow_m.gif") 0px 5px no-repeat;
	padding:3px 0px 0px 20px;
}
#contents-body div.point-ctsbox div.boxr div.wbox-top p.txtlink span{
	background:url("/c/common/img/icon_blank.gif") right 2px no-repeat;
	padding-right:18px;
}


#contents-body div.point-ctsbox div.boxr div.wbox-top div.subtxt{
	padding:5px 20px 5px 20px;
}
#contents-body div.point-ctsbox div.boxr div.wbox-top div.subtxt .inquiry-num{
	font-size:120%;
	line-height:150%;
	font-weight:bold;
}

#contents-body div.point-ctsbox div.boxr div.wbox-top .btn{
	padding-top: 10px;
	text-align: center;
}


/* 入会案内情報
----------------------------- */
.about-entry {
margin-top:30px;
width:920px;
background:#FFF8DE url(/c/partner/img/entry_left_bg.gif) repeat-y left top;
}
.about-entry .card {
float:left;
width:199px;
background:#FFF1D1;
}
.about-entry .card p {
margin:7px 10px 20px 10px;
overflow:hidden;
text-align:center;
}
.about-entry ul {
float:right;
width:721px;
}
.about-entry ul li {
float:left;
width:355px;
border-right:#FFDA9A solid 1px;
}
.about-entry ul li.no {
border:none;
}
.about-entry ul li .card-tt {
margin:5px 10px 10px 10px;
}
.about-entry ul li div {
margin:0 20px 8px 20px;
}
.about-entry ul li div p {
padding-bottom:5px;
}
.about-entry ul li div span {
color:#FF0000;
}

/* 他の提携ショップを見る
----------------------------- */
.other-shop {
margin-top:40px;
}
.other-shop a {
margin:0 auto;
width:442px;
height:111px;
display:block;
}

/* 2011.9.16追加　提携ショップ紹介内－提携社一覧
----------------------------- */
.ptn-shoplist {
clear:both;
padding:13px 0 0 0;
}
.ptn-shoplist ul li {
float:left;
padding:0 5px;
}
.shopdeta-link {
clear:both;
padding:8px 0 0 0;
text-align:right;
font-weight:bold;
}
.shopdeta-link p {
margin-bottom:3px;
}
.shopdeta-link p a {
padding-left:14px;
background:url(/c/partner/img/icon_arrow.gif) no-repeat left 2px;
}
.shopdeta-link p.blank {
padding-right:12px;
background:url(/c/common/img/icon_blank.gif) no-repeat right 2px;
}

.ptn-shoplist2 {
clear:both;
padding-top:20px;
}
.ptn-shoplist2 .shopbox {
position:relative;
}
.ptn-shoplist2 .shopbox p {
position:absolute;
top:10px;
right:10px;
}
.ptn-shoplist2 .shopbox p a {
font-weight:bold;
padding-left:14px;
background:url(/c/partner/img/icon_arrow.gif) no-repeat left 2px;
}
.ptn-shoplist2 .shopbox .blank {
padding-right:12px;
background:url(/c/common/img/icon_blank.gif) no-repeat right 2px;
}

.caption-stt {
margin:10px 0 0 30px;
font-weight:bold;
}

.pagelink {
margin:10px 10px 0 20px;
}
.pagelink li {
margin-right:-0.5em;
width:50%;
display:inline-block;
/display:inline;
/zoom:1;
}
.pagelink li a {
margin-right:10px;
padding-left:14px;
font-weight:bold;
background:url(/c/partner/img/icon_arrow.gif) no-repeat left 2px;
}