@charset "utf-8";

body{
	margin : 0;
	padding : 0;
	font-size : 100%;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,li,address{
	margin : 0px;
	padding : 0px;
}

img{
	border : 0;
}

/*********************************************
　layout
***********************************************/

div#wrapper{
	margin : 0 auto;
	width : 860px;
}

div#wrapper:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

div#header{
	position : relative;
}


div#left_box{
	clear : both;
	padding-top : 10px;
	width : 220px;
	font-size : 0.8em;
	color : #333;
	line-height : 1.3em;
	float : left;
}

div#right_box{
	padding-bottom : 100px;
	width : 640px;
	float : right;
}

div#right_box:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

div#main_box{
	padding-top : 10px;
	width : 420px;
	float : left;
	color : #333;
}

div#link_box{
	padding-top : 10px;
	width : 220px;
	float : right;
	font-size : 0.8em;
	line-height : 1.3em;
	color : #333;
}

div#contents_box{
	padding-bottom : 100px;
	width : 860px;
}

div#contents_box:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

div#static_box{
	padding-bottom : 20px;
	width : 640px;
	float : left;
}

div#static_box:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

div.footer{
	clear : both;
	width : 100%;
	border-top : #999 solid 1px;
	border-bottom : #999 solid 1px;
	background-color : #eee;
}

.footer table{
	margin : 0 auto;
	width : 340px;
}

.footer td{
	padding : 5px 0px 5px 5px;
	font-size : 0.8em;
}

#copyright{
	padding : 5px 5px 10px 5px;
}

address{
	font-style : normal;
	font-size : 0.8em;
	color : #999;
}

address a{
	color : #999;
}

address a:hover{
	color : #666;
}


.related_link ul{
	list-style : none;
	margin-bottom : 20px;
}

.related_link ul:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

.related_link li{
	padding : 5px 10px 5px 5px;
	font-size : 0.8em;
	float : left;
	white-space : nowrap;
}

.related_link a{
	color : #ccc;
}

.related_link a:hover{
	color : #999;
}

div#logo{
	padding-bottom : 10px;
	padding-left : 5px;
	width : 190px;
	font-weight : bold;
	font-family : ＭＳ Ｐゴシック;
	text-align : center;
}

#logo div{
	font-weight : bold;
	font-size : 29px;
}

#logo p{
	font-size : 13px;
	line-height :1.3em;
}

#logo a{
	text-decoration : none;
}

.bt_pagelink{
	padding-left : 10px;
	width : 120px;
	float : right;
	font-size : 0.8em;
	background : transparent url(./../images/site/ic_pagetop.gif) no-repeat;
	background-position : 0px 5px;
}

.bt_pagelink02{
	padding-left : 10px;
	padding-bottom : 50px;
	width : 120px;
	float : right;
	font-size : 0.8em;
	background : transparent url(./../images/site/ic_pagetop.gif) no-repeat;
	background-position : 0px 5px;
}


.center{
	text-align : center;
}

.price{
	font-weight : bold;
}

/*********************************************
　titles
***********************************************/

h1{
	width : 500px;
	font-size : 12px;
	position : absolute;
	top : 9px;
	left : 380px;
}

h2{
	margin : 0 auto;
	margin-top : 20px;
	margin-bottom : 10px;
	padding-top : 3px;
	padding-left : 10px;
	width : 610px;
	font-size : 1.3em;
	color : #333;
	border-left : #f60 solid 10px;
}

h3.title_left{
	padding : 7px 0px 5px 0px;
	font-size : 1.1em;
	text-align : center;
	color : #333;
	background-color : #eee;
	border-top : #666 solid 3px;
}

h3.title_right{
	padding : 7px 0px 5px 0px;
	font-size : 1.1em;
	text-align : center;
	color : #333;
	background-color : #fdf1e3;
	border-top : #dbbc9f solid 3px;
}

h3#link_title{
	clear : both;
	margin-bottom : 5px;
	padding : 10px 0px 5px 35px;
	height : 20px;
	font-size : 1em;
	color : #333;
	background : transparent url(./../images/site/arrow01.gif) no-repeat;
	background-position : 10px 11px;
	border-bottom : #666 dotted 1px;
}

#static_box h3{
	padding : 10px 0px 0px 35px;
	font-size : 1em;
	color : #333;
	background : transparent url(./../images/site/arrow01.gif) no-repeat;
	background-position : 10px 11px;
}

#static_box h4{
	padding : 10px 0px 0px 30px;
	font-size : 0.9em;
	color : #333;
	background : transparent url(./../images/site/arrow02.gif) no-repeat;
	background-position : 20px 13px;
}


table.bukken_table{
	margin : 0 auto;
	margin-top : 10px;
	margin-bottom : 5px;
	width : 380px;
	border-collapse : collapse;
	border : #ccc solid 1px;
}

.bukken_table td{
	padding : 3px;
	font-size : 0.8em;
	color : #333;
	border : #ccc solid 1px;
}

.bukken_table th{
	padding : 3px;
	font-size : 0.8em;
	font-weight : normal;
	color : #333;
	background-color : #eee;
	border : #ccc solid 1px;
}

.bukken_table span{
	color : #f00;
}

td.photo_cell{
	width : 90px;
	text-align : center;
	vertical-align : top;
}

.common_list01 li{
	margin-bottom : 10px;
}

/*********************************************
　text settings
***********************************************/

.text_blue{
	font-weight : bold;
	color : #39f;
}

.text_green{
	font-weight : bold;
	color : #9c3;
}

.text_orange{
	font-weight : bold;
	color : #f96;
}

.text_em{
	font-size : 1em;
	font-weight : bold;
}

.text_em02{
	font-weight : bold;
}

.text_side{
	padding : 5px 3px 15px 3px;
}

.text_normal{
	padding : 5px 20px 5px 25px;
	font-size : 0.8em;
	color : #333;
}

.text_normal p{
	padding : 5px 10px 5px 0px;
	font-weight : bold;
}

#static_box ul{
	list-style : none;
	padding : 5px 10px 5px 25px;
	font-size : 0.8em;
	color : #333;
}

#static_box ol{
	font-size : 0.8em;
	color : #333;
}

a{
	color : #006599;
}

a:hover{
	color : #0396e4;
}

/*********************************************
　list
***********************************************/

#left_box ul{
	padding : 5px 3px 15px 3px;
	list-style : none;
}


li.bg_sub01{
	padding-left : 10px;
	padding-bottom : 5px;
	border-left : #ffcb99 solid 10px;
}

li.bg_sub02{
	padding-left : 10px;
	padding-bottom : 5px;
	border-left : #cc6698 solid 10px;
	border-bottom : #ccc dotted 1px;
}

li.bg_sub03{
	padding-left : 10px;
	padding-bottom : 5px;
	border-left : #669acc solid 10px;
	border-bottom : #ccc dotted 1px;
}


li.bg_sub04{
	padding-left : 10px;
	padding-bottom : 5px;
	border-left : #99fe00 solid 10px;
	border-bottom : #ccc dotted 1px;
}


li.bg_sub05{
	padding-left : 10px;
	padding-bottom : 5px;
	border-left : #fc3 solid 10px;
	border-bottom : #ccc dotted 1px;
}

ul#header_navi{
	height : 40px;
	list-style : none;
	border-top : #666 solid 1px;
	border-bottom : #666 solid 1px;
}

ul#header_navi:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

#header_navi li{
	float : left;
	font-size : 14px;
	font-weight : bold;
	text-align : center;
}

#header_navi a{
	padding : 12px 0px 0px 0px;
	display : block;
	width : 215px;
	height : 28px;
}

#header_navi a:hover{
	height : 24px;
	border-bottom : #fc0 solid 4px;
}

ol.num_list{
	padding : 5px 10px 5px 60px;
}

ol.str_list{
	padding : 5px 10px 5px 60px;
  	list-style : lower-alpha;
}



/*********************************************
　company.html
***********************************************/

table.company_info{
	margin : 0 auto;
	margin-top : 20px;
	width : 600px;
	border-collapse : collapse;
	border : #666 solid 1px;
}

.company_info td{
	padding : 5px;
	font-size : 0.8em;
	line-height : 1.3em;
	border : #666 solid 1px;
}

.company_info th{
	padding : 5px;
	font-size : 0.8em;
	font-weight : normal;
	line-height : 1.3em;
	border : #666 solid 1px;
	background-color : #eee;
}


/*********************************************
　banner box
***********************************************/

div.banner_box{
	margin-bottom : 20px;
	padding-left : 20px;
	padding-bottom : 50px;
}


div.banner_box:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}


.banner_box div{
	width : 165px;
	height : 8em;
	font-size : 10px;
	line-height : 1.5em;
	float : left;
}

.banner_box p{
	width : 130px;
}

.banner_box img{
	padding-top : 10px;
	padding-bottom : 5px;
	border : none;
}


/*********************************************
　bukken detail
***********************************************/

table.bukken_detail{
	margin : 0 auto;
	width : 610px;
}

.bukken_detail th{
	padding : 3px;
	width : 140px;
	font-size : 0.8em;
	font-weight : normal;
	color : #333;
	background-color : #fcfcfc;
	border-bottom : #666 dotted 1px;
}

td.detail_cell{	
	padding : 3px 3px 3px 10px;
	font-size : 0.8em;
	color : #333;
	border-bottom : #666 dotted 1px;
}

.detail_cell span{
	color : #f00;
	font-size : 1.2em;
}

th span{
	color : #f00;
}


td.bukken_title{
	padding-bottom : 10px;	
}

.bukken_title div{
	padding : 7px 5px 7px 20px;
	font-size : 0.9em;
	color : #333;
	background-color : #f7f7ff;
	border-top : #666 dotted 1px;
	border-bottom : #666 dotted 1px;
}

td.photo_box{
	vertical-align : top;
}

.photo_box div{
	margin-right : 5px;
	padding : 5px;
	width : 260px;
	border : #666 solid 1px;
}

.photo_box p{
	padding : 10px;
	font-size : 0.9em;
	color : #333;
	text-align : center;
}

.photo_box span.price{
	font-size : 1.4em;
	font-weight : bold;
	color : #f00;
}

table.photo_box02{
	border-collapse : collapse;
	border : #ccc solid 1px;
	float : left;
}

.photo_box02 td{
	padding : 10px;
	border : #ccc solid 1px;
	background-color : #eee;
	text-align : center;
}

div.bt_inquiry{
	float : right;
}

.no_decoration{
	padding : 10px 0px 5px 0px;
	font-size : 0.8em;
	color : #333;
}

.agent_box p{
	padding : 15px 15px 15px 20px;
	margin-bottom : 15px;
	border : #999 solid 1px;
	font-size : 0.8em;
	line-height : 1.4em;
	color : #333;
}

.note{
	font-size : 0.8em;
	color : #333;	
}

.note span{
	color : #f00;
}




/*********************************************
　side_link
***********************************************/

div#side_link{
	margin-top : 20px;
}

#side_link p{
	text-indent : 3.6em;
	line-height : 1.6em;
}



/*********************************************
　privacy
***********************************************/

#privacy{
	width : 600px;
	margin : 10px auto;
	line-height : 150%;
	font-size : small;
}

#privacy div, #privacy p{
	margin-top : 10px;
}

#privacy h3{
	margin : 20px 0 10px;
	color : #ffb100;
	font-size : small;
}

#privacy h4{
	margin : 10px 0 5px;
	padding : 0;
	font-weight : normal;
	background : none;
}

#privacy h5{
	font-size : small;
}

#privacy li{
	margin : 4px 0 0 40px;
	font-size : small;
}