@charset "utf-8";

/* CONTENTS */

/* topics */
#topics {
	padding: 10px;
	background: #FFF;
	margin-bottom: 10px;
}

#topics .box {
	width: 468px;
	border: 1px solid #BFB4A2;
	margin-right: 10px;
	float: left;
}
#topics .box .entry {
	padding: 10px;
	height: 110px;
}
#topics .box .entry li{
	border-bottom: 1px dashed #BFB4A2;
	padding: 3px;
}

#topics .box2 {
	border: 1px solid #BFB4A2;
	margin-bottom: 10px;
}

#topics .box2 .entry {
	padding: 10px;
}

#topics .box2 .entry li{
	border-bottom: 1px dashed #BFB4A2;
	padding: 10px;
}
#topics .box2 .title {
	padding: 10px;
	border-bottom: 1px solid #BFB4A2;
}

#topics .box2 .title h3 {
	font-size: 16px;
	padding-top: 5px;
	color: #300;
}


#topics .btn {
	height: 130px;
	width: 160px;
	float: left;
}

#topics .btn a img { border: 1px solid #BFB4A2; }

#topics .btn a:hover img{ border: 1px solid #A4947A; }

#search {
	background: #A1977E;
	padding: 10px 10px 5px;
	margin-bottom: 10px;
}

#search #map {
	height: 280px;
	width: 280px;
	float: left;
	margin-top: 10px;
	border: 5px solid #FFF;
	margin-right: 10px;
}

#search #form {
	float: left;
	width: 340px;
	font-size: 10px;
	margin-top: 10px;
}
#search #form table {
	border-collapse: collapse;
	width: 340px;
	padding: 5px;
	height: 295px;
}
#search #form .td_gb1 {
	background: #EAE5DF;
	vertical-align: top;
	border-bottom: 5px solid #A1977E;
}

#search #form .td_gb2 {
	background: #EAE5DF;
	width: 115px;
	vertical-align: top;
	border-right: 5px solid #A1977E;
	border-bottom: 5px solid #A1977E;
}

#search #form .td_gb3 {
	background: #EAE5DF;
	width: 110px;
	vertical-align: top;
	border-bottom: 5px solid #A1977E;
}

#search #form .td_bt {
	width: 110px;
	border-bottom: 5px solid #A1977E;
	text-align: center;
}
#search #form input.box { width: 100px; }

#search #form input.submit {
	width: 110px;
	font-size: 16px;
	height: 50px;
}


#search #form select{ margin-bottom: 5px; }

#search #form .title {
	color: #300;
	background: #FFF;
	padding-left: 5px;
	font-weight: bold;
	border-bottom: 1px solid #A1977C;
}
#search #form .item {
	line-height: 1em;
	text-align: center;
	padding-top: 8px;
	padding-right: 3px;
	padding-left: 3px;
}
#search #form .item span{
	font-size: 12px;
	color: #F30;
	font-weight: bold;
}






/* Bukken */
#bukken {
	background: #FFF;
	padding: 10px;
	margin-bottom: 10px;
}

#bukken .tab {
	background: url(/img/base/bg_tab.jpg) no-repeat left bottom;
	height: 65px;
        padding-left: 80px;
}

#bukken .tab li {
	float: left;
	text-indent: -9999px;
	overflow:hidden;
}

#bukken .tab li a {
	display: block;
	height: 27px;
	width: 115px;
}

#bukken .tab li.tabon1 a {
	background: url(/img/base/tab1.jpg);
	margin-top: 15px;
	margin-right: 5px;
}

#bukken .tab li.tabon2 a {
	background: url(/img/base/tab2.jpg);
	margin-top: 15px;
	margin-right: 5px;
}

#bukken .tab li.tabon3 a {
	background: url(/img/base/tab3.jpg);
	margin-top: 15px;
	margin-right: 5px;
}

#bukken .tab li.tabon4 a {
	background: url(/img/base/tab4.jpg);
	margin-top: 15px;
	margin-right: 5px;
}

#bukken .tab li.tabon1 a:hover { background: url(/img/base/tab1on.jpg); }

#bukken .tab li.tabon2 a:hover { background: url(/img/base/tab2on.jpg); }

#bukken .tab li.tabon3 a:hover { background: url(/img/base/tab3on.jpg); }

#bukken .tab li.tabon4 a:hover { background: url(/img/base/tab4on.jpg); }

#bukken .tab li.tabon1st a {
	background: url(/img/base/tab1st.jpg);
	margin-top: 15px;
	margin-right: 5px;
}

#bukken .tab li.tabon2st a {
	background: url(/img/base/tab2st.jpg);
	margin-top: 15px;
	margin-right: 5px;
}

#bukken .tab li.tabon3st a {
	background: url(/img/base/tab3st.jpg);
	margin-top: 15px;
	margin-right: 5px;
}

#bukken .tab li.tabon4st a {
	background: url(/img/base/tab4st.jpg);
	margin-top: 15px;
	margin-right: 5px;
}

#bukken .tab li.tabon1st a:hover { background: url(/img/base/tab1on.jpg); }

#bukken .tab li.tabon2st a:hover { background: url(/img/base/tab2on.jpg); }

#bukken .tab li.tabon3st a:hover { background: url(/img/base/tab3on.jpg); }

#bukken .tab li.tabon4st a:hover { background: url(/img/base/tab4on.jpg); }


#bukken .list { /* bukken list */
	border-right: 1px solid #BFB4A2;
	border-bottom: 1px solid #BFB4A2;
	border-left: 1px solid #BFB4A2;
	padding: 10px 19px 19px;
}

#bukken .list .article {
	margin-bottom: 20px;
}

#bukken .list .article .clearfix {
	clear: both;
	height: 0px;
}

#bukken .list .article .image {
	float: left;
	width: 170px;
	margin-right: 10px;
}

#bukken .list .article .image .photo{
	background: #EAE5DF;
	padding: 4px;
	border: 1px solid #BFB4A2;
	height: 120px;
	width: 160px;
	margin-bottom: 5px;
	display: block;
}

#bukken .list .article a:hover .image .photo  {
	background: #FC9;
	border: 1px solid #FC9;
}


#bukken .list .article .detail {
	float: left;
	width: 408px;
	background: #BDB5A2 url(/img/base/bg_bukken.jpg) no-repeat left top;
	border: 1px solid #C1B3A8;
	padding: 10px 5px 5px;
}
#bukken .list .article a:hover .detail {
	background: #FC9 url(/img/base/bg_bukken_on.jpg) no-repeat;
	border: 1px solid #FC9;
}

#bukken .list .article .detail .tit{
	float: left;
	width: 40px;
	background: #FFF;
	padding: 5px;
	border-bottom: 1px dashed #BDB5A2;
	clear: both;
	font-weight: bold;
}
#bukken .list .article .detail .txt{
	float: left;
	background: #FFF;
	padding: 5px;
	border-bottom: 1px dashed #BDB5A2;
	width: 348px;
}
#bukken .list .article .detail .text {
	background: #FFF;
	padding: 5px;
	display: block;
}




#bukken .list .article .detail .title {
	height: 25px;
	padding-left: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #300;
	width: 260px;
	float: left;
}

#bukken .list .article .detail .price {
	width: 115px;
	float: left;
	font-size: 10px;
	color: #333;
	height: 25px;
	text-align: right;
}

#bukken .list .article .detail table {
	background: #FFF;
	width: 410px;
	border-collapse: collapse;
}

#bukken .list .article .detail table th ,
#bukken .list .article .detail table td {
	padding: 5px;
	border-bottom: 1px dashed #C1B3A8;
	text-align: left;
}

#bukken .list .article .detail table th {
	width: 40px;
	color: #333;
}

.navibar1   {
	padding: 2px;
	height: 19px;
	background: url(/img/base/bg_navi.jpg) repeat-x left top;
	border: 1px solid #A3947A;
	text-align: center;
}

.navibar1 .current {
	background: #A3947A;
	border: 1px solid #FFF;
	padding-right: 8px;
	padding-left: 8px;
	margin-right: 2px;
	margin-left: 2px;
	color: #FFF;
	font-weight: bold;
	height: 17px;
}
.navibar1 .number {
	background: #FFF;
	padding-right: 8px;
	padding-left: 8px;
	border: 1px solid #A3947A;
	height: 17px;
}
.navibar1 a  {
	margin-right: 2px;
	margin-left: 2px;
}


.navibar1 a:hover .number {
	background: #FFC;
	text-decoration: none;
}



.navibar2 {
	padding: 2px;
	background: url(/img/base/bg_navi.jpg) repeat-x left top;
	border: 1px solid #A3947A;
	margin-bottom: 10px;
	height: 19px;
}

.navibar2 .arrow {
	float: left;
	width: 19px;
	height: 19px;
}

.navibar2 .arrow_l {
	float: left;
	width: 101px;
	padding-left: 5px;
}

.navibar2 .arrow_r {
	float: left;
	width: 101px;
	text-align: right;
	padding-right: 5px;
}

.navibar2 .page {
	width: 264px;
	float: left;
	padding-left: 140px;
}

.navibar2 .page_tp {
	width: 254px;
	float: left;
	padding-left: 130px;
}



#movie {
	background: #000;
	padding: 10px;
	height: 385px;
	width: 640px;
	margin-bottom: 10px;
}
#datas , #cont_base{
	padding: 10px;
	margin-bottom: 10px;
	background: #FFF;
}
#datas .leftarea {
	width: 320px;
	margin-right: 10px;
	float: left;
}
#datas .leftarea .photo{
	width: 310px;
	margin-bottom: 10px;
	border: 5px solid #BFB4A2;
}
#datas .leftarea .thum1,
#datas .leftarea .thum2 {
	width: 153px;
	margin-bottom: 10px;
	border: 1px solid #BFB4A2;
	height: 114px;
	float: left;
}

#datas .leftarea .thum1 { margin-right: 10px; }

#datas .leftarea .good {
	border: 5px solid #FC9;
	background: #FFC;
	padding: 10px;
}

#datas .detail {
	float: left;
	width: 310px;
}

#datas .detail table {
	width: 100%;
	border-collapse: collapse;
}

#datas .detail table th ,
#datas .detail table td {
	padding: 5px;
	border-bottom: 1px dashed #C1B3A8;
	text-align: left;
}

#datas .detail table th {
	width: 70px;
	color: #333;
	font-weight: normal;
}

#mail {
	background: #FFF;
	padding: 10px;
	margin-bottom: 10px;
}
#mail h3 {
	border-bottom: 1px solid #C1B3A8;
	padding: 5px 5px 5px 25px;
	background: url(/img/base/mark01.gif) no-repeat 5px center;
	margin-bottom: 10px;
}
#mail .divbox1 { margin-top: 20px; }
#mail .divbox2,
#mail .divbox3 {
	float: left;
	width: 310px;
	margin-top: 30px;
}
#mail .divbox2 { margin-right:10px; }
#mail .divbox3 { margin-left:10px; }
#mail table {
	width: 100%;
	border-collapse: collapse;
}

#mail table th ,
#mail table td {
	padding: 7px;
	border-bottom: 1px dashed #C1B3A8;
	text-align: left;
}

#mail table th {
	width: 60px;
	color: #333;
}

#mail table th.news {
	width: 150px;
	color: #333;
}

#mail textarea {
	width: 300px;
	margin: 5px;
	height: 200px;
}

#mail textarea.news {
	width: 300px;
	margin: 5px;
	height: 100px;
}

#mail input.w210 { width: 210px; }


#mail .btn_submit {
	margin-top: 20px;
	border-top: 1px solid #C1B3A8;
	padding-top: 20px;
	text-align: center;
	padding-bottom: 10px;
}

.mail_cpmp {
	padding: 20px;
	margin-bottom: 10px;
	background: #FFC;
	text-align: center;
	border: 2px solid #9F9780;
}
.mail_cpmp .title {
	font-size: 16px;
	font-weight: bold;
	color: #F60;
	margin-bottom: 10px;
}
#mail .alert {
	margin-top: 20px;
	padding: 5px;
	background: #FFC;
	border: 2px solid #F96;
	color: #F30;
	text-align: center;
}



#cont_head {
	padding: 10px;
	margin-bottom: 10px;
	background: #FFF;
}



.red1 {
	font-size: 14px;
	font-weight: bold;
	color: #C00;
}
.red2 {
	font-size: 10px;
	color: #C00;
}


.bg_gray1 { background: #EAE5DF; 
}

h2.tbox1 {
	padding: 10px;
	margin-bottom: 10px;
	background: #FFF;
}

/* COMMON
===========================*/
/* SPACE */
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pb0{ padding-bottom:0;}
.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.mb10 { margin-bottom: 10px; }

.mr20{ margin-right:20px;}
.t14 { font-size: 14px; }

/* TABLE STYLE */
div.tableBox{
	background:url(/img/hiroshima/bg_table01.gif);
	padding:5px;
	margin:10px 0;
}
.table01{
	border:1px solid #CCCCCC;
	background:#FFFFFF;
}
.table01 th{
	background:#E7E1DA;
	padding:4px 6px;
	border-bottom:1px solid #CCCCCC;
}
.table01 td{
	background:#FFFFFF;
	padding:4px 6px;
	border-bottom:1px solid #CCCCCC;
}
.table01 .lineNone{
	border-bottom:0px;
}

.table02 th{
	padding:8px;
	background:#E6E6E6;
	border:1px solid #FFFFFF;
}
.table02 td{
	padding:8px;
	border-bottom:1px solid #CCC;
	border-right:1px dotted #CCC;
	line-height:1.68;
}
.table02 td.tdLeftLine{
	border-left:1px dotted #CCC;
}

/* FLOAT */
.clear{ clear:both;}
.float_r{ float:right; padding:0 0 15px 15px;}
.float_l{ float:left; padding:0 15px 15px 0;}

div.titleH3{
	border-bottom:1px solid #CCC;
	padding-left:20px;
	margin-bottom:30px;
}


/* SELL
===========================*/
div#contents02{
	background:#FFFFFF;
	padding:20px;
}
h3{
	clear:both;
	padding:0 0 20px 0;
}
ul.timingUl li{
	float:left;
	padding:0 0 20px 0;
}
div.systemBox{
	border:1px dotted #960;
	padding:10px;
	margin-bottom:20px;
	text-align:center;
}


/* HIROSHIMA
===========================*/
div.section{ clear:both; 
}

div.section p {
	clear:both;
	margin-left: 20px;
}

div.section h4{
	background:url(/img/hiroshima/subtitle_bg01.gif) no-repeat;
	padding:0 20px 6px 25px;
	font-size:120%;
	line-height:3.22;
}
div.section ul{ padding-left:10px;}
div.section ul li{
	padding-left:12px;
	background:url(/img/hiroshima/arrow_circle_blue.gif) 0 7px no-repeat;
}
div.section table { }
div.section table td {
	padding: 5px;
	border-bottom: 1px solid #CCC;
	width: 182px;
	line-height: 1.2em;
	font-size: 12px;
}

div.section table td span {
	font-size: 10px;
	color: #999;
}





/* BUYING_SELLING
===========================*/
dl.fllowDl{
	clear:both;
	height:0;
	padding-top:6px;
	margin-left: 60px;
}
dl.fllowDl dt{
	width:260px;
	float:left;
	font-size: 14px;
	margin-top: 10px;
}
dl.fllowDl dt.fllowDtNo{
	background:none;
}
dl.fllowDl dd{
	width:500px;
	float:left;
	padding-left: 35px;
}
dl.fllowDl dt strong{
	background:#FFFFFF;
	padding:0 10px 0 10px;
}
div.pointBox{
	clear:both;
}
dl.point01{
	background:url(/img/buying_selling/point_1.gif) no-repeat 10px 16px;
	padding:20px 0 0 70px;
	font-size: 14px;
}

dl.point02{
	background:url(/img/buying_selling/point_2.gif) no-repeat 10px 16px;
	padding:20px 0 0 70px;
	font-size: 14px;
}
dl.point01 dt strong , dl.point02 dt strong{ color: #F60; }


/* GLOSSARY
===========================*/
div.initialList {
	width: 630px;
	padding: 0 0 4px 10px;
	background: url(../info/glossary/img/initial_list_bg.gif) 0 0 repeat-y;
}
div.initialList:after {
	height: 1px;
	margin-top: -1px;
	font-size: 1px;
	line-height: 1px;
	content: ".";
	display: block;
	color: #ffffff;
	clear: both;
}
div.initialList table.initial01,
div.initialList table.initial02 {
	float: left;
	width: 180px;
}
div.initialList table.initial02 { margin-left: 30px;}
div.initialList table.initial01 th,
div.initialList table.initial02 th {
	width: 30px;
	padding: 4px 0 0 0;
	font-weight: bold;
	text-align: left;
}
div.initialList table.initial01 th a,
div.initialList table.initial02 th a {
	display: block;
	width: 30px;
	padding: 0 0 0 0px;
	background: url(../info/glossary/img/icon_square_arrow.gif) left center no-repeat;
}
div.initialList table.initial01 td a,
div.initialList table.initial02 td a {
	display: block;
	width: 50px;
	margin: 3px 0 0 2px;
	padding: 3px 0;
	text-align: center;
}
div.initialList table.initial01 td span.space,
div.initialList table.initial02 td span.space {
	display: block;
	width: 50px;
	margin: 4px 0 0 2px;
	padding: 3px 0;
	text-align:center;
	color:#999;
}
div.initialList table.initial01 .pattern01 td a,
div.initialList table.initial02 .pattern01 td a,
div.initialList table.initial01 .pattern01 td span.space,
div.initialList table.initial02 .pattern01 td span.space { background: #F2E6C3;}

div.initialList table.initial01 .pattern01 td a:hover,
div.initialList table.initial02 .pattern01 td a:hover {	background: #FAECA5;}

div.initialList table.initial01 .pattern02 td a,
div.initialList table.initial02 .pattern02 td a,
div.initialList table.initial01 .pattern02 td span.space,
div.initialList table.initial02 .pattern02 td span.space { background: #FBF5D7;}

div.initialList table.initial01 .pattern02 td a:hover,
div.initialList table.initial02 .pattern02 td a:hover {	background: #FAECA5;}

div.glossaryBox{
	clear:both;
	padding:20px 0;
}
div.glossaryBox h4 a,
div.glossaryBox h4 a:hover{
	text-decoration:none;
}
div#retbar02{
	text-align:right;
	padding:5px 0 15px 0;
}
div.profileBox img { margin-left: 28px; }



/* CORP
===========================*/
div.profileBox dl{
	float:left;
	width:250px;
	padding-bottom:40px;
	color: #333;
	margin-right: 30px;
	margin-left: 30px;
}
div.profileBox dl dt{
	font-weight:bold;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 5px;
	color: #300;
}
div.profileBox dl dt span{
	font-weight:normal;
	color:#666;
	padding-left:6px;
	font-size: 10px;
}
div.profileBox dl dt span.sub  {
	font-weight:normal;
	color:#333;
	font-size: 10px;
	padding-left: 0px;
}

div.corpBox table{
	float:left;
}

div#privacy h3 {
	font-size: 14px;
	line-height: 1.7em;
	font-weight: bold;
	border-bottom: 1px dashed #CCC;
	margin-bottom: 10px;
	background: url(/img/base/mark01.gif) no-repeat 10px 37px;
	padding: 30px 0px 5px 30px;
	color: #09F;
}

div#privacy p { padding: 0px 10px; }

div#privacy ol {
	list-style-type: decimal;
	padding: 0px 0px 0px 30px;
}

div#privacy ol li {
	list-style-type: decimal;
	list-style-position: outside;
}

div#series {
	text-align: right;
	margin-bottom: 20px;
	color: #600;
	font-size: 12px;
}

div.section p img.left {
	float: left;
	margin-right: 10px;
}

div.section p img.right {
	float: right;
	margin-left: 20px;
}
div.gMap{
	width:290px;
	height: 350px;
}

div#map {
	height: 350px;
	width: 270px;
	float: right;
	border: 1px solid #CCC;
}
.corpBox .table01 th {
	width: 60px;
	padding: 10px;
}

.corpBox .table01 td {
	width: 230px;
	padding: 10px;
}


#sitemap {
	font-size: 14px;
	width: 300px;
	padding-left: 28px;
	float: left;
	border-left: 1px dashed #CCC;
	padding-bottom: 20px;
}
#sitemap li {
	line-height: 1.4em;
	margin-top: 10px;
	background: url(/img/base/mark01.gif) no-repeat 10px 10px;
}

#sitemap li a{
	padding: 5px 10px 5px 30px;
	border: 1px solid #CCC;
	width: 200px;
	display: block;
}
#sitemap li a:hover {
	border: 1px solid #F60;
	text-decoration: none;
}



#sitemap li .top_cont { padding-left: 50px; }

.fukidashi1 {
	background: url(/img/sell/image_fuki1.gif) no-repeat left top;
	width: 468px;
	float: left;
	padding-left: 35px;
	padding-top: 15px;
	padding-right: 30px;
}

.fukidashi2 {
	background: url(/img/sell/image_fuki2.gif) no-repeat left top;
	float: left;
	width: 533px;
	height: 10px;
}