@@charset "UTF-8";

/* -----------------------------------------------
common css [Scalable and Modular Architecture for CSS]
0. Reset （リセット）
1. Base （ベース）
2. Layout（レイアウト）
3. Module（モジュール）
4. State （状態）
5. Theme （テーマ）
-------------------------------------------------- */

/* -----------------------------------------------
0. Reset （リセット）
-------------------------------------------------- */
html{
	font-family: sans-serif;
}
body{
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
}
a{
	background: transparent;
}
a:focus{
	outline: thin dotted;
}
a:active,
a:hover{
	outline: 0;
}
html,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,em,img,strong,
dl,dt,dd,ol,ul,li,
fieldset,form,label,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article,aside,footer,header,small,nav,section,figure,figcaption,main{
	margin: 0;
	padding: 0;
	display: block;
	vertical-align: baseline;
	list-style: none;
	background-color: transparent;
	outline: none;
}
audio,canvas,video{
	display: inline-block;
}
ul,ol{
	list-style-type: none;
}
table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	line-height: 1;
	vertical-align: baseline;
}
a img{
	border: none;
}

sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
hr{
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
dt,dd,li,
th,td,
input,textarea{
	text-align: left;
	vertical-align: top;
}
input,textarea,button{
	margin: 0;
	padding: 0;
}
button,label{
	background-color: transparent;
	cursor: pointer;
}
button,select{
	text-transform: none;
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],html input[disabled]{
	cursor: default;
}
input[type="checkbox"],input[type="radio"]{
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 0;
}
input[type="search"]{
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
button::-moz-focus-inner,input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
textarea{
	overflow: auto;
	vertical-align: top;
}


/* -----------------------------------------------
1. Base （ベース）
-------------------------------------------------- */
html{
	overflow-y: scroll;
}
body{
	font-family:"ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	font-size: 14px;
	color: #000;
}
h1,h2,h3,h4,h5,h6{
	line-height: 1.4;
	font-size: 100%;
	font-weight: bold;
}
p{
	line-height: 1.57;
}
dt,dd,li,
th,td,
input,
textarea{
	line-height: 1.3;
}
input,textarea,button{
	font-family:"ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	font-size: 100%;
}
strong{
	font-weight: bold;
}
em{
	font-weight: bold;
}
a,
a:link{
	color: #0f747e;
	text-decoration: underline;
}
a:visited{
	color: #0f747e;
}
a:hover,
a:active{
	color: #0f747e;
	text-decoration: none;
}

/* Clearfix [ModernType]
-------------------------------------------------- */
.clearfix:after,
.wrapper:after,
#header:after,
#container:after,
#main:after,
#footer:after{
	display: block;
	clear: both;
	content: "";
}
/*  [Object-Oriented CSS]
-------------------------------------------------- */
.left{
	text-align: left!important;
}
.right{
	text-align: right!important;
}
.center{
	text-align: center!important;
}
.top{
	vertical-align: top!important;
}
.middle{
	vertical-align: middle!important;
}
.bottom{
	vertical-align: bottom!important;
}
.f_right{
	float: right;
}
.f_left{
	float: left;
}
.list{

}
ul.list li{
	margin-left: 26px;
	list-style-type: disc!important;
}
ol.list li{
	margin-left: 26px;
	list-style-type: decimal!important;
}
.fluid_image{
	max-width: 100%;
	height: auto;
}
.ml01{
	margin-left: 1px;
}
.ml06{
	margin-left: 6px;
}
.ml07{
	margin-left: 7px;
}
.pr02 {
	padding-right:7px;
	}

.mr15{
	margin-right: 15px;
}
.mr28{
	margin-right: 28px;
}
.pt07{
	padding-top: 7px;
}
.pt10{
	padding-top: 10px;
}
.bg_gray{ background: #808080; }
.bg_light_gray{ background: #ececec;}
.bd_bt_gray{ border-bottom: 1px solid #d8d8d8; }
.bd_top_white{ border-top: 1px solid #ffffff; }
.color_black{ color: #000;}


/* -----------------------------------------------
2. Layout（レイアウト）
-------------------------------------------------- */
/* #document
-------------------------------------------------- */
#document{
}
.wrapper{
	margin: 0 auto;
	padding: 0 10px;
	width: 980px;
/*	overflow: hidden;*/
}

/* #header
-------------------------------------------------- */
#header{

}
#top_banner{
	height: 205px;
	background: url("/sitetop/images/pct_top_bnr.jpg") no-repeat center 0;
}

/* #footer
-------------------------------------------------- */
#footer{

}
.area_des{
	color: #808080;
	font-size: 10px;
}
.gotoSite{
	padding: 20px 0 15px;
}
a.goto_home{
	padding-left: 14px;
	background: url("/sitetop/images/icn/icn_arrow_top.png") no-repeat 0 4px;
	color: #4d4d4d;
	font-size: 10px;
	text-decoration: none;
}
.gotoSite a:hover,
.area_pickup ul li a:hover{
	text-decoration: underline;
}
.area_gray{
	margin-bottom: 30px;
	background-color: #f1f1f1;
	overflow: hidden;
}
.area_gray ul{
	padding: 4px 20px;
	float: left;
}
.area_gray ul li{
	margin: 10px 16px 8px 0;
	float: left;
	list-style: none;
}
.area_pickup{
	overflow: hidden;
}
.area_pickup dl{
	float: left;
	font-size: 12px;
}
.area_pickup dl dt{
	margin-right: 8px;
	float: left;
	font-weight: bold;
	color: #ababab;
}
.area_pickup dl dd{
	width: 590px;
	border-left: 1px solid #ccc;
	float: left;
}
.area_pickup ul{
	margin-left: 8px;
	float: left;
}
.area_pickup ul li{
	margin-right: 9px;
	float: left;
	font-size: 9px;
	color: #ababab;
	list-style: none;
}
.area_pickup ul li  a{
	color: #ababab;
	text-decoration: none;
	line-height: 1.5;
}
#area_footer{
	margin-top: 5px;
	background-color: #808080;
	color: #fff;
	font-size: 65%;
}


/* #container
-------------------------------------------------- */
#container{

}

/* #main
-------------------------------------------------- */
#main{
	margin-bottom: 50px;
}
.tab_content .seach_map{
	width: 340px;
	position: relative;
}
.tab_content .seach_map .hdg{
	position: absolute;
	left: 42px;
	top: 63px;
	font-size: 22px;
	font-weight: bold;
}
#condominiums{
	padding-bottom: 20px;
}
#condominiums .seach_map .hdg{
	left: 32px;
}
.tab_content .seach_map .hdg.hdg_tab3{
	left: 19px;
}
.tab_content .seach_map .hdg.hdg_tab4{
	left: 33px;
}
.tab_content .seach_places{
	width: 640px;
}
.tab_content .bg_border_left{
	margin: 0 auto;
	padding-left: 60px;
	width: 454px;
	background: url("/sitetop/images/bg_border_prite.png") 0 bottom no-repeat;
	line-height: 36px;
}
.tab_content .bg_border_right{
	padding-right: 60px;
	background: url("/sitetop/images/bg_border_prite.png") right 0 no-repeat;
	text-align: center;
	line-height: 36px;
	white-space: nowrap;
}
.tab_content .seach_places .seach_links .col_left,
.tab_content .seach_places .seach_links .col_right{
	width: 315px;
}
.tab_content .seach_places .seach_links .col_left{
	margin-right: 10px;
}
.tab_content .seach_links{
	margin-top: 20px;
}
.tab_content .seach_links a{
	color: #000;
}
.tab_content .seach_links a:hover{
	color: #000;
	text-decoration: underline!important;
}
.tab_content .seach_links .link_box{
	margin: 0 0 5px;
	padding: 10px 12px;
	width: 280px;
	height: 36px;
	background: #fff;
	border-left: 12px solid #65afe1;
	color: #65afe1;
	font-size: 12px;
	clear: both;
	display: table;
}
.tab_content .seach_links .link_box .area{
	width: 60px;
	display: table-cell;
	vertical-align: middle;
}
.tab_content .seach_links .link_box .list_links{
	display: table-cell;
	vertical-align: middle;
}
.tab_content .seach_links .link_box .list_links li{
	margin-bottom: 3px;
	width: 70px;
	float: left;
}
.tab_content .seach_links  .list_link02{
	margin: 5px 0 0;
}
.tab_content .seach_links  .list_link02 ul{
	margin: 5px 0 7px 12px;
}
.tab_content .seach_links  .list_link02 ul li{
	margin-bottom: 3px;
}
.tab_content .seach_links .link_box01{
	border-left: 12px solid #95a3c5;
	color: #95a3c5
}
.tab_content .seach_links .link_box02{
	border-left: 12px solid #65afe1;
	color: #65afe1;
}
.tab_content .seach_links .link_box03{
	border-left: 12px solid #75c5b5;
	color: #75c5b5;
}
.tab_content .seach_links .link_box04{
	border-left: 12px solid #aacfa5;
	color: #aacfa5;
}
.tab_content .seach_links .link_box05{
	border-left: 12px solid #ccd39b;
	color: #ccd39b;
}
.tab_content .seach_links .link_box06{
	border-left: 12px solid #dfc498;
	color: #dfc498;
}
.tab_content .seach_links .link_box07{
	border-left: 12px solid #dfa290;
	color: #dfa290;
}


/* -----------------------------------------------
3. Module（モジュール）
 * Wrap Module
 * Box Module
 * Table Module
 * Headings Module
 * Nav Module
 * List Module
 * Button Module
 * Anchor Module
 * Form Module
 * Text Module
 * Icon Module
 * UI Module
-------------------------------------------------- */
/* Wrap Module
-------------------------------------------------- */


/* Box Module
-------------------------------------------------- */

/* ----------------------------------------------- */
.bx-wrapper .bx-viewport{
	box-shadow: none;
	border-top: 0;
	border-bottom: 0;
}
#main .bx-wrapper .bx-viewport{

}
#main .bx-wrapper{
	margin: 0 auto;
	width: 900px;
/*	height: 316px;*/
}
#main .bx-wrapper .bxslider li > a{
	display: block;
	width: 900px;
/*	height: 316px;*/
}
#main .bx-wrapper .bxslider li{
/*	height: 316px;*/
}
.bx-controls.bx-has-pager.bx-has-controls-direction{

}
#main .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto{
	bottom: -28px;
}
#main .bx-wrapper .bx-prev{
	top:50%;
	left: -55px;
}
#main .bx-wrapper .bx-next{
	top:50%;
	right: -55px;
}
#main .bx-wrapper .bx-next:hover,
#main .bx-wrapper .bx-prev:hover{
	background-position: 0;
	opacity: 0.8;
}
#main .bx-wrapper .bx-pager.bx-default-pager a{
	width: 5px;
	height: 5px;
}
#main .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{
	background: none repeat scroll 0 0 #00758e;
}
.box_lifestyle{
	margin-bottom: 123px;
	background: #fff url("/sitetop/images/pct_car.png") 460px 0 no-repeat;
}
.box_lifestyle .hdg_lv2{
	padding: 55px 0 49px;
}


.pct_random li{
	margin-bottom: 3px;
	display: inline-block;
	float: left;
	font-size: 0;
}
.pct_random li:first-child,
.pct_random li:nth-child(3),
.pct_random li:nth-child(4),
.pct_random li:nth-child(5){
	margin-right: 3px;
}
.ie8 .pct_random{
	margin-right: -2px;
}
.ie8 .pct_random li{
	margin-right: 2px;
}
.box_product_bg{
	background: #fff url("/sitetop/images/pct_product.png") 325px 0 no-repeat;
}
.box_house_line{
	height: 180px;
	position: relative;
	background: url("/sitetop/images/pct_house_line.png") center 48px no-repeat;
}
.box_house_line .hdg_lv3{
	position: absolute;
	top: 0;
	left: 10px;
}
.box_house_line a{
	padding-top: 130px;
	display: block;
	text-align: center;
}
.box_brand{
	padding-bottom: 20px;
}
.box_brand .icn_arrow{
	padding-left: 16px;
	background: url("/sitetop/images/icn/icn_arrow_blue.png") 0 4px no-repeat;
	background: url("/sitetop/images/icn/icn_arrow_blue.png") 0 1px no-repeat\9;/*as IE8 hack */
}


.box_toyotahome_bg{
	background: url("/sitetop/images/pct_toyotahome.png") 423px 0 no-repeat;
}
.etabs{ text-align: center; padding: 20px 0 10px; height: 60px;}
.tab{ display: inline-block; width: 174px; height:60px; margin-right: 31px;}
.tab04{ margin-right: 0;}
.tab a{ font-size: 14px; line-height: 2em; display: block; outline: none; }
.tab a:hover{ text-decoration: underline; }
.tab.active{ text-indent: -9999px;}
.tab01.active{
	background: url("/sitetop/images/btn_exhibition_on.png") left top no-repeat;
}
.tab02.active{
	background: url("/sitetop/images/btn_condominiums_on.png") left top no-repeat;
}
.tab03.active{
	background: url("/sitetop/images/btn_factory_on.png") left top no-repeat;
}
.tab04.active{
	background: url("/sitetop/images/btn_event_on.png") left top no-repeat;
}
.tab_container .tab_content{ padding: 15px 0; }


/* Table Module
-------------------------------------------------- */
.tbl_data{
	margin-bottom: 30px;
	width: 100%;
}
.tbl_data th,
.tbl_data td{
	padding: 10px;
	border: 1px solid #ccc;
	vertical-align: top;
}
.tbl_data th{
	background-color: #d0ece0;
	font-weight: bold;
	text-align: left;
}
.tbl_data td{

}
.tbl_data caption{
	margin-bottom: 6px;
	text-align: left;
	font-weight: bold;
}


/* Headings Module
-------------------------------------------------- */
/* as h1 Element */
.hdg_pageheader{
	padding: 6px 0 0 0;
	float: left;
}
/* ----------------------------------------------- */
.hdg_lv2{
	padding: 55px 0 30px;
}
.box_product .hdg_lv2{
	padding: 34px 0 45px;
}
.box_toyotahome .hdg_lv2{
	padding: 48px 0 35px;
}
/* ----------------------------------------------- */
.hdg_lv3{
	padding: 50px 0 60px;
}
.box_brand .hdg_lv3{
	padding: 35px 0;
}


/* Nav Module
-------------------------------------------------- */
#top_navi{
	text-align: center;
}
#top_navi li{
	display: inline-block;
}
#top_navi a{
	padding: 19px 0 12px;
	display: block;
}

html #top_navi a{
	background:url(/sitetop/images/pct_navBG.jpg) left top no-repeat !important;
}
html #top_navi a.noBG {
	background:none !important;
}
html #top_navi a img {
	margin-left:2px;
}

/* List Module
-------------------------------------------------- */
.box_brand li,
.box_house_line li,
.header_menu li{
	display: inline-block;
}
.header_menu{ float: left; margin-left:45px; }
.header_menu li{
	margin: 22px 0 13px;
	float: left;
}
.header_menu a{
	padding: 0 8px;
	border-right: 1px solid #999;
	display: block;
	line-height: 10px;
	text-decoration: none;
	font-size: 10px
}
.header_menu a,
.header_menu a:hover,
.box_house_line li a,
.box_house_line li a:hover,
.box_brand a,
.box_brand a:hover{
	color: #333
}
.header_menu a:hover,
.box_house_line li a:hover,
.box_brand a:hover{
	text-decoration: underline;
}
.header_menu a.last{
	border: 0;
}
.box_house_line li a{
	text-decoration: none;
	margin: 0 36px;
}
.box_house_line li a img,
.box_brand a span.icn_arrow img{
	vertical-align: middle;
	margin: -2px 4px 0 0;
}
.box_house_line ul{
	text-align: center;
	margin-bottom: 30px;
}
.box_brand a{
	display: block;
	background: #fff;
	width:483px;
	text-align: center;
	text-decoration: none;
	padding-bottom: 20px;
	margin-bottom: 14px;
}
.box_brand a span.brand{
	display: block;
	margin: 14px 0 20px;
}
.box_brand li:nth-child(even){
	float: right;
}


/* Button Module
-------------------------------------------------- */


/* Anchor Module
-------------------------------------------------- */
.ie8 .rollover:hover,
.ie8 .rollover:hover img{
	-ms-filter: "alpha(opacity=80)";
}
.rollover:hover,
.rollover:hover img{
	opacity: 0.8;
}
a.link_orr,
a.link_orr:hover{
	color: #ed6d00;
}



.wrapper p{
	overflow: hidden;
}
.wrapper .btn{
	display: block;
	float: left;
}


.link_style01,.link_style02,.link_style03,.link_style04,.link_style05,.link_style06, .link_style07{
	color: #010101;
	text-decoration: none!important;
	padding-left: 15px;
	background: url("/sitetop/images/icn/icn_arrow01.png") 0 3px no-repeat;
	background: url("/sitetop/images/icn/icn_arrow01.png") 0 1px no-repeat\9;/* as IE8 hack */
}


.link_style02{
	background: url("/sitetop/images/icn/icn_arrow02.png") 0 3px no-repeat;
	background: url("/sitetop/images/icn/icn_arrow02.png") 0 1px no-repeat\9;/* as IE8 hack */
}
.link_style03{
	background: url("/sitetop/images/icn/icn_arrow03.png") 0 3px no-repeat;
	background: url("/sitetop/images/icn/icn_arrow03.png") 0 1px no-repeat\9;/* as IE8 hack */
}
.link_style04{
	background: url("/sitetop/images/icn/icn_arrow04.png") 0 3px no-repeat;
	background: url("/sitetop/images/icn/icn_arrow04.png") 0 1px no-repeat\9;/* as IE8 hack */
}
.link_style05{
	background: url("/sitetop/images/icn/icn_arrow05.png") 0 3px no-repeat;
	background: url("/sitetop/images/icn/icn_arrow05.png") 0 1px no-repeat\9;/* as IE8 hack */
}
.link_style06{
	background: url("/sitetop/images/icn/icn_arrow06.png") 0 3px no-repeat;
	background: url("/sitetop/images/icn/icn_arrow06.png") 0 1px no-repeat\9;/* as IE8 hack */
}
.link_style07{
	background: url("/sitetop/images/icn/icn_arrow07.png") 0 3px no-repeat;
	background: url("/sitetop/images/icn/icn_arrow07.png") 0 1px no-repeat\9;/* as IE8 hack */
}






/* Form Module
-------------------------------------------------- */
#searchArea{
	margin: 18px 0 3px 7px;
	width: 164px;
	float: right;
}
#searchArea input[type="text"]{
	margin-right: 2px;
	padding: 5px 5px 4px 25px;
	width: 93px;
	border: 1px solid #b9b7b7;
	float: left;
	background-image:url("/sitetop/images/icn/icn_search.png");
	background-repeat:no-repeat;
	background-position:6px center;
	outline:0;
	line-height: 15px;
	font-size:12px;
}

/* Text Module
-------------------------------------------------- */
.txt_paragraph{

}
.txt_top{
	color: #fff;
	padding-left: 40px;
	font-size: 10px;
}


/* Icon Module
-------------------------------------------------- */


/* UI Module
-------------------------------------------------- */


/* -----------------------------------------------
4. State （状態）
-------------------------------------------------- */



/* -----------------------------------------------
5. Theme （テーマ）
-------------------------------------------------- */
#area_bet{
	padding: 20px 0;
	background-color: #ececec;
	border-bottom: 1px solid #d8d8d8;
}
#area_bet .hdg{
	margin-bottom: 15px;
	font-size: 16px;
	color: #00758e;
	font-weight: normal;
}
.area_bet_slide{
	padding: 20px 0 0px;
	background-color: #ececec;
	border-top: 1px solid #fff;
}
#area_bet ul li{
	padding: 4px;
	border: 1px solid #c6c6c6;
	background-color: #fff;
	float: left;
}
.area_bet_slide .bx-wrapper{
	margin: 0 auto 45px;
}
.area_bet_slide .bx-wrapper .bx-viewport{
	background-color: #ececec;
}
.area_bet_slide .bx-wrapper .bx-pager.bx-default-pager a,
#area_inter .bx-wrapper .bx-pager.bx-default-pager a{
	margin: 0 7px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
}
.area_bet_slide .bx-wrapper .bx-prev{
	background: url("/sitetop/images/icn/icn_arr_left.png") no-repeat 0 0;
}
.area_bet_slide .bx-wrapper .bx-next{
	background: url("/sitetop/images/icn/icn_arr_right.png") no-repeat 0 0;
}
.area_bet_slide .bx-wrapper .bx-controls-direction a,
#area_bet_slide .bx-wrapper .bx-controls-direction a{
	width: 20px;
	height: 20px;
	top: 163%;
}
.area_bet_slide .bx-wrapper .bx-prev{
	left: 415px;
}
.area_bet_slide .bx-wrapper .bx-next{
	right: 415px;
}
/****Area Interview*****/
#area_inter{
	margin-bottom: 40px;
	width: 100%;
	overflow: hidden;
	background: url("/sitetop/images/bg_interview.jpg") no-repeat center 0;
}
#area_inter .hdg{
	margin: 60px 0;
}
.box_inter{
	margin-left: 100px;
	padding: 7px;
	width: 760px;
	border: 1px solid #c6c6c6;
	background-color: #fff;
	overflow: hidden;
}
.box_inter .txt{
	padding: 7px 0 15px;
	display: block;
}
.box_inter .link{
	padding: 5px 5px 5px 30px;
	width: 459px;
	background: url("/sitetop/images/icn/icn_arrow_blue.png") no-repeat 13px 8px #f1f1f1;
	color: #000;
	font-size: 12px;
	text-decoration: none;
	float: right;
	display: block;
}
.box_inter a:hover .link{
	text-decoration: underline;
}
.box_inter a{
	display: block;
	min-height: 118px;
	text-decoration: none;
}
#area_inter .bx-wrapper .bx-prev{
	left: -3%;
}
#area_inter .bx-wrapper .bx-next{
	right: -3%;
}
#area_inter .bx-wrapper{
	margin: 0 auto 20px;
}
#area_inter .bx-wrapper .bx-next:hover{
	background-position: 0 0!important;
}
#area_inter .slider1 .slide{
	width: 830px;
	height: 565px;
	overflow: hidden;
	text-align: center;
}
#area_inter .slider1 a{
	color: #000;
	font-size: 12px;
	text-decoration: none;
}
#area_inter .slider1 .slide .f_left{
	padding: 25px 0 45px 50px;
	width: 505px;
}
#area_inter .slider1 .slide .f_left p{
	padding: 0 0 15px 0;
}
#area_inter .slider1 .slide .f_left .title a{
	padding: 0 0 10px 0;
	color: #7e7e7e;
	font-size: 20px;
}
#area_inter .slider1 .slide .f_right{
	padding: 25px 90px 45px 0;
}
#area_inter .slider1 .slide .f_right div{
	margin-top: 10px;
	padding: 21px 0 20px;
	background-color: #f1f1f1;
}
#area_inter .slider1 .slide .f_right div p{
	padding: 2px 0;
}
#area_inter .slider1 .slide .f_right div p.ttl_link{
	background: url("/sitetop/images/icn/icn_arrow_blue.png") no-repeat 73px 6px;
}
/********area news********/
.area_news{
	padding-bottom: 50px;
}
.area_news .hdg{
	margin: 40px 0 20px;
	color: #6f6f6f;
	font-size: 16px;
	font-weight: bold;
}
.w50{
	width: 48%;
}
.w50 div.scrollBar{
	position: relative;
}
.area_news dl{
	padding: 3px 0;
	overflow: hidden;
	font-size: 12px;
	border-bottom: 1px solid #bababa;
	color: #6f6f6f;
}
.area_news dt{
	width: 70px;
	float: left;
	line-height: 20px;
}
.area_news dt span{
	padding: 2px 3px;
	background-color: #858585;
	color: #fff;
	font-size: 10px;
	border-radius: 2px;
}
.area_news dd{
	padding: 20px 0 5px;
	width: 390px;
	float: left;
	line-height: 20px;
}
.area_news dd a{
	font-size: 12px;
	color: #6f6f6f;
	text-decoration: none;
}
.area_news dd a:hover{
	text-decoration: underline;
}
.area_news .f_right dd{
	padding: 5px 0;
}
.box_hdg{
	position: relative;
}
.box_hdg .hdg{
	padding: 12px 12px 8px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #f9f9f9;
	border-radius: 3px;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
}
.box_hdg .txt{
	margin: 0 auto;
	width: 470px;
	min-height:38px;
	text-align: center;
}
.box_hdg .bg_l{
	min-height:38px;
	background: url("/sitetop/images/bg_txt_l.png") no-repeat 0 0;
}
.box_hdg .bg_r{
	padding-top: 7px;
	min-height:38px;
	background: url("/sitetop/images/bg_txt_r.png") no-repeat right 0;
}
.area_news .t_news_wrapper{
	position: relative;
}
.area_news .t_info_wrapper{
	position: relative;
}
.area_news .link{
	position: absolute;
	top: 40px;
	right: 0;
}
.area_news .link a{
	color: #000;
	text-decoration: none;
}
.area_news .link a:hover{
	color: #000;
	text-decoration: underline;
}
.bxslider{
	margin: 0 auto;
/*	padding-left: 10px;*/
	width: 900px;
	height: 316px;
	overflow: hidden;
}


.spMessage {
	padding: 30px;
	text-align:center;
}

.sgMessage {
	padding:10px 30px 30px;
	text-align:left;
}


/* -- 20140807 : mentenance ---------- */



#container ul.bxslider{
	padding-left: 0px;
	width: 890px;
}

#area_inter .slider1 .slide {
	width: 800px;
	height: 530px;
	position:static !important;
}

#area_inter .slider1 .slide p ,
#area_inter .slider1 .slide p a {
	text-align:center;
}
#area_inter .slider1 .slide p a img {
	margin:0px auto;
}



#banner_slider .wrapper {
	padding:0px;
	overflow:hidden;
	background-color: #ECECEC;
	width:996px;
}
   
#banner_slider .wrapper .bx-viewport {
	margin:0px;
	padding:0px;
}

#banner_slider .wrapper .slider2  p ,
#banner_slider .wrapper .slider2  p a {
	text-align:center;
}
#banner_slider .wrapper .slider2  p a img {
	margin:0px auto;
}


#main .bxslider a ,
#area_inter .slider1 a ,
#banner_slider .slider2 a {
	border: 0px solid #fff;
}

#main .bxslider a img ,
#area_inter .slider1 a img ,
#banner_slider .slider2 a img {
    border-style:none;
}


/* ---------- 20140807 : mentenance -- */



/* -- 201408 : add : for mid banner -------------------- */

.pickup_link {
	text-align:center;
	padding:4px 0px 20px 0px;
	margin:1.5em auto;
	background:#ececec;
}

.pickup_link dl.pickup_link_block {
	width:900px;
	margin:0px auto;
}
.pickup_link dl.pickup_link_block dt {
	text-align:left;
	padding-bottom:4px;
}
.pickup_link dl.pickup_link_block dd {
	text-align:center;
}

.pickup_link ul.bannerList {
	width:100%;
}

.pickup_link ul.bannerList li{
	width:300px;
	float:left;
	text-align:center;
}
.pickup_link ul.bannerList li.midbnr01 {
	text-align:left;
}
.pickup_link ul.bannerList li.midbnr02 {
	text-align:center;
}
.pickup_link ul.bannerList li.midbnr03 {
	text-align:right;
}

/* -------------------- 201408 : add : for mid banner -- */

/* -------------------- 201409 ネット商談バナー変更/ -- */

a.btn_no01 {
	display:inline-block;
	width:727px;
	height:134px;
	margin-right:2px;
	
}
a.btn_no01 img {
	visibility:visible;
}
a.btn_no01:hover img {
	visibility:hidden;
}
a.btn_no01 {
	background : url(/sitetop/images/bnr_top_catalog_on.png) top left no-repeat;
}

a.btn_no02 {
	display:inline-block;
	width:246px;
	height:134px;
	text-align:center;
	
}
a.btn_no02 img {
	visibility:visible;
	text-align:center;
}
a.btn_no02:hover img {
	visibility:hidden;
	text-align:center;
}

a.btn_no02 {
	background : url(/sitetop/images/bnr_top_qa_on.png) top left no-repeat;
	text-align:center;
}

a.btn_no03 {
	display:inline-block;
	width:980px;
	height:127px;
	text-align:center;
	
}
a.btn_no03 img {
	visibility:visible;
}
a.btn_no03:hover img {
	visibility:hidden;
}

a.btn_no03 {
	background : url(/bunjyo/common/image/bnr/bnr_realestate_on.gif) top center no-repeat;
	text-align:center;
}

a.btn_no04 {
	display:inline-block;
	width:981px;
	height:127px;
	text-align:center;
	
}
a.btn_no04 img {
	visibility:visible;
}
a.btn_no04:hover img {
	visibility:hidden;
}

a.btn_no04 {
	background : url(/bunjyo/common/image/bnr/bnr_top_realestate_on.gif) top center no-repeat;
	text-align:center;
}


.line_pad {
	padding-top:20px;
	border-bottom:1px solid #d8d8d8;
	}
/* -------------------- 201409 ネット商談バナー変更end/ -- */

/* -------------------- 201409 top インデックス/ -- */
a.btn_lifestyle {
	display:inline-block;
	width:395px;
	height:91px;
	
}
a.btn_lifestyle img {
	visibility:visible;
}
a.btn_lifestyle:hover img {
	visibility:hidden;
}
a.btn_lifestyle {
	background : url(/sitetop/images/hdg_lifestyle_on.png) top left no-repeat;
}

a.btn_product {
	display:inline-block;
	width:293px;
	height:93px;
	
}
a.btn_product img {
	visibility:visible;
}
a.btn_product:hover img {
	visibility:hidden;
}

a.btn_product {
	background : url(/sitetop/images/hdg_product_on.png) top left no-repeat;
}

a.btn_hdg_interview {
	display:inline-block;
	width:280px;
	height:94px;
	
}
a.btn_hdg_interview img {
	visibility:visible;
}
a.btn_hdg_interview:hover img {
	visibility:hidden;
}

a.btn_hdg_interview {
	background : url(/sitetop/images/hdg_interview_on.png) top left no-repeat;
}

/* -------------------- 201409 top インデックスend/ -- */

/* -- 201408 : add : for mid banner (low height) -------------------- */

.lowHeight {
	padding: 0px;
}
.lowHeight dl.pickup_link_block {
	width:800px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.lowHeight dl.pickup_link_block dt {
}
.lowHeight dl.pickup_link_block dd {
}

.low3Banner dl.pickup_link_block dt {
	padding-bottom: 0px;
	text-align:center;
	padding-top: 10px;
	width:140px;
	float:left;
}
.low3Banner dl.pickup_link_block dd {
	width:660px;
	float:right;
}
.low3Banner ul {
	width:660px;
}
.low3Banner ul.bannerList li {
	width:220px;
}

/* -------------------- 201408 : add : for mid banner (low height) -- */




/* == add : 2015/01 : update settings ============================== */

.box_lifestyle {
	margin: 0 auto 123px auto;
	padding: 0 10px 0 0px;
	width:984px;
}
.box_lifestyle ul.pct_random {
	height:504px;
	overflow:hidden;
	margin-right:-2px;
}
.box_lifestyle ul.pct_random li {
	margin:0px;
	padding:0px;
	display: block;
	float: left;
	font-size: 0;
	overflow:hidden;
}
.box_lifestyle ul.pct_random li.narrow {
	width:245px;
	height:168px;
}
.box_lifestyle ul.pct_random li.wide {
	width:490px;
	height:336px;
}
.box_lifestyle ul.pct_random li.narrow img {
	width:242px;
	height:165px;
}
.box_lifestyle ul.pct_random li.wide img {
	width:487px;
	height:333px;
}

/* ============================== add : 2015/01 : update settings == */



.seach_map.f_left a img.bun_btn {
	position: absolute;
	top: 335px;
	left: 40px;
	z-index: 1;
}
