@charset "shift_jis";
@import url(/common/css/jtb_site_970.css);
@import url(/common/css/regulation_970.css);



/* common */
h2,h3{
	margin:0;
	padding:0;
	border:none;
	background:none;
}
#container{
	margin-top:10px;
}
#contents{
	margin:0 10px 10px;
}
.section{
	margin-top:30px;
	line-height:1.5;
}


/* cardArea */
#cardArea p{
	margin:15px 25px 0;
}
#cardArea ul{
	margin:15px 35px 0;
	padding:10px 15px;
	background:#fff9de;
}
#cardArea ul li{
	padding:5px 0 5px 15px;
	background:url(../../img/cards/index/ico_red.gif) no-repeat 0 8px;
}
#cardArea ul li strong{
	font-weight:bold;
	color:#333;
}

/* pointbox */
.pointbox{
	margin-top:15px;
}
.pointbox a:hover img{
	opacity:0.8;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
	background: #fff;
}

.pointbox h3{
	margin-left:12px;
}
.pointbox p{
	margin:15px 12px 0;
}
.pointbox p.pointtxt{
	min-height:80px;
	height: auto !important;
	height: 80px;
}
.pointbox p.btpoint{
	text-align:center;
}
.pointLeft{
	float:left;
	display:inline;
	margin-left:12px;
	padding:10px 0;
	width:453px;
	border:solid 1px #bebebe;
}
.pointRight{
	float:right;
	display:inline;
	margin-right:12px;
	padding:10px 0;
	width:453px;
	border:solid 1px #bebebe;
}
.vipbox{
	margin:15px 12px 0;
	padding:10px 0;
	background:url(../../img/cards/index/bg_vip.gif) no-repeat center 0;
	border:solid 1px #bebebe;
}
.vipbox .vipLeft{
	float:left;
	display:inline;
	margin-left:10px;
	width:574px;
}
.vipbox .vipRight{
	float:right;
	display:inline;
	margin-right:30px;
	width:293px;
}
.vipbox dl{
	margin:15px 0 0 12px;
	background:url(../../img/cards/index/bg_dot.gif) repeat-x right bottom;
}
.vipbox dt{
	clear:both;
	float:left;
	width:110px;
	padding:10px 0;
	background:url(../../img/cards/index/bg_dot.gif) repeat-x right top;
}
.vipbox dt img{
	vertical-align:bottom;
}

.vipbox dd{
	margin-left:110px;
	line-height:20px;
	padding:10px 0;
	background:url(../../img/cards/index/bg_dot.gif) repeat-x left top;
}
.vipbox dt.first,.vipbox dd.first{
	background:none;
}
.vipbox .btpoint{
	clear:both;
	padding-top:15px;
}

/* kindtxt */
.kindtxt{
	margin:15px 12px 0;
}
.card_list_tb {
	margin:15px 0 0 12px;
	width:925px;
	border-collapse: collapse;
	border-spacing: 0;
}

.card_list_tb td {
	border: 1px solid #ccc;
	padding: 8px;
	vertical-align:top;
}
.card_list_tb td ul.list_square {
    list-style: square outside none;
    overflow: hidden;
    padding-left: 1.5em;
}

.card_list_tb .img_td {
	padding: 0;
	text-align: center;
	width:157px;
}
.card_list_tb td .imgpoint {
	margin-top:15px;
	text-align: center;
}

.card_list1 td {
	vertical-align:middle;
}


.card_list1 td,
.card_list2 td {
	background: #999;
	color: #fff;
	font-weight:bold;
}
.card_list3 td {
	background: #f5e2c5;
}
.card_list4 td {
	background: #eae6f0;
}
.card_list6 td {
	background: #dde2ea;
}
.card_list7 td {
	background: #f5e2c5;
}

.card_list_tb p {
	line-height: 140%;
}
.card_list_tb .card_name {
	font-weight: bold;
}
.card_list3 .card_name {
	margin-bottom:5px;
	color: #ae7709;
	border-top: 1px solid #ae7709;
	border-bottom: 1px solid #ae7709;
}
.card_list4 .card_name {
	margin-bottom:5px;
	color: #513687;
	border-top: 1px solid #513687;
	border-bottom: 1px solid #513687;
}
.card_list5 .card_name {
	margin-bottom:5px;
	color: #3e3e3e;
	border-top: 1px solid #3e3e3e;
	border-bottom: 1px solid #3e3e3e;
}
.card_list6 .card_name {
	margin-bottom:5px;
	color: #2e5984;
	border-top: 1px solid #2e5984;
	border-bottom: 1px solid #2e5984;
}
.card_list7 .card_name {
	color: #ae7709;
	border-top: 1px solid #ae7709;
	border-bottom: 1px solid #ae7709;
}
.card_list_tb .border_none {
	border-bottom: none;
	margin-bottom: 0;
}
.align_center td{
    text-align: center;
}


.btn_area {
	margin:14px auto;
	text-align:center;
}
.btn_area a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

.btn_area p { /* 2013.2.20 ’ljÁ */
	margin: 3px 0;
}

.btn_left {
	text-align: left;
}


.btns {
	background: -webkit-gradient(linear, left top, left bottom, from(#9c0810), to(#711e23));
	background: -moz-linear-gradient(top, #9c0810, #711e23);
	background: -ms-linear-gradient(top, #9c0810, #711e23);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9c0810, endColorstr=#711e23);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9c0810, endColorstr=#711e23)";*/
	padding:8px 12px;
	border-radius:4px;
	color:#fcfcfc;
	text-decoration:none;
	-webkit-box-shadow:1px 2px 2px rgba(57, 0, 0, 0.85);
    -moz-box-shadow:1px 2px 2px rgba(57, 0, 0, 0.85);
    box-shadow:1px 2px 2px rgba(57, 0, 0, 0.85);
	text-shadow: -1px -1px 0 #390000;
	cursor:pointer;
}

.btns2 {
	background: -webkit-gradient(linear, left top, left bottom, from(#9c0810), to(#711e23));
	background: -moz-linear-gradient(top, #9c0810, #711e23);
	background: -ms-linear-gradient(top, #9c0810, #711e23);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9c0810, endColorstr=#711e23);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9c0810, endColorstr=#711e23)";*/
	padding:8px 12px;
	border-radius:4px;
	color:#fcfcfc;
	text-decoration:none;
	-webkit-box-shadow:1px 2px 2px rgba(57, 0, 0, 0.85);
    -moz-box-shadow:1px 2px 2px rgba(57, 0, 0, 0.85);
    box-shadow:1px 2px 2px rgba(57, 0, 0, 0.85);
	text-shadow: -1px -1px 0 #390000;
	cursor:pointer;
}
#container .btns.grayout {
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#999));
	background: -moz-linear-gradient(top, #ccc, #999);
	background: -ms-linear-gradient(top, #ccc, #999);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc, endColorstr=#999999);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc, endColorstr=#999999)";*/
	color:#333;
	-webkit-box-shadow:1px 2px 2px rgba(255, 255, 255, 0.85);
    -moz-box-shadow:1px 2px 2px rgba(255, 255, 255, 0.85);
    box-shadow:1px 2px 2px rgba(255, 255, 255, 0.85);
	text-shadow: -1px -1px 0 #dcdcdc;
	cursor:default;
}

#container .btns2.grayout {
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
	background: -moz-linear-gradient(top, #fff, #fff);
	background: -ms-linear-gradient(top, #fff, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc, endColorstr=#999999)";*/
	color:#333;
	-webkit-box-shadow:1px 2px 2px rgba(255, 255, 255, 0.85);
    -moz-box-shadow:1px 2px 2px rgba(255, 255, 255, 0.85);
    box-shadow:1px 2px 2px rgba(255, 255, 255, 0.85);
	text-shadow: -1px -1px 0 #dcdcdc;
	cursor:default;
}

#container .btns:after {
	display:block;
	content:"";
	position:absolute;
	right:10px;
	top:42%;
	border:8px solid transparent;
	border-width:4px 8px;
	border-left-color:#fff;
}

#container .btns2:after {
	display:block;
	content:"";
	position:absolute;
	right:10px;
	top:42%;
	border:8px solid transparent;
	border-width:4px 8px;
	border-left-color:#fff;
}



#container .btns.arrow_left:after {
	display:block;
	content:"";
	position:absolute;
	right:auto;
	left:10px;
	border:8px solid transparent;
	border-width:4px 8px;
	border-right-color:#fff;
}

#container .btns2.arrow_left:after {
	display:block;
	content:"";
	position:absolute;
	right:auto;
	left:10px;
	border:8px solid transparent;
	border-width:4px 8px;
	border-right-color:#fff;
}

.ie7 #container .btns:after,
.ie7 #container .btns.arrow_left:after,
#tp-home #container .btns:after,
#container .btns.grayout:after {
	display:none;
}

.ie7 #container .btns2:after,
.ie7 #container .btns2.arrow_left:after,
#tp-home #container .btns2:after,
#container .btns2.grayout:after {
	display:none;
}

.btns:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#e26a6a), to(#883f43));
	background: -moz-linear-gradient(top, #e26a6a, #883f43);
	background: -ms-linear-gradient(top, #e26a6a, #883f43);


	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e26a6a, endColorstr=#883f43);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e26a6a, endColorstr=#883f43)";*/
	color:#fff;
}
.btns2:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
	background: -moz-linear-gradient(top, #ffffff, #ffffff);
	background: -ms-linear-gradient(top, #ffffff, #ffffff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e26a6a, endColorstr=#883f43)";*/
	color:#fff;
}

.btns:visited {
	color:#fff;
}

.btns2:visited {
	color:#fff;
}


#container .btns.btn_margin {
	margin:0 6px;
}


#container .btns2.btn_margin {
	margin:0 6px;
}


#container .btns {
	display:inline-block;
	padding:2px;
	font-size:14px;
	position:relative;
}


#container .btns2 {
	display:inline-block;
	padding:2px;
	font-size:14px;
	position:relative;
}

#tp-home #container .btns.title_inner {
	position:absolute;
	font-size:12px;
	top:20%;
	right:10px;
	border-radius:50px;
	padding:4px 8px;
}

#tp-home #container .btns2.title_inner {
	position:absolute;
	font-size:12px;
	top:20%;
	right:10px;
	border-radius:50px;
	padding:4px 8px;
}

#container .btns span {
	display:inline-block;
	border:1px solid #ffb8bb;
	border-radius:4px;
	padding:8px 38px 8px 20px;
}
#container .btns2 span {
	display:inline-block;
	border:1px solid #ffb8bb;
	border-radius:4px;
	padding:8px 38px 8px 20px;
}

#container .btns.grayout span {
	border:1px solid #fff;
	padding:8px 38px;
}

#container .btns2.grayout span {
	border:1px solid #fff;
	padding:8px 38px;
}


#container .btns.arrow_left span {
	padding:8px 20px 8px 38px;
}

#container .btns2.arrow_left span {
	padding:8px 20px 8px 38px;
}

.ie7 #container .btns,
.ie8 #container .btns {
	background:url(/assets/images/common/btn_bg.gif) repeat-x;
	background-position:0 50%;
}

.ie7 #container .btns2,
.ie8 #container .btns2 {
	background:url(/assets/images/common/btn_bg.gif) repeat-x;
	background-position:0 50%;
}


.ie7 #container .btns:hover,
.ie8 #container .btns:hover {
	background:url(/assets/images/common/btn_bg_on.gif) repeat-x;
	background-position:0 50%;
}

.ie7 #container .btns2:hover,
.ie8 #container .btns2:hover {
	background:url(/assets/images/common/btn_bg_on.gif) repeat-x;
	background-position:0 50%;
}


.ie7 #container .btns.grayout,
.ie8 #container .btns.grayout {
	background:url(/assets/images/common/btn_bg_gray.gif) repeat-x;
	background-position:0 50%;
}


.ie7 #container .btns2.grayout,
.ie8 #container .btns2.grayout {
	background:url(/assets/images/common/btn_bg_gray.gif) repeat-x;
	background-position:0 50%;
}



.link-up {
    margin-top: 5px;
    text-align: right;
}
.link-up a {
    background: url("/common/images/icon_list_up.gif") no-repeat scroll 0 4px transparent;
    padding-left: 9px;
}

.zei8{
	margin-top:20px;
	font-size:12px;
}