*{
    margin: 0;
    padding: 0;
}

html{
overflow-x: hidden;
}

body{
    text-align: center;
    background-image:url(temp_images/ktc_1.gif);
    width : 100% ;
}

a:link , a:visited{
   color: #b8860b;
   text-decoration: none;
}

a:hover , a:active{
   color: #999;
   text-decoration: underline;
}

img{
   border-style:none;
}

a img{
   border-style: none;
   text-decoration: none;
   border: none; 
}

address{
    font-style: normal;
}

.text{
   color: #555;
   font-size: 80%;
   font-family: Verdana, "ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;
   text-align:left;
   line-height: 170%;
}

h1 {
color:#999999;
font-size:12px;
font-weight:lighter;
left:10px;
margin:0pt;
padding:0pt;
position:absolute;
top:5px;
}

h2{
    margin: 10px 0 5px 0;
    width: 90%;
    background-image: url(temp_images/title_icon.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 5px 0 10px 38px;
    font-size: 120%;
    color: #000;
    font-weight: bold;
}

.hTopics{
    margin: 10px 0 5px 0;
    width: 90%;
    background-image: url(temp_images/lamp_07.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 9px 0 10px 20px;
    font-size: 120%;
    color: #8B0000;
    font-weight: bold;
}

b{
    border-bottom:2px solid #ffb6c1;
    display: block;
    width: 320px;
    margin-bottom: 10px;
}

/*コンテナ*/
#container{
    margin: 0 auto;
    width:750px;
    background-color:#fff;
    position : relative ; 
}

/*ヘッダ*/
#header{
    width:100%;
    height:160px;
}

#header_img {
  width:180px;
  height:113px;
  margin: 10px 0 0 20px;
  padding:0;
  float:left;
}

* html #header_img {
  width:180px;
  height:113px;
  margin: 10px 0 0 10px;
  padding:0;
  float:left;
}

#header_img_i {
background-image:url(temp_images/logo.gif);
background-repeat:no-repeat;
height:86px;
left:10px;
margin:0pt;
padding:0pt;
position:absolute;
text-indent:-9999px;
top:25px;
width:180px;
}

#header_img_i a {
  width: 180px;
  height: 113px;
  display: block;
  margin: 0;
  padding: 0;
}

#header_text{
   float: right;
   text-align: right;
   color: #999;
   font-size: 12px;
   font-family: Verdana, "ＭＳ Ｐゴシック",MS UI Gothic, Osaka;
   line-height: 130%;
   padding: 15px 15px 5px 20px;
}

/*ロールオーバーメニュー*/
#header ul {
height:70px;
left:480px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
position:absolute;
top:50px;
width:100%;
}

#header li{
    list-style:none;
    float:left;
    width:65px;
}
#header li a{
    display: block;
    width: 65px;
    height: 70px;
    text-indent: -9999px;
    background-image: url("temp_images/menu.gif");
    overflow: hidden;
}
a.about{
    background-position: 0 0;
}
a:hover.about{
    background-position: 0 -70px;
}

a.hatudai{
    background-position: -65px 0;
}
a:hover.hatudai{
    background-position: -65px -70px;
}

a.diet{
    background-position: -130px 0;
}
a:hover.diet{
    background-position: -130px -70px;
}

a.setuyaku{
    background-position: -195px 0;
}
a:hover.setuyaku{
    background-position: -195px -70px;
}

a.review{
    background-position: -260px 0;
}
a:hover.review{
    background-position: -260px -70px;
}

a.zakki{
    background-position: -325px 0;
}
a:hover.zakki{
    background-position: -325px -70px;
}

a.link{
    background-position: -390px 0;
}
a:hover.link{
    background-position: -390px -70px;
}

#header form {
background-image:url(temp_images/search_back.jpg);
background-position:right top;
background-repeat:no-repeat;
height:35px;
margin:0pt;
padding:4px 7px 0pt 0pt;
position:absolute;
right:0pt;
text-align:right;
top:0pt;
width:317px;
}

#header form .search_text{
width:110px;
color: #999;
}

#header dl {
background:#F5F5F5 none repeat scroll 0%;
border-bottom:1px solid #EEEEEE;
border-top:1px solid #EEEEEE;
font-size:12px;
height:15px;
left:0pt;
padding:5px 0pt;
position:absolute;
top:125px;
width:750px;
}

#header dt,#header dd{
position:absolute;
  text-align: left;
  margin:0;
  padding:0;
  height: 15px;
}

#header dt{
  width: 185px;
  left: 0;
  padding-left: 10px;
  padding-right: 5px;
  top: 6px;
  border-right: 1px solid #ccc;
  font-weight: bold;
}

#header dd{
  left: 210px;
  position:relative;
  color: #666;
  top: 1px;
}

html[xmlns] #header dd{
  top: 0;
}

/*メイン*/
#main{
   float:left;
   width: 510px;
   margin: 5px 0 0 0;
   padding: 0 15px;
}

.main_img{
   margin: 5px 0;
}

.entrytitle{
    margin: 10px 0 5px 0;
    width: 90%;
    background-image: url(temp_images/title_icon.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 5px 0 10px 38px;
    font-size: 120%;
    color: #000;
    font-weight: bold;
}

.entrydate{
    background-image: url(temp_images/clock_01.gif);
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #f5f5f5;
    margin: 0 10px;
    padding: 3px 5px 3px 20px;
    color: #666;
    font-size: 70%;
    font-weight: lighter;
}

.othertitle{
    width: 90%;
    border-left:2px #ccc dotted;
    border-bottom:2px #ccc dotted;
    font-size: 130%;
    font-weight: bold;
    margin: 10px 0 15px 0;
    padding: 0 0 0 5px;
}

.main_date{
   clear: both;
   color:#999;
   font-size: 80%;
   margin: 15px 0 25px 0;
    border-top: 1px solid #ccc;
   padding-top: 2px;
}

.main_i{
   margin: 10px;
   padding: 5px;
   background-color: #f5f5f5;
   color: #00afcc;
}

.main_pan{
    width: 500px;
    font-weight: bold;
    background-color: #f5f5f5;
    margin: 0 0 15px 0;
    padding: 3px 0 3px 10px;
}

.main_navi{
   margin: 10px 0 20px 0;
   text-align: center;
   font-size: 80%;
}

.mark {
    margin: 0;
    padding: 0;
}

.mark ul {
    margin: 0 0 5px 0;
    padding: 0;
    list-style:none;
}

.mark li {
    float: left;
    margin: 5px 0 5px 5px;
    padding: 0;
    border: 1px solid #eee;
    background-color: #f5f5f5;
}

a.mark:link,
a.mark:active,
a.mark:visited{
   color: #c00;
   text-decoration: none;
   padding: 5px 10px;
   display: block;
}

a.mark:hover{
   color: #b8860b;
   text-decoration: none;
   background-color: #eee;
    background-image:url(temp_images/tomei2.gif);
   border: 2px solid #eee;
   padding: 3px 8px;
   display: block;
}

.more{
   margin: 5px 0 0 0;
   padding: 3px 5px;
   background-color: #f5f5f5;
   color: #333;
}

.search_date{
   color:#999;
   font-size: 80%;
   margin: 5px 0 15px 0;
    border-top: 1px solid #ccc;
}

/*リストマーク*/
.lmark {
    margin:10px 0;
    padding:0;
}

.lmark ul {
    margin:0 0 0 5px;
    padding:0;
    list-style:none;
}

.lmark li {
    margin: 3px 0;
    padding:0 0 0 13px;
    background-image:url(temp_images/arrow.gif);
    background-position:left center;
    background-repeat:no-repeat;
}

.lmark_b {
    margin:10px 0;
    padding:0;
}

.lmark_b ul {
    margin:0 0 5px 5px;
    padding:0;
    list-style:none;
}

.lmark_b li {
    margin: 0;
    padding: 0 0 0 20px;
    background-image:url(temp_images/cup_02.gif);
    background-position:left center;
    background-repeat:no-repeat;
}

/*トラックバック*/
.trackback{
   line-height: 150%;
   font-size: 80%;
   color: #666;
}

.trackback_date{
   color: #999;
   margin: 2px 0 10px 0;
   border-top: 1px solid #eee;
}


/*サイドバー*/
#sidebar{
     float: left;
     width : 200px ;
     margin: 0;
     padding: 0;
}

.sidebarhead {
    background-image:url(temp_images/sidebar.gif);
    background-position:left bottom;
    background-repeat:no-repeat;
    width: 200px;
    height: 47px;
}

.sidebarhead_text{
    font-size: 80%;
    color:#fff;
    font-weight: bold;
    text-align: left;
    padding: 15px 0 0 38px;
}

.sidebar_newtext{
   color: #555;
   font-size: 60%;
   font-family: Verdana, "ＭＳ Ｐゴシック",MS UI Gothic, Osaka;
   text-align:left;
   line-height: 130%;
   margin: 5px 10px 20px 10px;
}

.sidebar_maintext{
   color: #555;
   font-size: 80%;
   font-family: Verdana, "ＭＳ Ｐゴシック",MS UI Gothic, Osaka;
   text-align:left;
   line-height: 120%;
   margin: 0 0 5px 0;
   padding: 5px 10px;
}

.sidebar_img{
   border-style : none;
   border-width : 0;	
   text-decoration : none;
   margin: 3px 5px 3px 0;
}

.sidebar_small{
    font-size: 80%;
    color: #666;
    line-height: 130%;
}

.sidebar_hr{
   width: 100%;
   border-bottom:2px #ccc dotted;
   margin: 5px 0 0 0;
   padding: 0 0 5px 0;
}

/*フッター*/
#footer{
   width: 100%;
   background-image: url(temp_images/logo_small.gif);
   background-repeat: no-repeat;
   background-position: 20px 20px;
   padding: 17px 0;
   border-top: 2px dotted  #CCB484;
}

#footer_top{
   clear: both;
   margin: 0 10px 10px 0;
   padding: 20px 0 0 0;
   text-align: right;
   font-size: 60%;
}

.footer_text{
   text-align: center;
   color: #666;
   font-size: 60%;
   font-family: Verdana, "ＭＳ Ｐゴシック",MS UI Gothic, Osaka;
   line-height: 130%;
   padding: 0;
}


/*初台グルメ*/
#hatsudai{
    width: 480px;
    height: 175px;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f5f5f5;
    border: 1px solid #ffb6c1;
   background-image: url(temp_images/ha_bg.gif);
   background-repeat: no-repeat;
   background-position: right 10px;
}

#hatsudai_img{
    float: left;
    margin: 0 10px 0 0;
}

#hatsudai_title{
    font-size: 120%;
    font-weight: bold;
    padding: 0 0 5px 30px;
    margin: 0;
    background-image:url(temp_images/omelet_02.gif);
    background-position: left top;
    background-repeat:no-repeat;
}

.arc{
   width : 245px;
   margin: 0;
   padding: 3px;
   float:left;
}

.arc2{
   width : 245px;
   margin: 0;
   padding: 3px;
   float:right;
}

.arctitle{
    width: 90%;
    border-left:2px #ccc dotted;
    border-bottom:2px #ccc dotted;
    font-size: 130%;
    font-weight: bold;
    margin: 2px 0;
    padding: 0 0 0 5px;
}

.shop{
    width: 90%;
    height: 250px;
    margin: 15px 0 0 0;
    padding: 5px;
    background-color: #eee;
    background-image: url(temp_images/shop.gif);
    background-repeat: no-repeat;
    background-position: right bottom;

}

.map{
   float:left;
   border-style:none;
   margin:0 10px 0 0;
   width: 250px;
   height: 250px;
}

.map2{
   border-style:none;
   margin: 0 0 10px 0;
}

#shop_banner{
margin: 10px 0 20px 0;
text-align: right;
color: #ffb90f;
font-size: 125%;
}

.g_i{
    margin: 10px 5px;
    width:80%;
    border-bottom: 2px #ccc dotted;
    border-top: 2px #ccc dotted;
    background-image: url(temp_images/tableware_01.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 5px 0 5px 20px;
    font-size: 100%;
    font-weight: bold;
    font-family: Verdana, "ＭＳ Ｐゴシック",MS UI Gothic, Osaka;
    clear: both;
}

#search_h{
    margin: 0;
    padding: 0 10px 0 0;
    width: 97%;
    text-align: right;
}

.gray{
   margin: 5px 0 0 0;
   font-size: 80%;
   font-weight: bold;
   color: #999;
}

.gray_t{
   margin: 0;
   font-size: 80%;
   font-weight: bold;
   color: #999;
}

.url{
   margin: 2px 0 7px 0;
   padding: 5px;
   background-color: #eee;
   background-image:url(temp_images/tomei2.gif);
   border: 1px solid #fff;
   color: #333;
}

/*コメント送信用*/
#comment_main{
    width: 100%;
}

.comment_main2{
    padding: 0 15px;
}

.main_comment_title{
    margin: 5px 0 15px 0;
    width: 80%;
    background-image: url(temp_images/title_icon.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 3px 0 8px 40px;
    font-size: 100%;
    font-weight: bold;
    color: #000;
    text-align: left;
    font-family: Verdana, "ＭＳ Ｐゴシック",MS UI Gothic, Osaka;
}

.main_comment_date{
   color:#999;
   font-size: 80%;
   margin: 0;
}

hr.comment{
   border-bottom:2px #ccc dotted;
   width: 300px;
}

.afi{
   margin: 0;
   padding: 0;
   width: 458px;
   border-left: 1px solid #CB1C1C;
   border-right: 1px solid #CB1C1C;
   border-bottom: 1px solid #CB1C1C;
}

.afi_t{
   margin: 0;
   padding: 0 0 0 38px;
   width: 460px;
   height: 30px;
   color: #fff;
   font-weight: bold;
   background-image: url(temp_images/afi_t.gif);
   background-repeat: no-repeat;
   background-position: left top;
}

.afi_t_t{
   margin: 0;
   padding: 5px 0 0 0;
}

.afi_text{
   margin: 0;
   padding: 5px;
}

#prene{
   width: 500px;
  margin-top: 20px;
  padding: 5px;
  background-color: #f5f5f5;
  text-align: center;
}

#prene_pre{
  text-align: left;
  float: left;
  width: 70px;
}

#prene_list{
  text-align:center;
  float: left;
  width: 350px;
}

#prene_next{
  text-align: right;
  float: left;
  width: 70px;
}

.prene_navi{
  font-size: 75%;
  color: #ccc;
}

.photo{
float:left;
left:0pt;
margin:5px 10px 10px 0pt;
position:relative;
top:0pt;
width:100px;
}

.photo a.popup, .photo a.popup:visited{
border:1px solid #CCCCCC;
display:block;
left:0pt;
padding:3px;
top:0pt;
width:100px;
}

.photo a .large {
display:block;
height:1px;
left:0pt;
position:absolute;
top:0pt;
width:1px;
}

.photo a.popup:hover {
	background-color: #fff;
}
.photo a.popup:hover .large {
	display: block;
	position: absolute;
	width: 400px;
	height: 300px;
	top: 0;
	left: 0;
}