@charset "utf-8";
/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}

body {
	background:#555 url(../img/back_image2.gif) repeat top left;
	color:#000;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

input, textarea {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* リンク
----------------------------------------------------*/
a {
}

a:link {
}

a:visited {
}

a:hover {
}

a:active {
}

/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;
}

/* 汎用
----------------------------------------------------*/
/* clerfix */
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/* 注意書き */
.attention {
    color:red;
}

.alignleft, img.alignleft {
    clear: both;
    display: inline;
    float: left;
    margin-right: 10px;
}

.alignright, img.alignright {
    clear: both;
    display: inline;
    float: right;
    margin-left: 10px;
}

.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

/* 左寄せ */
.set_left{
    float: left;
}

/* 右寄せ */
.set_right{
    float: right;
}

/* 中央寄せ */
.set_middle{
    clear: both;
    margin: 15px auto;
}

/*----------------------------------------------------
	#page（ページ全体）
----------------------------------------------------*/
#page {
	width: 800px;
	margin: 0 auto;
    background: #F9B900 url(../img/back.png) repeat-y;
/*    overflow: hidden;*/
	font-size: 100%;
}


/*----------------------------------------------------
	#wrap_container（メインとサイド）
----------------------------------------------------*/

.wrap_container {
	/zoom: 1;
}

/*----------------------------------------------------
	#main（メインコンテンツ）
----------------------------------------------------*/

/***************************/
/* トップページ メイン */
/***************************/
#main {
/*	font-family: "ＭＳ 明朝","ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;*/
    clear: both;
	width: 760px;
    background-color: #fff;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0px 0px 2px #000000;
	-webkit-box-shadow:0px 0px 2px #000000;
	box-shadow:0px 0px 2px #000000;
}

#main table,
#main ol,
#main ul,
#main dl,
#main blockquote,
#main pre,
#main p {
	font-size:120%;    
	margin: 10px 20px;
}

#main h1, h2, h3, h4, h5, h6 {
	font-size:150%;
    border-left:7px solid #ccc;  
    color: #333;
    margin: 20px 10px 20px 10px;
    line-height: 1.5em;
    padding-left: 5px;
}

#main article{
    width:700px;  
    margin: 20px 30px;
}

#main .alignleft, img.alignleft {
    float: left;
}

#main .alignright, img.alignright {
    float: right;
    margin-top: 30px;
    margin-right: 10px;
}

/* 新着情報table (info_box) */

#main #info_box tr{
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size:90%;
    border-bottom:2px dotted #ccc;  
}

/***************************/
/* PRページ メイン   */
/***************************/
#pr_main {
    clear: both;
	width: 750px;
	font-size:120%;    
    background-color: #fff;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
	padding: 15px;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0px 0px 2px #000000;
	-webkit-box-shadow:0px 0px 2px #000000;
	box-shadow:0px 0px 2px #000000;
}

#pr_main p{
    margin: 20px 30px;
}

#pr_main h2{
    border-left: none;
    padding-top: 5px;
}

/***************************/
/* おしながきページ メイン */
/***************************/
#menu_main {
    clear: both;
	width: 750px;
/*    height: 2000px;*/
	font-size:120%;    
    background-color: #fff;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
	padding: 15px;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0px 0px 2px #000000;
	-webkit-box-shadow:0px 0px 2px #000000;
	box-shadow:0px 0px 2px #000000;
}


#menu_main article{
    width:750px;  
}
#menu_main h2{
    border: none;  
    margin-top: -5px;
    margin-bottom: -5px;
    margin-left: -5px;
}

#menu_main h3{
	font-size:110%;
    border: 0px;  
    margin: 10px 0px;
}

#menu_main .block {
/*	height: 355px;*/
	font-size: 1em;
	margin-top: 10px;
	padding: 10px;
	background: #ffff99;
/* curved border radius */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#menu_main p{
    font-size: 110%;
    margin: 10px 20px;
}

#menu_main ul{
    list-style-type: none;
}

/*おしながきナビゲーションメニュー*/
#menu_side ul{
    margin-left:10px;
    list-style-type: none;
}

#menu_side li{
    float: left;
	font-size:120%;
    margin: 8px 5px;
}
#menu_side li a{
    text-decoration: none;
}


/*おしながきその他コースリスト*/
#menu_main #party_table ul{
   list-style-type: square;
}

#menu_main #party_table li{
    background: url(../img/menuinfo/hana2.png) no-repeat left center;
	font-size:120%;
    padding-left: 30px;
    margin-left: 40px;
}

/*おしながき拡大メニュー用リスト*/
#menu_main #menu_table li{
    float:left;
}



/***************************/
/* 店舗案内ページ メイン   */
/***************************/
#shop_main {
    clear: both;
	width: 750px;
	font-size:120%;    
    background-color: #fff;
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
	padding: 15px;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0px 0px 2px #000000;
	-webkit-box-shadow:0px 0px 2px #000000;
	box-shadow:0px 0px 2px #000000;
}

/* 店舗情報table (shop_info) */
#shop_info td, th {
    padding: 10px 10px;
}

#shop_info tr{
    border-bottom:2px dotted #ccc;  
}

#shop_info img{
    vertical-align: middle;
}

/*----------------------------------------------------
	#ContentFooter
----------------------------------------------------*/
#ContentFooter {
	width: 800px;
}

#ContentFooter .pageTop {
	clear: both;
    margin:5px 5px;
	font-size:100%;    
	text-align: right;
	padding-right: 20px;
}

.pageTop2 {
    margin:5px 5px;
	text-align: right;
	font-size:100%;    
	padding-right: 20px;
}

/*----------------------------------------------------
	#side（サイドバー）
----------------------------------------------------*/

/****************/
/* トップページ */
/****************/
#top_side {
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
	float: right;
	width: 200px;
/*    background-color: #ccc; */
}

#top_side a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;

}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}