@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(https://ts3card.com/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(https://ts3card.com/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 .right img {
	padding-left:15px;
}

.fam_table {
	border-collapse:collapse;
	width:688px;
	margin-left:10px;
}
.fam_table tr td {
	border:1px solid #D0D0D0;
	text-align:center;
	padding:10px;
	font-size:12px;
}
.fam_table tr td.gray {
	background-color:#F5F5F5;
}
.fam_btn01 {
	width:524px;
	margin:25px 0 15px 90px;
}
.fam_btn01 .left_btn {
	float:left;
}
.fam_btn01 .right_btn {
	float:right;
}
.rice_fam {
	font-size:11px;
	text-indent:-2.3em;
	padding-left:2.3em;
}
.fam_bnr01 {
	padding-top:15px;
	padding-left:120px;
}
.fam_bnr01 .left_btn {
	width:226px;
	float:left;
}
.fam_bnr01 .center_btn {
	width:226px;
	float:left;
	padding-left:20px;
}
.fam_bnr01 .right_btn {
	width:226px;
	float:right;
}
.fam_bnr02 {
	padding-top:15px;
}
.fam_bnr02 .left_btn {
	width:246px;
	text-align:right;
	float:left;
}
#Family_pop #family-Main .fam_bnr02 p {
	width:420px;
	float:right;
	margin-top:10px;
	margin-left:0;
	padding-right:20px;
}
*html #Family_pop #family-Main .fam_bnr02 p {
	width:430px;
}
.fam_bnr02 .clearfix {
	padding-bottom:15px;
}
.fam_flow {
	width:688px;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:15px;
}
.fam_flow ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
.fam_flow ul li {
	list-style-type:none;
	padding:0;
	margin:0;
	width:335px;
	height:36px;
}
.fam_flow ul li.open img {
	display:none;
}
.fam_flow ul li#tab_1 {
	float:left;
	background:url(/add/img_family/tab_pc_on.jpg) left top no-repeat;
}
.fam_flow ul li#tab_2 {
	float:right;
	background:url(/add/img_family/tab_sp_on.jpg) left top no-repeat;
}
.fam_flow div#box1,
.fam_flow div#box2 {
	border:1px solid #FF6262;
}
.fam_flow .flow {
	padding:10px 0 23px 23px;
}
.fam_regist {
	padding:0 0 5px 100px;
}

#Family_pop #family-Main p {
	margin: 10px 5px 5px 25px;
}
#Family_pop #DocBody {
	width:730px;
}
#Family_pop #family-Main {
	width:710px;
}
#Family_pop #family-Main h2 {
	clear: both;
	border-left: 4px solid #A1A1A1;
	background-color: #F5F5F5;
	margin: 20px 0 0 10px;
	padding: 2px 0 2px 6px;
}
#Family_pop .btn_close {
	width:710px;
	text-align:center;
	padding:20px 0 0 0;
}


/* ご注意欄 の記述
---------------------------------------------------- */
#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(https://ts3card.com/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;
}