body {
  font-size: 0.85em;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0;
  margin: 0;
  background-image: url(http://tkpotemachi.net/layout_display/images/bg01.gif);
  background-repeat: repeat-y;
  background-attachment: scroll;
  background-position: center top;
  
  color: #50442F; /* #833A19; */
}

h1,h2,h3,p,ul,li,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}

address {
	font-style: normal;
}

a:link { 
color: #CC0000;
}

a:visited { 
color: #CC0000;
}

a:hover { 
color: #FF0000;
}



/* ---------------------------------------- レイアウトに関する指定　↓ */

#header {
	width: 100%;
	margin: 0px auto 0;
	height: 80px;
	background-image: url(http://tkpotemachi.net/layout_display/images/header_bg01.gif);
	background-repeat: repeat-x;
}

#header_in {
	position: relative;
	width: 800px;
	margin: 0px auto 0;
}

#wrapper {
	position: relative;
	width: 800px;
	margin: 0px auto 0;
	text-align: left;
	/* border: 0px solid #cccccc; */
	
}

#g_navi {
	float: left;
	width: 800px;
	height: 40px;
	background-image: url(http://tkpotemachi.net/layout_display/images/g_navi_bg01.gif);
	background-repeat: repeat-x;
}

#g_navi_in {
	height: 40px;
	padding: 0 15px;
}

#sidebar_l {
	float: left;
	width: 170px;
}

#sidebar_r {
	float: left;
	width: 170px;
	margin: 0 30px 0 20px;
}

#contents {
	float: left;
	width: 550px;
	margin: 0 0 0 30px;
}

#contents_720 {
	float: left;
	width: 720px;
	margin: 0 0 0 40px ;
}

#footer {
	clear: both;
	width: 800px;
	font-size: 10px;
	padding-top: 30px;
}



/* ---------------------------------------- 見出しに関する指定　↓ */

h1 {

	position: absolute;
	
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 0 0;
	color: #666666;

	top: 10px;
	left: 10px;
	width: 790px;

}


h2 {
	color: #50442F;
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	width: 100%;
	height: 30px;
	background-image: url(http://tkpotemachi.net/layout_display/images/h2_bg.gif);
	text-indent: 10px;
	clear: left;
}

.h2_720 {
	color: #50442F;
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	width: 100%;
	height: 30px;
	background-image: url(http://tkpotemachi.net/layout_display/images/h2_bg_720.gif);
	background-repeat: repeat-x;
	text-indent: 10px;
	clear: left;
}



h3 {
	color: #833A19;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	width: 100%;
	background-color: #EDE4D3;
	text-indent: 10px;
	margin: 0 0 10px 0;
	padding: 6px 0;
	/* border-bottom: solid 1px #CCCCCC; */
	/* border-top:  solid 1px #CCCCCC; */
	clear: left;
}


h4 {
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	width: 100%;
	background-color: #CCCCCC;
	text-indent: 5px;
	margin: 10px 0 0 0;
	padding: 5px 0;
	clear: left;
}



/* ---------------------------------------- テキストに関する指定　↓ */


.text_box01 {
	background-image: url(http://tkpotemachi.net/layout_display/images/text_box01.gif);
	padding: 10px 20px 10px 10px;
	color: #FFFFFF;
	line-height: 20px;
}

.text_box02 {
	background-image: url(http://tkpotemachi.net/layout_display/images/text_box02.gif);
	padding: 10px 20px 10px 10px;
	line-height: 20px;
}

.text_box02_720 {
	float: left;
	clear: both;
	background-image: url(http://tkpotemachi.net/layout_display/images/text_box02_720.gif);
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
	line-height: 20px;
}


.text_box_kage {
	background-image: url(http://tkpotemachi.net/layout_display/images/text_box_kage.gif);
	height: 20px;
}
.text_box_kage_720 {
	background-image: url(http://tkpotemachi.net/layout_display/images/text_box_kage_720.gif);
	height: 20px;
}



.text_box_in01 {
	float: right;
	margin: 0;
	width: 700px;
}
.text_box_in02 {
	float: left;
	width: 160px;
	margin-right: 10px;
}
.text_box_in03 {
	float: right;
	width: 170px;
	margin: 0px;
}
.text_box_in04 {
	float: right;
	width: 360px;
	margin: 0;
}

.text1 {
	font-size: 12px;
	line-height: 20px;
	padding: 5px 0px;
	margin: 0 0 10px 0;
}


.table_text1 {
	font-size: 12px;

	
}

.but01 {
	width: 520px;
	margin-top: 10px;
	/* height: 40px; */
}
.but01_in {
	float: left;
	width: 160;
	/* height: 40px; */
	margin: 0 0 0 20px;
}
.but01_in_l {
	float: left;
	width: 160;
	/* height: 40px; */
	margin: 0;
}

.but02 {
	width: 520px;
	margin-top: 10px;
	/* height: 40px; */
}
.but02_in {
	float: left;
	width: 170;
	/* height: 40px; */
	margin: 0 0 0 5px;
}
.but02_in_l {
	float: left;
	width: 170;
	/* height: 40px; */
	margin: 0;
}

.fc_red {
	font-weight: bold;
	color: #CC0000;
}

/* ---------------------------------------- ３列表示（W720 Y3）　↓ */

.il_box02l {
	width: 160px;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0 0 15px 0;
	border-bottom:  1px solid #cccccc;
}
.il_box02 {
	width: 160px;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0 0 15px 20px;
	border-bottom:  1px solid #cccccc;
}
.il_box02_in_01 {
	float: left;
	width: 160px;
	text-align: center;
	margin: 0;
	padding: 0;
}
.il_box02_in_02 {
	float: left;
	width: 160px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 5px 0;
	/* height: 15px; */
	line-height: 15px;
	/* margin: 1px; */
	overflow: hidden;
}
.il_box02_in_03 {
	float: left;
	width: 160px;
	font-size: 11px;
	text-align: left;
	padding: 5px 0;
	/* height: 45px; */
	line-height: 15px;
	/* margin: 1px; */
	border-top: solid 1px #CCCCCC;
	overflow: hidden;
}


/* ------------------------------------ */




/*
.text1_red {
	font-size: 10px;
	line-height: 14px;
	background-color: #FCE7FE;
	padding: 5px 5px;
}
*/

/*
.text3 {
	font-size: 12px;
	line-height: 16px;

	border-bottom: dotted 1px #CCCCCC;
	margin: 5px 5px;
}
.text4 {
	font-size: 12px;
	line-height: 16px;

	text-align: right;
	margin: 5px 5px;
}
*/


/* タブ表示非表示スクリプト 部分
---------------------------------------------------------------------------*/

#tab {
	margin-left: 0;
	padding-left: 0;
	/* border-bottom: 1px solid #EDE4D3; */
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	font-weight: bold;
	font-size: 12px;
}

#tab li {
	float: left;
	width: 100px;
	height: 30px;
	
}

#tab li a {
	display: block;
	width: 94px;
	height: 30px;
	border: 1px solid #DBD3C8;
	border-bottom: 0;
	
	color: #50442F;
	text-align: center;
	text-decoration:  none;
	background-color: #F3F1ED;
}

#tab li a:hover,
#tab li.present a {
	border-color: #A5947B;
	color: #50442F;
	background-color: #A5947B;
}

.place_box {
	float: left;
	width: 720px;
	background-color: #EDE4D3;
	padding: 10px 0;
	margin: 0 0 10px 0;	
}

.place_box1 {
	float: left;
	width: 480px;
	margin: 0 0 0 10px;
}

.place_box2 {
	float: left;
	width: 210px;
	margin: 0 10px 0 10px;
}

.place_box3 {
	float: left;
	width: 210px;
	margin: 10px 10px 0 10px;
}


/*中央ブロック内の「What's New」部分
---------------------------------------------------------------------------*/
dl.new {
	height: 360px;		/*What's Newボックスの高さ*/
	overflow: auto;		/*この設定でiframe風に見える*/
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	border: 1px solid #cccccc;	/*What's Newのフチのライン*/
	margin-bottom: 1em;
	line-height: 20px;
	margin-top: 0px;
	font-size: 12px;
}

dl.new dt {
	font-weight: bold;	/*日付を太字にする設定。*/
	float: left;		/*日付を左よせする*/
}

dl.new dd {
	border-bottom: 1px dotted #3399FF;	/*日付ごとに入る下線*/
	padding-left: 8em;	/*日付が入る分のスペースを空ける*/
}


/* ---------------------------------------- ボックスに関する指定　↓ */


.box1 {
	margin: 0 0 10px 0;
}


.box2 {
	margin: 0 0 10px 0;
}
/*
.box2s {
	font-size: 12px;
	line-height: 16px;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC ;
	width: 128px;
	margin: 0 5px 10px 0;
	float: left;
}
*/


.box3 {
	font-size: 12px;
	line-height: 20px;
	background-color: #F8F6EF;
	width: 170px;
	margin: 0 0 10px 0;
	/* border-top:  solid 1px #CCCCCC; */
	/* border-bottom:  solid 1px #CCCCCC; */
}
.box3_in {
	padding: 5px 5px;
}


/*
.box4 {
	font-size: 12px;
	line-height: 16px;
	background-color: #F9F9F9;
	border: solid 1px #CCCCCC ;
	width: 263px;
	margin: 0 5px 10px 0;
	float: left;
}
.box4_in {
	padding: 5px 5px;
}

.box10 {
	width: 540px;
	height: 10px;
	clear: left;
}
*/


.box_l {
	float: left;
	margin: 0 0 10px 0;
}

.box_r {
	float: left;
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 10px 10px;
}


#pankuzu {
	float: left;
	font-size: 12px;
	width: 790px ;
	margin: 10px 0;
	text-indent: 10px;

	clear: both;
}


.tab01_l a {
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 176px;
	height: 40px;
	background-color: #E6E6E6;
	color: #666666;
	text-decoration: none;
	text-align: center;
	line-height: 40px;
}
.tab01 a  {
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 176px;
	height: 40px;
	background-color: #E6E6E6;
	color: #666666;
	text-decoration: none;
	text-align: center;
	line-height: 40px;
	margin-left: 6px;
}

.tab01_l_on {
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 176px;
	height: 40px;
	background-image: url(http://tkpotemachi.net/layout_display/images/tab01_on.png);
	color: #666666;
	background-repeat:no-repeat;
	text-align: center;
	line-height: 40px;
}
.tab01_on {
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 176px;
	height: 40px;
	background-image: url(http://tkpotemachi.net/layout_display/images/tab01_on.png);
	color: #666666;
	background-repeat:no-repeat;
	text-align: center;
	line-height: 40px;
	margin-left: 6px;
}


.tab01 a:hover {
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 176px;
	height: 40px;
	background-color: #EFEFEF;
	color: #666666;
	text-decoration: none;
	text-align: center;
	line-height: 40px;
	margin-left: 6px;
}
.tab01_l a:hover{
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 176px;
	height: 40px;
	background-color: #EFEFEF;
	color: #666666;
	text-decoration: none;
	text-align: center;
	line-height: 40px;
}


.top_mainimg {
	clear: both;
	text-align: center;
	background-image: url(http://tkpotemachi.net/layout_display/images/mainimg_bg.gif);
	background-repeat: no-repeat;
}

.mainimg {
	clear: both;
	margin-bottom: 10px;

}


.box-pack {
	float: left;
	width: 260px;
	margin: 0 10px 10px 0;
}

.listcomment {
	position: absolute;
	left: 200px;
	top: 220px;
	width: 240px;
}

.contact_tel03 {
	text-align: center;
	background-color: #F8F6EF;
	/* border-top: dotted 1px #999999; */
	/* border-bottom: dotted 1px #999999; */
}



/* ---------------------------------------- ヘッダーに関する指定　↓ */



#logo {
	position: absolute;
	top: 0px;
	left: 0px;
}

#contact_tel {
	position: absolute;
	top: 0px;
	right: 0px;

}
#contact_form {
	position: absolute;
	top: 40px;
	right: 190px;

}

.srchBox1 {  /*  サーチボックスに関する指定　 */
	position: absolute;
	top: 125px;
	right: 0px;
}

/* ---------------------------------------- グローバルナビに関する指定　↓ */

#g_navi .g_navi_button a {
	float: left;
	width: 110px;
	height: 40px;
	margin: 0;
	background-image: url(http://tkpotemachi.net/layout_display/images/g_navi_button.gif) ;
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	line-height: 40px;
	font-size: 14px;
	text-decoration: none;
	text-shadow: rgba(0, 0, 0, 0.3) 0 1px 0;
	color: #FFFFFF; /* #833A19; */
	
}

#g_navi .g_navi_button a:hover {
	float: left;
	width: 110px;
	height: 40px;
	margin: 0;
	background-image: url(http://tkpotemachi.net/layout_display/images/g_navi_button.gif) ;
	background-repeat: no-repeat;
	background-position: 0px -40px;
	text-align: center;
	font-weight: bold;
	line-height: 40px;
	font-size: 14px;
	text-decoration: none;
	text-shadow: rgba(0, 0, 0, 0.3) 0 1px 0;
	color: #FFFFFF; /* #833A19; */
}






/* ---------------------------------------- サイドバーに関する指定　↓ */

ul.navi-button1  {
	margin: 0px;
	padding: 0px; 
	list-style-type : none;
}

li.navi-button1  { 
	margin: 0px;
	padding: 0px;
}

.navi-button1 a {
	display:block;
	border-bottom: dotted 1px #BFAD8A;
	background-color: #FFFFFF;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	color: #833A19;
	margin:0px 0px;
	width: 170px;
	padding: 5px 0;
}


.navi-button1 a:hover {
	display:block; 
	border-bottom: dotted 1px #BFAD8A;
	background-color: #F8F6EF;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	color: #833A19;
	width: 170px;
	padding: 5px 0;
}

.navi-box0 {
	width: 170px;
	height: 10px;

}
.navi-box1 {
	font-size: 12px;
	line-height: 20px;
	/* background-color: #EDE4D3; */
	background-image: url(http://tkpotemachi.net/layout_display/images/navi-box1.png);
	background-repeat: no-repeat;
	/* border-bottom: solid 1px #CCCCCC; */
	/* border-top:  solid 1px #CCCCCC; */
	padding: 5px 0;
	width: 170px;
	text-indent: 15px;
	margin: 0;
	height: 34px;
}

.navi-box2 {
	font-size: 12px;
	line-height: 16px;
	background-color: #EDE4D3;
	/* border-top:  solid 1px #CCCCCC; */
	padding: 5px 0;
	width: 170px;
	text-indent: 5px;
	margin: 0;
}

.bnr-box1 {
	margin-bottom: 10px;
}

.bnr-box2 {
	float: left;
	width: 170px;
	background: #CCCCCC;
	margin: 5px 0 0 0;
	padding: 5px 0;
	text-align: center;
}

/* -------------------------------------- コンテンツに関する指定　↓ */

.bnr01_l {
	clear: both;
	float: left;
	width: 170px;
	margin: 0 0 10px 0;
}

.bnr01 {
	float: left;
	width: 170px;
	margin: 0 0 10px 15px;
}

.mainbnr {
	width: 540px;
	margin-bottom: 10px;
}


.kaigyo {
	clear: both;
	width: 100%;
	height: 0px;
}




/* ---------------------------------------- フッターに関する指定　↓ */

#footer_in01 {
	width: 100%;
	position:static;
	color: #999999;
	/* border-bottom: dotted 1px #999999; */
	padding-bottom: 5px;
	height: 15px;
}

#footer_in01_l {
	position: absolute;
	left: 10px;
	font-size: 12px;
}

#footer_in01_r {
	position: absolute;
	right: 10px;
	font-size: 12px;
}

#footer_in02 {
	padding: 10px 10px 20px 10px ;
	line-height: 20px;
	background-color: #50442F;
	color: #A5947B;
}

#footer_in02 a:link { 
color: #FFFFFF;
}

#footer_in02 a:visited { 
color: #FFFFFF;
}

#footer_in02 a:hover { 
color: #FFFFCC;
}







/* ---------- 特殊ページ ---------- */

.sp_title01 {
	margin-bottom: 10px;
}

.sp_txt01 {
	margin-bottom: 10px;
	line-height: 20px;
	font-size: 14px;
	clear: both;
}


.sp_box01 {
	margin: 0;
	clear: both;
	overflow: hidden; /*floatの解除、ここがポイント*/ 
	position: relative; /*DWで正常にプレビューできるようになります。*/ 
	zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/ 


}

.sp_box01_01l {
	width: 480px;
	float: left;
	/* background-color: #CCCCCC; */
	text-align: center;
	padding: 0;
	margin: 0 ;
}

.sp_box01_01 {
	width: 240px;
	float: left;
	/* background-color: #CCCCCC; */
	text-align: center;
	padding: 0;
	margin: 0 ;
}


.sp_box02 {
	margin: 0 0 10px 0;
	clear: both;
}

.sp_box02_01l {
	width: 420px;
	float: left;
	/* background-color: #CCCCCC; */
	text-align: center;
	padding: 0;
	margin: 0 ;
	font-size: 14px;
}

.sp_box02_01 {
	width: 280px;
	float: left;
	/* background-color: #CCCCCC; */
	/* text-align: center; */
	padding: 0;
	margin: 0 0 0 20px;
	line-height: 20px;
}

.sp_box03 {
	margin: 0 0 10px 0;
	clear: both;
}

.sp_box03_01l {
	width: 420px;
	float: left;
	/* background-color: #CCCCCC; */
	text-align: center;
	padding: 0;
	margin: 0 0 0 20px;
	font-size: 14px;
}

.sp_box03_01 {
	width: 280px;
	float: left;
	/* background-color: #CCCCCC; */
	/* text-align: center; */
	padding: 0;
	margin: 0;
	line-height: 20px;
}

.contact_foot {

}

/* ---------------------------------------- ４列表示（SP W720 Y4）　↓ */

.sp_bo_y4_wap {
	margin: 10px 0 10px 10px;
	clear: both;
}


.sp_bo_y4l {
	width: 160px;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	border-bottom:  1px solid #cccccc;
}

.sp_bo_y4 {
	width: 160px;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0 0 0 20px;
	border-bottom:  1px solid #cccccc;
}

.sp_bo_y4_in_01 {
	float: left;
	width: 160px;
	text-align: center;
	margin: 0;
	padding: 0;
}

.sp_bo_y4_in_02 {
	float: left;
	width: 160px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 5px 0;
	/* height: 15px; */
	line-height: 15px;
	/* margin: 1px; */
	overflow: hidden;
}

.sp_bo_y4_in_03 {
	float: left;
	width: 160px;
	font-size: 11px;
	text-align: left;
	padding: 5px 0;
	/* height: 45px; */
	line-height: 15px;
	/* margin: 1px; */
	border-top: solid 1px #CCCCCC;
	overflow: hidden;
}

.sp_contact {
	/* background-image: url(http://tkpotemachi.net/layout_display/images/text_box02.gif); */
	background-color: #F3F1ED;
	padding: 10px 20px 10px 20px;
	line-height: 20px;
	text-align: center;
}