@charset "UTF-8";

/*set ==================================*/
input, textarea, select, label {vertical-align: middle; margin:5px 10px;}

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

/*clearfix*/
.clearfix:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display:block;}

ul, ol {list-style:none}

a {	overflow: hidden;border:0;outline:none;}
/*set ==================================*/


/* 簡単プラン検索
------------------------------------------ */
#boxKensaku {
	margin:20px 0 20px 0;
	font-size:12px;
	color:#4a4a4a;
}
#boxKensaku img{
	vertical-align:middle;
}
.boxKensakuIn {
	clear:left;
	overflow:hidden;
	padding:8px 3px 3px 3px;
	}
#tab-01 .boxKensakuIn {
	padding:15px 3px 3px 3px;
	}
	
#boxKensaku h3 {
	padding:8px 0;
	background:#ee9d9a;
	font-size:1.4em;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	margin:0 0 5px 0;
}

/*タブ*/
#tabnavi ul {
	padding:0;
	margin:0;
	width:100%;
	display:table;
}
#tabnavi li {
	padding:0 2px 0 0;
	display: table-cell;
	font-weight:bold;
	text-align:center;
}
#tabnavi li:nth-of-type(3) {
	padding-right:0;
}
#tabnavi li a{
	padding:10px;
	display:block;
	border-radius:5px 5px 0 0;
	background:#ee9d9a;
	color:#fff;
	text-decoration:none;
}
#tabnavi li a:hover,
#tabnavi li a.active{
	padding:10px;
	border-radius:5px 5px 0 0;
	background:#554a44;
	color:#fff;
	text-decoration:none;
}


/*タブ内*/
#tabcontent{
	border:3px solid #554a44;
}

.columnBlock01 {
	width:300px;
	margin:0 auto;
	padding-top:10px;
}
.columnBlock01 img,
.columnBlock02 img{
	max-width:97%;
}
.columnBlock02 {
	width:306px;
	margin:10px auto 0;
}

.key{
	width:142px;
	height:auto;
	display:block;
	clear:both;
	text-align:left;
	margin:5px 0 0 0;
}

.mb15{
	text-align:center;
	margin-top:10px;
	display:block;
}

.columnBlock02 .selectBlock01 {
	margin-top:5px;
	display:block;
	margin-left:5px;
}
.columnBlock02 .selectBlock01 dt {
	float:left;
	padding-top:3px;
	width:70px
}
.columnBlock02 .selectBlock01 dd {
	padding-left:60px;
}
.columnBlock02 .form2Wrap .columnBlock01 {
	margin:10px 0 0 5px;
}
.columnBlock02 .form2Wrap .columnBlock02 {
	display:block;
	margin-left:5px;
	
}
.columnBlock02 .form2Wrap .columnBlock01 p,
.columnBlock02 .form2Wrap .columnBlock02 p {
	float:left;
	padding-top:10px;
	margin:0;
	width:70px;
}
.columnBlock02 p.caution {
	font-size:11px;
	margin:3px 0 10px 0;	
}
.columnBlock02 p.linkBlockA02 {
	padding:5px 3px 0 0;
}
p.linkBlockA02 img {
	margin:0px 5px 4px 0px;
}
p.linkBlockA02 a {
	display:inline-block;
}
.columnBlock02 option.na {
	color: #999;
	background-color: #DDD;
}
.stepBlock01 {
	margin-bottom:8px;
}
.stepBlock01 dt {
	display:block;
	margin:0 10px 10px 5px;
}
.stepBlock01 dd {
	margin:5px 0 0 0;
	display:block;
}

.stepBlock01 dt img{
	width:auto;
	height:auto;
	max-width:90%;
	}
p.mb5{
	margin-left:5px;
}

p.mb5 img{
	width:auto;
	height:auto;
	max-width:90%;
	text-align:center;
}

.mb10{

}

.f-button{
	text-align:center;
}

a#NTA_calendar img{
	width:22px;
	height:21px;
}

.stepBlock01 dd p {
	float:left;
	margin-right:10px;
	line-height:0;
}
.column2WrapA01 .columnBlock01 {
	width:300px;
	margin:0 auto 10px;
}
.column2WrapA01 .columnBlock02 {
	width:300px;
	margin:0 auto 10px;
	padding:0;
}
.column2WrapA01 .columnBlock02 .selectBlock {
	margin-bottom:10px;
}
.column2WrapA01 .columnBlock02 .selectBlock dt {
	clear:left;
	float:left;
	padding-top:10px;
}
.column2WrapA01 .columnBlock02 .selectBlock dd {
	padding-left:70px;
}
.column2WrapA01 .columnBlock02 p.linkBlockA02 {
	margin:0 5px 0 0;
}
.column2WrapA01 .columnBlock02 option.na {
	color: #999;
	background-color: #DDD;
}
#areaSelectWrap {
	position:relative;
	width:300px;
	height:237px;	
}
#areaSelectWrap ul#areaParent li a{
	position:absolute;
	display:inline-block;	
	padding:3px 13px;
	font-size:10px;
	border:solid 1px #229de7;
	background:#fff;
	text-align:center;
}
#areaSelectWrap ul#areaParent li a {
	color:#000;
}
#areaSelectWrap ul#areaParent li#gd_hokkaido a{
	left:129px;
	top:26px;
}
#areaSelectWrap ul#areaParent li#gd_tohoku a{
	left:236px;
	top:93px;
}
#areaSelectWrap ul#areaParent li#gd_koshinetsu a{
	left:125px;
	top:97px;
}
#areaSelectWrap ul#areaParent li#gd_tokai a{
	left:198px;
	top:183px;
}
#areaSelectWrap ul#areaParent li#gd_kinki a{
	left:148px;
	top:187px;
}
#areaSelectWrap ul#areaParent li#gd_hokuriku a{
	left:103px;
	top:119px;
}
#areaSelectWrap ul#areaParent li#gd_chugoku a{
  left:56px;
  top:146px;
}
#areaSelectWrap ul#areaParent li#gd_kyushu a{
  left:23px;
  top:175px;
}
#areaSelectWrap ul#areaParent li#gd_sikoku a{
  left:98px;
  top:202px;
}
#areaSelectWrap ul#areaParent li#gd_kanto a{
  left:207px;
  top:149px;
}
#areaSelectWrap ul#areaParent li#gd_okinawa a{
  left:63px;
  top:62px;
}
#areaSelectWrap ul.childLinkList {
	border-bottom:solid 1px #229de7;
	position:absolute;
	left:0;
	top:0;
	z-index:14;
	display:none;
}
#areaSelectWrap ul.childLinkList#kantoChild {
	left:254px;
	top:130px;
}
#areaSelectWrap ul.childLinkList#tohokuChild {
	left:283px;
	top:93px;
}
#areaSelectWrap ul.childLinkList#tokaiChild {
	left:245px;
	top:183px;
}
#areaSelectWrap ul.childLinkList#kinkiChild {
	left:194px;
	top:155px;
}
#areaSelectWrap ul.childLinkList#sikokuChild {
	left:143px;
	top:202px;
}
#areaSelectWrap ul.childLinkList#kinkiChild {
	left:194px;
	top:155px;
}
#areaSelectWrap ul.childLinkList#chugokuChild {
	left:103px;
	top:146px;
}
#areaSelectWrap ul.childLinkList#hokurikuChild {
	left:150px;
	top:119px;
}
#areaSelectWrap ul.childLinkList#koshinetsuChild {
	left:182px;
	top:97px;
}
#areaSelectWrap ul.childLinkList#kyushuChild {
	left:70px;
	top:130px;
}
#areaSelectWrap ul.childLinkList li a {
	border:solid 1px #229de7;
	border-bottom:none;
	background:#eff9ff;
	padding:6px;
	display:block;
	width:36px;
	text-align:center;
}
#areaSelectWrap ul.childLinkList li a:hover {
	background:#5151df;
	color:#fff;
}
.f-item {
	margin:10px 0px 0px 5px;
}
.f-button {
	margin:20px 0px 0px 0px;
}


/*付加スタイル*/
#NTA_JR2_ZoneTopicPath a,
#NTA_topicPath a{
	display:inline-block;
	vertical-align:middle;
}
#tab-01 select,
#tab-03 select{
	margin-left:5px;
}
#tab-01 #NTA_JR2_CalendarYm,
#tab-01 #NTA_JR2_CalendarD{
	width:40%;
	padding: 10px;
	text-align:center;
	display:inline-block;
}
#tab-01 #NTA_JR2_popup_calendar_button{
	padding-top:15px;
}
#tab-02 .f-item{
	display:block;
}
#tab-02 select{
	display:block;
	float:none;
}
#tab-02 .startday{
	display:block;
}
#tab-02 select[name="year"]{
	width:5em;
	padding: 10px;
	text-align:center;
	display:inline-block;
}
#tab-02 select[name="month"],
#tab-02 select[name="day"]{
	width:3em;
	padding: 10px;
	text-align:center;
	display:inline-block;
}
#tab-03 #NTA_calendar{
	padding-top:15px;
}
#tab-03 #NTA_MultiDays{
	clear:both;
}
#tab-03 #NTA_month,
#tab-03 #NTA_day{
	width:40%;
	padding: 10px;
	text-align:center;
	display:inline-block;
}

/*20160726総合ナビとサーチボックス不具合部分修正*/
.boxKensakuIn button, .boxKensakuIn input, .boxKensakuIn select, .boxKensakuIn textarea {
    margin: 5px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}