@charset "utf-8";



/*ページ全体
-------------------------------------------------------------------------*/

*{
margin:0;
padding:0;
}


body{
background-color:#282828;
background-image:url(../images/common/background.gif);
background-repeat:repeat-x;
background-attachment:scroll;
font-family:MS UI Gothic,Sans-serif,Arial,Tahoma,Verdana,"ＭＳ Ｐゴシック","Comic Sans ms",sans,Osaka;
font-size:16px;
}


/* for IE6 */
*html body {
font-size: 100%;
}

/* for IE7 */
*:first-child+html body {
font-size: 100%;
}


/* ページ全体位置 */

div#area {
width:960px;
height:auto;
margin:0 auto;
}


html , body{
height:100%;
}


div#area {
min-height:100%;
}


/* IE6 */

*html div#area {
height:100%;
}



/* 英字フォント設定
=======================================================================================================*/
.english{
font-family:Sans-serif,MS UI Gothic,Arial,Tahoma,Verdana,"ＭＳ Ｐゴシック","Comic Sans ms",sans,Osaka;
}
/*=====================================================================================================*/



/* 画像の設定 */

img{
border:none;
}


/* 段落の設定 */

p{
font-size:82%;
text-align:justify;
text-justify:distribute;
color:#746f60;
line-height:170%;
}


/* 見出しの設定 */


h2{
font-size:88%;
font-weight:normal;
color:#645a32;
}


h3{
font-size:88%;
font-weight:normal;
color:#645a32;
margin-bottom:1.5em;
}


h4{
font-size:88%;
font-weight:normal;
color:#645a32;
margin-bottom:1.5em;
}



/* h1～h6の余計な空白削除 */

h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
}


/* リンクの設定 */

a:link{
color:#645a32;
}

a:hover{
color:#ccc142;
text-decoration:none;
}

a:visited{
color:#7e6a47;
}


/* pの余計な空白削除 */

p{
margin:0;
padding:0;
}


/* ulの余計な空白削除 */

ul li{
margin:0;
padding:0;
}


ul {
font-size:82%;
color:#746f60;
list-style:none;
}



/* ナビゲーション
-------------------------------------------------------------------------*/

ul#g_nav_01{
margin:0 auto;
}


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



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

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



/*-------------------------------------------------------------------------
 content
-------------------------------------------------------------------------*/

#wrapper{
background-color:#ffffff;
background-image: url(../images/top/con_back.gif);
background-repeat:no-repeat;
background-position:center bottom;
width:960px;
margin:20px 0 0 0;
padding-bottom:50px;
}


/* -----h1_areaの設定----- */

#h1_area{
width:960px;
height:30px;
margin:0;
padding-bottom:10px;
}




/* 3カラムレイアウトの設定
------------------------------------------------------------------------------------------------*/

div#contents{
width:733px;
float:left;
}


div#topic{
width:450px;
float:left;
}


div#main{
width:265px;
float:right;
}


div#link{
width:180px;
float:right;
}


div#container:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}


div#container{
width:930px;
height:auto;
margin:0 auto;
padding-top:2px;
}



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

#topic{
width:450px;
height:auto;
}


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


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


/* ADの設定 */

div.AD_area{
width:auto;
height:auto;
padding-bottom:5px;
margin:0;
}


div.AD_area p{
margin:0 0 5px 0;
}

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:65px;
margin:10px 0 0 0;
clear:both;
}

.mark01{
margin-right:10px;
}

span{
color:#993300;
}


#news_area{
width:928px;
height:25px;
border:solid 1px #d5ceb7;
margin:15px auto 0;
}


#news_area p{
text-align:center;
}


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

#main{
width:265px;
height:auto;
}


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


/* contactの設定 */

#contact{
margin:5px 0 0 0;
background-color:#f6f5f5;
border:solid 1px #d5ceb7;
width:263px;
height:auto;
}


#contact #cont_c1{
width:246px;
padding:5px 0 5px 4px;
}


#contact #cont_c1 p{
font-size:13px;
}


.res{
padding:0;
margin:8px 0 0 0;
}




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

#link{
width:180px;
height:auto;
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;
}


/* banner area */

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


#bana_area p{
margin:0 0 4px 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 0 20px 0;
}


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