@charset "utf-8";
/* CSS Document */

/* ------------------------------
 詳細ページ
------------------------------ */

/*共通*/
h3 {
	margin-bottom: 5px;
	margin-top: 8px;
}
/*メインコンテナ・近隣ヤード*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#right_container {
	width: 750px;
	padding-top: 2px;
	float: right;
}

#left_container {
	width: 150px;
	padding-top: 2px;
	float: left;
}

#loca_container {
	position: relative;
	clear: both;
}
#map_canvas {
	border:solid 1px #ccc;
	margin-top: 10px;
	margin-bottom: 10px;
}
#address img, #access img{

}
#address img, #access img{
	position:relative;
	top:3px;
}
#main_block #exp_icon {
	text-align: center;

}



#loca_container p {
	font-size: 12px;
}
#near {
   clear: both;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	clear: both;
}
#near h3 {
	text-align:center;
	margin-top: 5px;
	font-weight: normal;
}
#near ul {
	list-style:inside;
	margin-left: 2px;
	margin-right: -4px
}
#near li {
	width:236px;
	float:left;
	padding: 4px;
	border:solid 1px #FF9900;
	font-size: 12px;
	position: relative;
	background-color: #FFFFCC;
	height:90px;
	margin-top: 0;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 0;
}
#near li:hover {
   cursor: pointer;
  
}
#near li img{
	float:left;
	padding-right: 4px;

}

/*キャンペーン・先行予約*/
#campaign, #precede, #img_spacer {
	clear:both;
	color: #EC4722;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
}

#campaign {
width:520px;
float:left;
margin-top:0px;
	
}

#campaign p {
	background-color:#ffffb5;
	border-right:#ea0000 solid 1px;
	border-left:#ea0000 solid 1px;

	padding:5px 20px;
	margin:0;
	font-weight:bold;
	text-align:left;
}
#precede p {
	background-color:#ffffb5;
	border-right:#114DF8 solid 1px;
	border-left:#114DF8 solid 1px;
	width:398px;
	padding:10px 0;
	margin:0;
	font-weight:bold;
	text-align:center;
}
#campaign .cmpn01, #precede .cmpn01{
	color: #FE0000;
	display:block;
	font-size: 1.3em;
}
#campaign .cmpn02, #precede .cmpn02{
	color: #333333;
	text-align:left;
	display: block;
}
#campaign .cmpn03, #precede .cmpn03{
	color: #333333;
	text-align:right;
	display: block;
	margin-top:15px;
}
#campaign .cmpn04, #precede .cmpn04{
	font-size: 1.3em;
}
/*PHOTOコンテナ(→iframe)*/
#iframe_body {
background-color:#FFFFFF;
overflow:hidden;
}

#position{
	padding-bottom:5px;
	padding-top: 5px;
}
.code_name{
margin-top:12px;
}

#main_block {
	position: relative;
	height: 75px;
}
#main_block #address {
	position: absolute;
	left: 95px;
	top: 8px;
	margin:0;
	line-height: 120%;
	font-size: 14px;
	text-align: left;
	width:auto;
line-height:1.5em;
}

#address .near_memo{
font-weight:bold;

}

a.btn_blue{
	border:1px solid #25729a;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family:arial, helvetica, sans-serif;
	text-decoration:none;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold;
	color: #FFFFFF;
	background-color: #3093c7;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
	background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
	background-image: linear-gradient(to bottom, #3093c7, #1c5a85);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
	color:#FFFFFF;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	    margin-bottom: 3px;
    line-height: 1.3em;
}


#main_block #access {
	position: absolute;
	left: 96px;
	top: 46px;
	margin:0;
	font-size: 14px;
	text-align: left;
	width: 300px;
}
#main_block #tt_summary_access {
	position: absolute;
	width: 80px;
	top: 46px;
	margin: 0px;
}
#main_block #tt_summary_adr {
	position: absolute;
	width: 80px;
	top: 12px;
	left: 0px;
	margin: 0px;
}
#tt_summary_icon, #tt_summary_time {
	width: 80px;
}
#tt_summary_icon {
	margin: 15px 0 15px;
}
#tt_summary_icon img {
   width: 150px;
}
#tt_summary_time {
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
ul#icon, p#time {
	font-size: 14px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
ul#icon, p#time {
margin-bottom:0px;
}
ul#icon li {
	float: left;
	margin-right: 3px;
}
ul#icon li img {
border:none;
}
#icon_text {
clear:both;

}

.equipment{
margin-bottom:7px;

}

/*アルソック*/
p.equipment_img {
	margin: 0;
	padding: 0;
	text-align: center;
}
p.equipment_img img {
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}
p.equipment_text {
	margin-left: 0px;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	text-align: center;
}
p.equipment_text span {
	margin: 0;
	padding: 0;
}


#pict_container {
	width: 400px;
	float: right;
	position: relative;
}
#pict_container #mainPic #target {
	padding: 2px;
	border: 1px solid #CCCCCC;
}
#photo {
	margin: 0;
	width: 410px;
	position: relative;
}
#photo img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#gallery {
   overflow: hidden;
	font-size: 9pt;
	border:none;
	font-size: 10pt;
	background:#fff;
	text-align:center;
	width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#gallery ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 400px;
}
#gallery li {
	display: block;
	width: 100px;
	margin: 0px;
	float: left;
	overflow: hidden;
	background-image: url(../images/bg_film.gif);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 8px;
	padding-bottom:3px;
}
#gallery a {
	cursor: pointer;
}
#gallery img {
	height: 69px;
	width: 92px;
}

/*ボタン*/
#buttons {
	text-align: left;
	overflow: hidden;
	margin-bottom: 5px;
}
#buttons ul {

}
#buttons li {
	list-style:none;
	width: 128px;
	float: left;
	padding-right: 6px;
	padding-bottom:3px;
}
/*バナー*/
ul#bnr_other {
   clear: both;
   overflow: hidden;
   margin-top: 10px;
   margin-right: -4px;
}
ul#bnr_other li {
   float: left;
   margin-right: 5px;
   margin-bottom: 3px;
}
ul#bnr_other li img {
   border: 1px solid #999;
}
/*ボタン*/
#buttons {
	text-align: left;
	overflow: hidden;
	margin-bottom: 5px;
}
#buttons ul {

}
#buttons li {
	list-style:none;
	width: 128px;
	float: left;
	padding-right: 6px;
	padding-bottom: 4px;
}
/*お得な契約方法*/
.otoku ul {
   font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
   overflow: hidden;
   margin-bottom: 20px;
}
.otoku li {
	display: block;
	width: 165px;
	float: left;
	margin-right: 5px;
}
.otoku li a {
   display: block;
   color: #333;
   font-size: 100%;
   background-color: #f6a72a;
   border: 1px solid #CC7C12;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: 2px 2px 0px #CC7C12;
   -moz-box-shadow: 2px 2px 0px #CC7C12;
   box-shadow: 2px 2px 0px #CC7C12;
   color: #fff;
   text-shadow: 1px 0px 0px #f19402, 0px 1px 0px #f19402, -1px 0px 0px #f19402, 0px -1px 0px #f19402;
   margin-bottom: 4px;
   padding: 6px 3px 3px 15px;
}
.otoku span {
   font-weight: bold;
   font-size: 140%;
   line-height: 1.1;
}
.otoku li a:hover {
   background-color: #FFFBF0;
   box-shadow: 2px 2px 0px #fff;
   color: #f19402;
   text-shadow: 1px 0px 0px #FFFBF0, 0px 1px 0px #FFFBF0, -1px 0px 0px #FFFBF0, 0px -1px 0px #FFFBF0;
     filter:alpha(opacity=100);
     -moz-opacity:1;
     -khtml-opacity:1;
     opacity:1;
}
/*料金表*/
#charge {
	clear: both;
	margin: 0;
	padding: 10px 0 0 0;
}
#charge table {
	margin: 0 auto;
	background-color:#CCCCCC;
}
#charge td {
	text-align: center;
	font-size: 1.1em;
	letter-spacing: 0.1em;
	background-color: #FFFFFF;
}
#charge th, #charge .charge {
	background-color: #efefef;
	font-weight: normal;
	font-size: 1em;
	letter-spacing: 0.1em;
	text-align: center;
}
#tbl_rent {
	width: 100%;
	border-collapse:collapse;
}

#tbl_rent caption a{
	text-decoration:underline;
	color:#0066CC;
	font-weight:bold;
	margin-bottom:5px;
}
#tbl_rent caption a:hover{
text-decoration:none;
}

#tbl_rent th, #tbl_rent td {
	padding:2px;
	border-collapse: collapse;
	border:solid 1px #ccc;
	font-size:12px;
}
#tbl_rent th {
	text-align: center;
	font-weight: normal;
	color: #666666;
	background-color:#f9f9f7;
}


#tbl_rent td {
	text-align: center;
	padding: 5px;
}
#tbl_rent .td_charge {
	font-size: 14px;

}
#tbl_container {
	margin-bottom: 8px;
	width: 100%;
}
#tbl_container ul#remarks {

}
#tbl_container ul#remarks li {
	display: inline;
	font-size: 11px;

}
#tbl_container #exp_ico img {
	float:left;
}
.num_tatami {
	font-size: 16px;
	
}
.estimate{
	width:250px;
	float:right;
	padding:0;
	margin-top:15px;
}
.estimate .e-frame{
	margin:0;
}
.estimate #e-cont{
	width:246px;
	background-color:#F0F9FB;
	margin:0;
	border-left:#004F8B solid 2px;
	border-right:#004F8B solid 2px;
	overflow:hidden;
}
.estimate #e-cont button{
	border:none;
	padding:0;
	cursor:pointer;
	background-color:#F0F9FB;
}
.estimate #e-cont p{
	text-align:left;
	padding:0 10px;
}
.estimate #e-cont .text{
	font-size:11px;
	text-align:left;
	padding:0 10px;
}
.estimate #e-cont span{
	color: #FF6600;
}
.estimate #e-cont ul{
	text-align:left;
	padding-left:15px;
	line-height:1.3;
	margin-bottom:5px;
}
.estimate #e-cont #result{
	border-bottom:#333333 solid 1px;
	overflow:hidden;
	width:230px;
	margin-left:10px;
}
.estimate #e-cont #result-l{
	float:left;
	width:100px;
	text-align:right;
	margin-top:5px;
}
.estimate #e-cont #result-r{
	float:left;
	width:80px;
	text-align:right;
	margin-top:5px;
}
.estimate #e-cont #total{
	clear:both;
	font-weight:bold;
	font-size:1.2em;
	text-align:center;
}

#img_spacer {

}


#estimate {
	float: left;
	background-color: #efefef;
	width: 250px;
}



#notice {
	display: block;
	clear: left;
	position: relative;
	padding-top: 6px;
	margin-bottom: 10px;
	overflow: hidden;
}

#notice li {
	list-style-type: none;
	margin-left: 4px;
	margin-bottom: 3px;
	float: left;
	width: 100%;
	padding-left: 10px;

}

#bottom_container {
	clear:both;
	padding: 10px 0 0 0;
}
#tbl_rent .rldnt_price {
	color: #FF0000;
}
#yardcode {
	background-image: url(../img/yardcode.jpg);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left top;
	font-size: 13px;
	height: 11px;
}
.highslide-maincontent {
	padding: 5px;
	
}
.highslide-maincontent dl {
	text-align: left;
	padding: 8px;
}
.highslide-maincontent dl dt {
	color: #FFF;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	background-color: #999;
	line-height: 18px;
}
.highslide-maincontent dl dd {
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 14px;
}
.highslide-maincontent dl .dd00 {
	color: #F00;
	padding-top: 10px;
}
#tyu4-icon {
	position: absolute;
	left: 142px;
	top: 1px;
	width: 21px;
	height: 14px;
}
#tyu4-icon .highslide img {
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}
#loca_container #exp_icons {
	position: absolute;
	width: 292px;
	top: 7px;
	right: 7px;
}
/*jquery.biggerlink用*/
.hover {
cursor: pointer;
background-color:#FFFF66;

}
#near a {
text-decoration:none;
}
#near #near_ico {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#near #near_pic {
	float:left;

}
#exp_ico {
	text-align: right;
	clear: left;
}
#exp_ico .ico_bordered {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF9900;
	border-bottom-color: #FF9900;

}
#near .nyar_kiro {
	font-weight: bold;
	color: #0066FF;
	font-size: 14px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0033CC;
	margin-right: 4px;
	margin-left: 73px;
	margin-bottom: 4px;
}
#near .kilometer {
	font-size: 18px;
	margin-right: 0.2em;
	margin-left: 0.2em;
}
#near .yard_address {
	position: absolute;
	left:6px;
	top:63px;

}
#container {
	width: 920px;
}
#pict_container #open_notice {
	font-size: 40px;
	font-weight: bolder;
	color:#FFF;
	position: absolute;
	top: 320px;
	z-index: 0;
	width: 400px;
	left: 0px;
	text-align: center;
	filter:shadow(color=#333333,direction=135);
   text-shadow: 1px 1px 3px #333;
}
/*-----（600425）川口源左衛門------*/
#yard_600425 p {
   background-color: #FFFF00;
   color: #FF0000;
   font-size: 2em;
   text-align: center;
   font-weight: bold;
   line-height: 1.4;
}

/*運搬サービス用*/
#left_container #carry {
	background-image: url(../img/bg_carry.gif);
	background-repeat: no-repeat;
	height: 116px;
	width: 550px;
	position: relative;
	margin-bottom: 3px;
}
#left_container #carry p {
	position: absolute;
	top: 6px;
	right: 8px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left;
}
#left_container #carry a {
	text-decoration: underline;
	color: #FFFFFF;
}
#left_container #carry a:hover {
	text-decoration: none;
}
#left_container #carry #btn_carry {
	position: absolute;
	top: 41px;
	right: 7px;
}

.hensoku{
	color:#0066FF;
	font-size:12px;
}


/*契約について*/
#about_info{
width:400px;
float:left;
}
/*お得な契約方法*/
#otoku_info{
width:340px;
float:right;
}

#about_netkei{
margin-bottom:3px;
}
#about_netkei a{
color:#1166a9;
text-decoration:underline;
font-weight:bold;
}
#left_container li {
	margin-bottom: 5px;
}
#left_container li img {
	border: 1px solid #CCCCCC;
}


/*--ネット契約--*/

#netkei_right {
float:right;
width:205px;
}

#netkei p,
#netkei_right p{
	display: block;
	background-color:#0071bd;
	border: solid 1px #fff;
	outline: solid 2px #0071bd;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
	margin-top: 15px;
}

#netkei a,
#netkei_right a
 {
 text-decoration: underline;
 margin-top:3px;
}

#netkei a:hover,
#netkei_right a:hover
 {
 text-decoration:none;
}
#netkei_right p {
   text-align: center;
   font-size: 110%;
}

#netkei_right strong {
	font-size: 185%;
	line-height: 36px;
	display: block;
}

#netkei_right p #web_keiyaku span{
	float: right;
	clear: none;
	line-height: 15px;
	background-color: #FFAB5C;
	font-size: 12px;
	color:#FFFFFF;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	display: block;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
}

#netkei_right p #web_keiyaku {
    display: block;
    width: 190px;
    margin-left: auto;
    margin-right: auto;
}

#netkei_right p span {
	clear:both;
	display: block;
}

#netkei p span {
	display: block;
	padding-top:3px;
	text-align:center;
}

#netkei_right p img{
	vertical-align:bottom;
	padding-right: 2px;
	padding-left: 2px;
}

#netkei p img{
	vertical-align:bottom;
	padding-right: 2px;
	padding-left: 2px;
}


/*キャンペーンが無いときのネット契約*/
#netkei_in {
width:700px;
margin-left:auto;
margin-right:auto;
}




#netkei #left {
float:left;
text-align:center;
}


#netkei strong{
	font-size: 185%;
	vertical-align: -3px;
}

#netkei #right {
float: left;
margin-top: 15px;
padding-left:25px;
}

#netkei #left span{
background-color: #FFAB5C;
	font-size: 12px;
	color:#FFFFFF;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	display: block;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
}


/*運搬サービス用*/
#about_carry{
text-decoration: underline;
    color: #0066CC;
    font-weight: bold;

}
#about_carry:hover{
text-decoration: none;

}

#carry {
	background-image: url(../img/bg_carry.gif);
	background-repeat: no-repeat;
	height: 78px;
	width: 750px;
	position: relative;
	margin-bottom: 3px;
	border: 1px solid #666666;
}

#carry #btn_carry {
	position: absolute;
	top: 11px;
	right: 12px;
	width:178px;
height:56px;

}

.ex_comment{
	font-size:28px;
	color:#FF0000;
	font-weight:bold;
	text-align:center;
	padding: 5px;
	border: 1px solid #FF0000;
	margin-bottom:8px;
}
.ex_comment h4 {
	letter-spacing: 0.1em;
   line-height: 1;
   padding: 5px 0 0;
}
.ex_comment p {
   color: #444;
   font-size: 130%;
   padding: 0;
}
.ex_comment p span {
   color: #FF0000;
}
.ex_comment div {
   width: 660px;
   background-color: #FFFCF0;
   border: 1px solid #FEE4C2;
   text-align: left;
   color: #444;
   padding: 8px 18px;
   margin: 0 auto 5px;
}
.ex_comment div p {
   font-size: 50%;
   font-weight: normal;
   line-height: 1.4;
   padding: 5px 10px;
   margin-bottom: 8px;
}
.ex_comment ul {
   font-size: 60%;
   line-height: 1.3;
}
.ex_comment ul.ex_list {
   font-size: 75%;
   color: #FF0000;
}
.ex_comment ul.ex_list strong {
   font-size: 120%;
   padding-left: 5px;
}

#table_before{
margin-top:7px;

}

#table_before .right{
float:right;
width:577px;
}

#table_before .left{
float:left;
width:142px;
}