@charset "Shift_JIS";

/* print only */
@media print{

body {
	zoom: 81%; /*WinIE only */
}
h2,
.section{
	clear:both;
	zoom:1;
}
.sectionCol2{
	overflow: hidden;
}
.acrux .relative_box {
	background: url(../card_lineup/jaccscard/acrux/image/img_01.jpg) left top no-repeat;
	width: 580px;
	height: 260px;
	position: static!important;
}
.acrux .relative_box img{
/*	display: none;*/
}
.acrux .absolute_box{
	position: static!important;
	margin: -145px 0 0 200px;
	padding-top: -200px;
}
.acrux .absolute_box a{
	display:block;
	position: relative!important;
}
}
/* end print only */

h1 {
	color: #484848;
	font-size: 182%;
	font-weight: bold;
	line-height: 1.5;
	background: url(/common/image/h1_bg.gif) left bottom no-repeat;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-bottom: 17px;
}

h1.image {
	background-image: none;
	padding: 0;
}

h2 {
	background: url(/common/image/h2_bg_l.gif) left top no-repeat;
	padding: 4px 0 0 15px;
	color: #484848;
	font-size: 116%;
	font-weight: bold;
	min-height: 36px;
	line-height: 2.26;
}

h3 {
	font-size: 104%;
	font-weight: bold;
	line-height: 1.33;
	background: url(/common/image/h3_bg_l.gif) left bottom no-repeat;
	padding: 0 0 13px 5px;
	margin-bottom: 5px;
	color: #484848;
}

h3.image {
	background: none;
	padding: 0;
	margin-bottom: 5px;
}

.contents a {
	color: #626262;
	text-decoration: none;
}
.contents a:hover{
	text-decoration: underline;
}
a.arrow,a.window {
	color: #2a6ad1;
	zoom:1;
}

a.arrow {
	display: block;
	/*background: url(/common/image/ico_arrow_right.gif) left no-repeat;*/
	background: url(/common/image/ico_arrow_right.gif) left 0.3em no-repeat;
	padding-left: 11px;
}

a.window {
	background: url(/common/image/ico_window.gif) left no-repeat;
	padding-left: 18px;
}

.contents {
	width: 780px;
	margin-left: 20px;
}

.section {
	margin-top: 25px;
	margin-bottom: 25px;
}

.section .section {
/*	margin-top: 2.5em;*/
	margin-bottom: 2.5em;
}

.section .section .section .section {
/*	margin-top: 1em;*/
	margin-bottom: 1em;
}

.contentsMain > .section {
	margin-bottom: 0px;
}

.contentsMain > .section:first-child {
	margin-top: 0px;
}

.section p {
	font-size: 93%;
	line-height: 1.58;
}

.section.three_wrap{
	margin-left:-20px;
	overflow: hidden;
	zoom: 1;
}
.section.three_wrap:after{content: "";display: block;clear: both;}


.seciton_three{
	float:left;
	width:180px;
	margin: 0 0 0 20px;
}

.seciton_three p{
	margin-bottom:1em;
}

.inner {
	margin-top: 1em;
}

.column2 {
	margin-top: 0.75em;
	margin-left: -20px;
	overflow: hidden;
	zoom: 1;
}

.column2 h3 {
	background: url(/common/image/h3_bg_s.gif) left bottom no-repeat;
}

.column2 .col {
	float: left;
	width: 380px;
	margin-left: 20px;
}

.column2 .colvmj1 {
	float: left;
	width: 240px;
	margin-left: 20px;
}

.column2 .colvmj2 {
	float: left;
	width: 318px;
	margin-left: 20px;
}

.column2 .col .txt {
	display: inline;
	float: right;
	width: 252px;
}

.column2 .col .txt p a.arrow {
	margin-bottom: 5px;
}

.column3 {
	margin-left: -22px;
	overflow: hidden;
	zoom: 1;
}

.column3 .col {
	float: left;
	width: 245px;
	margin-left: 22px;
}

.column3 .col p {
	line-height: 1.5;
}

.col img {
	margin-bottom: 0.75em;
}

.col p.btn {
	margin-top: 0.5em;
}
p.btn a img{
	margin-bottom:0;
}
.indexLink {
	margin-top: 1em;
}

.dammySpace {
	margin-top: 1.25em;
}

ul.breadcrumbs {
	display: block;
}

ul.breadcrumbs li {
	color: #626262;
	font-size: 85%;
	font-weight: bold;
	display: inline;
	float: left;
}

ul.breadcrumbs li a {
	color: #626262;
	font-weight: normal;
}

ul.breadcrumbs li span {
	font-weight: normal;
	margin: 0 10px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.inner td.center {
	text-align: center;
}
.inner td.right {
	text-align: right;
}

strong {
	font-weight: bold;
}

.mgnTop1em {
	margin-top: 1em;
}

.mgnTop2em {
	margin-top: 2em;
}

.mgnLeft4em{
	margin-left: 4em;
}
.btmBorder {
	border-bottom: 1px dotted #d0d0d0;
	margin-bottom: 0.75em;
	padding-bottom: 0.75em;
}

.grayBox {
	border: 1px solid #dedede;
	background-color: #f9f9f9;
	padding: 10px 0;
}

.annotation {
	font-size: 85%;
	color: #606060;
	text-indent: -1em;
	margin: 1em 0 0 1em;
}

.inner .listTxt li{
	font-size:109%;
	color:#000;
	margin-bottom:0.5em;
}
.contents table {
	font-size: 93%;
	width: 100%;
	border-left: 1px solid #d9d9d9;
	border-top: 1px solid #d9d9d9;
}
.contents tr{
	border-top: 1px solid #d9d9d9;
}
.contents th,.contents td {
	text-align: left;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding: 10px;
}

.contents th {
	background-color: #f6f6f6;
	font-weight: bold;
}

.contents td {
	background-color: #ffffff;
}

table ul.usecard li {
	display: inline;
	float: left;
	margin-right: 3px;
}

div.pagetop {
	text-align: right;
	margin-bottom: 20px;
}

div.pagetop a {
	background: url(/common/image/ico_arrow_up.gif) left center no-repeat;
	padding-left: 13px;
}
/*
.sectionCol2 {
	margin-bottom: 1em;
}
*/
.contentsMain {
	width: 580px;
	display: inline;
	float: left;
	margin-right: 20px;
}

/*�@
.contentsMain > .section {
	margin-top: 0px;
}

.contentsMain > .section:last-child {
	margin-bottom: 0px;
}
.contentsMain div.section {
	border-bottom: expression((this.parentNode.children.length-1 == this)?'none':'1px solid #456456');
}
*/

.contentsMain h3 {
	background: url(/common/image/h3_bg_m.gif) left bottom no-repeat;
}

.contentsMain h2 {
	background: url(/common/image/h2_bg_m.gif) left top no-repeat;
}

.contentsMain h2.bands {
	padding: 4px 0 2px 0;
}

.contentsMain h2.bands img {
	vertical-align: -11px;
}

.contentsSide {
	width: 180px;
	display: inline;
	float: left;
}

.sectionCol2 .contentsMain .col {
	width: 280px;
}

.contentsSide .section {
	margin-top: 0;
	margin-bottom: 1.5em;
	border: 1px solid #d8d8d8;
}

.contentsSide .sideBox {
	padding: 7px;
}

.contentsSide .cardSide {
	margin-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #d0d0d0;
}

.contentsSide .cardSide .imgBox a {
	font-size: 85%;
	line-height: 1.7;
	font-weight: bold;
	width: 82px;
	float: right;
	margin-left: 5px;
	padding-left: 8px;
}

.contentsSide .cardSide .txtBox p {
	font-size: 77%;
	margin-top: 5px;
}

.contentsSide p.listlink {
	margin-top: 10px;
	margin-left: 0px;
}

.contentsSide dl {
	font-size: 85%;
	line-height: 1.63;
	font-weight: bold;
	margin: 10px 4px 15px 4px;
}

.contentsSide dl dd {
	margin-top: 5px;
}

.contentsSide dl dd p {
	font-weight: normal;
	margin: 0px 5px;
}

.contentsSide dl dt {
	padding: 0 0 4px 20px;
	margin: 0 4px 0 3px;
}

.contentsSide dl.s01 dt {
	background: url(/common/image/ico_circle_01.gif) left 0.1em no-repeat;
	border-bottom: 1px dotted #dc247a;
}
dl.s01 dt a {
	color: #dc247a;
}
.contentsSide dl.s02 dt {
	background: url(/common/image/ico_circle_02.gif) left 0.1em no-repeat;
	border-bottom: 1px dotted #da3ddf;
}
dl.s02 dt a {
	color: #da3ddf;
}
.contentsSide dl.s03 dt {
	background: url(/common/image/ico_circle_03.gif) left 0.1em no-repeat;
	border-bottom: 1px dotted #dc2425;
}
dl.s03 dt a {
	color: #dc2425;
}
.contentsSide dl.s04 dt {
	background: url(/common/image/ico_circle_04.gif) left 0.1em no-repeat;
	border-bottom: 1px dotted #4924dc;
}
dl.s04 dt a {
	color: #4924dc;
}
.contentsSide dl.s05 dt {
	background: url(/common/image/ico_circle_05.gif) left 0.1em no-repeat;
	border-bottom: 1px dotted #d3dc24;
}
dl.s05 dt a {
	color: #a3ab10;
}
.contentsSide dl.s06 dt {
	background: url(/common/image/ico_circle_06.gif) left 0.1em no-repeat;
	border-bottom: 1px dotted #179bc5;
}
dl.s06 dt a {
	color: #179bc5;
}
.contentsSide dl.s07 dt {
	background: url(/common/image/ico_circle_07.gif) left 0.1em no-repeat;
	border-bottom: 1px dotted #2cbb7c;
}
dl.s07 dt a {
	color: #2cbb7c;
}

ul.btnlist {
	margin-top: 20px;
	margin-left: -15px;
}

ul.btnlist li {
	display: inline;
	float: left;
	margin-left: 15px;
	margin-bottom: 6px;
}

ul.inquiryList {
	font-size: 93%;
	line-height: 1.5;
}

ul.inquiryList li {
	margin-top: 1em;
}

.requestBtn{
	margin-top:5px;
}
.requestBtn li{
	display:inline;
	width:294px;
	margin:0 10px;
}

/* card_lineup */

table.card_loan,
table.card_lineup {
	font-size: 85%;
	line-height: 1.45;
}

table.card_lineup img {
	vertical-align: middle;
}

table.card_loan th,
table.card_lineup th {
	text-align: center;
	vertical-align: top;
	padding: 8px;
}

table.card_lineup td {
	vertical-align: top;
	padding: 8px;
}

table.card_loan td.td01,
table.card_lineup td.td01 {
	width: 190px;
}

table.card_lineup td.td01 .txt,
table.card_loan td.td01 .txt{
	float: right;
	width: 90px;
}

table.card_lineup td.more {
	vertical-align: middle;
}

table.card_lineup .txt a.arrow {
	margin-bottom: 5px;
}

table.card_lineup ul li {
	margin-bottom: 10px;
}

table.card_lineup ul li span {
	margin-left: 5px;
}

ul.normal{
	list-style-type: disc;
	padding-left:20px;
}
.big{
	font-size:131%!important;
	font-weight:bold;
}
.fc_red{
	color:#e7292b;
}
.mt5{
	margin-top: 5px!important;
}
.mb5{
	margin-bottom: 5px!important;
}

div.section table th.basicinfo{
	width:170px;
}

div.contents.guidedog div.section table th.verticalcell,
div.contents.yokohama div.section table th.verticalcell,
div.contents.vmj div.section table th.verticalcell,
div.contents.goldcard div.section table th.verticalcell{
	width:1em;
}

div.contents.guidedog ol.number{
	list-style-type: decimal;
	margin-left:25px;
}
div.contents.etc div.grayBox a.arrow,
div.contents.goldbiage div.grayBox div.indexLink a.arrow,
div.contents.biage div.grayBox div.indexLink a.arrow{
	display:inline;
}

div.contents.goldbiage div.contentsMain div.section div.inner table,
div.contents.biage div.contentsMain div.section div.inner table{
	margin-bottom:20px;
}
div.contents.goldbiage div.contentsMain div.section div.inner table td p,
div.contents.biage div.contentsMain div.section div.inner table td p{
	font-size:100%;
	margin-bottom:7px;
}

div.contents.biage div.contentsMain div.section div.inner table td ul.normal{
}
div.contents.biage div.contentsMain div.section div.biagebox p{
	margin-bottom:10px;
}
div.contents.biage div.contentsMain div.section div.biagebox p.indexLink{
	margin-bottom:15px;
}
div.contents.biage div.imgLeftBox p.img{
}
div.imgLeftBox .txt,
div.imgLeftBoxL .txt{
	display:inline;
	float:right;
}
div.imgRightBox .txt,
div.imgRightBox .img,
div.imgRightBoxL .img,
div.imgRightBoxL .txt{
	display:inline;
	float:left;
}

div.imgRightBox .txt,
div.imgLeftBox .txt{
	width:365px;
}
div.imgRightBoxL .txt,
div.imgLeftBoxL .txt{
	width:180px;
}
div.imgRightBox .txt{
	margin-right:15px;
}
div.imgLeftBox .txt{
	margin-left:15px;
}
div.contents.hakodate div.imgRightBoxL .txt{
	width:240px;
	margin-right:15px;
}

div.contents.hakodate div.yuutai div.imgRightBoxL div.txt{
	width:150px;
	margin-right:15px;
}

div.contents.hakodate div.yuutai div.imgRightBoxL div.txt p a{
	color:#2A6AD1;
}

div.contents.hakodate div.yuutai{
	margin-top:10px;
	padding:10px;
	border:3px solid #D9D9D9;
	}


div.contents.biage p.annotation{
	margin:1em;
}

div.contents div.section div.sectionCol2 div.contentsMain div.column3 div.col{
	width:178px;
}
div.contents.pontapremium p.imgLeftTxt{
	display:inline;
	float:left;
	width:90px;
	margin-right:10px;
}
.pontaLink{
	margin:1em 0 2em 0;
}

div.contents.etc table th{
	width:150px;
}

div.contents.biotope h2 span , div.contents.link h2 span{
	font-size:50%;
	font-weight:normal;
}
/*
.etc .contentsMain .section,
.eco .contentsMain .section{
	margin-top: 0;
}
*/
.readerscard .contentsMain .section .section,
.etc .contentsMain .section .section,
.eco.contentsMain .section .section{
	margin-top: 1em;
}
.readerscard .contentsMain .section .section .section .section,
.etc .contentsMain .section .section .section .section,
.eco .contentsMain .section .section .section .section{
	margin-top: 1em;
}
.readerscard .contentsMain .section h3 img,
.biotope .contentsMain .section h3 img,
.acrux .contentsMain .section h3 img{
	vertical-align: middle;
}
.readerscard .annotation{
	margin: 0 0 0 1em;
}
.readerscard .left_head,
.eco .left_head{
	width: 1em;
}
.readerscard .fc_red{
	color:#FE0000;
}
.readerscard .big_txt{
	font-size: 2.5em;
}
.etc .contents .contentsMain a{
	color:#2A6AD1;
}
.etc ul.txt_list li,
.jcb ul.txt_list li{
    text-indent: -0.6em;
    margin: 5px 0 0 0.6em;
}
.etc .bnr_link_txt,
.eco .bnr_link_txt,
.jcb .bnr_link_txt {
	overflow: hidden;
}
.etc .bnr_link_txt img,
.eco .bnr_link_txt img,
.jcb .bnr_link_txt img{
	float: left;
	margin-right: 15px;
	display: inline;
}
a.external_link{
	background: url(/common/image/ico_window.gif) no-repeat left center;
    display: block;
    padding-left: 18px;
	color:#2A6AD1;
}
.etc .bnr_link_txt .arrow,
.eco .bnr_link_txt .external_link{
	background-position: left 0.5em;
	display: inline;
	float: left;
}
.eco .bnr_link_txt .external_link{
	margin-top: 10px;
}
.etc .bnr_link_txt .arrow span,
.etc .bnr_link_txt .external_link span{
	display: inline;
}
.etc .grayBox{
	color: #888888;
	clear: both;
}
.etc .grayBox .regist{
	float: right;
	display: inline;
	margin-top: -4em;
}
.etc .grayBox .registBtn{
	height:42px;
	text-align: left;
	width:560px;
	margin: 0 auto;
}
.etc .grayBox .registBtn a{
	float: left;
	display: inline;
	margin-right: 1em;
}
.three_bnr_list li,
.biotope .three_bnr_list div{
	float: left;
	display: inline;
	margin-right: 20px;
}
.three_bnr_list .last,
.biotope .three_bnr_list .last{
	margin-right: 0;
}
.biotope .three_bnr_list div{
	width: 175px;
}
.biotope .three_bnr_list {
	overflow: hidden;
}
.biotope .sectionCol2 .contentsMain .col_wa,
.acrux .sectionCol2 .contentsMain .col_wa,
.guidedog .sectionCol2 .contentsMain .col_wa,
.jcb .sectionCol2 .contentsMain .col_wa,
.roadarrive .sectionCol2 .contentsMain .col_wa{
	width: auto;
}
.biotope .three_bnr_list {
	background: url(/card_lineup/jaccscard/biotope/image/img_14.gif) 50% bottom no-repeat;
	padding-bottom: 40px;
}
.biotope .three_card_list {
	background: url(/card_lineup/jaccscard/biotope/image/img_14.gif) 50% 60px no-repeat;
}
.biotope .three_card_list .section .section {
	margin-top: 65px;
}
.biotope .sectionCol2 .contentsMain .col2 {
	width: 450px;
	margin-left: 20px;
}
.acrux .sectionCol2 .contentsMain .col2 {
	width: 380px;
	margin-left: 20px;
}
.jcb .sectionCol2 .contentsMain .col2 {
	width: 380px;
}
.roadarrive .sectionCol2 .contentsMain .col2 {
	width: 360px;
}
.biotope .sectionCol2 .contentsMain .col3 , .link .sectionCol2 .contentsMain .col3 {
	width: 240px;
}
.acrux .sectionCol2 .contentsMain .col3 {
	width: 370px;
}
div.contents.acrux .col4 {
	width: 330px;
}
div.contents.acrux .col5 {
	width: auto;
	text-align: center
}
.acrux .sectionCol2 .contentsMain .col5 p{
}
.biotope .col a{
	color: #2A6AD1;
}
.acrux li.annotation ,
.jcb li.annotation {
	margin:0.5em 0 0 1em;
	font-size: 1em;
}
div.contents.acrux div.section table th.verticalcell,
div.contents.biotope div.section table th.verticalcell{
	width:1em;
}
.acrux .relative_box{
	position: relative;
}
.acrux .absolute_box{
	position: absolute;
	top: 110px;
	left: 200px;
	width: 360px;
}
.acrux .absolute_box ul li{
	margin: 0.5em 0 0 1em;
	text-indent: -1em;
}
.acrux .absolute_box .indexLink a{
	float: right;
}
.acrux .contentsMain .section h3 span.sub_txt{
	float: right;
	display: inline;
	font-size: 90%;
}
.acrux .contentsMain .section h3 span{
	float: left;
	display: inline;
}
.acrux .contentsMain .inner_sub_title{
	overflow: hidden;
}
/*
.guidedog .column2 .col ul{
	list-style: decimal;
	margin-left: 20px;
}
*/
.guidedog .sectionCol2 .contentsMain .col2 {
	width: 460px;
}
.jcb .whiteBox,
.roadarrive .whiteBox{
	border: 1px solid #DEDEDE;
	padding: 10px 20px;
}
.jcb .whiteBox ul.annotation,
.roadarrive .whiteBox ul.annotation{
	margin-top: 0;
	color: #000000;
}
.jcb .four_bnr_list li,
.roadarrive .four_bnr_list li{
	float: left;
	display: inline;
	margin-right: 20px;
}
.jcb .four_bnr_list .last,
.roadarrive .four_bnr_list .last{
	margin-right: 0;
}
.r-style .txt_link,
.pontapremium .txt_link,
.etc .txt_link,
.jcb .txt_link{
	color:#2A6AD1;
}
.etc ul.annotation,
.jcb ul.annotation,
.roadarrive ul.annotation{
	font-size: 100%;
}

#pagetop.vmj #intercom {
	height:75px;
	width:370px;
	padding: 0 0 0 10px;
	margin: 0 0 0 100px;
}

#pagetop.vmj #intercom span {
	float: left;
	height:75px;
	margin: 0 10px 0 0;
	display:inline;
}
#pagetop.vmj #intercom span.regist {
	margin:15px 0 0;
}



/* clearfix */
/* For modern browsers */
.requestBtn:before,
.pontaLink:before,
.imgRightBox:before,
.imgRightBoxL:before,
.imgLeftBoxL:before,
.imgLeftBox:before,
.sectionCol2:before,
.contentsMain:before,
.contentsSide:before,
.column3:before,
.column2:before,
ul:before,
.requestBtn:after,
.pontaLink:after,
.imgRightBoxL:after,
.imgRightBox:after,
.imgLeftBoxL:after,
.imgLeftBox:after,
.sectionCol2:after,
.column2:after,
.column3:after,
ul:after {
	content: "";
	display: table;
}
.requestBtn:after,
.pontaLink:after,
.imgRightBox:after,
.imgRightBoxL:after,
.imgLeftBox:after,
.imgLeftBoxL:after,
.sectionCol2:after,
.contentsMain:after,
.contentsSide:after,
.column2:after,
.column3:after,
ul:after {
	clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.requestBtn,
.pontaLink,
.imgRightBox,
.imgRightBoxL,
.imgLeftBoxL,
.imgLeftBox,
.sectionCol2,
.contentsMain,
.contentsSide,
.column2,
.column3,
ul {
	zoom: 1;
}