@charset "Shift_JIS";

/* 基本レイアウト・フォント装飾関連 */
.roman-s { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px}
.f-bold { font-weight: bold}
.f-b-red { font-weight: bold ; color: #FF0000}
.f-b-y { font-weight: bold ; color: #FFFFCC}
.f-b-pink { font-weight: bold ; color: #FF6666}
.f-b-orange { font-weight: bold ; color: #FF6600}
.f-b-s-pink { font-weight: bold ; color: #FF3399}
.f-b-white { font-weight: bold ; color: #FFFFFF}
.f-b-purple { font-weight: bold; color: #B086B9}
.f-b-dp { font-weight: bold; color: #663399}
.f-b-green { font-weight: bold; color: #008888}
.f-b-blue { font-weight: bold; color: #0066CC}
.f-dp { color: #663399}
.f-white { color: #FFFFFF}
.f-red { color: #FF0000}

/* レイアウト */
.t10b { font-size: 10px; line-height: 14px}
.t10-r { font-size: 10px ; color: #FF0000}	
.t10w { font-size: 10px; color: #FFFFFF}
.t14b { font-size: 14px ; font-weight: bold ; color: #666666}
.t14y { font-size: 14px ; font-weight: bold ; color: #FFFFCC}
.t16b { font-size: 16px; font-weight: bold; color: #3366CC}

/*注釈*/
.caution{
	width: 100%;
    font-size: 16px;
    border: 2px solid #e30034;
    margin: 0 auto 10px;
    padding: 5px 0;
    box-sizing: border-box;
    text-align: center;
    text-decoration: underline;
}

#bgBox {
	width:950px;
	background-color:#014296;
	text-align:left;
	padding-bottom: 15px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#bgBox ul,#bgBox ol {
	list-style:none;
}
#bgBox a {
	overflow: hidden;
}
#bgBox .clear {
	clear: both;
}

a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;
}


#title {
	position:relative;
	width:740px;
	margin-bottom:10px;
}
#title h1 {
	margin: 0;
}
#title p {
	position:absolute;
	top:0px;
	left:631px;
	background-image: url(images/btn_top.jpg);
	text-indent: -9999px;
	height: 36px;
	width: 109px;
}
#title a {
	display:block;
	background-image: url(images/btn_top.jpg);
	height: 36px;
	width: 109px;	
}
#title a:hover {
	background-image: url(images/btn_top_ov.jpg);
}

/*banner*/
.bn_special_campaign img{
	display:block;
	margin:0 auto;
}

/* ------------------------------ INDEX ------------------------------ */
#sagasuBox {
	padding:0px 0px 0px 9px;
	margin: 0;
}
#sagasuMap {
	float:left;
	width:475px;
	margin: 0;
	padding: 0;
}
#sagasuSyuyo {
	float:left;
	background: url(images/bg_syuyo.gif) no-repeat;
	height: 337px;
	width: 456px;
	margin: 0;
	padding: 0;
}
#sagasuSyuyo h2 {
	background-image: url(images/tit_syuyo.gif);
	text-indent: -9999px;
	height: 50px;
	width: 456px;
	margin: 0;
	padding: 0;
}
#sagasuSyuyo ul {
	margin: 10px 0 0 36px;
	padding:0;
}
#sagasuSyuyo li {
	float:left;
	height:25px;
	width: 103px;
	margin:0px 32px 16px 0px;
	_margin:0px 16px 16px 0px;
}
.cp {
	margin:20px 0px 20px 9px;
}

#osusumePoint {
	background-image: url(images/osusume_point.gif);
	height: 74px;
	width: 932px;
	margin:20px 0px 20px 9px;
	padding:0;
	clear:both;
}
#osusumePoint h2{
	background: url(images/tit_point.gif) no-repeat;
	height: 36px;
	width: 251px;
	float:left;
	font-size: 18px;
	font-family: "メイリオ", Meiryo;
	font-weight: bold;
	color: #fff;
	padding: 5px 0 0 8px;
	margin: 0;
}
#osusumePoint ul:nth-of-type(1) {
    padding-top: 5px;
}
#osusumePoint li{
	width: 215px;
    color: #ff0000;
    font-weight: bold;
    padding-top: 8px;
    font-size: 12px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}
.fontBlue { font-weight: bold; color: #014296;}

#uresujiBox {
	background: url(images/bg_uresuji.gif) no-repeat;
	background-position: left bottom;
	width: 931px;
	padding-bottom: 10px;
	margin: 10px 10px 10px 9px;
	clear: both;
}
#uresujiBox h2 {
	background: url(images/tit_uresuji.gif) no-repeat;
	height: 38px;
	width: 923px;
	font-size: 18px;
	font-family: "メイリオ", Meiryo;
	font-weight: bold;
	color: #fff;
	padding: 8px 0 0 8px;
	margin: 0;
}
#uresujiBoxIn {
	padding:0px 0px 0px 15px;
	margin: 0;
}

#osusumeBox {
	background-image: url(images/bg_uresuji.gif);
	background-position: left bottom;
	width: 712px;
	padding-bottom: 10px;
	margin: 0px 0px 10px 9px;
}
#osusumeBox h2 {
	background-image: url(images/tit_osusume.gif);
	text-indent: -9999px;
	height: 46px;
	width: 712px;
}
#osusumeBoxIn {
	padding:0px 0px 0px 7px;
}


.sisetuBox1 {
	float:left;
	background-image: url(images/bg_uresuji2.gif);
	background-repeat: no-repeat;
	width: 305px;
	padding:7px 0px 4px 0px;
	margin:0px 0px 7px 0px;
}
.sisetuBox1 dl {
	width:270px;
	margin:0px 0px 0px 16px;
	padding: 0;
	font-size: 12px;
}
.sisetuBox1 dt {
	padding-left:14px;
	margin-bottom:7px;
}
.sisetuBox1 dd {
	margin: 0;
	padding: 0;
}
.sisetuImg {
	float:left;
	width:102px;
	height:107px;
	margin: 0;
	padding: 0;
}
.sisetuTxt {
	float:left;
	width:160px;
	margin-bottom:5px;
	padding: 0;
}
.access2 {
	float:left;
	background-image: url(images/acces.gif);
	text-indent: -9999px;
	height: 16px;
	width: 67px;
	margin-bottom:5px;
	padding: 0;
}
.sisetuTxt a {
	display:block;
	background-image: url(images/btn_plan.gif);
	text-indent: -9999px;
	height: 20px;
	width: 99px;
	margin-left:119px;
}
.sisetuTxt a:hover {
	background-image: url(images/btn_plan_ov.gif);
}

#boxBanner {
	width: 905px;
    background-color: #fff;
    padding: 20px 0 5px 7px;
    margin: 22px 19px 0;
    font-size: 11px;
}
#boxBanner ul {
	margin: 0;
	padding: 0;
}
#boxBanner li {
	float: left;
	margin-bottom:15px;
	margin-right: 18px;
	padding: 0;
}
#boxBanner li span {
	background: url(images/arrow.gif) no-repeat;
	background-position: left center;
	padding-left: 15px;
}

#campaignBox {
	background-image: url(images/bg_campaign.gif);
	background-position: left bottom;
	width: 722px;
	margin-left: 9px;
	padding-bottom:12px;
}
#campaignBox h3 {
	background-image: url(images/tit_campaign2.gif);
	text-indent: -9999px;
	height: 42px;
	width: 722px;
	margin-bottom: 10px;
}
#campaignBox ul {
	margin:0px 18px;
}
#campaignBox li {
	width:673px;
	/*background-image: url(images/maru.gif);
	background-repeat: no-repeat;
	background-position: left 3px;*/
	padding-left:13px;
	margin-bottom:3px;
}
#campaignBox ul.campaignTit {
	margin:0px 18px;
}
#campaignBox .campaignTit li {
	width:673px;
	background-image: url(images/maru.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left:13px;
	margin-bottom:3px;
}
/* ------------------------------ INDEX2 ------------------------------ */
#tabBox {
	width:950px;
	margin-bottom:20px;
	padding: 0;
}
#tabBox ul {
	margin:0;
	padding:0;
}
#tabBox li {
	float: left;
	height:28px;
}

.areaBox {
	width:950px;
	padding-bottom:20px;
	clear: both;
}
.areaBoxIn {
	padding:10px 0px 0px 10px;
}
.area {
	position:relative;
	background-image: url(images/tit_area.gif);
	height: 23px;
	width: 925px;
	margin: 0 auto;
	padding: 3px 0 0 15px;
	color: #fff;
	font-size: 16px;
}
.area a {
	position:absolute;
	display:block;
	height: 26px;
	width: 92px;
	top:5px;
	left:848px;
	font-size: 11px;
}
.sisetuBox {
	float:left;
	width:235px;
	height:150px;
	background-image: url(images/bg_sisetu.gif);
	background-repeat: repeat-y;
	margin:0px 0px 8px 0px;
	padding: 0;
}
.sisetuBoxIn {
	padding:7px 13px 7px 5px;
	margin:0;
}
.sisetuBox dl {
	margin:0;
	padding: 0;
	font-size: 12px;
}
.access {
	background-image: url(images/acces.gif);
	text-indent: -9999px;
	height: 16px;
	width: 67px;
	margin:0;
	padding: 0;
}

.comment{
	background-color:#fff;
	width:650px;
	text-align:center;
	margin:0 0 10px 45px;
	padding:5px 0;
	color:#FF0000;
	}


.quoCampain {
	margin: 10px 0 0 5px;
}

#quoBox {
	background-image: url(images/bg_uresuji.gif);
	background-position: left bottom;
	width: 722px;
	margin: 10px 0px 10px 9px;
}
.quoBoxTitle{
	background-image:url(images/tit_campaign.gif);
	text-indent: -9999px;
	height: 64px;
	width: 722px;
}
#quoBoxIn {
	margin:0px 0px 0 7px;

	/padding:0 0 15px 10px;
	background-color:#ffffff;
	width:708px;
	padding-bottom: 10px;
}
#quoBoxIn li{
	width:220px;
	padding:15px 0 0 15px;
	float:left;
	}


.springCampain {
	margin: 10px 0 0 5px;
}

#springBox {
	background-image: url(images/bg_spring.gif);
	background-position: left bottom;
	width: 722px;
	margin: 10px 0px 10px 9px;
}
.springBoxTitle{
	background-image: url(images/tit_campaign_spring.gif);
	text-indent: -9999px;
	height: 64px;
	width: 722px;
}
#springBoxIn {
	margin:0px 0px 0px 6px;




	/padding:0 0 15px 10px;
	background-color:#ffffff;
	width:710px;
	padding: 10px 0;
}
#springBoxIn li{
	position:relative;
	width:210px;
	padding:5px 0 0 15px;
	float:left;
	height: 50px;
	margin-left: 10px;
	}



.btnCampain {
	clear:both;
	height: 29px;
	width: 260px;
	text-indent: -9999px;
	background: url(images/btn_campaign.gif) no-repeat;
	position: relative;
	top: -40px;
	left: 445px;
}
.btnCampain a{
	height: 29px;
	width: 260px;
	display:block;
}
.btnCampain a:hover{
	background: url(images/btn_campaign_ov.gif) no-repeat;
}

.m10{
	width:730px;
	padding-left:5px;
	}


#info_are {
	margin: 0 0 0 8px;
	width:712px;
	padding:0 5px 10px 5px;
}
.info {
	font-size:14px;
	font-weight:bold;
	color:#ED1C24;
	padding:10px;
	line-height:1.3em;
	background:#fff;
	border:1px solid #666666;
}

#info_are2 {
	margin: 8px 0 0 8px;
	width:712px;
	padding:0 5px 0 5px;
}
.info2 {
	font-size:13px;
	font-weight:bold;
	color:#ED1C24;
	padding:10px;
	line-height:1.3em;
	background:#fff;
	border:1px solid #666666;
}

/*5canpain*/
#toyoko-in_5canpain{
	background-color: #FFFFFF;
    padding: 2%;
    margin: 2% 2% 0 2%;
	line-height: 1.5;
}

.annai1,
.annai2{
	background-color:#FFF;
	margin:2% 0;
}
#toyoko-in_5canpain .title_yellow{
    background: #fdfd80;
    padding: 10px;
    margin: 0 0 10px 0;
    border-left: 8px solid #249ff6;
    font-size: 16px;
	width: 96%;
    display: block;
}

#toyoko-in_5canpain dl dt {
    width: 150px;
    float: left;
    display: block;
    margin: 0px 0px 10px 10px;
    padding: 0px;
    line-height: 2.2em;
    font-weight: bold;
}

#toyoko-in_5canpain dl dd {
    overflow: hidden;
    display: block;
    margin: 0px 0px 10px;
    padding: 0px;
    text-align: left;
    line-height: 2.2em;
}

#toyoko-in_5canpain .annai2 ul li {
    width: 710px;
    background: url(//www.nta.co.jp/jr/shinkansen/hokuriku/cp/images/arrow.gif) no-repeat;
    background-position: left 4px;
    padding: 0px 0 0 20px;
    line-height: 2em;
        margin: -10px 0 10px 0;
}

.templeteBtnB02{
    background: #6aa7f5;
    padding: 10px 0 8px;
    width: 72%;
	text-align:center;
	margin: 0 auto 1%;
}

.templeteBtnB02 a{
	font-size:20px;
    color: #fff!important;

}