/* master css */

/* +++++ HTML +++++ */
* {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:100%;
	color:#333;
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	font-size:12px;
	text-align:left;
	background:#fdf4e8;
}
img { border:none; }

a 		{ color:#d00; text-decoration:underline; font-weight:bold; }
a:hover { color:#f60; }
a.ex-link { color:#a00; text-decoration:underline; font-weight:bold; }
a.ex-link:hover { color:#f30; }

table { border:none; margin:0; padding:0; }

/* +++++ テキスト類 +++++ */
.text01 { font-size:100%; color:#900; font-weight:bold; }
.text02 { }
.text03 { }

/* +++++ 全ページ共通 +++++ */

#container {
	width:950px;
	margin:0 auto;
	text-align:left;
}
#mainvisual {
	height:345px;
	background:url(../img/bg_mainvisual.jpg) no-repeat;
}
#present01 {
	height:660px;
	background:url(../img/bg_present01.gif) no-repeat;
	position:relative;
}
#present02 {
	height:340px;
	background:url(../img/bg_present02.gif) no-repeat;
	position:relative;
}
#present-group {
	height:310px;
	background:url(../img/bg_present-group.gif) no-repeat;
	margin-bottom:20px;
}
.button {
	height:105px;
	text-align:center;
	margin-bottom:10px;
}

/* mainvisual */
#mainvisual h1 {
	padding-top:45px;
	margin-left:165px;
}
#mainvisual .lead {
	font-size:14px;
	font-weight:bold;
	color:#555;
	text-align:center;
	padding-top:3px;
}
#mainvisual .mvbutton {
	text-align:center;
	margin-top:10px;
}

/* present01 */
#present01 h2 {
	position:absolute;
	top:65px;
	left:140px;
}
#present01 p.lead {
	position:absolute;
	top:40px;
	left:435px;
	width:465px;
	color:#666;
	font-size:12px;
	font-weight:bold;
	line-height:1.4;
}
html:\66irst-child #present01 p.lead { font-size:11px; }

#present01 div.choco01,
#present01 div.choco02,
#present01 div.choco03,
#present01 div.choco04,
#present01 div.choco05,
#present01 div.choco06 {
	width:270px;
	height:200px;
	position:absolute;
}
#present01 div.choco01 {
	top:150px;
	left:50px;
	background:url(../img/bg_choco01.jpg) no-repeat;
}

#present01 div.choco02 {
	top:150px;
	left:340px;
	background:url(../img/bg_choco02.jpg) no-repeat;
}
#present01 div.choco03 {
	top:150px;
	left:630px;
	background:url(../img/bg_choco03.jpg) no-repeat;
}
#present01 div.choco04 {
	top:375px;
	left:50px;
	background:url(../img/bg_choco04.jpg) no-repeat;
}
#present01 div.choco05 {
	top:375px;
	left:340px;
	background:url(../img/bg_choco05.jpg) no-repeat;
}
#present01 div.choco06 {
	top:375px;
	left:630px;
	background:url(../img/bg_choco06.jpg) no-repeat;
}

#present01 div.choco01 h3,
#present01 div.choco02 h3,
#present01 div.choco03 h3,
#present01 div.choco04 h3,
#present01 div.choco05 h3,
#present01 div.choco06 h3 { margin-left:80px; }

#present01 div.choco01 .cbutton,
#present01 div.choco02 .cbutton,
#present01 div.choco03 .cbutton,
#present01 div.choco04 .cbutton,
#present01 div.choco05 .cbutton,
#present01 div.choco06 .cbutton {
	position:absolute;
	top:170px;
	left:10px;
}
#present01 div.choco01 p.catch,
#present01 div.choco02 p.catch,
#present01 div.choco03 p.catch,
#present01 div.choco04 p.catch,
#present01 div.choco05 p.catch,
#present01 div.choco06 p.catch {
	margin-left:90px;
	margin-top:5px;
	color:#555;
	/*font-size:11px;*/
	font-weight:bold;
	line-height:1.2;
}
html:\66irst-child #present01 div.choco06 p.catch {
	font-size:11px;
	line-height:1.4;
}

#present01 ul {
	position:absolute;
	top:600px;
	left:60px;
}
#present01 ul li {
	color:#555;
	list-style:none;
	background:url(../img/icon_kome.gif) no-repeat 0px 1px;
	padding-left:15px;
}
#present01 ul li.noicon { background:none; }


/* present02 */
#present02 h2 {
	position:absolute;
	top:45px;
	left:150px;
}
#present02 p.lead01 {
	position:absolute;
	top:115px;
	left:215px;
	width:265px;
	font-size:14px;
	font-weight:bold;
	color:#287b28;
}
#present02 p.lead02 {
	position:absolute;
	top:125px;
	left:645px;
	font-size:14px;
	font-weight:bold;
	color:#287b28;
}
#present02 p.catch01 {
	position:absolute;
	top:155px;
	left:215px;
	width:255px;
	/*font-size:11px;*/
	line-height:1.2;
	font-weight:bold;
	color:#666;
}
#present02 p.catch02 {
	position:absolute;
	top:155px;
	left:645px;
	width:255px;
	/*font-size:11px;*/
	line-height:1.2;
	font-weight:bold;
	color:#666;
}
#present02 div.image01-01 {
	position:absolute;
	top:140px;
	left:60px;
}
#present02 div.image01-02 {
	position:absolute;
	top:215px;
	left:215px;
}
#present02 div.image02-01 {
	position:absolute;
	top:140px;
	left:490px;
}
#present02 div.image02-02 {
	position:absolute;
	top:210px;
	left:645px;
}

/* present-group */
#present-group .present03 {
	float:left;
	width:460px;
	height:310px;
	position:relative;
}
#present-group .present03 h2 {
	position:absolute;
	top:55px;
	left:130px;
}
#present-group .present03 p.lead {
	position:absolute;
	top:100px;
	left:215px;
	width:230px;
	font-size:14px;
	font-weight:bold;
	color:#287b28;
}
#present-group .present03 p.catch {
	position:absolute;
	top:140px;
	left:215px;
	width:230px;
	/*font-size:11px;*/
	line-height:1.2;
	font-weight:bold;
	color:#666;
}
#present-group .present03 div.image01 {
	position:absolute;
	top:115px;
	left:60px;
}
#present-group .present03 div.image02 {
	position:absolute;
	top:205px;
	left:215px;
}

#present-group .present04 {
	float:right;
	width:460px;
	height:310px;
	position:relative;
}
#present-group .present04 h2 {
	position:absolute;
	top:55px;
	left:110px;
}
#present-group .present04 p.lead {
	position:absolute;
	top:100px;
	left:185px;
	width:210px;
	font-size:14px;
	font-weight:bold;
	color:#287b28;
}
#present-group .present04 p.catch {
	position:absolute;
	top:140px;
	left:185px;
	width:210px;
	/*font-size:11px;*/
	line-height:1.2;
	font-weight:bold;
	color:#666;
}
#present-group .present04 div.image01 {
	position:absolute;
	top:165px;
	left:15px;
}

/* button */
#button p {
	font-size:10px;
	color:#666;
}

/* outline */
#outline {
	height:1220px;
	background:url(../img/bg_outline.gif) no-repeat;
	margin-bottom:25px;
}
#outline h2 {
	font-size:18px;
	font-weight:bold;
	color:#a85d2c;
	margin-left:60px;
	margin-bottom:35px;
	padding-top:35px;
}
#outline dl {
	margin-left:60px;
	margin-right:60px;
	margin-bottom:15px;
}
#outline dt {
	color:#813d10;
	font-weight:bold;
	margin-bottom:5px;
}
#outline dd {
	color:#555;
	line-height:1.3;
	margin-left:30px;
	
}
#outline dd.icon {
	background:url(../img/icon_kome.gif) no-repeat 0px 1px;
	padding-left:15px;
}
#outline dd.noicon { background:none; padding-left:15px; }

#outline a { color:#d00; text-decoration:underline; }
#outline a:hover { color:#f60; }

/* footer */
#footer {
	/*height:60px;*/
}
#footer .f-link {
	height:30px;
	background:none;
}
#footer .f-link p.link01 {
	text-align:center;
}
#footer .f-link p.link02 {
	margin-top:-14px;
	text-align:right;
}
.copy {
	color:#333;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	background:#fcdc9d;
}


/*---------------
 ↓修正090616↓
---------------*/
/*X-Large*/
.xl{font-size:125%;}
/*Large*/
.l{font-size:112.5%;}
html* .l{font-size:100%;}
* html .l{font-size:112.5%;}
*:first-child+html .l{font-size:112.5%;}
/*Normal*/
.m{font-size:100%;}
html* .m{font-size:88%;}
* html .m{font-size:100%;}
*:first-child+html .m{font-size:100%;}
/*Small*/
.s{font-size:92.5%;}
html* .s{font-size:81.5%;}
* html .s{font-size:92.5%;}
*:first-child+html .s{font-size:92.5%;}
/*X-Small*/
.xs{font-size:87.5%;}
html* .xs{font-size:76%;}
* html .xs{font-size:80%;}
*:first-child+html .xs{font-size:80%;}


hr{display:none;}
div#AllLayout {
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	background:url(../img/bg_AllLayout.gif) repeat-x top;
}

/*---------------
 Header
---------------*/

div#Header{padding:4px 0;text-align:right;position:relative;}
* html div#Header{padding:6px 0 3px;}
*:first-child+html div#Header{padding:6px 0 3px;}
div#Header div.logoarea{float:left; text-align:left;}

div#Header div.logoarea div.tagline{margin:0;padding:1px 0 0;color:#333;}

div#Header div.logoarea div.tagline strong.tline{color:#666;display:block;font-weight:normal;margin:0px;padding:3px;}
div#Header div.logoarea a {color:#666666;text-decoration:none;}
div#Header div.logoarea a:visited {color:#666666;text-decoration:none;}
div#Header div.logoarea a:hover {color:#666666;text-decoration:none;}
div#Header div.logoarea a:active {color:#666666;text-decoration:none;}

/*レストランタイプTOP*/
div#Header div.linkarea{float:right;}
div#Header div.linkarea ul.gnv{text-align:right; margin:5px 0;}
div#Header div.linkarea ul.gnv li{display:inline;margin-left:3px;padding-left:15px;background:url(../img/common/line_side_short.gif) no-repeat scroll 3px 50%;}
div#Header div.linkarea ul.gnv li.first{margin:0; padding:0; background:none;}
div#Header div.linkarea p.comglink{text-align:right; margin:5px 0;}

/*下層*/
div#Header div.ulylarea{float:right;}
div#Header div.ulylarea ul.gnv{text-align:right; margin:5px 0;}
div#Header div.ulylarea ul.gnv li{display:inline;margin-left:3px;padding-left:15px;background:url(../img/common/line_side_short.gif) no-repeat scroll 3px 50%;}
div#Header div.ulylarea ul.gnv li.first{margin:0; padding:0; background:none;}
div#Header div.ulylarea p.comglink{ margin:20px 0 0;}

/*---------------
 BreadcrumbList
---------------*/
#BreadcrumbList {
	padding:5px 0 0 0;
	border-top:1px solid #999;
	zoom:1;
	height:20px;
}
#BreadcrumbList:after {
	content:".";
	clear:both;
	height:0;
	display:block;	visibility:hidden;
}
#BreadcrumbList ol {
	float:left;
	font-weight:normal;
}
#BreadcrumbList ol li {
	display:inline;
	text-align:left;
}
#BreadcrumbList ol li.now {
	color:#000;
	font-weight:bold;
	padding-left:15px;
	background:url("../img/arrow_breadcrumblist.gif") no-repeat 3px 50%;
	white-space:nowrap;
}
#BreadcrumbList ol li a,
#BreadcrumbList ol li strong {
	padding-left:15px;
	background:url("../img/arrow_breadcrumblist.gif") no-repeat 3px 50%;
	white-space:nowrap;
}
#BreadcrumbList ol li.first a {
	padding-left:2px;
	background-image:none;
}
#BreadcrumbList ul {
	float:right;
	white-space:nowrap;
}
#BreadcrumbList ul ul {
	display:inline;
	float:none;
}
#BreadcrumbList ul li {
	display:inline;
}
#BreadcrumbList ul .nav li {
	padding-left:15px;
	background:url("../img/line_side_short.gif") no-repeat 3px 50%;
}
#BreadcrumbList ul .nav li.first {
	padding-left:0;
	background-image:none;
}



/*---------------
 GlobalArea
---------------*/
#GA {
	min-width:910px;
	padding:5px 22px 3px;
	border-bottom:1px solid #ccc;
	background:#eee;
}

#GA form {
	float:left;
}
* html #GA form {line-height:1.1;}
#GA form input {
	*vertical-align:middle;
}
#in_keyword {
	color:#999;
}
#GA ul {
	float:right;
	padding-top:2px;
}
#GA ul li {
	display:inline;
	padding:0 3px 0 12px;
	background:url("../img/line_side_short.gif") no-repeat left center;
	font-weight:normal;
}
#GA ul li.first {
	padding-left:0;
	background-image:none;
}
#GA ul li.end {
	padding-right:0;
}


/*---------------
 CleraFix
---------------*/
.clfix, div#GA, div#Header, div#BreadcrumbList{zoom:1;}
.clfix:after, div#GA:after, div#Header:after, div#BreadcrumbList:after{display:block;clear:both;height:0;content: url(../img/spacer.gif);}
.clfix, div#GA, div#Header, div#BreadcrumbList{display: inline-block;}
/* Mac版IEを除外 \*/
.clfix, div#GA, div#Header, div#BreadcrumbList{display: block;}
/* */