/*******************************************************************************
*                                                                              *
*  Web Site  :  http://www.takeda-design-room.com/                             *
*  Author    :  N.T                                                            *
*  Modified  :  09-Dec-2006                                                    *
*                                                                              *
*******************************************************************************/


/* General
*******************************************************************************/
* {
	list-style: none;
	margin: 0;
	padding: 0;
}


img {
border: 0px;
}
body {
height: 100%;
}
html {
height: 100%;
}
#wrap {
	width: 790px;
	height: 100%;
	min-height: 100%;
	padding: 0px 0px;
	margin: 0px auto;
	position: relative;
	background-image: url(img/bg_wrap.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
#sub #wrap {
	position: relative;
	background-image: url(img/bg_wrap_01.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
body > #wrap {
    height:auto;
}

/*etc
******************************************************/
.clear_01 {
width: 100%;
height: 1px;
font-size: 1px;
clear: both;
}

/*メインコンテンツ
******************************************************/
#wrap #main {
	background-image: url(img/bg_main.jpg);
	background-repeat: no-repeat;
	background-position: 0px 362px;
	width: 780px;
	padding-top: 362px;
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 55px;
}
#sub #wrap #main {
	background-image: url(img/bg_main_01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 238px;
	width: 780px;
	padding-top: 238px;
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 55px;
}
#wrap #main #contents {
	float: right;
	padding-top: 41px;
	padding-right: 21px;
	padding-bottom: 38px;
	padding-left: 20px;
	width: 470px;
}
#contents_sub {
	float: right;
	padding-top: 41px;
	padding-right: 26px;
	padding-bottom: 38px;
	padding-left: 20px;
	width: 517px;
}
#wrap #main #contents #content01 {
	margin-bottom: 30px;
}
#contents_sub #content01 {
	margin-bottom: 30px;
}
#wrap #main #contents #content01 h1 {
	background-image: url(img/h1_title_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 19px;
	width: 470px;
	text-indent: -9999px;
	margin-bottom: 8px;
}
#wrap #main #contents #content01 #information li {
	background-image: url(img/line_h1_01.jpg);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	margin: 0px;
	padding: 0px;
}
#wrap #main #contents #content01 #information li a {
    text-decoration:none;
}
#wrap #main #contents #content01 #information li p{
	background-image: url(img/ic_02.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-top: 5px;
	padding-left: 20px;
	font-size: 12px;
	padding-bottom: 3px;
}

/* IE6 Hack */

* html #wrap #main #contents #content01 #information li p{
	background-image: url(img/ic_02.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	padding-top: 5px;
	padding-left: 20px;
	font-size: 12px;
	padding-bottom: 3px;
}

/* IE6 Hack */


#wrap #main #contents #content02 h1 {
	background-image: url(img/h1_title_02.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 20px;
	width: 470px;
	text-indent: -9999px;
	margin-bottom: 8px;
}

#wrap #main #contents #content02 .recommend {
	width: 230px;
	margin-right: 5px;
	float: left;
	margin-bottom: 26px;
}

#wrap #main #contents #content02 .recommend img {
padding: 5px 5px 9px 5px;
/* background: url(img/bg_photo_01.jpg) no-repeat top left; */
}

/*サイドバー
******************************************************/
#wrap #main #sidebar {
	width: 264px;
	margin-top: 20px;
	float: left;
}
#wrap #main #sidebar #bg_sidebar_list {
	background-image: url(img/bg_sidebar_center.jpg);
	background-repeat: repeat-y;
	background-position: 13px 0px;
	padding-left: 13px;
}
#wrap #main #sidebar #bg_sidebar_list h2 {
	background-image: url(img/bg_sidebar_top.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 71px;
	width: 241px;
	text-indent: -9999px;
}
#wrap #main #sidebar #bg_sidebar_bottom {
	background-image: url(img/bg_sidebar_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	height: 6px;
}
#wrap #main #sidebar #sidebar_blog {
	margin-top: 8px;
	padding-left: 13px;
}
#wrap #main #sidebar #sidebar_kaitori {
	background-image: url(img/bana_kaitori_center.jpg);
	background-repeat: repeat-y;
	background-position: 13px 0px;
	width: 241px;
	margin-top: 6px;
	padding-left: 13px;
}
#wrap #main #sidebar #sidebar_kaitori #bg_kaitori_top {
	background-image: url(img/bana_kaitori_top.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	height: 32px;
}
#wrap #main #sidebar #sidebar_kaitori #bg_kaitori_bottom {
	background-image: url(img/bana_kaitori_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	height: 4px;
}
#wrap #main #sidebar #sidebar_kaitori #bg_kaitori_home {
	background-image: url(img/bg_kaitori_home.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 226px;
	margin-left: 15px;
}
#wrap #main #sidebar #sidebar_kaitori #bg_kaitori_home #text {
	padding-left: 81px;
	font-size: 12px;
	color: #666666;
	padding-top: 3px;
	padding-right: 12px;
}
#wrap #main #sidebar #sidebar_kaitori #bg_kaitori_home p {
	padding-top: 5px;
	padding-left: 154px;
	padding-bottom: 8px;
}
#wrap #main #sidebar #bg_sidebar_list li {
	background-image: url(img/bg_sidebar_ic.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-right: 11px;
	font-size: 12px;
	padding-left: 10px;
}



#wrap #main #sidebar_sub #sidebar_campany2 {
	background-image: url(img/bg_company_center.jpg);
	background-repeat: repeat-y;
	background-position: 13px 0px;
	width: 182px;
	margin-top: 6px;
	padding-left: 13px;
}
#wrap #main #sidebar_sub #sidebar_campany2 #bg_company_top {
	background-image: url(img/company_t1-2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	height: 32px;
}
#wrap #main #sidebar_sub #sidebar_campany2 #bg_company_bottom {
	background-image: url(img/bg_company_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	height: 4px;
}
#wrap #main #sidebar_sub #sidebar_campany2 #bg_company_home {
	margin-left: 8px;
	padding-bottom:15px;
}
#wrap #main #sidebar_sub #sidebar_campany2 #bg_company_home #text {
	padding-left: 10px;
	font-size: 12px;
	color: #666666;
	padding-right: 12px;
	line-height:140%;
}
#wrap #main #sidebar_sub #sidebar_kaitori #bg_company_home p {
	padding-top: 2px;
	padding-bottom: 5px;
}


/* IE6 Hack */

* html #wrap #main #sidebar #bg_sidebar_list li {
	background-image: url(img/bg_sidebar_ic.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-right: 11px;
	font-size: 12px;
	padding-left: 10px;
}

/* IE6 Hack */

#wrap #main #sidebar #bg_sidebar_list li a {
	color: #000000;
	text-decoration:none;
}
#wrap #main #sidebar #bg_sidebar_list li a:hover {
	color: #000000;
	text-decoration:underline;
}
#wrap #main #sidebar #bg_sidebar_list ul {
	padding-left: 81px;
	padding-bottom: 15px;
}
#wrap #main #sidebar #sidebar_company {
	background-image: url(img/bg_sidebar_company_bottom.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	width: 264px;
	margin-top: 33px;
}
#wrap #main #sidebar #sidebar_company #sidebar_company_bottom {
	background-image: url(img/bg_sidebar_company.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#wrap #main #sidebar #sidebar_company #sidebar_company_bottom .sidebar_companyname {
	font-size: 12px;
	color: #000000;
	background-image: url(img/line_sidebar_company.gif);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	height: 21px;
	padding-top: 7px;
	padding-right: 18px;
	padding-left: 25px;
}
#wrap #main #sidebar #sidebar_company #sidebar_company_bottom .sidebar_companyinfo {
	font-size: 12px;
	color: #000000;
	padding-top: 7px;
	padding-right: 18px;
	padding-left: 25px;
	padding-bottom: 5px;
}

/*---------------Sidebar_Sub---------------*/
#sidebar_sub {
	width: 205px;
	margin-top: 20px;
	float: left;
}
#sidebar_sub #bg_sidebar_list {
	background-image: url(img/bg_sidebar_center_01.jpg);
	background-repeat: repeat-y;
	background-position: 13px 0px;
	padding-left: 13px;
}
#sidebar_sub #bg_sidebar_list h2 {
	background-image: url(img/bg_sidebar_top_01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 71px;
	width: 182px;
	text-indent: -9999px;
}
#sidebar_sub #bg_sidebar_list li {
	background-image: url(img/bg_sidebar_ic.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-right: 11px;

	font-size: 12px;
	padding-left: 10px;
}

/* IE6 Hack */

#sidebar_sub #bg_sidebar_list li {
	background-image: url(img/bg_sidebar_ic.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-right: 11px;
	font-size: 12px;
	padding-left: 10px;
}

/* IE6 Hack */

#sidebar_sub #bg_sidebar_list li a {
	color: #000000;
	text-decoration:none;
}
#sidebar_sub #bg_sidebar_list li a:hover {
	color: #000000;
	text-decoration:underline;
}
#sidebar_sub #bg_sidebar_list ul {
	padding-left: 71px;
	padding-bottom: 15px;
}
#sidebar_sub #bg_sidebar_bottom {
	background-image: url(img/bg_sidebar_bottom_01.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	height: 6px;
}
/*ヘッダー
******************************************************/
#wrap #head,
#wrap #head_sub {
	width: 780px;
	position: absolute;
	left: 0px;
	top: 0px;
	margin-right: 5px;
	margin-left: 5px;
}
#wrap #head #header_image {
	background-image: url(img/img_header.jpg);
	background-repeat: no-repeat;
	background-position: 0px 73px;
	height: 327px;
	width: 780px;
}
#head_sub #header_image {
	background-image: url(img/img_header_01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 73px;
	height: 203px;
	width: 780px;
}
#wrap #head #header,
#wrap #head_sub #header {
	background-image: url(img/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	height: 73px;
	width: 780px;
	left: 0px;
	top: 0px;
}
#wrap #head #header #header_menu,
#wrap #head_sub #header #header_menu {
	float: right;
	width: 170px;
	margin-left: 445px;
	margin-top: 41px;
	color: #FFFFFF;
	font-size: 12px;
	height: 24px;
}
#wrap #head #header #header_menu li,
#wrap #head_sub #header #header_menu li {
	background-image: url(img/ic_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 15px;
	float: left;
	margin-right: 10px;
	color: #FFFFFF;
}
#wrap #head #header #header_menu li a,
#wrap #head_sub #header #header_menu li a {
	color: #FFFFFF;
	text-decoration:none;
}
#wrap #head #header #header_menu li a:hover,
#wrap #head_sub #header #header_menu li a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}
#wrap #head #header #logo,
#wrap #head_sub #header #logo {
	float: left;
	height: 44px;
	width: 146px;
	background-image: url(img/logo.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	left: 0px;
	top: 0px;
	margin-top: 8px;
	margin-left: 8px;
	text-indent: -9999px;
}
#wrap #head #header #logo a,
#wrap #head_sub #header #logo a {
	height: 44px;
	width: 146px;
	display: block;
	text-decoration: none;
	
}
#wrap #head #navi,
#wrap #head_sub #navi {
	height: 35px;
	width: 780px;
}
#wrap #head #navi li,
#wrap #head_sub #navi li {
	float: left;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
	
}
#wrap #head #navi #top,
#wrap #head_sub #navi #top {
	width: 101px;
	height: 35px;
	background-image: url(img/navi2.jpg);
	background-repeat: repeat;
	background-position: 0px 0px;
}


#wrap #head #navi #flow,
#wrap #head_sub #navi #flow {
	background-image: url(img/navi2.jpg);
	background-repeat: repeat;
	background-position: 679px 0px;
	height: 35px;
	width: 130px;
}
#wrap #head #navi #center,
#wrap #head_sub #navi #center {
	background-image: url(img/navi2.jpg);
	background-repeat: repeat;
	background-position: 549px 0px;
	height: 35px;
	width: 134px;
}

#wrap #head #navi #convention,
#wrap #head_sub #navi #convention {
	background-repeat: repeat;
	background-position: 415px 0px;
	height: 35px;
	width: 139px;
	background-image: url(img/navi2.jpg);
}

#wrap #head #navi #blog,
#wrap #head_sub #navi #blog {
	background-image: url(img/navi2.jpg);
	background-repeat: repeat;
	background-position: 276px 0px;
	height: 35px;
	width: 169px;
}

#wrap #head #navi #sanwa,
#wrap #head_sub #navi #sanwa {
	height: 35px;
	width: 107px;
	background-image: url(img/navi2.jpg);
	background-repeat: repeat;
	background-position: 107px 0px;

}



#wrap #head #navi #top a,
#wrap #head_sub #navi #top a {
	display: block;
	text-decoration: none;
	height: 35px;
	width: 101px;
}
#wrap #head #navi #sanwa a,
#wrap #head_sub #navi #sanwa a {
	display: block;
	text-decoration: none;
	height: 35px;
	width: 107px;
}
#wrap #head #navi #convention a,
#wrap #head_sub #navi #convention a {
	display: block;
	text-decoration: none;
	height: 35px;
	width: 139px;
}
#wrap #head #navi #flow a,
#wrap #head_sub #navi #flow a {
	display: block;
	text-decoration: none;
	height: 35px;
	width: 130px;
}
#wrap #head #navi #center a,
#wrap #head_sub #navi #center a {
	display: block;
	text-decoration: none;
	height: 35px;
	width: 134px;
}
#wrap #head #navi #blog a,
#wrap #head_sub #navi #blog a {
	display: block;
	text-decoration: none;
	height: 35px;
	width: 169px;
}



/*フッター
******************************************************/
#wrap #footer {
	height: 55px;
	width: 780px;
	background-color: #2C2C2C;
	margin-right: 5px;
	margin-left: 5px;
	background-image: url(img/line_footer.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	position: absolute;
	bottom: 0px;
}
#wrap #footer #footer_r {
    width: 494px;
	float: right;
}
#wrap #footer #footer_text {
	color: #FFFFFF;
	font-size: 11px;
	width: 312px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	margin-top: 13px;
	padding-left: 17px;
	border-left-color: #FFFFFF;
}
#wrap #footer #footer_bana {
	background-image: url(img/footer_bana.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 41px;
	width: 160px;
	text-indent: -9999px;
	float: left;
	margin-top: 10px;
}
#wrap #footer address {
	background-image: url(img/footer_copyright.gif);
	background-position: 0px 0px;
	height: 12px;
	width: 258px;
	margin-top: 22px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	float: left;
	margin-left: 12px;
}

#wrap #footer a:link { color: #8888ff;}
#wrap #footer a:visited { color: #ff88ff;}
#wrap #footer a:hover { color: #ff8888;}
#wrap #footer a:active { color: #ff8444;}

/*サブページ
******************************************************/

#wrap #main #sidebar #sub_sidebar_blog {
	margin-top: 8px;
	padding-left: 13px;
	margin-bottom: 299px;
}
#sidebar_sub #sub_sidebar_blog {
	margin-top: 8px;
	padding-left: 13px;
}
#sub_sidebar_blog_page {
	margin-top: 8px;
	padding-left: 13px;
	margin-bottom: 20px;
}
#wrap #main #contents_sub #content01 #info_h2 {
	padding: 5px;
	font-size: 14px;
}
#wrap #main #contents_sub #content01 #info_body {
	padding: 5px;
	font-size: 12px;
}

.otoiawase {
margin: 15px 0px 0px 0px;
}

.otoiawase input {
margin: 2px 0px;
}

.otoiawase .td_02 {
background: #E0E0E0;
}

.otoiawase td {
font-size: 12px;
}


label {
vertical-align: top;
}

/*----------------------blog_page----------------------*/
.blog_page {
width: 511px;
border: 3px solid #999999;
background: #F0F0F0;
}

.blog_page_01 {
padding: 0px 15px;
}


.comments {
padding: 0px 0px 5px 0px;
margin: 10px 10px 5px 0px;
text-align: right;
font-size: 11px;
clear: both;
}

/*---------------Sidebar_Blog---------------*/
#bg_sidebar_list_blog {
	background-image: url(img/bg_title_up02.jpg);
	background-repeat: repeat-y;
	background-position: 13px 0px;
	padding-left: 13px;
}
#bg_sidebar_list_blog h2 {
	background-image: url(img/bg_title_up01_r1_c1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 184px;
	height: 26px;
	font-size: 12px;
	text-indent: -9999px;
}
#bg_sidebar_list_blog h2.s02 {
	background-image: url(img/bg_title_up01_r3_c1.jpg);
}
#bg_sidebar_list_blog h2.s03 {
	background-image: url(img/bg_title_up01.jpg);
}
#bg_sidebar_list_blog li {
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-right: 11px;
	font-size: 12px;
	padding-left: 10px;
}

/* IE6 Hack */

#bg_sidebar_list_blog li {
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-right: 11px;
	font-size: 12px;
	padding-left: 10px;
}

/* IE6 Hack */

#bg_sidebar_list_blog li a {
	color: #000000;
	text-decoration:none;
	font-size: 12px;
}
#bg_sidebar_list_blog li a:hover {
	color: #000000;
	text-decoration:underline;
}
#bg_sidebar_list_blog ul {
	width: 142px;
	padding-left: 26px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#bg_sidebar_list_blog_bottom {
	background-image: url(img/bg_title_up03.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	margin: 0px 0px 144px 0px;
	height: 6px;
}

/*----------Blog----------*/
.date {
margin: 0px 10px 15px 0px;
text-align: right;
font-size: 11px;
clear: both;
}

.text_01 {
width: 690px;
}

.photo_01 {
}

.text_02 {
}

.comments {
padding: 0px 0px 5px 0px;
margin: 10px 10px 5px 0px;
text-align: right;
font-size: 11px;
clear: both;
}

h4.arrow_blog {
margin: 15px 0px 0px 0px;
padding: 2px 0px 2px 10px;
font-size: 12px;
line-height: 16px;
}

.comment {
font-size: 12px;
line-height: 16px;
color: #333333;
}

.contributor {
font-size: 11px;
line-height: 16px;
color: #333333;
}

#comments-open-data p {
margin: 4px 0px;
font-size: 12px;
}

.name-email label {
width: 80px;
padding: 2px 0px;
font-size: 12px;
float: left;
}

.name-email input {
width: 250px;
float: left;
}

#comments-open-text label {
width: 80px;
float: left;
}

#comments-open-text textarea {
width: 450px;
height: 100px;
float: left;
}

#comments-open-footer {
width: 50%;
margin: 25px 0px 15px 0px;
text-align: right;
}


/*三和について
**************************************/
.table_01 {
width: 514px;
}

/*買取専門部門「不動産買取センター」
**************************************/
.text_align {
text-align: left;
}

