@charset "Shift_JIS";

/* ################################################### */
/* #                                                 # */
/* #                                                 # */
/* #                コンテンツ用css　                # */
/* #                                                 # */
/* #                                                 # */
/* ################################################### */



/*コンテンツ関連テンプレ
---------------------------------------------------- */




/* mem_add/index.html
---------------------------------------------------- */
#Right-contents div.card-areawide {
	float:left;
	width:340px;
	padding:10px 0 10px 10px;
}
#Right-contents div.card-areawide1 {
	float:left;
	width:340px;
	padding:10px 0 10px 15px;
}
/* No Mac IE \*/
*html #Right-contents div.card-areawide {
	width:350px;
}
*html #Right-contents div.card-areawide1 {
	width:355px;
}
/* No Mac IE */
#Right-contents div.card-areawide .card-side ,
#Right-contents div.card-areawide1 .card-side {
	float:left;
	padding:10px 0 10px 10px;
	width:154px;
}
/* No Mac IE \*/
*html #Right-contents div.card-areawide .card-side ,
*html #Right-contents div.card-areawide1 .card-side {
	width:164px;
}
/* No Mac IE */
#Right-contents div.center {
	float:left;
	width:114px;
	padding-left:43px;
}
/* No Mac IE \*/
*html #Right-contents div.center {
	width:157px;
}
/* No Mac IE */
#Right-contents .typeimg {
	margin-top:35px;
	width:114px;
	text-align:center;
	margin-bottom:5px;
}
#Right-contents .typeimg img {
	vertical-align:bottom;
}
#Right-contents .typeimg img.cent {
	margin-right:17px;
}
#Right-contents .typeimg2 {
	margin-top:70px;
	width:114px;
	text-align:center;
	margin-bottom:5px;
}
#Right-contents .typeimg2 img {
	vertical-align:bottom;
}
#Right-contents .typeimg2 img.cent {
	margin-right:4px;
}
#Right-contents h3.cardwide {
	clear:both;

	margin:3px 0 0 0;
	padding: 6px 0 7px 15px;
	background-image: url(../img/common/bg_h3line.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom:1px solid #A1A1A1;
}
#Right-contents h3.cardwide2 {
	clear:both;
	font-size:1.2em;
	margin:3px 0 0 0;
	line-height:100%;
	padding: 2px 0 3px 15px;
	background-image: url(../img/common/bg_h3line2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom:1px solid #A1A1A1;
}
#Right-contents div.card-areawide p.rec ,
#Right-contents div.card-areawide1 p.rec {
	clear:both;
	margin:5px 0 5px 10px;
}

/* mem_add/family.html
---------------------------------------------------- */
#Right-contents .addcard {
	width:155px;
	float:left;
	padding:0 0 0 15px;
}
/* No Mac IE \*/
*html #Right-contents .addcard {
	width:170px;
}
/* No Mac IE */
#Right-contents p.card {
	float:left;
	width:505px;
	padding:0 5px 10px 20px;
	margin:0;
}
/* No Mac IE \*/
*html #Right-contents p.card {
	width:525px;
}
/* No Mac IE */

#Right-contents .family-step1 {
	float:left;
	padding-left:35px;
	width:170px;
}
/* No Mac IE \*/
*html #Right-contents .family-step1 {
	width:205px;
}
/* No Mac IE */
#Right-contents .family-arrow {
	float:left;
	padding:66px 23px 0 23px;
}
#Right-contents .family-step2 {
	float:left;
	width:170px;
}
#Right-contents .family-step1 p,
#Right-contents .family-step2 p {
	margin:5px 0 5px 0;
	text-indent:-1em;
	padding-left:1em;
}
#Right-contents .right {
	text-align:right;
}

/* ご注意欄 の記述
---------------------------------------------------- */
#Right-contents div.attention {
	clear:both;
	width:692px;
	border:1px solid #A1A1A1;
	padding:3px 3px 10px 3px;
	margin:20px 0 10px 25px;
}
/* No Mac IE \*/
*html #Right-contents div.attention {
	width:700px;
}
/* No Mac IE */
#Right-contents div.attention div.att-title {
	padding:2px 4px 2px 10px ;
	margin:0 1px 6px 1px;
	border-bottom:1px solid #A1A1A1;
	color:#E60000;
	font-size:1.3em;
	font-weight:bold;
}
#Right-contents div.attention p {
	margin:3px 0 3px 10px;
	line-height:150%;
	font-weight:normal;
}
#Right-contents p.infodesk {
	background-image: url(../add/img/ico_tel.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:1.3em;
	line-height:150%;
	padding:1px 0 3px 25px;
}
#Right-contents table.ts3-other td {
	text-align:left;
}
#Right-contents div.bgGrayBlock02 {
	margin:0;
}
#Right-contents div.bgGrayBlock02 p {
	margin:0 5px;
	padding:13px 0 11px 19px;
	border-bottom:#d4d4d4 solid 1px;
}
div.renew div.imgFloatL a,
div.renew div.bgGrayBlock02 a {
	font-size:1.2em;
	padding-left:7px;
	background:url(../img/common/arrow01.gif) 0 4px no-repeat;
}
div.renew div.bgGrayBlock02 div.link {
	padding:10px 0 11px 19px;
}
div.renew div.imgFloatL {
	margin:13px 0 15px 16px;
}
table.ts3-other {
	margin-bottom:35px;
}
div.bgStripe {
	margin:15px 0 0 7px;
}
#Right-contents div.bgGrayBlock03 {
	margin:0;
}
#Right-contents div.bgGrayBlock03 div.border {
	padding:14px 10px 24px;
}
#Right-contents div.bgGrayBlock03 h3.ttl {
	margin:0;
}
#Right-contents div.bgGrayBlock03 div.content {
	margin:10px 10px 0 10px;
}
#Right-contents div.bgGrayBlock03 p {
	margin:0;
}
#Right-contents div.bgGrayBlock03 div.text {
	width:500px;
	float:left;
}
#Right-contents div.bgGrayBlock03 div.center-text {
	width:400px;
	float:left;
}
#Right-contents div.bgGrayBlock03 div.left-image {
	float:left;
	margin-right:15px;
}
#Right-contents div.bgGrayBlock03 div.image {
	float:right;
}
div.bgGrayBlock03 p.note {
	background:url(../add/img_index/ico_note.gif) 0 0.3em no-repeat;
	padding-left:13px;
	color:#f33;
}
div#Right-contents.renew p.indent {
	margin:0 5px 5px 15px;
}
div#Right-contents.renew div.detail {
	margin:0 0 5px 15px;
}
.renew div.imgFloatL div.text {
	float:left;
	width:590px;
}
div#Right-contents.renew div.imgFloatL p {
	margin:0;
}