@charset "utf-8";

*{margin:0;padding:0;}

body {
	font: 13px "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#ffe7b0;
	color:#333;
	background:url(images/headerBg.png) repeat-x 50% 0;
	letter-spacing:3px;
	line-height:155%;
}

html{background:url(images/bg.jpg) repeat 0 0;}

a{color:#00C;text-decoration:none;}
a:hover{color:#500c00;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}
.clearfix::after{content: "";display: block;clear: both;}
p{margin-bottom: 10px;}
.center{text-align:center;}
.right{text-align:right;}

.DS-BK{ display:block;}
.FO-BD{ font-weight:bold;}
.CO-RD{ color:#b4281e; }
.LS5 { letter-spacing:5px;}
.MG-BM0 { margin-bottom:0; }
.MG-BM20 { margin-bottom:20px; }
.MG-BM30 { margin-bottom:30px; }
.MG-BM40 { margin-bottom:40px; }

/*************
全体幅
*************/
#header, #container, .inner{
margin: 0 auto;
width: 960px;
}


/*************
/* ヘッダー
*************/
#header{
	position:relative;
	height: 130px;
}

#header h1,#header h2, #header h3, #header ul{
position:absolute;
color: #fff;
font-size: 12px;
line-height: 20px;
font-weight: normal;
}

#header h1{
top:3px;
left:5px;
}

#header h2{
font-weight: normal;
top:3px;
right:10px;
}

#header h3{top:28px;}

/******************
/* ヘッダーナビゲーション
******************/
#header ul{
	top:40px;
	right: 0;
	padding:0 10px;
/*	background:url(images/topnav.png) no-repeat 50% 0;	*/
	font-weight:bold;
}

#header ul li{
list-style: none;
float:left;
margin:0 0 0 4px;
font-size:13px;
text-align:center;
width:130px;
height:45px;
}

#header ul a{
display:block;
padding-top: 16px;
height:45px;
text-decoration:none;
background:url(images/topnavBg.png) repeat 0 0;
}
#header a{
color:#fff;
background-position:0 -40px;
}
#header a:hover{
color:#ccc;
background-position:0 -40px;
}


/*************
メイン画像
*************/
#mainImage{
margin-top:20px;
}


/*************
コンテンツ全体
*************/
#container{padding: 20px 0 10px;}

#container a{
	border-bottom:1px dotted #fff;
}

#container ul a,#container a:hover{border:0;}

.box{
float: left;
width: 225px;
margin-right: 15px;
padding-bottom: 10px;
overflow:hidden;
}

/* 最後のbox */
.last{margin-right:0;}

/* 横に長いbox */
.long{width:472px;}
/* 横に長いbox 2018.11.05拡張 */
.long-full{width:955px;}

ul#news{
	height:80px;
	overflow:auto !important;
	}

/* 下の階層用（mainを2分割） */
.mainbox {
	float: left;
	width:340px;
}
.mainboxR {
	float: right;
	width:340px;
}

/* 画像を左に回りこみ */
.long img{
	float:left;
	margin: 3px 20px 10px 0;
}

.long-full img{
	float:left;
	margin: 3px 20px 10px 0;
}

/* H2 見出し */
#container h2{
	font-size: 18px;
	margin: 0 0 15px;
	padding: 5px 10px 5px 10px;
	color: #b4281e;
	background:url(images/line.gif) repeat-x 0 100%;
	letter-spacing:5px;
}

/* H3 見出し */
#container h3{
	font-size: 15px;
	margin: 0 0 15px;
	padding: 5px 10px 5px 10px;
	color: #42200D;
	background:url(images/line.gif) repeat-x 0 100%;
}



#container ul, .inner ul{
	margin-left: 5px; 
	letter-spacing:2px;
}

#container ul li, .inner ul li{
	list-style: none;
	margin-bottom: 7px;
	padding-left: 12px;
	background:url(images/bullet.gif) no-repeat 0 3px;
}

.inner ul li{
	background-image:url(images/bullet.gif);
	color: #FFF;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 10px;
font-weight:bold;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    float: right;
    margin: 3px 5px 5px 20px;
    display: inline;
}
img.alignleft {
    float: left;
    margin: 3px 20px 5px 5;
    display: inline;
}

.box_img_border {
   border: 4px solid #000;
}

.ProfileLine{
	width:100px;
	float:left;
}
.MapLine{
	width:70px;
	float:left;
}
.CouponArea {
	width:470px;
	margin-top:15px;
}

.CouponArea p {
	width:450px;
	_width:470px;
	height:90px;
	_height:470px;
	padding:45px 10px 0 10px;
	float:left;
	background:url(images/coupon_bg_first2.gif) no-repeat;
	margin-right:15px;
	font-size:105%;
	font-weight:bold;
	color:#000000;
	letter-spacing:2px;
}
.CouponArea p.Repeat {
	background:url(images/coupon_bg_repeat.gif) no-repeat;
}
.CouponArea p.CouponAreaLast {
	margin-right:0;
}

/* 2018.11.05拡張 */
.CouponArea-full{width:955px;}
.CouponArea-full p {
	width:935px;
	_width:955px;
	height:90px;
	_height:470px;
	padding:45px 10px 0 10px;
	float:left;
	background:url(images/coupon_bg_first3.gif) no-repeat;
	margin-right:15px;
	font-size:105%;
	font-weight:bold;
	color:#000000;
	letter-spacing:2px;
}
/************************
メイン（左側）コンテンツ
************************/
#main {
float: left;
width: 715px;
padding-bottom:60px;
}
#main p {
	padding:0 10px;
}


/************************
サイド（右側）コンテンツ
************************/
#sidebar {
float: right;
width: 225px;
padding-bottom:30px;
}

#sidebar h3{
	font-size: 14px;
	margin: 0 0 15px;
	padding: 5px 10px 5px 5px;
	color: #b4281e;
	background:url(images/line.gif) repeat-x 0 100%;
}

#sidebar ul{
padding-bottom:10px;
}
.sideCoupon {
	width:225px;
}
.sideCoupon p {
	width:205px;
	_width:225px;
	height:180px;
	_height:160px;
	padding:45px 5px 0 15px;
	display:block;
	background:url(images/coupon_side.gif) no-repeat;
	font-size:100%;
	font-weight:bold;
	color:#000000;
	letter-spacing:2px;
}
.sideCoupon p.Repeat {
	background:url(images/coupon_bg_repeat.gif) no-repeat;
}

/*************
/* フッター
*************/
#footerUpper {
	clear:both;
	margin-top: 40px;
	padding: 20px 0 15px;
	overflow: hidden;
	background:#080c2f;
	background-color:#060;
	background-color:#0CC;
	color:#fff;
}
.inner ul li.ooo {
	color:#fff;
	float:left;
	margin-right:50px;
	letter-spacing:3px;
}
.inner ul li.ooo a{
	color:#fff;
}


#footerUpper a {text-decoration:none;}

#footerUpper a:hover {color:#ccc;}

#footerUpper .inner {overflow: hidden;}

#footerLower {
	overflow: hidden;
	border-top:1px solid #333;
	background:url(images/pattern.png) repeat 0 0;
}

#footerLower .inner {
	position:relative;
	min-height: 60px;
	color: #fff;
	font-size:13px;
}

* html #footerLower .inner {height:60px;}

#footerLower .inner p {
	position:absolute;
	top: 10px;
	padding-bottom: 5px;
}

#footerLower .inner address {
	position:absolute;
	top: 10px;
	padding-bottom: 5px;
	font-style:normal;
}

#footerLower .inner p#contact{right:0;}
#footerLower .inner p#contact2{right:0;
top:26px;}



/* アクセスマップ */

p#icchoume{
	margin-bottom:0;
	padding-bottom:0;
	margin-top:30px;
	color:#f00;
	}

#main a.GoogleLink {
	display:block;
	text-align:center;
	font-size:135%;
	font-weight:bold;
	border:none;
	margin-top:5px;
}
/* メニュー表 */
.menu {
	display:block;
	text-align:center;
}
.menu table {
	background: #ffffff;
	border-left: #cccccc 1px solid;
	border-collapse: collapse;
	width: 100%;
	color:#333333;
	margin-bottom:20px;
	letter-spacing:2px;
} 
.menu table th.t_top {
	background:#333333 url(images/bg_header.jpg);
	border-bottom: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: center;
	padding:10px;
	color:#ffffff;
} 
.menu table td.t_line01 {
	background: #ffffff url(images/line1.gif) no-repeat;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: right;
	padding: 10px;
}
.menu table td.t_line02 {
	background: #f2f2f2 url(images/line2.gif) no-repeat;
	border-bottom:#cccccc 1px solid;
	border-right:#cccccc 1px solid;
	text-align: right;
	padding: 10px;
}
.menu table td.no_img{
	background-image:none;
	font-size:135%;
	font-weight:bold;
	letter-spacing:3px;
}
.menu table td.no_imgS {
	background-image:none;
	font-size:125%;
	font-weight:bold;
	vertical-align:bottom;
}
.menu table td.TDLeft {
	text-align:left;
	padding-left:15px;
}
.menu span {
	display:block;
	margin-left:25px;
	letter-spacing:3px;
	padding:7px 0 5px;
}
.menu span.PlusMenu {
	display:inline;
	margin-left:10px;
	font-size:85%;
}
.menu img {
	margin:5px;
	border: 4px solid #000;
}

/* アイテム紹介 */
.ItemArea dl {
	display:block;
	letter-spacing:2px;
}
.ItemArea dt {
	clear:left;
	float:left;
	display:block;
	width:280px;
}
.ItemArea dd {
	display:block;
	width:420px;
	margin-left:295px;
}
.ItemArea dd.DDLong {
	width:700px;
	height:40px;
	clear:both;
	margin-left:0;
}
.ItemArea p.ItemName {
	font-size:135%;
	font-weight:bold;
	margin:5px 0 10px;
	letter-spacing:0;
}
.ItemArea p.ItemName2 {
	margin-top:25px;
	margin-bottom:5px;
}
.ItemArea span.ItemHard {
	font-size:125%;
	font-weight:bold;
}