@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}
.f-blue { color: #73d9ff}

/* レイアウト */
.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}
.t14w { font-size: 14px ; font-weight: bold ; color: #ffffff}
.t14y { font-size: 14px ; font-weight: bold ; color: #FFFFCC}
.t16b { font-size: 16px; font-weight: bold; color: #3366CC}
.f12{
	font-size:12px;
	display:inline;
}

/* CSS初期設定 */
#middleArea {
	background-color:#ffffff;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#444444;
	text-decoration:none;
	line-height: 1.3em;
	font-size:12px;
}
#middleArea ul, #middleArea ol {
	list-style:none;
}
#middleArea img {
	border: none;
}

#middleArea h1 {
	margin:0;
	padding:2px;
	background-color:#fe0000;
	color:#fff;
	font-size:12px;
	font-weight:normal;
}
.clear {
	clear: both;
}
.clearfix:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearfix { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearfix { 
	height: 1%; 
} 
.clearfix { 
	display: block; 
} 
/* end of for macIE */
.clearfix {
	overflow:hidden;
}

a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;
}

.pageTop {
	width:720px;
	text-align:right;
	margin:5px 0px 10px 0px;
}
p#title {
	margin:0
}
h2#title {
	width: 950px;
	height: 84px;
	text-indent: -9999px;
	margin:0;
	background-image: url(images/stit01.jpg);
	background-repeat: no-repeat;
}
h2#title2 {
	background: url(images/stit02.jpg) no-repeat;
	width: 950px;
	height: 79px;
	text-indent: -9999px;
}

/*----------------------大枠(売りつくしラインナップ)-----------------------*/
#mainWrap{
	width:950px;
	display:block;
	margin:13px 0 0 0;
	background:url(images/border07.gif) repeat-y;
}
#mainWrap span{
	width:948px;
	display:block;
	text-align:right;
	padding: 5px 0;
}
#mainWrapbtm{
	clear: both;
	margin: 0 0 20px 0;
}
#mainWrap2{
	width:950px;
	display:block;
	margin:13px 0 0 0;
	background:url(images/border02.jpg) repeat-y;
}
#mainWrap2 span{
	width:948px;
	display:block;
	text-align:right;
	padding: 5px 0;
}
#mainWrapbtm2{
	clear: both;
	margin: 0 0 20px 0;
}
.bk {
	font-size: 14px;
	font-weight: bold;
	margin: 0 10px 0 10px;
}

/*----------------------カセット(売りつくしラインナップ)-----------------------*/
/* ピンク */
.boxP {
	float: left;
	margin: 0 12px 12px 0;
	width: 294px;
	background-color: #FFF3F3;
	border : 3px solid #FF4F78;
}
.boxP h3.size1 {	/* ノーマルサイズ */
	background: url(images/area-name_p.gif) no-repeat;
	margin: 7px 5px 10px;
	width: 151px;
	height: 24px;
	color: #fff;
	padding-top : 13px;
	font-size: 24px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxP h3.size2 {	/* 関東文字サイズ */
	background: url(images/area-name_p.gif) no-repeat;
	margin: 7px 5px 10px;
	width: 151px;
	height: 25px;
	color: #fff;
	padding-top : 12px;
	font-size: 20px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxP h3.size3 {	/* TDR文字サイズ */
	background: url(images/area-name_p.gif) no-repeat;
	margin: 7px 5px 10px;
	width: 151px;
	height: 32px;
	color: #fff;
	padding-top : 5px;
	line-height: 1.1em;
	font-size: 13px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxP h3.size4 {	/* 北近畿・京阪神・南紀文字サイズ */
	background: url(images/area-name_p.gif) no-repeat;
	margin: 7px 5px 10px;
	width: 151px;
	height: 34px;
	padding-top : 3px;
	color: #fff;
	line-height: 1.1em;
	font-size: 16px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxP .btnStay {
	float: left;
	/padding-top: 5px;
	margin: 0 0 0 18px;
	_margin-left: 9px;
	padding-left: 16px;
	background: url(images/arrow_p.gif) no-repeat;
	background-position: left center;
	font-weight: bold;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxP .btnStay a {
	font-size: 16px;
}
.boxP .photo {
	float: right;
	margin: -46px 0 0;
}
.boxP dl {
	clear: both;
	background-color: #FF4F78;
	text-align: center;
	height: 58px;
	margin:0;
}
.boxP dl dd {
	float: left;
	margin:0;
}
.boxP dl dd.btnJr {
	padding-left: 14px;
	margin: 0 4px 0 0;
}

/*dd.btnJr a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}*/

.boxP dl dd.nobtn {
	padding-left: 12px;
	margin-left: 16px;
	_margin-left: 8px;
	color: #fff;
	background: url(images/arrow_w.gif) no-repeat;
	background-position: left center;
	font-size: 14px;
}
/* 緑 */
.boxG {
	float: left;
	margin: 0 12px 12px 0;
	width: 294px;
	background-color: #f4fff6;
	border : 3px solid #268500;
}
.boxG h3.size1 {	/* ノーマルサイズ */
	background: url(images/area-name_g.gif) no-repeat;
	margin: 7px 5px 10px;
	width: 151px;
	height: 24px;
	color: #fff;
	padding-top : 13px;
	font-size: 24px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxG h3.size2 {	/* 関東文字サイズ */
	background: url(images/area-name_g.gif) no-repeat;
	margin: 7px 5px 10px;
	width: 151px;
	height: 25px;
	color: #fff;
	padding-top : 12px;
	font-size: 20px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxG h3.size3 {	/* TDR文字サイズ */
	background: url(images/area-name_g.gif) no-repeat;
	margin: 7px 5px 10px;
	width: 151px;
	height: 32px;
	color: #fff;
	padding-top : 5px;
	line-height: 1.1em;
	font-size: 13px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxG h3.size4 {	/* 北近畿・京阪神・南紀文字サイズ */
	background: url(images/area-name_g.gif) no-repeat;
	margin: 7px 5px 10px;
	width: 151px;
	height: 34px;
	padding-top : 3px;
	color: #fff;
	line-height: 1.1em;
	font-size: 16px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxG .btnStay {
	float: left;
	/padding-top: 5px;
	margin: 0 0 0 18px;
	_margin-left: 9px;
	padding-left: 16px;
	background: url(images/arrow_g.gif) no-repeat;
	background-position: left center;
	font-weight: bold;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxG .btnStay a {
	font-size: 16px;
}
.boxG .photo {
	float: right;
	margin: -46px 0 0;
}
.boxG dl {
	clear: both;
	background-color: #32ad44;
	text-align: center;
	height: 58px;
	margin:0;
}
.boxG dl dd {
	float: left;
	margin:0;
}
.boxG dl dd.btnJr {
	padding-left: 14px;
	margin: 0 4px 0 0;
}
.boxG dl dd.nobtn {
	padding-left: 12px;
	margin-left: 16px;
	_margin-left: 8px;
	color: #fff;
	background: url(images/arrow_w.gif) no-repeat;
	background-position: left center;
	font-size: 14px;
}

/* ブルー */
.boxB {
	float: left;
	margin: 0 12px 12px 0;
	width: 294px;
	background-color: #d4f3f8;
	border : 3px solid #0796ff;
	position:relative;
}
.boxB h3.size1 {	/* ノーマルサイズ */
	background: url(images/area-name_b.gif) no-repeat;
	margin: 7px 5px 10px;
	width: 151px;
	height: 24px;
	color: #fff;
	padding-top : 13px;
	font-size: 24px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxB h3.size2 {	/* 関東文字サイズ */
	background: url(images/area-name_b.gif) no-repeat;
	margin: 7px 5px 10px;
	width: 151px;
	height: 25px;
	color: #fff;
	padding-top : 12px;
	font-size: 20px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxB h3.size3 {	/* TDR文字サイズ */
	background: url(images/area-name_b.gif) no-repeat;
	margin: 7px 5px 10px;
	width: 151px;
	height: 32px;
	color: #fff;
	padding-top : 5px;
	line-height: 1.1em;
	font-size: 13px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxB h3.size4 {	/* 北近畿・京阪神・南紀文字サイズ */
	background: url(images/area-name_b.gif) no-repeat;
	margin: 7px 5px 10px;
	width: 151px;
	height: 34px;
	padding-top : 3px;
	color: #fff;
	line-height: 1.1em;
	font-size: 16px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxB .btnStay {
	float: left;
	/padding-top: 5px;
	margin: 0 0 0 18px;
	_margin-left: 9px;
	padding-left: 16px;
	background: url(images/arrow_b.gif) no-repeat;
	background-position: left center;
	font-weight: bold;
	font-size: 14px;
	display:block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxB .btnStay a {
	font-size: 16px;
}
.boxB .photo {
	float: right;
	margin: -46px 0 0;
}
.boxB dl {
	clear: both;
	background-color: #0796ff;
	text-align: center;
	height: 58px;
	margin:0;
}
.boxB dl dd {
	float: left;
	margin:0;
}

.boxB dl dd a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

.boxB dl dd.btnJr {
	padding-left: 14px;
	margin: 0 4px 0 0;
}
.boxB dl dd.nobtn {
	padding-left: 12px;
	margin-left: 16px;
	_margin-left: 8px;
	color: #fff;
	background: url(images/arrow_w.gif) no-repeat;
	background-position: left center;
	font-size: 14px;
}

/* オレンジ */
.boxO {
	float: left;
	margin: 0 12px 12px 0;
	width: 294px;
	background-color: #fbffda;
	border : 3px solid #ff7800;
	position:relative;
}
.boxO h3.size1 {	/* ノーマルサイズ */
	background: url(images/area-name_o.gif) no-repeat;
	margin: 7px 5px 10px;
	width: 151px;
	height: 24px;
	color: #fff;
	padding-top : 13px;
	font-size: 24px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxO h3.size2 {	/* 関東文字サイズ */
	background: url(images/area-name_o.gif) no-repeat;
	margin: 7px 5px 10px;
	width: 151px;
	height: 25px;
	color: #fff;
	padding-top : 12px;
	font-size: 20px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxO h3.size3 {	/* TDR文字サイズ */
	background: url(images/area-name_o.gif) no-repeat;
	margin: 7px 5px 10px;
	width: 151px;
	height: 32px;
	color: #fff;
	padding-top : 5px;
	line-height: 1.1em;
	font-size: 13px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxO h3.size4 {	/* 北近畿・京阪神・南紀文字サイズ */
	background: url(images/area-name_o.gif) no-repeat;
	margin: 7px 5px 10px;
	width: 151px;
	height: 34px;
	padding-top : 3px;
	color: #fff;
	line-height: 1.1em;
	font-size: 16px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxO .btnStay {
	float: left;
	/padding-top: 5px;
	margin: 0 0 0 18px;
	_margin-left: 9px;
	padding-left: 16px;
	background: url(images/arrow_o.gif) no-repeat;
	background-position: left center;
	font-weight: bold;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.boxO .btnStay a {
	font-size: 16px;
}
.boxO .photo {
	float: right;
	margin: -46px 0 0;
}
.boxO dl {
	clear: both;
	background-color: #ff7800;
	text-align: center;
	height: 58px;
	margin:0;
}
.boxO dl dd {
	float: left;
	margin:0;
}
.boxO dl dd.btnJr {
	padding-left: 14px;
	margin: 0 4px 0 0;
}
.boxO dl dd.nobtn {
	padding-left: 12px;
	margin-left: 16px;
	_margin-left: 8px;
	color: #fff;
	background: url(images/arrow_w.gif) no-repeat;
	background-position: left center;
	font-size: 14px;
}



/*----------------------マージン設定-----------------------*/
.mR0 {
	margin-right:0px;
}
.mR10 {
	margin-right:10px;
}
.mL12 {
	margin-left: 10px;
	_margin-left: 5px;
}
.mB10{
	margin-bottom:10px;
}

/*----------------------おすすめプラン-----------------------*/
.osusumePlan {
	margin:10px 0 0 -40px;
	/margin:10px 0 0 0;
}
.osusumePlan li{
	width:470px;
	float:left;
	margin-bottom: 10px;
}

.osusumePlan a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

.tlogo{
	position:absolute;
	left: 341px;
	top: 528px;
	width: 1px;
	height: 13px;
}

.btnStay02 {
	width:120px;
	padding-top: 5px;
	/padding-top: 1px;
	margin: 0 0 0 18px;
	padding-left: 16px;
	background: url(images/arrow_b.gif) no-repeat;
	background-position: left 5px;
	font-weight: bold;
	font-size: 14px;
	display:block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*tab*/

ul#tab{
	display:block;
	list-style:none;
	margin:10px 0 10px 0;
	padding:0;
	overflow:hidden;
	border-bottom:4px solid #ff7200;
}

ul#tab li{
	width:234px;
	height:55px;
	background:url(//www.nta.co.jp/kokunai/sale/webcollesp/images/tab_normal.gif) no-repeat;
	display:block;
	font-size:16px;
	text-align:center;
	margin:0 0 0 3px;
	float:left;
	font-weight:bold;
	font-family:"メイリオ","ＭＳ Ｐゴシック";
}

ul#tab li a{
	display:block;
	text-decoration:none;
	color:#676767;
	padding:30px 0 10px 0;
}

ul#tab li a:hover{
	background:url(//www.nta.co.jp/kokunai/sale/webcollesp/images/tab_normal.gif) no-repeat 0 -59px;
}

ul#tab li#now{
	width:234px;
	height:55px;
	line-height:58px;
	padding:0;
	margin:0 0 0 3px;
	color:#FFF;
	background:url(//www.nta.co.jp/kokunai/sale/webcollesp/images/tb_on.gif) no-repeat -319px 0;
}
