/*#############################################################
Name: TAKAHASHI HOME Style sheet
Date: 2009-05-25
Author: tenten
#############################################################*/

/**********  STANDARD ELEMENTS  **********/
body{
	margin:0;
	padding:0;
	line-height:120%;
	background-color:#ffffff;
	font-size:small;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "Verdana", "sans-serif";
	color:#333333;
}
a:link{
	color:#333333;
	text-decoration:none;
}
a:visited{
	color:#333333;
	text-decoration:none;
}
a:hover{
	color:#000066;
	text-decoration:underline;
}
a:active{
	color:#000099;
	text-decoration:none;
}
td{
	text-align:left;
	vertical-align:top;
}
img{
	border-style:none;
	border-width:0;
}
form{
	margin:0;
	padding:0;
}
/************    STRUCTURE    ************/
#wrapper{
	width:860px;
	margin:0 auto;
}
/*-----------------------*/
/* header block          */
/*-----------------------*/
#header{
	width:860px;
	height:122px;
	margin:0 auto;
	padding:0;
}
#header h1{
	float:left;
	width:444px;
	height:75px;
	margin:12px 0 0 10px;
	background:transparent url(../images/logo.gif) no-repeat;
	background-position:left top;
	padding:0;
	overflow:hidden;
	font-size:small;
}
#header h1 a{
	padding-top:75px;
	display:block;
}
#inq_bn{
	float:right;
	margin:15px 0 15px 0;
}
#header h2{
	clear:both;
	margin:0 0;
	padding:0;
	height:22px;
	background-color:#333399;
	font-size:100%;
	font-weight:normal;
	color:#ffffff;
	line-height:180%;
}
h2 span{
	padding-left:15px;
}
/*-----------------------*/
/* Menu block            */
/*-----------------------*/
#menu{
	clear:both;
	width:860px;
	height:43px;
	margin:0 auto;
	padding:0;
	background-color:transparent;
}
#menu ul{
	clear:both;
	width:860px;
	height:43px;
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	overflow:hidden;
}
#menu ul li{
	display:block;
	overflow:hidden;
	height:43px;
	float:left;
}
#menu ul li a {
	display:block;
	height:43px !important;
	height /**/: 0px;
	padding:43px 0 0 0;
	background-image:url("../images/menu.gif");
}

#mn1 a{
	background-position:0px 0px;
	width:123px;
}
#mn2 a{
	background-position:-123px 0;
	width:123px;
}
#mn3 a{
	background-position:-246px 0;
	width:123px;
}
#mn4 a{
	background-position:-369px 0;
	width:123px;
}
#mn5 a{
	background-position:-492px 0;
	width:123px;
}
#mn6 a{
	background-position:-615px 0;
	width:123px;
}
#mn7 a{
	background-position:-738px 0;
	width:122px;
}
#mn1 a:hover,
#mn1 a:focus {
	background-position:0 -43px;
}
#mn2 a:hover,
#mn2 a:focus {
	background-position:-123px -43px;
}
#mn3 a:hover,
#mn3 a:focus {
	background-position:-246px -43px;
}
#mn4 a:hover,
#mn4 a:focus {
	background-position:-369px -43px;
}
#mn5 a:hover,
#mn5 a:focus {
	background-position:-492px -43px;
}
#mn6 a:hover,
#mn6 a:focus {
	background-position:-615px -43px;
}
#mn7 a:hover,
#mn7 a:focus {
	background-position:-738px -43px;
}

/*-----------------------*/
/* container block       */
/*-----------------------*/
#container{
	clear:both;
	width:860px;
	margin:0 auto;
	padding:15px 0 0;
	text-align:left;
}
#main_img{
	margin:0 0 22px;
	padding:0;
}

#left{
	float:left;
	width:587px;
	background:transparent url(../images/line01.gif) repeat-x;
	background-position:left top;
	margin:0;
	padding:15px 0;
}
#right{
	float:right;
	width:245px;
	background:transparent url(../images/line02.gif) repeat-x;
	background-position:left top;
	margin:0;
	padding:15px 0;
}
#topics{
	width:587px;
	margin:0;
	padding:0;
}
#topics_link{
	width:587px;
	margin:0;
	padding:0;
	text-align:right;
}
#topics_link a{
	background:transparent url(../images/icon02.gif) no-repeat;
	background-position:left 3px;
	padding:0 8px 0;
	font-size:80%;
}
#topics h4,#right h4{
	margin:0 0 3px;
	padding:0;
}
#topics_box{
	width:587px;
	margin:0;
	padding:9px 0 0;
	background:transparent url(../images/bg_topics01.gif) no-repeat;
	background-position:left top;
}
#topics_body{
	width:587px;
	margin:0;
	padding:9px 0 0;
	background:transparent url(../images/bg_topics02.gif) repeat-y;
	background-position:left top;
}
#topics ul{
	clear:both;
	width:550px;
	margin:0 auto;
	padding:0 0 5px;
	list-style-type:none;
	list-style-position:outside;
}
#topics ul li{
	clear:both;
	padding:5px;
	border-bottom:1px dotted #cccccc;
}
#topics ul span{
	display:block;
	float:left;
	padding:0 15px;
	background:transparent url(../images/icon01.gif) no-repeat;
	background-position:left 2px;
}
#topics_foot{
	width:587px;
	height:10px;
	margin:0;
	padding:0 0 0;
	background:transparent url(../images/bg_topics03.gif) no-repeat;
	background-position:left top;
}
#bn01{
	width:585px;
	margin:10px 0 0;
	border:1px solid #dbdbdb;
}
#bn01_box{
	margin:9px 3px 9px 6px;
}
#right_box{
	width:280px;
	float:right;
}
#right_box p{
	width:275px;
	margin:5px auto 0;
	padding:0;
	font-size:90%;
	color:#666666;
}
#bn02{
	width:246px;
	height:70px;
	margin:15px 0 0;
	background:transparent url(../images/bg_bn01.jpg) no-repeat;
	background-position:left top;
}
#bn03{
	width:246px;
	height:70px;
	margin:15px 0 15px;
	background:transparent url(../images/bg_bn02.jpg) no-repeat;
	background-position:left top;
}
.inner_box{
	width:179px;
	height:60px;
	margin:0 0 0 63px;
	padding:5px 0 0;
}
#info{
	margin:15px 10px 15px;
	padding:0;
}
#info div{
	maggin:0;
	padding:3px 0 0 40px;
	background:#ffffff url(../images/logo2.gif) no-repeat;
	background-position:left top;
	line-height:120%;
}

/*-----------------------*/
/* footer block          */
/*-----------------------*/
#footer{
	width:100%;
	height:41px;
	margin:0 auto;
	padding:0;
	text-align:center;
	background:transparent url(../images/bg_foot.gif) repeat-x;
	background-position:left top;
}
#footer img{
	margin:20px 0 0;
}


/********   SUB PAGE STRUCTURE    ********/
/*-----------------------*/
/* Commonn structure     */
/*-----------------------*/
#caption_img{
	margin:0 0 30px;
	padding:0;
}
.paragraph{
	clear:both;
	width:841px;
	margin:0 auto;
	padding:0 0 2em;
}

/*-----------------------*/
/* DIV BLOCK             */
/*-----------------------*/
/********  topics  ********/
.topics_title{
	width:841px;
	height:37px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background:transparent url(../images/bg_topics01.jpg) no-repeat;
	background-position:left top;
}
.topics_title h2{
	margin:0 0 0 30px;
	padding:0;
	line-height:260%;
	font-size:110%;
	color:#1b227e;
}
span.date{
	display:block;
	float:right;
	margin:0 20px 0;
	padding:0;
	line-height:260%;
}
.topics_body{
	width:837px;
	margin:10px auto 10px;
	padding:0;
	background:transparent url(../images/bg_topics04.gif) repeat-y;
	background-position:left top;
	border:1px solid #c2c2c2;
}
.topics_body p{
	margin:0;
	padding:30px;
	line-height:160%;
}
.topics_body img{
	float:right;
	margin:10px;
}
/********  construction  ********/
.construction1{
	width:841px;
	margin:0 auto 0;
	padding:0 0 50px;

}
.construction_box01,.construction_box02{
	margin:20px;
}
.construction_box01 p{
	margin:15px 0 3px;
	padding:0;
}
.construction_caption{
	margin:5px 0 20px 0;
	padding-bottom:5px;
	border-bottom:1px solid #cfcfcf;
	font-size:110%;
}

.construction2{
	clear:both;
	width:841px;
	height:312px;
	margin:20px auto;
	padding:0;
	background:transparent url(../images/bg_construction02.gif) no-repeat;
	background-position:left top;
}
.construction_box03{
	float:right;
	width:430px;
}
.construction_cap01{
	background:transparent url(../images/icon03.gif) no-repeat;
	background-position:left top;
	padding:0 0 0 20px;
}
.construction_box04{
	clear:both;
	margin:18px auto 10px;
	padding:5px;
	border-top:1px solid #808080;
}
.inq_btn{
	clear:both;
	float:right;
	margin:5px;
}
.pagetop{
	margin:5px 10px 20px;
	text-align:right;
}
/********  estate  ********/
.estate1{
	width:841px;
	height:852px;
	margin:0 auto 0;
	padding:0 0 50px;
	background:transparent url(../images/bg_estate01.gif) no-repeat;
	background-position:left top;
}
.estate_box01{
	margin:20px;
}
.g_map{
	width:785px;
	margin:0 auto;
}
.g_map_box{
	margin:1em 0.5em;
}
/********  outline  ********/
.outline1{
	width:841px;
	height:454px;
	margin:0 auto 0;
	padding:0 0 50px;
	background:transparent url(../images/bg_outline01.gif) no-repeat;
	background-position:left top;
}
.outline2{
	width:841px;
	height:392px;
	margin:0 auto 0;
	padding:0 0 50px;
	background:transparent url(../images/bg_outline02.gif) no-repeat;
	background-position:left top;
}
.outline_box01{
	margin:20px;
}
#map{
	width:509px;
	height:309px;
	background:transparent url(../images/bg_map.gif) no-repeat;
	background-position:left top;
}
#map iframe{
	margin:4px;
}
.outline_box02{
	float:right;
	width:270px;
	margin:0 5px 0 15px;
	color:#656565;
}
.outline_box02 p{
	margin:3em 0;
	padding:0;
}

/********  inquiry  ********/
.inquiry1{
	width:841px;

	margin:0 auto 0;
	padding:0 0 50px;

	background-position:left top;
}
.inquiry_box01{
	margin:20px;
}
.inquiry_box02{
	margin:0 0 0 520px;
}
#submit_btn{
	margin:1.5em 0 0;
	text-align:center;
}

/*-----------------------*/
/* TABLE BLOCK           */
/*-----------------------*/
/********  estate  ********/
.estate_table{
	width:785px;
	margin:1em auto;
	border-collapse:collapse;
}
.estate_table td{
	padding:7px 5px;
	border-collapse:collapse;
}
.estate_table img{
	border:1px solid #7c7c7c;
	margin:0 0 5px 0;
}
.estate_table2{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
.estate_table2 td{
	padding:5px 5px 5px 3px;
	border-bottom:1px solid #7c7c7c;
	border-collapse:collapse;
	color:#656566;
	font-size:90%;
}
.border_r{
	border-right:1px solid #7c7c7c;
}
/********  outline  ********/
.outline_table{
	width:785px;
	margin:1.5em auto;
	border-collapse:collapse;
}
.outline_table td{
	padding:6px 5px;
	border-collapse:collapse;
	border-bottom:1px dotted #808080;
}

/********  inquiry  ********/
.inquiry_table{
	width:785px;
	margin:0.5em auto;
	border-collapse:collapse;
	border-top:1px solid #818181;
}
.inquiry_table td{
	padding:5px 5px;
	border-collapse:collapse;
	border-bottom:1px dotted #808080;
	vertical-align:middle;
}




/*-----------------------*/
/* LIST BLOCK            */
/*-----------------------*/
/********  construction  ********/
.construction1 ul{
	width:100%;
	margin:1em 0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
}
.construction1 li{
	width:20%;
	float:left;
	padding:0 0 10px;
	text-align:center;
}
.list01{
	width:100%;
	margin:1em 0 0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
}
.list01 li{
	width:107px;
	float:left;
	padding:0;
	text-align:center;
}
.list02{
	margin:0 auto;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
}
.list02 li{
	clear:both;
	padding:5px;
	border-bottom:1px dotted #808080;
}



/************      misc       ************/
.border{
	border:1px solid #7c7c7c;
}
.col01{
	color:#545453;
}
.col02{
	color:#017094;
}
.col03{
	color:#840000;
}
.attention{
	color:#990000;
}
.cler{
	clear:both;
}
.small{
	font-size:0.8em;
}
.medium{
	font-size:110%;
}
.fs90{
	font-size:90%;
	line-height:160%;
}
.em{
	font-weight:bold;
}
.hide{
	display:none;
}
.floatleft{
	float:left;
}
.floatright{
	float:right;
}
.textleft{
	text-align:left;
}
.textright{
	text-align:right;
}
.textcenter{
	text-align:center;
}
.verticaltop{
	vertical-align:top;
}
.verticalmiddle{
	vertical-align:middle;
}
.verticalbottom{
	vertical-align:bottom;
}
.mgt15{
	margin:1.7em 0 0 ;
}
.mgt1{
	margin:10px 0 0 ;
}
.mgl1{
	margin:0 0 0 1em;
}
.mgl2{
	margin:0 0 0 1.5em;
}
.mgr1{
	margin:0 1em 0 0;
}
.mgb1{
	margin-bottom:1em;
}
.mgb3{
	margin-bottom:3em;
}
.pdl1{
	padding:0 0 0 1em;
}
.pdr1{
	padding:0 1em 0 0;
}
.pdb3{
	padding:0 0 3em 0;
}





