@charset "utf-8";

/* Font
-----------------------------------------------------
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/ 
/* default setup
---------------------------------------------------- */
body {
	color: #000000;
	margin: 0px auto;
	text-align: center;
	font: 100%/150% "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-image: url(../tpl/bg.jpg);
	background-repeat: repeat-x;
	}
html,ul,h1,h2,h3 {
    padding:0;
	margin:0;
}
ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
img {
 border: none;
 vertical-align:bottom;
}
th,td {
	font: 100%/150% "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	zoom: 1;
}

div:after{
    display: block;
    height:0px;
    clear:both;
}
#wrapper {
	width: 914px;
	margin:12px auto 0px;
	height: auto;
	background: url(../tpl/bg2.jpg) no-repeat;
    min-height:682px;
 }


/* header
---------------------------------------------------- */
#header {
	width: 1144px;
	height: 98px;
	margin:0px auto;
}



/* navigation
---------------------------------------------------- */
#navi {
	width: 900px;
	height: 53px;
	margin:0px auto;
}


#navi li {
	margin:0;
	float:left;
}



/* common link
---------------------------------------------------- */
a:link {
	color:#00582C;
	text-decoration: underline;
}
a:visited {
	color:#00582C;
	text-decoration: underline;
}
a:hover,
a:active,
a:focus {
	color:#00582C;
	text-decoration: none;
}





/* h-キャプション
---------------------------------------------------- */
h1{
	font-size: 0px;
	line-height: 0px;
	padding: 0;
	text-indent: -9999px;
}
h3{
	margin-bottom: 15px;
}
h4{
	margin: 0px 0px 10px;
}



/* contents
---------------------------------------------------- */
#contents {
	width: 900px;
	height: auto;
	text-align: left;
	margin: 7px 7px 0px;
}
#pagebody {
	width: 860px;
	height: auto;
	text-align: left;
	margin: 20px;
}
.check {
	width: 860px;
	margin: 0px auto;
	clear: both;
	text-align: left;
	padding: 20px;
}
.check-icon {
	float: left;
}

#contents-bottom {
	width: 900px;
	clear: both;
}


/* index
---------------------------------------------------- */
.contents-l {
	width: 578px;
	float: left;
}
.contents-l p {
	margin-top: 0px;
}
.contents-l-inner-l {
	width: 368px;
	float: left;
}
.contents-l-inner-r {
	width: 190px;
	float: right;
}
.contents-l-inner-l2 {
	width: 274px;
	float: left;
}
.contents-l-inner-r2 {
	width: 284px;
	float: right;
}
.side-bar {
	width: 262px;
	float: right;
}
.side-bar-inner {
	border: 1px solid #E0D2C0;
	background: #F6F3ED;
	text-align: center;
	padding-top: 1px;
	font-size: 93%;
	line-height: 130%;
}
.side-bar-inner h3 {
	margin-bottom: 6px;
}
.side-bar-inner img {
	text-align: left;
}
.side-bar-inner p {
	text-align: left;
	margin: 10px;
}
ul#main-img {
	width: 900px;
	height: 344px;
    overflow: hidden;
}
ul#main-img  li {
    list-style:none;
	margin:0; padding:0;
}





/* shop
---------------------------------------------------- */
.shop-l {
	width: 494px;
	float: left;
}
.shop-l table {
	border-top: 1px solid #E0D2C0;
	border-collapse: collapse;
	margin-top: 10px;
}
.shop-l table td {
	border-bottom: 1px solid #E0D2C0;
	padding: 8px 5px;
	line-height: 130%;
}
.shop-l table td.inner {
	padding: 0px 5px 8px;
}
.shop-l table td table,
.shop-l table td table td {
	border: none;
	padding: 0px;
	line-height: 130%;
}

.shop-r {
	width: 346px;
	float: right;
}


/* service
---------------------------------------------------- */
#service-box-p {
	width: 578px;
	text-align: center;
	padding: 15px 0px 1px;
	background-color: #800000;
}
#service-box-title-l {
	width: 284px;
	float: left;
}
#service-box-title-r {
	width: 284px;
	float: left;
	margin-left: 10px;
}
.service-box-b {
	width: 284px;
	text-align: center;
	padding: 15px 0px 1px;
	_padding: 15px 0px 1px;
	background-color: #7E6001;
}
.service-comment-p {
	width: 548px;
	background: url(../service/box_bg_p.jpg) repeat;
	text-align: left;
	margin: 15px;
}
.service-comment-b {
	width: 254px;
	background: url(../service/box_bg_b.jpg) repeat;
	text-align: left;
	margin: 15px;
}
.service-comment-p-inner {
	padding: 15px 15px 5px;
}
.service-comment-b-inner {
	padding: 15px 15px 0px;
	height: 190px;
}


/* menu
---------------------------------------------------- */
.menu-osusume-photo {
	width: 262px;
	margin-bottom: 10px;
	font-size: 85%;
}
.menu-osusume-photo span {
	padding-left: 5px;
}
.menu-osusume-photo.ml8 {
	margin-left: 8px;
}

#menu-okonomi h4 {
	font-size: 116%;
	font-weight: bold;
	border-bottom: 1px solid #009048;
	border-left: 5px solid #009048;
	padding-left: 15px;
	clear: both;
	margin-top: 30px;
	margin-top: /0px;
}
#menu-okonomi h4.top {
	margin-top: 0px;
}
#menu-okonomi h5 {
	font-size: 100%;
	font-weight: bold;
	background: url(../menu/arrow2.jpg) no-repeat;
	padding-left: 20px;
	margin: 20px 0px 5px;
	line-height: 130%;
}
#menu-okonomi ul {
	width: 578px;
	clear: both;
	margin-left: -20px;
	margin-bottom: 50px;
}
#menu-okonomi ul li {
	display: inline;
	width: 162px;
	float: left;
	margin-left: 30px;
	position: relative;
}
#menu-okonomi ul.l2 {
	width: 578px;
	clear: both;
	margin-left: -40px;
	margin-bottom: 50px;
}
#menu-okonomi ul.l2 li {
	display: inline;
	width: 230px;
	float: left;
	margin-left: 55px;
	position: relative;
}
#menu-okonomi ul li span {
	width: 80px;
	text-align: right;
	position: absolute;
	top: 0px;
	right: 0px;
}

/* footer
---------------------------------------------------- */

#footer {
	width: 100%;
	height: 92px;
	background: url(../tpl/footer_bg.jpg) repeat-x;
	float: left;
	margin-top: 30px;
}
#footer-inner {
	width: 900px;
	margin: 18px auto 0px;
	text-align: left;
}
.footer-l {
	width: 515px;
	float: left;
	margin-left: 20px;
	_margin-left: 10px;
	font-size: 85%;
}
.footer-l ul {
	margin-top: 10px;
}
.footer-l ul li {
	background: url(../tpl/arrow.gif) no-repeat 0px 5px;
	float: left;
	padding-left: 20px;
}
.footer-l ul li a {
	padding-right: 20px;
}
.footer-l ul li a:link,
.footer-l ul li a:visited {
	color: #000000;
	text-decoration: none;
}
.footer-l ul li a:hover,
.footer-l ul li a:active,
.footer-l ul li a:focus {
	color: #000000;
	text-decoration: underline;
	text-align: right;
}
.footer-r {
	width: 335px;
	float: right;
	margin-right: 10px;
	margin: 0;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin-top: 10px;
}

/* other
---------------------------------------------------- */

p.top {
	margin-top: 0px;
}
.font-r {
	color: #FF0000;
}

.pt20{
	padding-top: 20px;
	clear: both;
}
.mb20{
	margin-bottom: 20px;
}
.pt50{
	padding-top: 50px;
	clear: both;
}
.mt50{
	margin-top: 50px;
	clear: both;
}
.clear{
	clear: both;
	line-height: 0px;
	font-size: 0px;
	visibility: hidden;
}