@charset "shift_jis";

/**--------------------------------------------
 VIEW CARD　ビューカード活用法　CSS
 更新日:2012/01
--------------------------------------------**/

#method {
	width: 690px;
	text-align: left;
}
#method p, #method ol, #method ul, #method dl, table {
	font-size:115%;
}
#method strong {
	font-weight: bold;
}
#method p {
	margin: 0px;
	padding: 0px;
}
#method .pagetop {
	margin: 0px 0px 26px;
	padding-top: 9px;
	clear: both;
	text-align: right;
}
/* ▽トップ▽ */
#method h1 {
	margin: 0px 0px 13px;
	padding: 0px;
	background: url(none);
	float: left;
	width: 652px;
}
#method ul.pagelink {
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 14px;
}
#method ul.pagelink li {
	margin: 0px 11px 0px 1px;
	padding: 0px;
	display: inline;
}
#method ul.pagelink li img {
	margin: 9px 0px 0px;
}
/* △トップ△ */

/* ▽コンテンツ▽ */
#method h2 {
	margin: 24px 0px 0px;
	padding: 0px;
	background: url(none);
	height: auto;
}
#method .h2_box ul {
	margin: 14px 25px 0px 17px;
	padding: 0px;
}
#method .h2_box ul li {
	margin: 0px;
	padding: 0px 0px 0px 1em;
	text-indent: -1em;
}
#method .h2_box ul li .blank img{
	margin: 0px 5px 0px 0px;
}
#method .h3_box {
	margin: 0px;
	padding: 0px;
	background: url(../img/method/h3_box.gif) repeat-y left top;
}
#method h3 {
	margin: 0px;
	padding: 0px;
	background: url(none);
	height: auto;
}
#method .h3_box ol {
	margin: 0px;
	padding: 0px 43px;
	list-style-type: none;
}
#method .h3_box ol li.ticket {
	position: relative;
	margin: 0px;
	padding: 10px 27px 40px;
	background: url(../img/method/ticket_top.gif) no-repeat center bottom;
	border-top: 1px solid #cdcdcd;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#method .h3_box ol li.ticket img {
	position: absolute;
	right: -43px;
	_right: 0px;
	top: 4em;
	margin: 0px 0px 0px 33px;
	padding: 0px;
}
#method .h3_box ol li.ticket_bk {
	margin: 0px;
	padding: 10px 27px 40px;
	background: url(../img/method/ticket_bk.gif) no-repeat center bottom;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#method .h3_box ol li.ticket_last {
	margin: 0px;
	background: url(../img/method/ticket_last.gif) no-repeat center bottom;
	padding-bottom: 10px;
	border-top: none;
}
#method .h3_box ol li.ticket_last span {
	text-indent: -1.2em;
	padding-left: 1.2em;
	display: block;
	width: 350px;
}
#method .h3_box ol li {
	margin: 0px;
	padding: 10px 27px 40px;
	background: url(../img/method/arrow.gif) no-repeat center bottom;
	border-top: 1px solid #cdcdcd;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#method .h3_box ol li.exchange {
	padding: 12px 27px 27px;
	background: url(../img/method/exchange_bk.gif) no-repeat center bottom;
}
#method .h3_box ol li.exchange img {
	margin: 0px -27px;
	padding: 0px;
}
#method .h3_box ol li.last {
	margin: 0px;
	background: url(../img/method/last.gif) no-repeat center bottom;
	padding-bottom: 10px;
}
#method .h3_box ol li span {
	text-indent: -1.2em;
	padding-left: 1.2em;
	display: block;
}
#method .h3_box .list_space {
	margin: 0px;
	padding-left: 43px;
	padding-right: 43px;
}
#method .h3_box .list_left {
	float: left;
	width: 296px;
}
#method .h3_box .list_right {
	float: right;
	width: 296px;
	padding-bottom: 24px;
}
#method .h3_box .list_left ol,
#method .h3_box .list_right ol {
	margin: 15px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
#method .h3_box .list_left ol li,
#method .h3_box .list_right ol li {
	margin: 0px;
	padding: 10px 27px 40px;
	background: url(../img/method/arrow2.gif) no-repeat center bottom;
	border-top: 1px solid #cdcdcd;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#method .h3_box .list_left ol li.last,
#method .h3_box .list_right ol li.last {
	margin: 0px;
	background: url(../img/method/last2.gif) no-repeat center bottom;
	padding-bottom: 10px;
}
#method .h3_box .list_right ol li.mail {
	padding: 10px 27px 27px;
	background: url(../img/method/mail_bk.gif) no-repeat center bottom;
}
#method .h3_box .list_right ol li.mail img {
	margin: 0px -27px;
	padding: 0px;
}
#method .h3_box ul {
	margin: 12px 0px 0px 45px;
	padding: 0px;
}
#method .h3_box ul li {
	margin: 0px;
	padding: 0px 0px 0px 1em;
	text-indent: -1em;
}
#method .h3_box .btn {
	text-align: right;
	margin: 20px 0px 18px;
	padding: 0px 41px 0px 0px;
}
#method .h3_box .btn_under {
	text-align: right;
	margin: 15px 0px 0px;
	padding: 0px 41px 36px 0px;
	background: url(../img/method/h3_under.gif) no-repeat left bottom;
}
#method .h3_box .bn {
	text-align: center;
	margin: 0px;
	padding: 22px 0px 25px;
	background: url(../img/method/h3_bnunder.gif) no-repeat left bottom;
}
/* △コンテンツ△ */

/* ▽VIEWプラス▽ */
#method #view {
	margin: 0px 0px 55px;
	padding: 0px;
	width: 690px;
}
/* △VIEWプラス△ */

/* ▽おすすめのビューカード▽ */
#method .card_space {
	margin: 0px;
	padding: 0px 10px;
}
#method .card {
	float: left;
	width: 324px;
	margin: 27px 0px 0px;
	padding: 0px 0px 8px;
}
#method .space {
	margin-left: 22px;
}
#method .card img{
	vertical-align:bottom;
}
#method .card dl {
	margin: 0px;
	padding: 0px;
}
#method .card dt {
	margin: 0px;
}
#method .card dl dd ul {
	float: right;
	width: 135px;
	margin: 35px 0px 0px;
	text-align: right;
}
#method .card dl ul li {
	margin: 0px;
	padding: 0px;
	display: block;
}
#method .card dd ul li img {
	margin: 5px 0px 0px;
	padding: 0px;
}
#method p.cardlink {
	margin: 5px 0px 0px 10px;
	padding: 0px;
}
#method p.text {
	margin: 14px 25px 0px 17px;
	padding: 0px;
}
#method ul.box {
	padding: 20px 38px 15px;
	margin: 25px 0px 48px;
	border: 1px solid #c3c3c3;
	background: #f1f1f1;
}
#method ul.box li {
	margin: 0px;
	padding: 0px;
}
/* △おすすめのビューカード△ */