@charset "Shift_JIS";



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

/* #                                                 # */

/* #                                                 # */

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

/* #                                                 # */

/* #                                                 # */

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







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

---------------------------------------------------- */






#Contents h3 img {

	vertical-align:middle;

	margin-left:5px;

}



/* mem_myts3/index.html

---------------------------------------------------- */

#Right-contents .widebox {

	width:725px;

}

#Right-contents .widebox .other-left {

	float:left;

	padding:0 0 15px 20px;

}

#Right-contents .widebox .other-left img {

	vertical-align:middle;

	margin-right:10px;

	margin-top:10px;

}

#Right-contents p.recture1 {

	float:left;

	width:625px;

	margin:0;

	padding:10px 0 5px 0;

}

#Right-contents p.recture2 {

	float:left;

	width:590px;

	margin:0;

	padding:10px 0 5px 0;

}

#Right-contents p.recture-mobile {

	float:left;

	width:525px;

	margin:0;

	padding:10px 0 5px 0;



}

#Right-contents .qr {

	float:right;

	width:74px;

	padding-top:10px;

	text-align:left;

}



/* use.html

---------------------------------------------------- */

#Right-contents .myts3-image {

	width:52px;

	float:left;

	padding:0 0 0 15px;

}

/* IE6専用ハック \*/

*html #Right-contents .myts3-image {

	width:67px;

}

/* IE6専用ハック */

#Right-contents p.myts3-txt {

	float:left;

	width:615px;

	padding:0 5px 10px 20px;

	margin:0;

}

/* IE6専用ハック \*/

*html #Right-contents p.myts3-txt {

	width:640px;

}

/* IE6専用ハック */

#Right-contents .apply-image {

	text-align:center;

	padding:20px 0;

}



/* document.html

---------------------------------------------------- */

#Right-contents .material-images {

	text-align:center;

}

#Right-contents .material-images img {

	margin:10px;

}



/* document.html

---------------------------------------------------- */

#Right-contents h4.material-list {

	margin:10px 0 5px 25px;

}

#Right-contents .title-document {

	margin-left:25px;

}

#Right-contents .title-document2 {

	margin-left:25px;

}

#Right-contents .ttl-document1 ,

#Right-contents .ttl-document2 ,

#Right-contents .ttl-document3 ,

#Right-contents .ttl-document4 {

	float:left;

	border-right:1px solid #A1A1A1;

}

#Right-contents .ttl-document1 {

	width:328px;

	border-top:1px solid #A1A1A1;

	border-left:1px solid #A1A1A1;

}

#Right-contents .ttl-document2 {

	width:329px;

	border-top:1px solid #A1A1A1;

}

#Right-contents .ttl-document3 {

	width:328px;

	border-left:1px solid #A1A1A1;

}

#Right-contents .ttl-document4 {

	width:329px;

}

/* IE6専用ハック \*/

*html #Right-contents .ttl-document1 ,

*html #Right-contents .ttl-document2 ,

*html #Right-contents .ttl-document3 ,

*html #Right-contents .ttl-document4 {

	width:340px;

}

/* IE6専用ハック */

#Right-contents .ttl-document1 p ,

#Right-contents .ttl-document2 p ,

#Right-contents .ttl-document3 p ,

#Right-contents .ttl-document4 p {

	margin:0;

	padding:5px 5px 5px 10px;

}

#Right-contents .ttl-document1 .ttl-txt ,

#Right-contents .ttl-document2 .ttl-txt ,

#Right-contents .ttl-document3 .ttl-txt ,

#Right-contents .ttl-document4 .ttl-txt {

	background-color:#D0D0D0;

	text-align:left;

}

#Right-contents .document-text {

	background-image:url(../mem_myts3/img/bg_material.gif);

	background-repeat:repeat-y;

	background-position:center center;

	margin-left:25px;

	width:658px;

	border:1px solid #A1A1A1;

}

/* IE6専用ハック \*/

*html #Right-contents .document-text {

	width:680px;

}

/* IE6専用ハック */

#Right-contents .document-text .text-area {

	float:left;

	width:329px;
	_width:339px;

	text-align:left;

}

#Right-contents .document-text .text-area p {

	margin:0;

	padding:10px;

}



/* mobile.html

---------------------------------------------------- */

#Right-contents .mobile-info {

	border:1px solid #d0d0d0;

	width:500px;

	margin-left:25px;

}

#Right-contents .mobile-info img {

	margin:10px 0 10px 10px;

	vertical-align:middle;

}

#Right-contents .acc-area {

	margin:10px 0 0 25px;

}

#Right-contents .accident-left {

	float:left;

	width:91px;

}

#Right-contents .accident-box {

	float:left;

	width:580px;

}

#Right-contents .accident-box p {

	margin:0;

}

#Right-contents .accident-box .table {

	border:1px solid #A1A1A1;

	background-image:url(../mem_myts3/img/bg_usebox-middle.gif);

	background-repeat:repeat-y;

	background-position:center center;

	margin:5px 0;

}

#Right-contents .accident-box .table .ttl {

	float:left;

	width:80px;

	font-size:1.3em;

	line-height:120%;

	padding:15px 5px 15px 0;

	text-align:center;

}

#Right-contents .accident-box .table .cont-area {

	float:left;

	width:470px;

	font-size:1.3em;

	line-height:120%;

	padding:5px;

}

/* IE6専用ハック \*/

*html #Right-contents .accident-box .table .ttl {

	width:85px;

}

*html #Right-contents .accident-box .table .cont-area {

	width:480px;

}

/* IE6専用ハック */

#Right-contents dl.quick-login {

	margin:5px 0 0 15px;

}

#Right-contents dl.quick-login dt {

	float:left;

	width:145px;

}

#Right-contents dl.quick-login dt.txt {

	padding:5px 0;

	margin:0;

	font-size:1.3em;

	line-height:150%;

}

#Right-contents dl.quick-login dd {

	float:left;

	width:36px;

	padding-top:203px;

}

#Right-contents dl.quick-login dd.space {

	padding:0;

}

#Right-contents table.mobile-table {

	margin:10px 26px 0 25px;

}

#Right-contents table.mobile-table td {

	border-collapse:collapse;

	border:1px solid #A1A1A1;

	font-size:1.3em;

	line-height:120%;

	padding:5px;

}

#Right-contents table.mobile-table td.space {

	border-right:0;

	border-left:0;

	border-top:0;

	font-size:1px;

	line-height:1px;

	padding:0;

}

#Right-contents table.mobile-table td.center {

	text-align:center;

}

#Right-contents table.mobile-table td.gray {

	background-color:#D0D0D0;

	text-align:center;

}

#Right-contents table.mobile-table td.gray2 {

	background-color:#D0D0D0;

	padding:5px 3px;

	text-align:center;

}

#Right-contents p.rice {

	text-align:left;

}

/* IE6専用ハック \*/

*html #Contents .mtxx {

	margin-top:-3px;

}

*html #Contents .mtxx2 {

	margin-top:-3px !important;

}

/* IE6専用ハック */



/* ご注意欄 の記述

---------------------------------------------------- */

#Right-contents div.attention {

	clear:both;

	width:692px;

	border:1px solid #A1A1A1;

	padding:3px 3px 10px 3px;

	margin:20px 0 10px 25px;

}

/* IE6専用ハック \*/

*html #Right-contents div.attention {

	width:700px;

}

/* IE6専用ハック */

#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;

}

#Contents.None {

	background-image: none;
}

.bg2Column01 .text p.W360 {
	
	width:360px;

}

.IcoPhone {

	padding:8px 15px 0 0;
	_margin:8px 15px 0 0;

}