@charset "UTF-8";

*{
	font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#333;
}

img{
	border: 0;
}
img.right{
	margin: 5px 20px 5px 10px;
	float: right;
	padding: 5px;
	border: solid 1px #cccccc;
	background: #ffffff;
}
img.left{
    float: left;
    margin: -10px 20px 0 0;
    padding: 5px;
	border: solid 1px #cccccc;
	background: #ffffff;    
}
img.photo_frame{
    padding: 5px;
    border: 1px solid #ccc;
    margin: -20px 5px 10px;
}
.center{
	text-align:center;
}
.red{
	color: #ff0000 !important;
}
.green{
	color: #006600;
}
.right{
    text-align: right;
}
.bold{
    font-weight: bold;
}
.large{
    font-size: 20px;
}
br.clear{
	clear: both;
}
p{
	line-height: 150%;
}
.small{
	font-size: 85%;
}

/* --- 全体の背景・テキスト --- */
body {
	margin: 0;
	padding: 0;
	background-color:#ffffff; /* 全体の背景色 */
	color: #333333; /* 全体の文字色 */
	font-size: 80%; /* 全体の文字サイズ */
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #000090; }
a:hover { color: #ff8000; }
a:active { color: #ff0000; }

/* --- コンテナ --- */
#container {
	width: 100%; /* コンテナの幅 */
	margin: 0 auto; /* センタリング */
	border-left: 1px #c0c0c0 solid; /* コンテナの左境界線 */
	border-right: 1px #c0c0c0 solid; /* コンテナの右境界線 */
	background: url(../image/all/bg_container_spring.jpg) no-repeat top;
	
}
#container_mikan {
	width: 100%; /* コンテナの幅 */
	margin: 0 auto; /* センタリング */
	border-left: 1px #c0c0c0 solid; /* コンテナの左境界線 */
	border-right: 1px #c0c0c0 solid; /* コンテナの右境界線 */
	background: url(../image/mikan/bg_container_mikan.jpg) no-repeat top;
}

/* --- ページ --- */
#page {
	width: 880px; /* ページの幅 */
	margin: 0 auto; /* センタリング */
	padding-top: 13px;
	background: url(../image/all/bg_page.png) repeat-y;
}

/* --- ▼ヘッダ内の設定開始 --- */
/* --- ヘッダ --- */
#header {
	position: relative; /* 相対配置（ガイドメニューのために設定） */
	width: 100%; /* IE 6のために幅の指定が必要 */
	height: 189px;
	margin: 0; /* ヘッダのマージン（上、左右、下） */
	background:url(../image/all/header_spring.png) repeat-x top;
}
#header_mikan{
	position: relative; /* 相対配置（ガイドメニューのために設定） */
	width: 100%; /* IE 6のために幅の指定が必要 */
	height: 189px;
	margin: 0; /* ヘッダのマージン（上、左右、下） */
	background:url(../image/mikan/header_mikan.jpg) repeat-x top;	
}
#header h1.pageTitle{
	padding:0 20px;
	font-weight:bold;
	font-size:300%;
	color:#fffffe;
}
#header p.subTitle{
	padding:0 30px;
	font-weight:bold;
	font-size:130%;
	color:#fffffe;
}
#header ul.guide{
	position:absolute;
	top:35px;
	right:20px;
	margin:0;
	padding:0;
	list-style-type:none;
}
#header ul.guide li.first{
	border-left:none
}
#header ul.guide li{
	display:inline;
	padding:0 4px 0 8px;
	border-left:1px solid #ffffff;
}
#header ul.guide li a{
	text-decoration:none;
	color:#fffffe;
}
#header ul.guide li a:hover{
	color:#ffff00;
	text-decoration:underline;
}
/* --- ▲ヘッダ内の設定終了 --- */

/* --- メニュー項目 --- */
#menu{
	position:relative;
	width:100%;
	margin: 0 0 15px 0;
	padding-top: 170px;
}
#menu ul.list{
	width:880px;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	text-align:center;
}
#menu ul li{
	float: left;
}
/* メニューの背景 */

#flashArea{
	width:100%;
}

/* --- ▼コンテンツ内の設定開始 --- */
/* --- コンテンツ --- */
#content {
	width: 100%; /* コンテンツの幅 */
	margin:0 0 10px 0; /* コンテンツの下マージン */
}

/* --- ▼メインカラム内の設定開始 --- */
/* --- メインカラム --- */
#main {
	float: right;
	width: 580px; /* メインカラムの幅 */
	padding: 15px 0 0 15px;
}
#main div.section {
	clear: both;
	margin:0 0 2em 0;
	padding: 0 20px 0 10px;
}
#main div.section h2 {
    clear: both;
	margin:0;
	padding:5px 0 10px 40px;
	font-size:140%;
	color: #444444;
	background: url(../image/title/title_back.png) no-repeat left ;
}
#main div.section h2.mikan{
	margin:0;
	padding:5px 0 5px 40px;
	font-size:140%;
	color: #444444;
	background: url(../image/title/title_back_mikan.png) no-repeat left ;
	border-bottom: 3px double #ffaa66;
}
#main div.section h3{
	margin: 0;
	padding: 0;
	font-size:120%;
}

#main div.noraml p{
	padding-left:20px;
}
#main ul{
	padding:0 20px;
}
#main ul li{
	list-style-type:none;
	line-height:150%;
	padding: 0;
	margin-top: 5px;
	border-bottom:1px dashed #cccccc; /* 文字の下の線 */
}
#main ul.indent_125 li{
	padding: 0 0 0 1em;
	text-indent: -1.25em;
}
#main ul.inline-block{
    list-style-type: none;
}
#main ul.inline-block li{
    float: left;
    display: inline-block;
    text-align: center;
    border-bottom: none;
}


#main ul li.attention{
	list-style-type:square;
	line-height:150%;
	border: none;
}
#main ul li.around{
	list-style-type:none;
	line-height:150%;
	font-size: 110%;
	border: none ;
	padding: 10px 0 0 0;
}
#main ul li.around a{
	color: #006600;
	text-decoration: none;
}
#main ul li.around a:hover{
	color: #ff8000;
}

#main ul.shokuji li{
	float: left;
	text-align: center;
	border: none;
	margin: 0 0 10px;
	padding:0 10px 0 0;
	line-height: 110%;
}
#main ul.shokuji li.last{
	margin: 0 -5px 0 0;
	padding: 0 0 0 8px;
}
#main div.section table.products{
	width:100%;
}
#main div.section td{
	text-align:center;
}
#main div.section td a{
	text-decoration:none;
}
#main div.section dl{
	margin: 0 0 0 20px;

}
#main div.section dl dt{
    clear: both;
	padding-top: 20px;
	font-size: 110%;
	font-weight: bold;
	color: #006600;
}
#main div.section dl dd{
	margin-left: 20px;
	border-bottom: 1px dashed #cccccc;
	line-height: 180%;

}

#main div.section dl.topics{
	margin: 5px 0 0 0;
	width: 530px;
	height: 300px;
	border: 1px solid #cccccc;
	overflow: scroll;
}
#main div.section dl.topics dt{
    padding: 10px 0 0 20px;
}
#main div.section dl.topics dd{
    padding: 0 10px 0 10px;
    margin: 0 10px 0 20px;
}
#main img.shokuji{
	padding: 5px;
	background: #ffffff;
	border: 1px solid #cccccc;
}
#main img.diary{
	margin: 5px 0 0 50px;
	padding: 5px;
	background: #ffffff;
	border: 1px solid #cccccc;
	max-width: 450px;
}
#main img.mikan{
	float: right;
	margin: 15px 0 15px 5px;
	padding: 5px;
	background: #ffffff;
	border: 1px solid #cccccc;
}

/* --- ▲メインカラム内の設定終了 --- */


/* --- ▼サイドバー内の設定開始 --- */
/* --- サイドバー --- */
#nav {
	float: right;
	width: 240px; /* サイドバーの幅 */
	padding: 15px 0 0 30px;
	margin-top: -15px;
}
#nav ul.list{
	padding: 10px 0 0 0;
	margin: 0;
}
#nav ul.list li{
	list-style-type: none;
}
#nav h2.lineup a{
	text-decoration:none;
}
/* --- セクション（共通設定） --- */
#nav div.section {
	margin-right: 0;
	margin-bottom: 10px; /* セクションの下マージン */
}
/* セクション内の文字 */
#nav div.section h2{
	margin:0 0;
	padding:5px 8px;
	font-size:120%;
	color: #666666;
}
#nav div.section p{
	padding:0 8px;
}


/* 営業時間案内の部分 */
p.time_info {
    font-size: 98%;    
}
#nav div.green{
	border:1px solid #3cb371;
}
#nav div.green h2{
	background:#3cb371;
	color: #ffffff;
}
#nav div.green h2.lineup{
	background:url(../image/menu_bg_green.gif) repeat-x top;
}

#nav img.mikan{
	margin: 10px 0 0;
	border: 1px solid #cccccc;
}
table.calendar td.Sat {
    color: #0a0 !important;
}
/* --- ▲サイドバー内の設定終了 --- */

/* --- フロートを解除 --- */
#content hr.clear{
	clear:right;
	width:100%;
	margin:0;
	visibility:hidden;
}
/* --- ▲コンテンツ内の設定終了 --- */


/* --- ▼フッタ内の設定開始 --- */
/* --- フッタ --- */
#footer_box {
	width: 100%;
	height: 120px;
	padding: 15px 0 0; /* フッタのパディング（上、左右、下） */
	background:url(../image/all/footer_spring.png) repeat-x bottom;
}
#mikan_footer_box {
	width: 100%;
	height:100px;
	padding: 15px 0 0; /* フッタのパディング（上、左右、下） */
	background:url(../image/mikan/footer_mikan.jpg) repeat-x top;
}
#footer{
	margin: 10px auto;
	width: 880px;
}
#footer ul.footer_list{
	margin: 0 0 10px;
	padding-top: 30px;
	list-style-type:none;
	text-align:center;
}
#footer ul.footer_list li{
	display:inline;
	padding: 0 4px 0 8px;
	background:url(../image/menu_line.gif) no-repeat left;
}
#footer ul.footer_list li.first{
	background:none;
}
#address{
	font-style:normal;
	text-align:center;
	font-size:90%;
}
#footer a.sainavi{
	color: #333333;
	text-decoration: none;
}
/* --- ▲フッタ内の設定終了 --- */

/* --- ▼その他の設定開始 --- */
/* --- clearfix --- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
}
/* --- ▲その他の設定終了 --- */