/*------------------ レイアウト関連 --------------------------*/


/* ページ全体の基本的な設定と背景色 */

body {
margin: 0px 0px 20px 0px;
background-color: #FFFFFF;
font-family: "Verdana","Times New Roman","ＭＳ Ｐゴシック","Osaka","sans-serif","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
font-size: 80%;
line-height: 155%;
color: #555555;
}


/* 全体を囲む枠の背景色や線、余白などの設定 */
#container {
margin: 20px auto;
width: 860px;
/* border: 1px solid #666666; */
}


/*------------------ ヘッダー --------------------------*/


/* IE6のみ除外 */
#sideline {
width /**/: 100%;
height /**/: 6px;
background-color /**/: #002d50;
margin-bottom /**/: 15px;
}


/* IE6だけに適用 */
* html #sideline {
width: 100%;
height: 6px;
background: url(sites/images/bluebit.gif) repeat-x;
margin-bottom: 8px;
}



#navi {
text-align: left;
width: 100%;
height: 58px;
margin-bottom: 10px;
}



.rogo {
background: url(sites/images/rogo.jpg) no-repeat;
display: block;
float: left;
text-decoration: none;
text-indent: -9999px;
width: 58px;
height: 58px;
margin-right: 8px;
}


#navigation-master {
width: auto;
background: url(sites/images/introduction.jpg) top no-repeat;
padding-top: 20px;

}


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

#main_navigation {
width: auto;
display: block;
}

#main_navigation li.top {
float: left;
display: block;
width: 114px;
height: 29px;
}

#main_navigation li.top a {
float: left;
display: block;
width: 114px;
height: 29px;
background: url(sites/images/navigationbar.jpg) no-repeat;
background-position: 0 0;
text-indent: -9999px;
}

#main_navigation li.top a:hover { background-position: 0 -29px; }
#top #main_navigation li.top a { background-position: 0 -29px; }




#main_navigation li.menu {
float: left;
display: block;
width: 131px;
height: 29px;
}



#main_navigation li.menu a {
float: left;
display: block;
width: 131px;
height: 29px;
background: url(sites/images/navigationbar.jpg) no-repeat;
text-indent: -9999px;
background-position: -114px 0;
}

#main_navigation li.menu a:hover { background-position: -114px -29px; }
#menu #main_navigation li.menu a { background-position: -114px -29px; }



#main_navigation li.gallery {
float: left;
display: block;
width: 169px;
height: 29px;
}


#main_navigation li.gallery a {
float: left;
display: block;
width: 169px;
height: 29px;
background: url(sites/images/navigationbar.jpg) no-repeat;
text-indent: -9999px;
background-position: -245px 0;
}


#main_navigation li.gallery a:hover { background-position: -245px -29px; }
#gallery #main_navigation li.gallery a { background-position: -245px -29px; }



#main_navigation li.access {
float: left;
display: block;
width: 160px;
height: 29px;
}


#main_navigation li.access a {
float: left;
display: block;
width: 160px;
height: 29px;
background: url(sites/images/navigationbar.jpg) no-repeat;
text-indent: -9999px;
background-position: -414px 0;
}


#main_navigation li.access a:hover { background-position: -414px -29px; }
#access #main_navigation li.access a { background-position: -414px -29px; }



#main_navigation li.info {
float: left;
display: block;
width: 114px;
height: 29px;
}


#main_navigation li.info a {
float: left;
display: block;
width: 114px;
height: 29px;
background: url(sites/images/navigationbar.jpg) no-repeat;
text-indent: -9999px;
background-position: -574px 0;
}

#main_navigation li.info a:hover { background-position: -574px -29px; }
#info #main_navigation li.info a { background-position: -574px -29px; }


/*------------------ メインナビゲーション終了 --------------------------*/

/*------------------ メインナビゲーション2 --------------------------*/

#main_navigation2 {
width: auto;
display: block;
}

#main_navigation2 li.top {
float: left;
display: block;
width: 95px;
height: 29px;
}

#main_navigation2 li.top a {
float: left;
display: block;
width: 95px;
height: 29px;
background: url(sites/images/navigationbar2.jpg) no-repeat;
background-position: 0 0;
text-indent: -9999px;
}

#main_navigation2 li.top a:hover { background-position: 0 -29px; }
#top #main_navigation2 li.top a { background-position: 0 -29px; }




#main_navigation2 li.concept {
float: left;
display: block;
width: 158px;
height: 29px;
}

#main_navigation2 li.concept a {
float: left;
display: block;
width: 158px;
height: 29px;
background: url(sites/images/navigationbar2.jpg) no-repeat;
text-indent: -9999px;
background-position: -95px 0;
}

#main_navigation2 li.concept a:hover { background-position: -95px -29px; }
#concept #main_navigation2 li.concept a { background-position: -95px -29px; }




#main_navigation2 li.menu {
float: left;
display: block;
width: 119px;
height: 29px;
}

#main_navigation2 li.menu a {
float: left;
display: block;
width: 119px;
height: 29px;
background: url(sites/images/navigationbar2.jpg) no-repeat;
text-indent: -9999px;
background-position: -253px 0;
}

#main_navigation2 li.menu a:hover { background-position: -253px -29px; }
#menu #main_navigation2 li.menu a { background-position: -253px -29px; }



#main_navigation2 li.gallery {
float: left;
display: block;
width: 155px;
height: 29px;
}


#main_navigation2 li.gallery a {
float: left;
display: block;
width: 155px;
height: 29px;
background: url(sites/images/navigationbar2.jpg) no-repeat;
text-indent: -9999px;
background-position: -372px 0;
}


#main_navigation2 li.gallery a:hover { background-position: -372px -29px; }
#gallery #main_navigation2 li.gallery a { background-position: -372px -29px; }



#main_navigation2 li.access {
float: left;
display: block;
width: 143px;
height: 29px;
}


#main_navigation2 li.access a {
float: left;
display: block;
width: 143px;
height: 29px;
background: url(sites/images/navigationbar2.jpg) no-repeat;
text-indent: -9999px;
background-position: -527px 0;
}


#main_navigation2 li.access a:hover { background-position: -527px -29px; }
#access #main_navigation2 li.access a { background-position: -527px -29px; }



#main_navigation2 li.info {
float: left;
display: block;
width: 102px;
height: 29px;
}


#main_navigation2 li.info a {
float: left;
display: block;
width: 102px;
height: 29px;
background: url(sites/images/navigationbar2.jpg) no-repeat;
text-indent: -9999px;
background-position: -670px 0;
}

#main_navigation2 li.info a:hover { background-position: -670px -29px; }
#info #main_navigation2 li.info a { background-position: -670px -29px; }


/*------------------ メインナビゲーション2終了 --------------------------*/



/* banner以下で全体を入れるボックス */
#main {
width: 860px;
margin-top: 10px;
}

#main p {
letter-spacing: 0.05em;
}


/* float clear class */
.clearfix:after {
content : "";
display : block;
clear : both;
}


/*------------------ サイドバー関連 --------------------------*/

#column_left {
float: left;
width: 240px;
padding-right: 22px;
}


/* 左側のメニューを入れるＢＯＸの基本設定 */

#left {
width: 100%;
overflow: hidden;
margin-bottom: 6px;
}


/*------------------ センター関連 --------------------------*/


/* センター（右側メイン）のBOXの基本設定 */

#center {
float: left;
width: 580px;
margin-bottom: 30px;
}

/* IE6だけに適用 */
* html #center {
float: left;
width: 580px;
padding-bottom: 30px;
}

/* IE7だけに適用 */
*+html #center {
float: left;
width: 580px;
padding-bottom: 30px;
}





ul.new {
text-align: left;
margin: 10px 0 10px 16px;
}

ul.new li {
list-style-image: url(sites/images/bit.jpg);
margin-bottom: 7px;
padding-bottom: 2px;
text-decoration: none;
background: url(sites/images/dottedbar-lie.gif) bottom left repeat-x;
}


.whatsnew p {
margin-left: 5px;
}


/* パンくず部分 */
.pankuzu {

width: 578px;
/* float: left; */
margin-bottom: 8px;
text-align: left;
background: url(sites/images/dottedbar-lie.gif) bottom left repeat-x;
}

.pankuzu h3 {
text-align: right;
font-size: 1em;
padding-bottom: 4px;
}


/*------------------ 本文関係 --------------------------*/

.content {
width: 578px;
float: left;
margin-bottom: 8px;
}

.content_border {
width: 578px;
/* float: left; */
margin-bottom: 8px;
border: 1px solid #cccccc;
}

.content_border img {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #cccccc;
margin: 5px 0;
padding: 5px;
}


#content_inner {
margin: 15px;
}

#content_inner img {
margin: 10px 0;
}

.introduction {
width: 100%;
border: none;
float: left;
margin-bottom: 8px;
padding: 5px 0;
text-align: left;
letter-spacing: 150%;
}

#topicback_menu {
background-color: #042956;
margin: 4px 0;
}

#topicback_info {
background-color: #042956;
margin: 10px 0 10px 0;
}


#topicback_menu h4 {
font-size: 1em;
color: #ffffff;
text-align: left;
font-weight: normal;
padding-left: 5px;
}


#topicback_info h4 {
font-size: 1em;
color: #ffffff;
text-align: left;
font-weight: normal;
padding: 2px 0 1px 5px;
}


.menulist dt {
text-align: left;
font-weight: bold;
color: #042956;
margin: 15px 0 10px 16px;
padding-left: 8px;
background: url(sites/images/bit.jpg) center left no-repeat;
}

.menulist dd {
text-align: left;
margin: 10px 20px 10px 24px;
padding-bottom: 2px;
background: url(sites/images/dottedbar-lie.gif) bottom left repeat-x;
}

.menulist dd.menuimage {
margin: 15px 10px 0 24px;
background: none;
}

.menulist dd.menuimage img {
margin-right: 25px;
}

.menulist dd.exp {
text-align: left;
margin: 10px 20px 10px 24px;
padding-bottom: 2px;
background: none;
}


.mealtytle {
float: left;
}

.price {
text-align: right;
}

#menu_switch {
width: auto;
display: block;
margin-bottom: 60px;
}

* html #menu_switch {
margin-bottom: 30px;
}


#menu_switch li {
float: left;
display: block;
}

#menu_switch li.grand a {
float: left;
display: block;
background: url(sites/images/menu-lancher.gif);
background-position: 0 0;
width: 132px;
height: 22px;
text-indent: -9999px;
}

#menu_switch li.lanch a {
float: left;
display: block;
background: url(sites/images/menu-lancher.gif);
background-position: -132px 0;
width: 122px;
height: 22px;
text-indent: -9999px;
}


#menu_switch li.dinner a {
float: left;
display: block;
background: url(sites/images/menu-lancher.gif);
background-position: -254px 0;
width: 120px;
height: 22px;
text-indent: -9999px;
}


.index_inner {
width: 99%;
background: #999999;
color: #FFFFFF;
text-align: left;
margin: 15px 0;
padding: 1px 0;
float: left;
}

.index_inner p {
text-indent: 5px;
}

p.posted {
color: #042956;
border-top: 1px solid #cccccc;
text-align: left;
margin: 25px 0;
padding: 3px;
}

p.entrydate-top {
font-weight: bold;
margin: 10px 0;
}




/*------------------ フッター関連 --------------------------*/

/* フッター部分の設定 */
#footer {
text-align: left;
width:100%;
height: 48px;
}

#footer a {
background: #ffffff url(sites/images/corp/footer.jpg) no-repeat;
display: block;
float: left;
text-decoration: none;
text-indent: -9999px;
width: 100%;
height: 48px;
}

.line_x02 { 
background: url(images/line_x02.gif) repeat-x;
}

.link dl {
margin: 25px 0;
text-align: center;
}


.link dd.link_text {
font-size: 80%;
margin-bottom: 30px;
width: 170px;
}