@charset "utf-8";



/*
ビジュアルの設定----------------------------------------------------------------*/

#visural_area{
width:960px;
height:200px;
padding:0;
margin:0 auto;
}



/*
コンテンツ--------------------------------------------------------------*/

#content{
background-color:#FFFFFF;
background-image: url(../../images/top/con_back_highlight.gif) ;
background-repeat:no-repeat;
background-position:;
margin:20px 0 0 0;
width:960px;
height:1000px;
padding:0;
clear:both;
}


/* -----h1の設定----- */

h1#title{
padding:0;
margin:0;
width:960px;
height:30px;
text-indent:-9999px;
}


/* -----contents,topic,main,linkの設定----- */

#contents{
width:930px;
height:100%;
padding-top:0px;
margin:0 0 0 0;
}


*html  #contents{   /* IE6に適用 */
width:930px;
height:100%;
margin:0 auto;
padding-top:5px;
}



/* -----topicの設定----- */

#topic{
width:auto;
height:auto;
float:left;
margin:0 0 0 20px;
padding:0;
font-size:90%;
line-height:160%;
}

#topic .release{
width:auto;
height:auto;
margin:10px 0 0 0;
padding:0;
font-size:80%;
}

#topic .pagelink{
width:290px;
height:auto;
margin:10px 0 0 10px;
padding:0;
}

#topic .gazo{
width:auto;
height:auto;
margin:20px 0 0 10px;
padding:0;
}

#topic .pagelink a:link{
font-size:94%;
color:#645a32;
}

#topic .pagelink a:hover{
font-size:94%;
color:#ccc142;
text-decoration:none;
}

#topic .pagelink a:visited{
font-size:94%;
color:#7e6a47;
}


#topic_finding{
background: url(../images/top/topic.gif) no-repeat;
width:450px;
height:25px;
}


#topic_finding h2{
text-indent:-9999px;
float:left;
}


p.c2{
padding-left:30em;
padding-top:0.15em;
float:rigth;
}


p.c1{
border-bottom:solid 1px #d5ceb7;
width:400px;
padding:3px 0 3px 0;
margin:0;
}


*html  p.c1{
border-bottom:solid 1px #d5ceb7;
width:400px;
padding:7px 0 7px 0;
margin:0;
}


#scroll{
overflow:auto;
width:450px;
height:180px;
margin:10px 0 0 0;
clear:both;
}

.mark01{
margin-right:10px;
}

span{
color:#993300;
}


/* -----mainの設定----- */

#main{
width:570px;
height:100%;
float:left;
margin:30px 0 0 0;
padding:0;
font-size:84%;
line-height:180%;
color:#645A32;
font-family:Arial, Comic sans, Osaka;
}


*html  #main{   /* IE6に適用 */
width:400px;
height:220px;
float:left;
margin:0 7px 0 0;
padding:0;
}


h2#reseration{
background: url(../images/top/reseration.gif) no-repeat;
width:265px;
height:25px;
text-indent:-9999px;
}


/* contactの設定 */

#contact{
margin:5px 0 5px 0;
background:url(../images/top/cont_middle.gif) top left repeat-y transparent;
width:265px;
height:auto;
display:block;
}

#contact .cont_top{
background:url(../images/top/cont_top.gif) top left no-repeat transparent;
width:265px;
height:40px;
display:block;
}

#contact .cont_btm{
background:url(../images/top/cont_btm.gif) bottom left no-repeat transparent;
width:265px;
height:3px;
display:block;
}


#contact #cont_c1{
width:250px;
margin:0 auto;
padding:0;
}


#contact #cont_c1 dl{
margin:5px 0 10px 0;
padding:0;
}


*html  #contact #cont_c1 dl{   /* IE6に適用 */
margin:5px 0 0 0;
padding:0;
}


#contact #cont_c1 dl dt{
font-size:80%;
color:#746f60;
}


#contact #cont_c1 dl dd{
color:#993300;
font-size:100%;
margin-bottom:5px;
}


#main .res{
padding:0;
margin:5px 0 0 0;
}




/* -----linkの設定----- */

#link{
width:180px;
height:220px;
float:left;
margin:0;
padding:0;
}



/* contact2の設定 */

#contact2{
width:180px;
height:135px;
background:url(../images/common/contact_back.gif) top left no-repeat transparent;
}


#con_c2{
width:175px;
height:auto;
padding:25px 0 0 5px;
}


p#list01{
font-size:80%;
line-height:130%;
color:#993300;
}


p#list02{
font-size:70%;
line-height:150%;
margin:0;
padding:0 0 0 0;
}


#bana_area{
margin-top:3px;
padding:0;
}


/*
フッターナビゲーション--------------------------------------------------------*/


#f_nav{
width:960px;
height:44px;
margin:0 auto;
padding:0;
clear:both;
}


ul#f_nav_01{
margin:0 auto;
padding:12px 0 0 0;
}


ul#f_nav_01 li{
display:inline;
margin:0;
}





/* -----footerの設定----- */


#footer{
width:960px;
height:35px;
background: url(../images/common/footer_add.gif) no-repeat;
margin:0 0 20px 0;
padding:0;
}


#footer address{
text-indent:-9999px;
}