@charset "utf-8";



ul{ list-style:none;}
/* common */
.ov:hover{
	opacity:0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.arrow03 a{
	background: url(../images/expand/arrow_03.png) no-repeat left 5px;
	padding:0 0 0 15px;
}
.t_l{text-align:left;}
.t_r{text-align:right;}
.t_c{text-align:center;}

/*--------------------------------------------------
float
--------------------------------------------------*/
.f_l{float:left;}
.f_r{float:right;}
.cr{
	overflow: hidden;
	/zoom:1;
}

/*--------------------------------------------------
b_library
--------------------------------------------------*/
#b_library{
	background-color: #fff;
	margin: 0 auto;
	padding: 0 0px;
}

h2.detail_name{
	font-size:190%;
	color:#c80f14;
	margin:5px 0;
	padding:5px;
	z-index:800;
	position: relative;
	background: url(../images/expand/icon_mansion_l.png) no-repeat left center;
	padding:0 0 0 65px;
	height:62px;
	display:table;
}
h2.detail_name span{
	display:table-cell;
	vertical-align:middle;
	line-height:105%;
}
#main_content{
	background:#f8f7f4;
	margin:10px 0px;
	position: relative;
	z-index: 1;
	display: block;
	overflow: hidden;
	/zoom:1;
}


/*--------------------------------------------------
detail_box
--------------------------------------------------*/
/* detail_box */
#detail_box{
	background:#ffffff;
	padding:5px 5px 5px 5px;
	margin: 0px 12px 10px 10px;
	box-shadow: 1px 1px 3px #555;
	-moz-box-shadow: 1px 1px 3px#555;
	-o-box-shadow: 1px 1px 3px #555;
	-ms-box-shadow: 1px 1px 3px #555;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=3, enabled=true);
	position: relative;
	z-index: 1;
}
#detail_box .img_area{
	text-align:center;
	background: #EEEEEE;
}
#detail_box .img_area img{
	max-width:100%;
	max-height:200px;
	height: auto !important;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}}
dl.detail_list{
	width:100%;
	background:#eeeeee;
	margin-bottom:5px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
dl.detail_list dt {
	clear: left;
	float: left;
	margin: 0 0 0 0;
	width:40%;
	padding:4px 5px 6px 5px;
	color: #000;
	background:#eeeeee;
	border-top:1px solid #cccccc;
}
dl.detail_list dd {
	margin-left:30%;
	padding:4px 0px 6px 10px;
	background:#ffffff;
	border-top:1px solid #cccccc;
	overflow: hidden;
	/zoom:1;
	width:60%;
	margin: 0;
}
dl.detail_list dd.cr{padding:0;}
dl.detail_list dd .map_btn{min-width:8.5em;padding-top:4px;margin-right:3px;text-align:right;}
dl.detail_list dd .map_btn a{color:#3366cc;}

dl.detail_list dd.acc_map{
	width:100%;
	margin-left:0%;
	padding-right:10px
}


/*--------------------------------------------------
bukken_title
--------------------------------------------------*/
#bukken_title{
	background: #fdf8b3;
	border:1px solid #f0e98f;
	box-shadow: 1px 1px 0 0 rgba(254, 254, 207, 1) inset, -1px -1px 0 0 rgba(254, 254, 207, 1) inset;
	margin:5px 10px;
	padding:2px 5px 2px 5px;
	text-align:center;
	font-size:90%;
	position: relative;
}
#main_content #detail_box #bukken_title{
	margin:0 0 5px 0;
}
#bukken_title span.data_rent a{
	font-size:125%;
	color:#d0121b;
	font-weight:bold;
	background: url(../images/expand/arrow_01_s.png) no-repeat left center;
	background-size: 13px;
	padding:0 5px 0 15px;
}
#bukken_title span.data_rent a:hover{color:#ff5858;}
#bukken_title span.data_mansion a{
	font-size:120%;
	color:#d0121b;
	font-weight:bold;
	background: url(../images/expand/arrow_01_s.png) no-repeat left center;
	background-size: 13px;
	padding:0 5px 0 15px;
}
#bukken_title .t_l{font-size:110%;
	position: absolute;
	top:3px;
	left:5px;}
#bukken_title span.data_mansion a:hover{color:#ff5858;}
#bukken_title .t_r{
	position: absolute;
	bottom:3px;
	right:3px;
}

#bukken_title .data_area{display:inline-block;margin-top:2px;}
#bukken_title span.data_rent{display:block;text-align:left;margin-top:0px;padding-left:15px;}
#bukken_title span.data_mansion{display:block;text-align:left;padding-left:15px;}


#no_bukken_area{text-align: center;margin:15px 10px 0px 10px;padding:15px 8px 10px 8px;background:#ececec;}
#no_bukken_area p.tl{
	font-size:155%;
	line-height:1.4em;
	text-align: left;
	background: url(../images/expand/no_bukken_icon.png) no-repeat left top;
	background-size:50px;
	padding:0 0 0 60px;
	margin:0 0 0 5px;
	letter-spacing: -0.5px
}
#no_bukken_area .no_bukken_title{
	z-index:1;
	position: relative;
	background: #ffffff;
	border:3px solid #b20307;
	margin-top:30px;
	border-radius: 5px;
	padding:7px 0px 5px 0px;
	font-size:120%;
	text-align: center;
	box-shadow: 1px 1px 5px #333333;
	-moz-box-shadow: 1px 1px 5px #333333;
	-o-box-shadow: 1px 1px 5px #333333;
	-ms-box-shadow: 1px 1px 5px #333333;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=2, enabled=true);
}
#no_bukken_area .no_bukken_title p.s{
	padding:5px 0 4px 0;
	font-weight:bold;
	font-size:100%;
	letter-spacing: -0.5px

}
#no_bukken_area img{margin-top:0px;position: relative;z-index:2;
	max-width:100%;
	max-height:100%;
	height: auto !important;}

/*--------------------------------------------------
text_top
--------------------------------------------------*/
.text_top{
	margin:5px 10px 5px 10px;
	background: #999999;
	border-radius: 4px;
	color:#fff;
	position: relative;
	margin-bottom: 9px;
	font-size:85%;
	padding: 0px 5px;
}
.text_top h1{font-size:120%;padding:5px;}
.detail .text_top h1{font-size:100%;padding:5px 0 5px 5px;display:inline;}
.detail .text_top{font-size:120%;padding:5px;font-weight:bold;}
/*--------------------------------------------------
title_bg
--------------------------------------------------*/

.title_bg{
	margin:5px 10px 5px 10px;
	background: #999999;
	border-radius: 4px;
	color:#fff;
	position: relative;
	margin-bottom: 9px;
	padding: 0px;
}
.title_bg h3{
	font-size:130%;
	font-weight:bold;
	background: url(../images/expand/icon_clip_rent.png) no-repeat left center;
	padding:8px 0px 8px 28px;
	margin:10px;
}


.title_bg.area_title_area{
	text-align:left;
	background: url(../images/expand/icon_area.png) #cc0000 no-repeat 10px bottom;
	padding:5px 0 2px 60px;
}
.title_bg.area_title_free{
	text-align:left;
	background: url(../images/expand/icon_free.png) #cc0000 no-repeat 10px bottom;
	padding:5px 0 2px 60px;
}

.title_bg.area_title_free h1,
.title_bg.area_title_free h2,
.title_bg.area_title_area h1,
.title_bg.area_title_area h2{
	font-size:160%;
	padding:0;
	margin:7px 0;
	word-break: break-all
}
.title_bg .number_list_l{
	padding:5px;
	text-align:right;
	font-size:110%;
}
.title_bg .number_list_l span{
	color:#d10208;
}
.title_bg .number_list_r{
	padding:5px;
	text-align:center;
	font-size:110%;
}

/*--------------------------------------------------
bukken_box
--------------------------------------------------*/
.bukken_box{
	background:url(../images/expand/arrow_l.png) #ffffff no-repeat right center;
	border:1px solid #8d8d8d;
	border-radius: 4px;
	margin:10px 10px;
	overflow: hidden;
	/zoom:1;

	box-shadow: 1px 1px 3px #555;
	-moz-box-shadow: 1px 1px 3px#555;
	-o-box-shadow: 1px 1px 3px #555;
	-ms-box-shadow: 1px 1px 3px #555;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=3, enabled=true);
}
.detail .bukken_box .cr{
	background:url(../images/expand/hl_bg.png) repeat-y 40% top;
	display:table;
	width:100%;
	text-align:left;
}

.bukken_box .img_area {
	text-align: center;
	width:37%;
	padding: 10px 5px 5px 5px;
	display:table-cell;
	vertical-align: middle;
}
.detail .bukken_box .img_area{padding: 0px 5px 5px 5px;}
.bukken_box .text_area{
	display:table-cell;
	width:55%;
	padding-bottom:5px;
	padding-right:15px;
}
.detail_list .bukken_box .img_area {
	text-align: center;
	width:30%;
	padding: 5px;
}
.bukken_box .img_area img{
	max-width:100%;
	max-height:100%;
	height: auto !important;
	position: relative;
}

#data_rent .bukken_box .img_area {
	margin-top: 5px;
}
.detail_list .bukken_box .text_area{
	width:67%;
	padding-bottom:5px;
}

.bukken_box .text_area dl{margin:0 0 0 0;}

.bukken_box .text_area dd{
	font-size:100%;
	display: inline;
	margin:0;
}
.bukken_box .text_area dd span{
	border-radius: 4px;
	padding:2px 2px;
	background:#666666;
	color:#ffffff;
}
.bukken_box .text_area dt{
	font-size:85%;
	color:#999999;
	display: inline;
}
.bukken_box .text_area p{margin:10px 0 0 0;}
.bukken_box .text_area p.txt01{
	color:#d0121b;
	font-size:110%;
	padding-right:3px;
	padding-bottom:5px;
}

.bukken_box .text_area p.txt01 span{
	color:#d0121b;
	font-size:115%;
	padding-right:0px;
	font-weight:bold;
	line-height:110%;
	word-break: keep-all;
}

.bukken_box .text_area p.txt01 span span{font-size:110%;}

.bukken_box .c_name p span{
	background: #ffff00;
	padding: 2px 0;
}
@media only screen and (orientation : landscape) {
	.bukken_box .box_br{border-right:none;padding:5px 10px 0 0;}
	.bukken_box .box_bl{border-right:none;padding:0px 0 0 5px;}
}

@media only screen and (orientation : portrait) {
	.bukken_box .box_br{
		padding:5px 10px 0 0;
		margin-right:5px;
	}
	.bukken_box .box_bl{
		padding:0px 0 0 5px;
		letter-spacing: -0.02em;
	}
	.bukken_box .img_area {border-right:none;}
}
/*--------------------------------------------------
proComment
--------------------------------------------------*/
.proComment p.txt1 span {
	color: #e28a0c;
	font-weight:bold;
	vertical-align: middle;
}
.proComment p.txt1{
	padding:0 0;
	margin:3px 0;
}
.proComment p.txt1 img {
	vertical-align: middle;
}
.proComment p.txt2 {
	font-size: 100%;
	vertical-align: middle;
	letter-spacing:-0.01em;
	text-align:left;
	padding:0 0;
	margin:3px 0 5px 0;
	line-height:120%;
}
.bukken_box .proComment{
	background-color: #fcf69b;
	padding: 2px 10px;
	border-radius: 4px;
	font-size:98%;
	margin:4px 20px 7px 8px;
}
.bukken_box.talkie_box .proComment_out{
	padding-bottom:1px;
}

.talkie_notes{
	margin:10px 9px 0px 9px;
	color:#ffffff;
	border-top:4px solid #a3714e;
	background: url(../images/expand/talkie_bg.png) #4e515c repeat left top;
}
.talkie_notes p{
	background: url(../images/expand/talkie_bg_top.png) #4e515c repeat-x left top;
	padding:19px 9px 15px 9px;
	margin:0;
	line-height:180%;
	letter-spacing: -0.1px;
	font-size:110%;
}
.talkie_notes p span{
	color:#ffa341;
	display:inline-block;
	font-weight:bold;
}

div.bukken_box.talkie_box{
	background: url(../images/expand/talkie_bg.png) #4e515c repeat left top;
	padding:10px 9px;
	border:none;
	border-radius: 0px;
	margin:0 9px;
	padding:1px 6px 6px 6px;
	overflow: hidden;
	/zoom:1;
	cursor: default;
	box-shadow: 0px 0px 0px #555;
}
.bukken_box.talkie_box .cr_out{
	background:url(../images/expand/arrow_l.png) #ffffff no-repeat right center;
}
.bukken_box.talkie_box .cr{
	background:url(../images/expand/hl_bg.png) repeat-y 40% top;
	padding:5px;
}
.bukken_box.talkie_box .text_area p.txt01 span{color:#9a6641;}
.bukken_box.talkie_box .text_area p.txt01{color:#9a6641;}
.bukken_box.talkie_box .text_area li{width:147px;}
.bukken_box.talkie_box .text_area {width: 584px;}

.bukken_box.talkie_box .img_area {
	width:37%;
}
.bukken_box.talkie_box .img_area{padding: 0px 5px 5px 0px;}
.bukken_box.talkie_box .text_area{
	width:54%;
}
.bukken_box.talkie_box .text_area dd span{
	border-radius: 0px;
	background:#c93e49;
}

.bukken_box .square-icon {
	display:inline-flex;
	align-items:center;
	height:24px;
	padding:0 8px;
	background-color:#fff;
	font-size:12px;
	line-height:1;
	border-radius:5px;
}
.bukken_box .square-icon--light-blue {
	border:1px solid #5494c0;
	background-color:#ddf0fb;
	color:#5494c0;
}

/*--------------------------------------------------
acc_btn
--------------------------------------------------*/
.acc_btn{
	text-align:center;
}
.acc_btn{
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	border:1px solid #cccccc;
	border-radius: 4px;
	text-align:center;
	margin:10px;
	padding:5px;
	cursor: pointer;
	font-size:110%;
}
.search_open{
	background: url(../images/expand/arrow_04_2.png) no-repeat 20px ;
	padding:5px 0 10px 15px;
}
.search_close{
	background: url(../images/expand/arrow_04.png) no-repeat 20px ;
	padding:5px 0 10px 15px;
}

.search_open:hover{
	color:#999999;
}
.search_close:hover{
	color:#999999;
}




/*--------------------------------------------------
new_ms_area
--------------------------------------------------*/
.new_ms_area{
	border-top:4px solid #d1d1d1;
	background:#e9e9e9;
	margin:15px 10px;
}
.new_ms_area h3{
	font-size:120%;
	background: url(../images/expand/new_ms_icon.png) no-repeat left center;
	font-weight:bold;
	color:#555555;
	padding:5px 10px 5px 40px;
	margin:5px 0 0px 5px;
}
.new_ms_area_match{
	margin:15px 10px;
}
.new_ms_box{
	background: url(../images/expand/new_ms_bg_02.png) repeat left center;
	border:2px solid #cc0a37;
	padding-bottom:2px;
	box-shadow: 1px 1px 2px #a3a3a3;
	-moz-box-shadow: 1px 1px 2px #a3a3a3;
	-o-box-shadow: 1px 1px 2px #a3a3a3;
	-ms-box-shadow: 1px 1px 2px #a3a3a3;
	position: relative;
}

.new_ms_area .new_ms_box{
	margin-top:10px;
}
.new_ms_box .title{
	background:#cc0a37;
	color:#fff;
	overflow: hidden;
	/zoom:1;
}
.new_ms_box .title .ossusume{
	position: absolute;
	top:-5px;
	left:-5px;
}
.new_ms_box .title p{
	background: url(../images/expand/new_ms_arrow.png) #cc0a37 no-repeat right center;
	padding:0px 30px 2px 20px;
	margin-right:5px;
	background-size:20px;
	-webkit-background-size:20px;
	-moz-background-size:20px;
}
.new_ms_box .title p a{
	color:#fff;
	font-size:130%;
	font-weight:bold;
}
.new_ms_box .cf{
	background: url(../images/expand/new_ms_bg_01.png) repeat-x left top;
	padding:5px 10px;
}
.new_ms_box .cf{
	overflow: hidden;
	/zoom:1;
}
.new_ms_box .hr{
	background: url(../images/expand/new_ms_hr.png) repeat-x left bottom;
	padding:0px 5px 5px 10px;
}
.new_ms_box .photo{
	margin: 10px 10px 5px 0;
	max-height: auto;
	width:40%;
	text-align:center;
	float: left;
}
.new_ms_box .photo img{
	max-width:100%;
	max-height:100%;
	height: auto !important;
}
.new_ms_box .text{
	float: right;
	margin:0 0;
	width:50%;
}
.new_ms_box .text p{
	margin-top:5px;
}
.new_ms_box .text p.p01{
	background: url(../images/expand/new_ms_icon_p.png) no-repeat left 4px;
	padding:0 0 5px 18px;
	background-size:15px;
	-webkit-background-size:15px;
	-moz-background-size:15px;
}
.new_ms_box .text p.p02{
	background: url(../images/expand/new_ms_icon_m.png) no-repeat left 2px;
	padding:0 0 0px 18px;
	background-size:18px;
	-webkit-background-size:18px;
	-moz-background-size:18px;
}






/*--------------------------------------------------
bukken_link
--------------------------------------------------*/
.bukken_link{
	background:#f8f7f4;
	padding: 10px 10px 20px 10px;
	margin-bottom:10px;
}
.bukken_link2{
	background:#f8f7f4;
	padding: 10px 10px 0px 10px;
	margin-bottom:10px;
}
.bukken_link h3{padding:0;margin:0;}
.bukken_link .title1{
	background: url(../images/expand/left_02.png) no-repeat left center;
	background-size:20px;
	-webkit-background-size:20px;
	-moz-background-size:20px;
	padding:3px 0 3px 25px;
	margin-top:5px;
	color:#cc0000;
	font-size:140%;
	font-weight:bold;
}
.bukken_link .title2{
	background: url(../images/expand/left_04.png) no-repeat left center;
	background-size:20px;
	-webkit-background-size:20px;
	-moz-background-size:20px;
	padding:3px 0 3px 25px;
	margin-top:5px;
	margin-bottom:15px;
	color:#cc0000;
	font-size:140%;
	font-weight:bold;
}

.bukken_link h4{
	font-size:130%;
	font-weight:bold;
	background: url(../images/expand/icon_line.png) no-repeat left center;
	border-bottom:1px dotted #cccccc;
	padding:3px 0 3px 15px;
	margin-bottom:15px;
}
.bukken_link .box_c,
.bukken_link2 .box_c{
	text-align:center;
}
.bukken_link .box_c img,
.bukken_link2 .box_c img {
	max-width: 100%;
	margin-bottom:10px;
	height:auto;
}
.bukken_link .area_link p{color:#da0514;font-weight:bold;}

.bukken_link .area_link ul li{
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	margin: 0px;
	border: 1px #ccc solid;
	border-bottom: 0;
}
.bukken_link .area_link ul li a{
	background: url(../images/expand/arrow_l3.png) no-repeat 100% 50%;
	color: #cbcbcb;
	display: block;
	height: auto;
	margin: 0;
	padding: 0 15px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
}
.bukken_link .area_link ul li span{
	width: 23px;
	height:100%;
	vertical-align: middle;
	display:table-cell;
	background:#da0514;
}
.bukken_link .area_link ul li span img{width:20px;margin: 0px 1px;}
.bukken_link .area_link ul li a p{
	color:#3266ca;
	display: block;
	font-weight: bold;
	padding: 10px 0px 10px 2px;
	display:table-cell;
	vertical-align: middle;
	font-size:90%;
}
.bukken_link .area_link ul li a p b{font-size:110%;}
.bukken_link .area_link ul li:first-child img,.bukken_link .area_link ul li:first-child span{border-radius: 8px 0px 0 0;}
.bukken_link .area_link li:first-child{
	border-radius: 8px 8px 0 0;
}
.bukken_link .area_link li:last-child{
	border-radius: 0 0 8px 8px;
	border-bottom: 1px solid #ccc;
}
.bukken_link .area_link li:last-child img,.bukken_link .area_link li:last-child span{border-radius: 0 0 0px 8px;}


.result_none {
	background: none repeat scroll 0 0 #ffffff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	font-size: 110%;
	margin: 10px;
	padding: 15px 20px;
	text-align: left;
}
.result_none .title {
	font-size: 160%;
	margin-bottom: 30px;
}
/*--------------------------------------------------
b_library_right
--------------------------------------------------*/

.left_box{
	background: #f8f7f4;
	margin-bottom:10px;
	overflow: hidden;
	/zoom:1;
	padding:10px 10px 20px 10px;
}
.left_box_in{
	padding:10px 0px 10px 0px;
}

.left_box .title{
	color:#cc0000;
	font-size:140%;
	font-weight:bold;

}
.left_box_free ul{width:100%;
	display:table;}
.left_box_free li{
	display:table-cell;
	vertical-align:middle;
}
.left_box_free li.area_l{width:70%;}
.left_box_free li.area_r{width:20%;text-align:right;}
.left_box_free .title{
	background: url(../images/expand/left_01.png) no-repeat left center;
	background-size:20px;
	-webkit-background-size:20px;
	-moz-background-size:20px;
	padding:3px 0 3px 25px;
}

.left_box_recommend .title{
	background: url(../images/expand/left_03.png) no-repeat left center;
	background-size:20px;
	-webkit-background-size:20px;
	-moz-background-size:20px;
	padding:3px 0 3px 25px;
}

.bukken_link .left_box_in{padding:5px 0px 10px 0px;}

.left_box_free input[type="text"],#b_library_right_m .left_box_free input[type="text"]{
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	padding:7px 5px;
	width:90%;
	font-size:120%;
}
.left_box_free input{
	vertical-align: middle;
}
.library_top .box_free input[type="text"]{
	border:#cc0000 2px solid ;
}

.left_box_free p{
	padding:0px;
	margin:0 0 10px 0;
	font-size:130%;
}
.library_top .left_box_free p span{color:#cc0000;font-weight:bold;}
.recommend_box{
	background:#ffffff;
	border:1px solid #cccccc;
	border-radius: 4px;
	padding:5px;
	margin-top:6px;
	margin-bottom:1px;
	font-size:90%;
	width:100%;
	min-height:200px:
	display:block;
	position: relative;
	z-index:100;
}
.recommend_box .name{
	padding:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #cccccc;
	font-size:110%;
	display: block;
}
.recommend_box .name.arrow03 a{
	display: block;

}
.recommend_box .photo {
	margin: 10px 10px 5px 0;
	max-height: auto;
	width:40%;
	text-align:center;
}
.recommend_box .photo img{
	max-width:100%;
	max-height:100%;
	height: auto !important;
	position: relative;
}
.recommend_box .text {
	width:53%;
	margin: 10px 0px 5px 0;
}
.recommend_box .text img{
	max-width:100%;
	max-height:25px;
	position: relative;
}
.recommend_box .text p{
	margin-top:5px;
	word-break: break-all
}
.recommend_box .text p span{
	color:#d0121b;
	font-size:120%;
	font-weight:bold;
	word-break: break-all
}


.new_box .recommend_box .text p{
	margin-top:2px;
	margin-bottom:2px;
}
.new_box .recommend_box .text p.recruiting_c_m{padding-top:3px;}
.new_box .recommend_box .text p.recruiting_c_m span{
	border:1px solid #ccc;
	padding:3px 5px;
	color:#000;
	font-size:100%;
	line-height:2em;
	white-space: nowrap;
}
.new_box .recommend_box .text .icon_recruiting{
	background:#ca1116;
	border-radius: 3px;
	padding-left:2px;
}
.new_box .recommend_box .text .icon_recruiting_no{
	background:#eeeeee;
	border-radius: 3px;
	padding-left:2px;
}

#left_box_parts{
	position: relative;
}
#left_box_parts .title_img{
	position: absolute;
	top:0px;
	left:0px;
}

@media only screen and (orientation : landscape) { /*横向きの際に適用*/
	br.ws_no{display: none;}
}


/*--------------------------------------------------
data_rent
--------------------------------------------------*/

#data_rent .c_name{
	border-bottom:1px dotted #cccccc;
	padding:0 10px;
	font-size:150%;
	font-weight:bold;
}
#data_rent .c_name a{color:#3266ca;}
#data_rent .c_name p{padding:5px;margin:10px 0;}

#data_rent .text_area{
	padding:0px 0px 0px 10px;
	border-left:1px dotted #cccccc;
}
#data_rent .text_area ul{
	padding:5px 0 0 0;
}
#data_rent .text_area li.txt02{
	padding-bottom:10px;
}

/*--------------------------------------------------
recruiting
--------------------------------------------------*/
.recruiting{
	margin: 5px;
	background:#eeeeee;
	border-radius: 3px;
	padding:0px 4px 1px 4px;
}
#data_rent .recruiting ul:first-child{padding: 5px 0 2px 0;}
#data_rent .recruiting ul{padding: 2px 0 2px 0;}
.recruiting li{
	display:inline;
	width:23.5%;
}
.recruiting li img{
	margin:0;
	padding:0;
	width:23.5%;
	max-width:100%;
	vertical-align: top;
}
#data_rent .recruiting ul.title{width:100%;}
#data_rent .recruiting ul.title li{
	background:#ca1116;
	width: 93%;
	display: inline-block;
	border-radius: 0;
}


/*--------------------------------------------------
help
--------------------------------------------------*/
.help_lnk{
	padding:10px;
	background: #eeeeee;
	border:1px solid #cccccc;
	border-radius: 4px;
	margin:10px 10px;
}
.help_lnk a {
	background: url(../images/expand/icon_exclamation.png) no-repeat scroll left center;
	-webkit-background-size:15px;
	-moz-background-size:15px;
	font-size:115%;
	padding:3px 0 3px 20px;
	display: block;
	color:#3266ca;
	text-decoration: none;
	font-weight:bold;
}

/*--------------------------------------------------
data_area_list
--------------------------------------------------*/
#data_area_list{
	margin:0;
}
#data_area_list li:not(:first-child) {
	border-top: 1px solid #c4c4c4;
}
#data_area_list li a{
	padding:10px;
}
#data_area_list li.subtitle{
	font-weight:bold;
	background:#eeeeee;
	padding: 10px 10px;
	font-size:125%;
}

#data_area_list ul li{
	overflow: hidden;
	margin: 0;
	width: 100%;
	text-align: left;
	padding: 0;
	border-bottom: 0;
	background: url(../images/expand/arrow_l2.png) #ffffff no-repeat scroll right center;
	font-size:15px;
}
#data_area_list ul li:last-child{
	border-radius: 0 0 4px 4px;
}
#data_area_list ul li a,
#data_area_list ul li span{
	color: #333;
	margin: 0;
	padding: 0 0 0 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-decoration: none;
	color:#999999;
	line-height: 40px;
	border-left:none;
	font-size:15px;
}
#data_area_list ul li a{color:#3266ca;}
#data_area_list ul li.no_link{
	background:#ffffff;
}

.bg-offwhite{background:#f8f7f4;}
.padding-10 a{padding-top:0.2em !important;padding-bottom:0.2em !important;}
.bukken_notes{
	margin:10px;
	padding:10px;
	background:#ebebeb;
}
#bottom_tatemono_link #data_area_list li a{
	border-top:none !important;
}
/*--------------------------------------------------
top_images
--------------------------------------------------*/
.top_images p{font-size:130%;padding:10px;line-height:150%;}

.top_images img{
	max-width:100%;
	height:auto;
}
/*--------------------------------------------------
top_area_list
--------------------------------------------------*/
#top_area_list{
	background: #ffffff;
	margin:10px;
	border-radius: 8px;
	box-shadow:
	-1px -1px #ccc,
	1px -1px #ccc,
	1px  1px #ccc,
	-1px  1px #ccc;

}
#top_area_list .list-accordion ul .accordion-list .accordion-head {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
}

#top_area_list .list-accordion ul .accordion-list .accordion-body .list-basic li:first-child{
	border-left: 20px solid #f0f0f0 !important;
}
#top_area_list .li_b_t{border-top:none !important;}
#top_area_list .li_b_b{border-bottom:none !important;}


#top_area_list .list-accordion ul .accordion-list .accordion-body .list-basic li:first-child{
	border-top: 1px solid #c5c5c5!important;
}

#top_area_list .list-accordion ul .accordion-list .accordion-body .list-basic span{
	padding: 1.3em 20px 1.3em 10px;
	display: block;
	color:#ccc;
}
/*--------------------------------------------------
toppoptext
--------------------------------------------------*/
#toppoptext{padding:0 10px 10px 10px;}
#toppoptext .list-accordion{border-radius: 8px;}
#toppoptext .accordion-head a{
	background: url(../images/expand/arrow_03.png) no-repeat scroll 10px center;
	font-size:115%;
	padding:20px 20px 20px 25px;
	display: block;
	text-decoration: none;
	font-weight:bold;
	font-size:120%;
	margin:5px;
}
#toppoptext .accordion-body{
	display: none;
	border-top:1px dotted #cccccc;
	padding:15px;
}
#toppoptext .accordion-body img{
	max-width:100%;
	height:auto;
}
#toppoptext .accordion-body p{
	font-size:120%;
	line-height:150%;
	padding-top:10px;
}
#toppoptext .accordion-body p span{
	font-size:140%;
	line-height:180%;
	padding:2px;
}

/*--------------------------------------------------
d_library_help
--------------------------------------------------*/
#d_library_help #help_main{
	padding:10px 5px;
}
#d_library_help .help_toptitle{
	background: none repeat scroll 0 0 #cc0000;
	border-radius: 4px;
	color: #fff;
	padding: 5px;
	margin-bottom:10px;
}
#d_library_help ul{
	border: medium none;
	letter-spacing: 0.08em;
	line-height: 1.5;
	list-style-type: disc;
	padding-left: 25px;
}

#d_library_help li {
	border-top: medium none;
	padding-bottom: 0;
	padding-top: 0;
}
#d_library_help .help_title {
	font-weight: bold;
	margin-top:10px;
}
#d_library_help .anchor{
	background: #eeeeee;
	border:1px solid #cccccc;
	border-radius: 4px;
	margin:10px;
}

#d_library_help .anchor p{
	padding:2px 10px;
	font-size:120%;
	font-weight: bold;
}
#d_library_help .anchor ul{padding:0;}
#d_library_help .anchor li {
	list-style-type: none;
	text-align:left;
	background:#fff;
	border-top:1px solid #ccc;
}
#d_library_help .anchor a{
	font-size:120%;
	color:#d0121b;
	font-weight:bold;
	background: url(../images/expand/arrow_02.png) no-repeat left center;
	padding:10px 5px 10px 15px;
	margin:0 10px;
	display: block;
}

#d_library_help dl#guide,
#d_library_help dl#guide_2{
	background: #eeeeee;
	border: 1px solid #cccccc;
	border-top: none;
	margin:0px 10px 10px 10px;
}
#d_library_help dl#guide dt,#d_library_help #guide dd {
	padding: 10px 10px;
}
#d_library_help dl#guide_2 dt{
	padding: 10px 10px 0px 10px;
}
#d_library_help dl#guide_2 dd{
	padding: 10px 10px;
}
#d_library_help dl#guide dt,
#d_library_help dl#guide_2 dt{
	border-top: 1px solid #cccccc;
	clear: left;
	float: left;
	width: 10em;
}

#d_library_help dl#guide dd,
#d_library_help dl#guide_2 dd {
	background: #fff;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	margin-left: 10em;
}

#d_library_help dl#guide ul,
#d_library_help dl#guide_2 ul {
	padding:10px 0 0 0;
}
#d_library_help dl#guide li,
#d_library_help dl#guide_2 li {
	list-style-type: disc;
	margin-left:15px;
	padding-left:2px;
}

#d_library_help .title-sub {
	background-color: #c5c5c5;
	color: #3d3d3d;
	font-size: 15rem;
	font-weight: bold;
	margin: 10px 10px 0 10px;
	padding: 1em;
	position: relative;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#d_library_help .footer-btn-pagetop {
	padding: 10px;
	text-align: right;
}

input.ore_btn {
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#f39613 0%,
		#ed6402);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#f39613),
		to(#ed6402));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 0px solid #003366;
	-moz-box-shadow:
		1px 1px 2px rgba(31,30,31,0.5),
		inset 0px 0px 1px rgba(255,255,255,0);
	-webkit-box-shadow:
		1px 1px 2px rgba(31,30,31,0.5),
		inset 0px 0px 1px rgba(255,255,255,0);
	box-shadow:
		1px 1px 2px rgba(31,30,31,0.5),
		inset 0px 0px 1px rgba(255,255,255,0);
	text-shadow:
		0px -1px 0px rgba(138,138,138,0),
		1px 1px 1px rgba(0,0,0,0.6);
}







/*--------------------------------------------------
d_library_help
--------------------------------------------------*/

#wap404 h1 {
	background-color: #da0514;
	color: white;
	font-size: 14rem;
	font-weight: bold;
	margin: 0;
	padding: 0.5em;
	text-overflow: ellipsis;
}
#wap404_in{padding:10px 20px;}

#wap404 p{
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	line-height:180%;
	font-size:110%;
	padding-bottom:30px;
}
#wap404 .library_txt{text-align:center;
	font-size:90%;}
#wap404 .library_txt img{
	text-align:left;
	vertical-align:bottom;
	margin:0 10px 0 0;
}



#topic-path ul li:last-child{
	padding: 0 0 0 5px !important;
	word-break: break-all;
	max-width:500px;
	line-height:1.1em;
	vertical-align: middle;
}





/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 0px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-viewport .slide{
	text-align:center;
}
.bx-viewport .swiper-slide{
	width:100%;
}
.left_box_in .swiper-slide{
	float: none !important;
}
.bx-viewport .slide .recommend_box{
	width:83%;
	margin:auto;
	text-align:left;
}
.bx-viewport .swiper_button{
	display: none;
}
.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
	display: none;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	display: none;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-prev {
	left: 0px;
	background: url(../images/expand/sicon_prev.png) no-repeat 0 0;
}
.bx-next {
	right: 0px;
	background: url(../images/expand/sicon_next.png) no-repeat 0 0;
}
.bx-prev:hover {
	background-position: 0 0;
}
.bx-next:hover {
	background-position: 0 0;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 25px;
	height: 57px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}




/*--------------------------------------------------
talkie_app
--------------------------------------------------*/
.talkie_app{
	background:#fff;
	margin: 10px -10px 0 -10px;
	padding:15px 20px 10px 20px;
}
.talkie_app img{
	max-width:100%;}
.talkie_app ul{
	width:100%;
	display:table;
}

.talkie_app li{
	width:50%;
	text-align:center;
	display:table-cell;
	padding:5px 0 10px 7px;
}
.talkie_app li:first-child{
	padding:5px 7px 10px 0;
}




/*--------------------------------------------------
bottom_tatemono_link
--------------------------------------------------*/
#bottom_tatemono_link{margin: 0px 10px 10px 10px;}
#bottom_tatemono_link2{margin: 10px 10px 20px 10px;}
#bottom_tatemono_link3{margin: 10px 10px 20px 10px;}
#bottom_tatemono_link .list-accordion,
#bottom_tatemono_link2 .list-accordion,
#bottom_tatemono_link3 .list-accordion{
	border-radius: 4px;
	border: 1px solid #c5c5c5;
	background:#f8f8f8;
}
#bottom_tatemono_link li a,
#bottom_tatemono_link2 li a,
#bottom_tatemono_link3 li a{
	border-top: 1px solid #dfdfdf;
	border-bottom: 0;
	background: url(../images/expand/arrow_l2.png) #ffffff no-repeat scroll right center;
	padding:10px 1.5em 10px 10px;
	font-size:125%;
	display:block;
	text-decoration: none;
	color: #3366cc;
	border-left: 4px solid #ececec;
}
#bottom_tatemono_link3 li span{
	border-top: 1px solid #dfdfdf;
	background: #ffffff;
	border-bottom: 0;
	padding:10px 1.5em 10px 10px;
	font-size:125%;
	display:block;
	font-weight:bold;
	text-decoration: none;
	border-left: 4px solid #ececec;
}
#bottom_tatemono_link .accordion-head,
#bottom_tatemono_link2 .accordion-head,
#bottom_tatemono_link3 .accordion-head{
	width:100%;
	border-radius: 8px;
}
#bottom_tatemono_link li:last-child a,
#bottom_tatemono_link2 li:last-child a,
#bottom_tatemono_link3 li:last-child a{
	border-radius: 0 0 4px 4px;
}
#bottom_tatemono_link .accordion-head p,
#bottom_tatemono_link2 .accordion-head p,
#bottom_tatemono_link3 .accordion-head p{
	margin:0;
	padding:0;
}
#bottom_tatemono_link .accordion-head a,
#bottom_tatemono_link2 .accordion-head a,
#bottom_tatemono_link3 .accordion-head a{
	padding:10px;
	display:block;
	text-decoration: none;
	font-size:125%;
	background: url(../images/expand/bottom_link_arrow_01.png) no-repeat scroll 97.5% center;
	background-size:23px;
	font-weight: bold;
}

#bottom_tatemono_link .accordion-head a span,
#bottom_tatemono_link2 .accordion-head a span,
#bottom_tatemono_link3 .accordion-head a span{
	border-left:3px solid #cc0000;
	padding-left:6px;
	display: inline-block;
	padding-right: 20px;
}



#bottom_tatemono_link .active .accordion-head a,
#bottom_tatemono_link2 .active .accordion-head a,
#bottom_tatemono_link3 .active .accordion-head a{
	background: url(../images/expand/bottom_link_arrow_02.png) no-repeat scroll 97.5% center;
	background-size:23px;
}
#bottom_tatemono_link .accordion-body,
#bottom_tatemono_link2 .accordion-body,
#bottom_tatemono_link3 .accordion-body{
	width: 100% !important;
	border-top: none;
	display: none;
}
#bottom_tatemono_link2 .active .accordion-station a{
	background: url(../images/expand/bottom_link_arrow_02.png) no-repeat scroll 97.5% center !important;
	background-size:23px !important;
}
#bottom_tatemono_link2 .accordion-station a{
    padding: 10px !important;
    display: block !important;
    text-decoration: none !important;
    font-size: 125% !important;
    background: url(../images/expand/bottom_link_arrow_01.png) no-repeat scroll 97.5% center !important;
    background-size: 23px !important;
    font-weight: bold !important;
}

.new_b_box_out{
	text-align:right;
	padding:10px 10px 0 0;
}
ul.new_b_box{
	display:inline-block;
	text-align:right;
}
ul.new_b_box li{display:table-cell;}

ul.new_b_box li span{
	border:1px solid #8d8d8d;
	border-right:none;
	display:inline-block;
	background: #999999;
	background: -moz-linear-gradient(top, #999999 0%, #a0a0a0 100%);
	background: -webkit-linear-gradient(top, #999999 0%,#a0a0a0 100%);
	background: linear-gradient(to bottom, #999999 0%,#a0a0a0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#a0a0a0',GradientType=0 );
	color:#fff;
}
ul.new_b_box li a{
	border:1px solid #ccc;
	display:inline-block;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
	color:#333;
	text-decoration: none;
}
ul.new_b_box li.all a,
ul.new_b_box li.all span{
	border-radius: 4px 0 0 4px;
	text-align:center;
	width:8em;
	padding:6px 8px;
}
ul.new_b_box li.new a,
ul.new_b_box li.new span{
	border-radius: 0 4px 4px 0;
	padding:6px 5px;
}
ul.new_b_box li a:hover{background:#eeeeee;}


.desired_mail{
	padding:0px 10px 10px 10px;
	margin:10px;
	background:#ebebeb;
	border:3px solid #cccccc;
	text-align:center;
}
#no_bukken_area .desired_mail{
	margin:20px 0px;
	border-color: #be0d2b;
	background: #fff;
}
.desired_mail p{
	font-size:140%;
	line-height:180%;
	font-weight:bold;
}
.desired_mail a{
	margin-bottom:5px;
	font-size:140%;
	font-weight:bold;
	width:100%;
	padding:15px 0px;
	text-decoration: none;
	border-radius: 4px;
	display:inline-block;
	box-shadow: 1px 1px 2px #a3a3a3;
	background: -moz-linear-gradient(top, #ca0a37 20%, #b70c15 100%);
	background: -webkit-linear-gradient(top, #ca0a37 20%,#b70c15 100%);
	background: linear-gradient(to bottom, #ca0a37 20%,#b70c15 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca0a37', endColorstr='#b70c15',GradientType=0 );
	border:1px solid #be0d2b;
	color:#ffffff;
}
.desired_mail a:link,
.desired_mail a:visited,
.desired_mail a:hover {
	color:#ffffff;
	text-decoration: none;
}
.desired_mail a:hover{
	background:#e80f42;
}
.desired_mail a span{
	background: url(../images/expand/desired_mail.png) no-repeat left 2px;
	background-size:25px;
	padding:5px 0 5px 40px;

}

/*--------------------------------------------------
bukken_box search_rlist
--------------------------------------------------*/
.number_list_l span{
	color:#d10208;
	font-size:130%;
	font-weight:bold;
}
.number_list_l{padding:0 3px 0 0;}
.number_list_r li{
	display: inline;
}
.number_list_r li a{color:#ffffff;padding:0 5px 0 4px;}
.number_list_r li a:hover{color:#cccccc;}
.number_list_r li.cre{color:#d10208;padding:0 5px;}


#bottom_tatemono_link.eki_list .accordion-head a span{
	font-size:15px;
}
#bottom_tatemono_link.eki_list ul li a{
	font-size:15px;
    display: block !important;

}
.eki_list .list-accordion ul .accordion-list{
	border:none;
}


.eki_list .list-accordion ul .accordion-list .accordion-head,
.eki_list .list-accordion ul .accordion-list .accordion-head .accordion-marker{

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    height: 45px;
    width: 100%;
}

.eki_list ul{
	border-top: 1px solid #c4c4c4;
}

/*--------------------------------------------------
apart_rank
--------------------------------------------------*/
.apart_rank{
	padding:0 0;
}
.apart_rank h3{
	font-size: 140%;
	font-weight: bold;
	background: url(../images/expand/icon_line.png) no-repeat left center;
	padding:3px 0 3px 15px;
	margin-bottom:15px;
}
.apart_rank h3 a{
	background: #245FBB;
	color: #fff;
	text-decoration: none;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: inline-block;
	text-align:center;
}
.apart_rank .rank_box{
	padding:0 5px;
	box-sizing: border-box;
}
.apart_rank .graph_box{
	padding: 0 0 0 10px;
	box-sizing: border-box;
}

.apart_rank .rank_box .txt{
	font-size: 140%;
	font-weight: bold;
}

.apart_rank .rank_box .txt b{
	font-size: 170%;
	color: #245FBB;
	padding:0 5px;
}

.apart_table{
	margin:10px 0;
}
.apart_table table{
	width:100%;
}
.apart_table th,
.apart_table td{
	border:1px solid #ccc;
	padding:5px 10px;
	font-weight: normal;
	text-align: left;
}
.apart_table th{
	width: 40%;
	padding:5px ;
	background:#c6deff;
}
.codecontent01 .table01{
	margin-top:-1px;
}

.codebtn01{
	background: #eeeeee;
	text-align: center;
	padding:3px;
	cursor: pointer;
	margin:0;

}
.codebtn01 span{
	position: relative;
}
.codebtn01 span:after{
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
	border: 2px solid;
	border-color:  transparent transparent #565656 #565656;
	transform: rotate(-45deg);
	top:2px;
	right:-15px;
}
.codebtn01.close span:after{
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
	border: 2px solid;
	border-color: #565656 #565656 transparent transparent ;
	transform: rotate(-45deg);
	top:7px;
	right:-15px;
}



.star5_rating{
	position: relative;
	z-index: 0;
	display: inline-block;
	white-space: nowrap;
	color: #CCCCCC; /* グレーカラー 自由に設定化 */
	font-size: 30px;
	vertical-align: middle;
	line-height: 100%;

}
.star5_rating:before, .star5_rating:after{
	content: '★★★★★';
}

.star5_rating:after{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
	color: #ffcf32; /* イエローカラー 自由に設定化 */
}

.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */