@charset "shift_jis";

/* Table of Contents
--------------------------
	Reset
	Base
	Layout
	Clearfix Settings
	Navigation
	Style(border txt float margin padding)

	earch page
-----------------------------------------------	*/



/* Reset
-----------------------------------------------	*/
html, body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.0em;
	}
html {	overflow-y: scroll;}

h1,h2,h3,h4,h5,h6,div,p,ol,ul,li,dl,dt,dd,address,form,input{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
	}
img { border: none;}
ol, ul { list-style-type: none;}
caption, th {text-align: left;}



/* Base
-----------------------------------------------	*/
html, body {
	color: #171A1C;
	background:#FFFFFF url(../img/topbar.gif) repeat-x left top;
	height: 100%;
	width: 100%;
	font: 0.87em/1.6em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
	}

a:link, a:visited{
	color: #C92F2F;
	text-decoration: none;
	}
a:hover, a:active{
	text-decoration: underline;
	}
h1 {
	text-align: left;
	float: left;
	height: 32px;
	width: auto;
	margin: 20px 0px 0px 15px;
	color: #fdfdfd;
	font-weight: bold;
	line-height: 1.3em;
	}
h3 {
	font-size: 142%;
	color: #fdfdfd;
	background: url(../img/captionback_01.jpg) no-repeat;
	height: 40px;
	width: 960px;
	padding-left: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 2.4em;
	}
h4 {
	font-size: 136%;
	font-weight: bold;
	line-height: 30px;
	background: url(../img/caption_head.gif) no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
	}
strong{
	border: none;
/*	color: #CC0000;*/
	font-weight: bold;
	}


/* Layout 
-------------------------------------- */
div#container {
	margin: 0px auto;
	width: 1000px;
	height: auto;
	}

div#header {
	margin: 0px auto;
	background: #171A1C;
	height: 67px;
	width: 1000px;
	}
div#logo {
	width: 235px;
	height: 67px;
	background: url(../img/logo.gif) no-repeat;
	float: left;
	}
	div#logo a {
	width: 230px;
	height: 67px;
	float: left;
	text-indent: -9999px;
	}
div#header_tel {
	width: 300px;
	height: 32px;
	background: url(../img/header_tel.gif) no-repeat;
	float: right;
	margin: 23px 3px 0px 0px;
	text-indent: 0px;
	overflow: hidden;
	}

div#titleimg {
	width: 1000px;
	height: auto;
	margin-bottom: 20px;
	}
.contentsbox {
	width: 980px;
	height: auto;
	margin: 0px auto;
	}
div#bnrbox01 {
	height: auto;
	width: auto;
	margin-bottom: 20px;
	}
	div#bnrbox01 li {
	float: left;
	}

.borderbox01 {
	border: 4px double #dedede;
	padding: 20px 40px;
	}
.colorbox01 {
	padding: 20px 40px;
	background: #f2f2f2;
	margin-bottom: 20px;
	}
.photobox01 {
	margin: 0px;
	padding: 0px;
	float: right;
	}
	.photobox01 img {
	margin: 0px 5px 5px 0px;
	display: inline;
	}
.txtbox01 {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
	}
	.txtbox01 p {
	margin: 0px 0px 0px 20px;
	}
.line {
	margin: 15px 0px;
	padding: 0px;
	border-top: 4px double #dedede;
	line-height: 1px;
	}

div#frame01 {
	margin: 0px 20px 0px 0px;
	width: auto;
	height: auto;
	float: left;
	padding: 10px;
	}
div#frame02 {
	margin: 0px;
	width: auto;
	height: auto;
	float: left;
	padding: 10px;
	}

div#bg-foot01 {
	width: auto;
	height: 76px;
	background: #D2D0D0;
	}
div#bg-foot02 {
	width: auto;
	height: auto;
	background: #171A1C;
	}

div#footer {
	margin: 0px auto;
	width: 1000px;
	height: auto;
	background: url(../img/footer.jpg) no-repeat;
	clear: both;
	color: #D4D1CC;
	padding: 20px 0px 0px;
	line-height: 1.5em;
	}
	div#footer img {
	margin: 5px 3px 3px;
	padding: 0px;
	float: left;
	}
	div#footer .add {
	font-size: 94%;
	margin: 0px 0px 5px;
	}
	div#footer a {
	color: #D4D1CC;
	}
div#footernavi {
	margin: 0px auto auto;
	padding: 30px 0px 0px;
	text-align: left;
	width: 1000px;
	height: 46px;
	}

div#copyright {
	float: right;
	height: 19px;
	width: 215px;
	font-size: 10px;
	background: url(../img/coryright.gif);
	text-indent: -9999px;
	}
.pagetop {
	margin: 0px;
	padding: 20px 10px 5px;
	text-align: right;
	}


/* Clearfix Settings
-----------------------------------------------	*/
.clearfix:after{ content:"."; height:0px; clear:both; display: block; visibility:hidden; }
/* IE7 and MacIE5 \*/
.clearfix { display:inline-block; }
/* WinIE5x \*/
* html .clearfix { height: 1%; }
.clearfix { display:block; }
/* */


.clear {clear: both;}
.clearblank {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}

/* Navigation 
-------------------------------------- */
#naviframe {
	margin: 0px auto;
	padding: 0px;
	height: 30px;
	width: 100%;
	}
#navi {
	margin: 0px auto 2px;
	padding: 16px 20px 5px;
	height: 35px;
	width: 960px;
	background: url(../img/navi.gif) no-repeat;
	clear: both;
	}
	#navi ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
	#navi li {
	height: 35px;
	float: left;
	text-indent: 0px;
	display: inline;
	}
	#navi a {
	height: 35px;
	display: block;
	text-indent: -9999px;
	}

#navi01 a {background: url(../img/navi.gif) no-repeat -20px -16px;width: 100px;}
#navi01,#navi01 a:hover {background: url(../img/navi_over.gif) -20px -16px;width: 100px;}
#navi02 a {background: url(../img/navi.gif) no-repeat -120px -16px;width: 260px;}
#navi02,#navi02 a:hover {background: url(../img/navi_over.gif) -120px -16px;width: 260px;}
#navi03 a {background: url(../img/navi.gif) no-repeat -380px -16px;width: 180px;}
#navi03,#navi03 a:hover {background: url(../img/navi_over.gif) -380px -16px;width: 180px;}
#navi04 a {background: url(../img/navi.gif) no-repeat -560px -16px;width: 180px;}
#navi04,#navi04 a:hover {background: url(../img/navi_over.gif) -560px -16px;width: 180px;}
#navi05 a {background: url(../img/navi.gif) no-repeat -740px -16px;width: 120px;}
#navi05,#navi05 a:hover {background: url(../img/navi_over.gif) -740px -16px;width: 120px;}
#navi06 a {background: url(../img/navi.gif) no-repeat -860px -16px;width: 120px;}
#navi06,#navi06 a:hover {background: url(../img/navi_over.gif) -860px -16px;width: 120px;}



/* Style_border
-------------------------------------- */
.borderdouble {border: 4px double #dedede;}
.borderdouble_btm {border-bottom: 4px double #dedede;}
	
.border {border: 1px solid #CC6633;}
.border_btm {border-bottom: 1px solid #CC6633;}

.borderdot {border: 1px dotted #CE8639;}
.borderdot_btm {border-bottom: 1px dotted #CE8639;}

/* Style_text
-------------------------------------- */
.small,.small01,.small02,.smallB,.small01B,.small02B
	{ font-size: 83%;}
.medium,.medium01,.medium02,.mediumB,.medium01B,.medium02B
	{
	font-size: 124%;
	line-height: 1.6em;
}
.large,.txtBL,.color01BL,.color02BL
	{ font-size: 141%;}

.txtB,.txtBL,.color01B,.color01BL,.color02B,.color02BL,.smallB,.small01B,.small02B,.mediumB,.medium01B,.medium02B
	{ font-weight: bold;} 

.color01,.color01B,.color01BL,.small01,.small01B,.medium01,.medium01B
	{  color: #991111;}
.color02,.color02B,.color02BL,.small02,.small02B,.medium02,.medium02B
	{  color: #ee9922;}


/* Style float margin padding
-------------------------------------- */
.lfloat {float: left;}
.rfloat {float: right;}
.lfloatmrb5 {float: left;margin: 0px 5px 5px 0px;}
.rfloatmbl5 {float: right;margin: 0px 0px 5px 5px;}

.alignleft {text-align:left;}
.alignleft img {padding: 4px;}
.alignright {text-align: right;}
.alignright img {padding: 4px;}

.m10 { margin: 10px;}
.m20 { margin: 20px;}
.m30 { margin: 30px;}
.m40 { margin: 40px;}

.mr10 {	margin: 0px 10px 0px 0px;}
.ml10 {	margin: 0px 0px 0px 10px;}
.mside10 { margin: 0px 10px;}
.mtb10 { margin: 10px 0px;}

.mr20 {	margin: 0px 20px 0px 0px;}
.ml20 {	margin: 0px 0px 0px 20px;}
.mside20 { margin: 0px 20px;}
.mtb20 { margin: 20px 0px;}

.ml30 {	margin: 0px 0px 0px 30px;}

.mb5 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}

.p5 { padding: 5px;}

.pt5 {	padding: 5px 0px 0px 0px;}
.pr5 {	padding: 0px 5px 0px 0px;}
.pb5 {	padding: 0px 0px 5px 0px;}
.pl5 {	padding: 0px 0px 0px 5px;}


/* Style other
-------------------------------------- */
.alpha {opacity: .85; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=85); /* IE lt 8 */
    -ms-filter: "alpha(opacity=85)"; /* IE 8 */
    -khtml-opacity: .85; /* Safari 1.x */
    -moz-opacity: .85; /* FF lt 1.5, Netscape */
	}

/* top page
-------------------------------------- */
div#toptitleimg {
	margin: 0px 0px 20px;
	width: 1000px;
	height: 480px;
	}
	div#toptitleimg p {
	margin: -50px auto 0px;
	width: 860px;
	height: auto;
	color: #D4D1CC;
	line-height: 1.8em;
	}
div#topbnr02 {
	float: right;
	padding-top: 8px;
	}
	div#topbnr02 li,div#topbnr01 li  {
	float: left;
	height: 200px;
	width: 235px;
	}
	div#topbnr02 li p,div#topbnr01 li p  {
	margin: -54px auto 0px 26px;
	width: auto;
	}
div#topbnr01 {
	float: left;
	padding-top: 8px;
	}

div#topics {
	width: 450px;
	height: 152px;
	padding: 57px 20px 0px;
	background: url(../img/topics.gif) no-repeat;
	float: left;
	margin-bottom: 10px;
	}
	div#topics li {
	height: 26px;
	background: #F1F1F1;
	line-height: 26px;
	margin-bottom: 3px;
	float: none;
	width: auto;
	}
	div#topics h4 {
	background: url(../img/topics_arrow.gif) no-repeat left center;
	font-size: 100%;
	font-weight: normal;
	padding: 0px 20px;
	margin: 0px;
	line-height: 26px;
	height: 26px;
	}
	div#topics span {
	margin-right: 15px;
	}

/* catering
-------------------------------------- */
div#quotation {
	padding: 20px;
	}
div#quotation_box01, div#quotation_box02, div#quotation_box03, div#quotation_box04 {
	width: 435px;
	height: auto;
	float: left;
	padding: 10px;
	}
div#quotation_box01, div#quotation_box03 {
	margin: 0px 30px 0px 0px;
	}

	div#quotation h4 {
	background: url(none);
	padding-left: 0px;
	}
	div#quotation dl {
	border-bottom: 4px double #dedede;
	padding: 5px 0px 0px;
	margin: 0px 0px 10px;
	}
	div#quotation dt {
	padding: 5px 0px 3px;
	line-height: 1.3em;
	float: left;
	clear: both;
	}
	div#quotation dd {
	padding: 5px 0px 3px;
	line-height: 1.3em;
	text-align: right;
	border-top: 1px dotted #DEDEDE;
	}

div#quotation .noborder {
	border-style: none;
	padding: 0px;
	margin: -3px 0px 3px;
	}
.alignrbold {
	text-align: right;
	font-weight: bold;
	font-size: 110%;
}

div#quotation02 {
	padding: 20px;
	}
div#quotation02 h4 {
	background: url(none);
	padding-left: 0px;
	text-align: center;
	}
div#quotation02 dl {
	border-bottom: 1px dotted #DEDEDE;
	padding: 5px 0px 0px;
	margin: 0px 0px 10px;
	}
div#quotation02 dt {
	padding: 5px 0px 3px;
	line-height: 1.3em;
	float: left;
	clear: both;
	}
div#quotation02 dd {
	padding: 5px 0px 3px;
	line-height: 1.3em;
	text-align: right;
	border-top: 1px dotted #DEDEDE;
	}


/* works page
-------------------------------------- */
div#works.photobox01 {
	margin: 0px auto 35px;
	padding: 0px 0px 0px 5px;
	float: none;
	height: auto;
	width: 915px;
	}
	div#works.photobox01 img {
	float: left;
	}
div#workflow {
	text-align: center;
	padding: 30px 0px;
	}
	div#workflow img {
	margin: 0px 30px 0px 0px;
	}
.flowNo1,.flowNo2,.flowNo3 {
	height: 24px;
	padding-left: 30px;
	font-size: 124%;
	line-height: 24px;
	}
.flowNo1 {
	background: url(../img/works_No1.jpg) no-repeat;
	}
.flowNo2 {
	background: url(../img/works_No2.jpg) no-repeat;
	}
.flowNo3 {
	background: url(../img/works_No3.jpg) no-repeat;
	}

/* company page
-------------------------------------- */
div#tableset {
	}
	div#tableset dl {
	height: auto;
	width: 670px;
	padding: 10px;
	background: #f2f2f2;
	display: block;
	}
	div#tableset dt,div#tableset dd {
	padding: 3px;
	float: left;
	height: auto;
	display: inline;
	margin: 1px;
	}
	div#tableset dt {
	width: 23%;
	text-align: right;
	background: #dedede;
	}
	div#tableset dd {
	width: 74%;
	text-align: left;
	background: #fefefe;
	}


/* ページ内にあったもの
--------------------------*/
body#catering #navi03 a {visibility: hidden;}
body#company #navi05 a {visibility: hidden;}
body#inquiry #navi06 a {visibility: hidden;}
body#staff #navi02 a {visibility: hidden;}
body#works #navi04 a {visibility: hidden;}
body#home #navi01 a {visibility: hidden;}

#catering #quotation02 p {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.8em;
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DEDEDE;
}