@charset 'UTF-8';


/************************************************
SETUP
************************************************/
* { margin: 0; padding: 0; }
html, body {
	height: 100%;
}
ul, li {list-style:none;}
h1 {font-size: 14px;}
h2 {font-size: 12px;}
h3 {font-size: 12px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h1,h2,h3,h4,h5, b, strong{
	font-family:"HiraMinPro-W6","ヒラギノ明朝 Pro W6" !important;
	font-family:"Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3","MS PMincho","ＭＳ Ｐ明朝","Times New Roman", Times, serif;
	font-weight:normal !important;
	font-weight:bold;
	line-height:normal;
	}
a img {border: none;}
.none {display:none;}
.clear {clear:both;}
.clearL {clear:left;}
.clearR {clear:right;}
a {
	color: #333;
	text-decoration: none;
	background:url(../img/hr_pencil.gif) no-repeat left bottom;
	/*padding-bottom:1px;*/
	}
	a:hover {
	color: #000;
	background:url(../img/hr_pencil.gif) no-repeat right bottom;
	}
h1 a, h2 a {
	background:none;
	}
	h1 a:hover {
	background:none;
	text-decoration:underline;
	}
h2 {
}
h3 span {
	background:#FFF;
	padding-right:5px;
}
h3.tri {
	position:relative;
	background:url(../img/b_tri.gif) no-repeat left center;
	padding-left:12px;
}
.small {
	font-size:10px;
	line-height:1.4em;
}
img.photoleft {
	float:left;
	margin:0 10px 10px 0;
}
img.photoright {
	float:right;
	margin:0 0 10px 10px;
}


.column {
	/*background:url(../img/line_hr1.gif) no-repeat left top;*/
	margin-right:20px;
	width:620px;
	margin-left:1px;
	padding:0px 0px 0px;
}
.column h2 {
	/*margin-top:-5px;
	font-size:12px;*/
}
.column h3 {
	/*font-size:10px;*/
	background:url(../img/line_hr1.gif) no-repeat left center;
	margin-bottom:25px;
	height:12px;
	line-height:12px;
}
.column h4 {
	margin-bottom:5px;
}
.column p, .column2 p {
	padding-bottom:30px;
}
p.photobox {
	margin-bottom:5px;
}
p.center {
	text-align:center;
	}
p.photobox2 {
	background:url(../img/line_hr1.gif) no-repeat;
	margin:20px 20px 0 0;
	padding:3px 0 2px;
	}
.linklist {
	line-height:1.2em;
	/*font-size:10px;*/
	}
	.linklist h4 {
	margin-bottom:2px;
	}
	.linklist li {
	padding:0px 0 30px;
	}
	.linklist p {
	padding-bottom:0;
	}
	.linklist p.uri {
	font-size:10px;
	}
	.linklist p.description {
	padding-top:10px;
	}
	
	.linklist dt {
	background:url(../img/b_tri2.gif) no-repeat left center;
	padding-left:12px;
	}
	.linklist dd {
	margin-bottom:0;
	margin:0 0 12px 7px;
	}
	
dl {
	margin-bottom:30px;
}
dt {
	margin-bottom:5px;
}
dd {
	margin:5px 1em 0;
	font-size:10px;
	line-height:1.6em;
}
	
/************************************************
COMMON
************************************************/

body {
	background:#FFF;
	font:12px/1.6em "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3","MS PMincho","ＭＳ Ｐ明朝","Times New Roman", Times, serif;
	color:#333;
	}
#header {
	background:url(../img/bg_header.gif) no-repeat top center;
	}
	#header2 {
	background:url(../img/line_header.png) no-repeat center bottom;
	}
	#header2:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	}
	#header #toplink, #header h1 {
	position:absolute;
	width:222px;
	height:136px;
	left:18px;/*left:80px;*/
	}
#menu {
	margin-left:260px;/*:315px;325px*/
	height:62px;
	}
	#menu li, #menu ul{
	float:left;
	width:180px;
	height:62px;
	}
	#menu li {
	margin-right:0;
	}
	#menu li li {
	width:auto;
	}
	#menu a {
	display:block;
	margin:0;
	padding:0;
	float:left;
	width:180px;
	height:62px;
	}
	#menu span {
	display:none;
	}
	/*#menu ul li{height:auto;}*/
	#m1{background:url(../img/menu.gif) left top;}
	#m2{background:url(../img/menu.gif) center top;}
	#m3{background:url(../img/menu.gif) right top;}
	#m1:hover{background:url(../img/menu.gif) left -62px;}
	#m3:hover{background:url(../img/menu.gif) right -62px;}
	
	a#m2a{width:102px;background:none;}
	a#m2a:hover{background:url(../img/menu.gif) -180px -62px;}
	a#m2b{width:78px;background:none;}
	a#m2b:hover{background:url(../img/menu.gif) -282px -62px;}
	
	.now #m1 {background:url(../img/menu.gif) left -124px;}
	.now #m2 {background:url(../img/menu.gif) center -124px;}
	.now #m3 {background:url(../img/menu.gif) right -124px;}
	.now #m1:hover{background:url(../img/menu.gif) left -186px;}
	.now #m3:hover{background:url(../img/menu.gif) right -186px;}
	
	.now a#m2a{width:102px;background:url(../img/menu.gif) -180px -124px;}
	.now a#m2a:hover{background:url(../img/menu.gif) -180px -186px;}
	.catering .now a#m2a{background:url(../img/menu.gif) -180px bottom;}
	.catering .now a#m2a:hover{background:url(../img/menu.gif) -180px bottom;}
	.now a#m2b{width:78px;background:url(../img/menu.gif) -282px -124px;}
	.now a#m2b:hover{background:url(../img/menu.gif) -282px -186px;}
	.press .now a#m2b{background:url(../img/menu.gif) -282px bottom;}
	.press .now a#m2b:hover{background:url(../img/menu.gif) -282px bottom;}
	
	
	#submenu {
	padding-top:50px;
	margin-left:305px;/*340px;350px*/
	width:520px;
	font-size:10px;
	}
	#submenu li {
	float:left;
	line-height:24px;
	height:28px;
	margin-right:54px;
	/*background:url(../img/blt_submenu.gif) no-repeat left 8px;
	padding-left:10px;*/
	}
	#submenu a {
	background:none;
	}
	#submenu .now a {
	color:#f2bc27;
	}
	#submenu a:hover {
	color:#f2bc27;
	}
#wrap2 {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	min-width: 900px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom:-80px; /* the bottom margin is the negative value of the footer's height */
}
#wrap {
	width:900px;
	text-align:left;
	position: relative;
	left: 50%;
	margin: 0px -450px;
	}
/*#title {
	position:relative;
	height:53px;
	}
	#title .logo {
	float:right;
	}
	#title h1 {
	margin-right:10px;
	float:left;
	line-height:28px;
	}
	*/
#content-wrap, #content-wrap2 {
	position:relative;
	float:left;
	margin:9px 0 0;
	padding:0 10px;
	}
	#content-wrap {
	background:url(../img/line_vr1.gif) repeat-y 590px top;
	}
	#content-wrap2 {
	background:url(../img/line_vr2.gif) repeat-y 690px top;
	}
#pagenavi, #blognavi {
	background:url(../img/line_hr2.gif) no-repeat left top;
	width:620px;
	height:52px;
	text-align:center;
	font-size:12px;
	line-height:52px;
	color: #666;
	}
	#blognavi {
	background:none;
	}
#footer {
	clear:both;
	background:#FFF url(../img/bg_footer.png) no-repeat center top;
	/*width:900px;
	margin:0 -10px;*/
	height:50px;
	text-align:center;
	font-size:10px;
	line-height:1.6em;
	color:#333;
	margin-bottom:20px;
	}
	#eatrip #footer, #company #footer {
	margin-bottom:80px;
	
	}
	/*#footer p.copyright {
	padding:20px 0 24px;
	}*/
	#footer .navi {
	padding-top:30px;
	height:20px;
	/*line-height:20px;
	margin:auto;*/
	}
	#footer .navi li {
	display:inline;
	border-right:1px solid #999;
	padding:0 5px;
	}
	#footer .navi a {
	line-height:1em;
	}
	#footer .navi .last {
	border-right:none;
	}
	#footer a {
	background:none;
	}
	#footer a:hover {
	background:url(../img/hr_pencil.gif) no-repeat left bottom;
	}
	#footer a.pagetop, #footer a.back {
	position:absolute;
	display:block;
	width:20px;
	height:20px;
	margin-top:30px;
	}
	#footer a.pagetop {
	background:url(../img/btn_pagetop.gif);
	right:76px;
	}
	#footer a.back {
	background:url(../img/btn_back.gif);
	left:76px;
	}
	a.pagetop:hover {
	background:url(../img/btn_pagetop.gif);
	}
	a.back:hover {
	background:url(../img/btn_back.gif);
	}
#copyright {
	border-top:1px solid #b3b3b3;
	width:100%;
	height:60px;
	color:#b3b3b3;
	}
	#copyright a {
	background:none;
	}
	#eatrip #copyright, #company #copyright {
	border-top:1px solid #b3b3b3;
	position:absolute;/*最低relativeにしてもよい⇒その場合他もシンプルにする必要あり*/
	bottom:0;
	}
	#copyright .left {
	float:left;
	padding:18px 18px 0;
	}
	#copyright .text {
	font:xx-small/1em "Times New Roman", Times, serif;
	padding:18px 0;
	height:24px;
	float:left;
	line-height:24px;
	}
	#copyright .right {
	float:right;
	padding:18px 18px 0;
	}
/*#copyright p{
	line-height:60px;
	font-size:9px;
	text-align:center;
}*/


/************************************************
LAYOUT TYPE1
************************************************/

#main {
	width:560px;
	float:left;
	position:relative;
	}
	#main h2 {
	width:520px;
	}
	#main p {
	margin:15px 40px 20px 0;
	}
#sub {
	width:240px;
	float:left;
	position:relative;
	font-size:10px;
	}
	.subbox {
	margin-bottom:20px;
	clear:left;
	}

/************************************************
LAYOUT TYPE2
************************************************/

#content {
	background:url(../img/line_hr2.gif) no-repeat;
	width:680px;
	float:left;
	}
	#company #content {
	padding-top:30px;
	}
#sideheader {
	background:url(../img/line_hr2.gif) no-repeat;
	width:200px;
	float:right;
	margin-bottom:20px;
	}
	#sideheader h2 {
	background:#FFF url(../img/b_clank1.gif) no-repeat left bottom;
	margin:2px 0 0;
	padding:30px 0 12px 60px;
	}
	#headnavi {
	font-size:10px;
	line-height:1em;
	padding:18px 0 0 60px;
	}
	#headnavi li {
	margin-bottom:5px;
	}
	#sideheader h1.small {
	font:normal 10px/1.2em "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3","MS PMincho","ＭＳ Ｐ明朝","Times New Roman", Times, serif !important;
	}
	#sideheader h1 .number {
	display:block;
	font-size:12px;
	padding-bottom:4px;
	}
	#sideheader p {
	margin:18px 0 0 60px;
	}
#sidebar {
	/*float:left;
	clear:right;*/
	float:right;
	/*margin-left:20px;
	margin-right:2px;*/
	}
#sidefooter {
	background:#FFF url(../img/b_clank2.gif) no-repeat left top;
	width:212px;
	height:20px;
	clear:both;
	float:right;
	margin-top:-20px;
	}
	/*\*/
	* html #sidefooter{
	width:100%;
	float:left;
	}
	/**/
.expbox {
	/*background:url(../img/line_hr1.gif) no-repeat right bottom;
	margin-bottom:20px;*/
	padding-bottom:30px;
	}
/************************************************
THUMBNAIL LIST
************************************************/

.thumblist {
	background:url(../img/line_hr1.gif) no-repeat;
	float:left;
	margin:0 0 10px;
	}
	.thumblist li {
	background:url(../img/line_hr1.gif) no-repeat left bottom;
	position:relative;
	float:left;
	padding-bottom:10px;
	margin-top:10px;
	}
	.thumblist a.thumb {
	background:url(../img/line_thumb.gif) no-repeat;
	float:left;
	display:block;
	width:70px;
	height:70px;
	padding-bottom:0px;
	}
	.thumblist a.thumb:hover {
	background:url(../img/line_thumb.gif) no-repeat left bottom;
	}
	.thumblist img {
	margin:10px;
	}
	.thumbtext {
	float:left;
	width:160px;
	margin-left:10px;
	font-size:10px;
	line-height:1.2em;
	}
	.thumblist .title {
	margin-bottom:4px;
	font-size:12px;
	line-height:1.4em;
	}
	.thumblist .subtitle {
	margin-bottom:5px;
	line-height:1em;
	}
	.thumblist .date {
	color:#666;
	}
	.thumblist .number {
	position:absolute;
	right:0;
	bottom:9px;
	clear:left;
	line-height:1em;
	}
	#content .thumblist {
	width:300px;
	margin:0px;
	}
	#content .thumblist li {
	width:300px;
	}
	#content .thumbtext {
	float:left;
	width:220px;
	margin-left:10px;
	}
#indexline1 {
	background:url(../img/line_vr1.gif) repeat-y 310px top;
	float:left;
	width:320px;
	margin-top:30px;
	margin-left:2px;
	padding:0 0 30px;
}
#indexline2 {
	float:left;
	width:300px;
	margin-top:30px;
	padding:0 0 30px;
}


/************************************************
SLIDE PAGE
************************************************/

#content_slide {
	background:url(../img/line_hr2.gif) no-repeat;
	margin:122px 115px 0;
}
#slidebox {
	background:url(../img/line_hr1.gif) no-repeat;
	margin:30px 60px 0 0;
	padding:3px 0 2px;
	height:300px;
}
#slidetext {
	position:relative;
	background:url(../img/line_hr1.gif) no-repeat;
	margin-right:60px;
	padding:30px 0 30px;
	font-size:10px;
	line-height:1.4em;
	}
	#slidetext .title {
	font-size:12px;
	line-height:1.4em;
	}
	#slidetext .subtitle {
	}
	#slidetext .date {
	margin-top:10px;
	/*color:#666;*/
	}
	#slidetext .credit {
	margin-top:10px;
	line-height:1.6em;
	/*color:#666;*/
	}
	#slidetext .number {
	position:absolute;
	right:0;
	bottom:30px;
	font-size:12px;
	line-height:1em;
	}