@charset 'UTF-8';
/*UTF-8用 日本語コメント*/

/* * html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } */
* { color: #391d1f; margin: 0; padding: 0; font-family : 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif ; }

h1 { color: #403937; font-size: large; font-weight: bold; line-height: 1.3em; background-image: url(bg_h1.gif); background-repeat: repeat-x; background-position: 0 bottom; margin: 0.5em 0 0.5em 0; padding: 0.3em 0.5em; }
h2 { color: #403937; font-size: large; font-weight: bold; line-height: 1.3em; background-image: url(bg_h2.gif); background-repeat: repeat-x; background-position: 0 bottom; margin: 0.5em 0; padding: 0.3em 0.5em; }
h3 { color: #403937; font-size: medium; font-weight: bold; line-height: 1.3em; margin: 0.3em 0; padding: 0.3em 0.5em; border-bottom: 1px dotted #403937; }
h4 { color: #456e27; font-size: small; font-weight: bold; line-height: 1.3em; margin: 0.3em 0; padding: 0.3em 0; }
h5 { color: #456e27; font-size: small; font-weight: bold; line-height: 1.3em; margin: 0.3em 0; padding: 0.3em 0; }
div#header h1 { font-size: large; line-height: normal; margin: 0; padding: 0; }
.gmap-psmall { font-size: x-small; line-height: 1.1em; margin-bottom: 10px; }
.gmap-h3{ font-size: medium; font-weight: bold; margin-top: 0; margin-bottom: 5px; padding: 0; border-bottom: 1px solid #391d1f; }
a:link { color: #a60d09; text-decoration: none; } 
a:visited { color: #a60d09; text-decoration: none; } 
a:hover { color: #d10000; text-decoration: none; } 
a:active { color: #d10000; text-decoration: none; }

body { background-color: #d2bf9f; background-image: url(bg_body.jpg); text-align: center; margin: 0; padding: 0; }
#wrapper { background-color: #fff; background-image: url(stage_content.gif); background-repeat: repeat-y; text-align: left; width: 785px; margin: auto; padding: 0; }
#header { padding: 0 17px; }
div#header ul { float: right; margin-top: 10px; }
div#header li { font-size: x-small; font-weight: bold; float: left; margin: 0; padding-top: 12px; display: block; list-style:none;}
div#header li img{ vertical-align: -25%; margin-left: 10px; }
div#header a:link { color: #391d1f; } 
div#header a:visited { color: #391d1f; }
div#header a:hover { color: #d10000; } 
div#header a:active { color: #d10000; }

#navi { height: 65px;  clear: both; padding: 0 13px;}
div#navi ul{overflow: hidden; }
div#navi li { float: left;  margin-top: 12px; display: block;overflow: hidden;list-style:none; }
/*div#navi a{ text-indent: -200em; display:block; height:45px; overflow: hidden; }*/
div#navi a:hover{ background-position:0px -45px; }
div#navi a.top{ background-image: url(navi_top.gif); width: 111px; }
div#navi a.product{ background-image: url(navi_product.gif); width: 110px; }
div#navi a.shop{ background-image: url(navi_shop.gif); width: 120px; }
div#navi a.column{ background-image: url(navi_column.gif); width: 97px; }
div#navi a.profile{ background-image: url(navi_profile.gif); width: 126px; }
div#navi a.os{ background-image: url(navi_onlineshop.gif); width: 195px; }



#naviseal {  height: 1px; padding: 0 13px; }
* html div#naviseal {  height: 1px; overflow: hidden; padding: 0 13px; }
.sealos { position: relative; top: -65px; left: 700px; width:1px; height:1px; }
* html p.sealos{ position: relative; top: -65px; left: 700px; width:1px; height:1px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.oc-ogawa.co.jp/common/seal_onlineshop.png); }
* html p.sealos img{ display:none; }


#content { padding: 0 17px;  }
#topcontent { padding: 0 17px; }
#breadcrumbs { font-size: x-small; text-align: left; margin-right: 17px; margin-left: 17px; padding-bottom: 5px; border-bottom: 1px solid #ccc; }
.pagetop { font-size: x-small; text-align: right; clear: both; margin-right: 17px; margin-left: 17px; padding-bottom: 5px; }
#topnews { width: 480px; float: left; margin-right: 5px; padding: 10px; }
#topbanner { width: 244px; float: left; padding-top: 10px; padding-bottom: 10px; }

.mainpanel { margin-right: 5px; padding: 10px; width: 480px; float: left; }
.fullpanel { width: 730px; float: left; clear: both; padding: 10px; }
.subpanel { padding-top: 10px; padding-bottom: 10px; width: 244px; float: left; }
.inpanel { margin: 10px; padding: 0 10px 10px; border: solid 1px gray; }
.artblk { margin-left: 1em; }
.subcol_right { float: right; }
.subcol_left { float: left; }
#newstitle { background-image: url(../bg_cap_new.gif); background-repeat: repeat-x; height: 55px; }
.rssbtn { position: relative; top: -10px; left: 230px;}
.news_article { font-size: small; line-height: 1.5em; padding: 5px; border-bottom: 1px dotted #baa688; }
.news_article img { vertical-align: -10%; margin-right: 2px; }

.news_article a:link { color: #391d1f; } 
.news_article a:visited { color: #391d1f; } 
.news_article a:hover { color: #d10000; } 
.news_article a:active { color: #d10000;  }
.aboutrss { text-align: left; font-size: x-small; margin-top: 2px; padding-left: 5px; }
.aboutrss a:link { color: #391d1f; } 
.aboutrss a:visited { color: #391d1f; } 
div#topbanner img{ margin-bottom: 8px; }


#footer { clear: both; padding: 0 17px; }

dd { text-align: right; }
em { font-weight: bold; font-style: normal; }
strong { color: #a60d09; font-size: large; font-weight: bold; font-style: normal; line-height: 1.3em; }
blockquote { padding: 0 15px 0; }
div#content p { font-size: small; line-height: 1.4em; padding-right: 1em; padding-bottom: 1em; padding-left: 1em; }
div#content ul { margin-left: 1em; padding-right: 1em; padding-left: 1em; }
div#content ol { margin-left: 1em; padding-right: 1em; padding-left: 1em; }
div#content li { font-size: small; line-height: 1.3em; padding-bottom: 0.5em; }

.linkli { vertical-align: text-top; padding-left: 0.3em; list-style-image: url(icon_linkli.gif); }
.linkin { vertical-align: -10%; padding-right: 0.3em; }

div#content .subpanel p { padding: 0; }
table.laytbl { margin: 10px; border-collapse: collapse; }
.laytbl td { font-size: small; line-height: 1.3em; padding: 0.3em; border-bottom: 1px solid #f2efdf; }
.laytbl th { font-size: small; font-weight: bold; line-height: 1.3em; background-color: #d4c1a1; text-align: center; padding: 0.3em; border-bottom: 1px solid #f2efdf; }

.colred { color: #a60d09; }
.colgreen { color: #1b4e1d; }
.colgray { color: #7c7773; }
#gmap2 { margin: 3px; padding: 3px; }



ul.bannerlist { margin-bottom: 10px; }
.bannerlist li { float: left; padding: 3px; list-style-type: none; }
.bannerlist img { border: solid 1px #b29a44; }


.evpanel { text-align: left; width: 680px; margin-top: 1em; padding-bottom: 1em; border-color: #9b9b9b; border-style: solid solid double; border-width: 1px 1px 3px; }
.evpanel h2 { font-size: small; font-weight: bold; background-image: url(bg_h2.gif); text-align: center; letter-spacing: 0.5em; margin: 0; padding: 0.1em 0.3em; }
table.evinfo { width: 610px; margin: auto; }
table.matrixtbl { font-size: x-small; background-color: #f9f4df; margin: 0.5em; padding: 0.5em; border: solid 1px #f1e7b3; }
.matrixtbl th { font-size: x-small; text-align: center; white-space: nowrap; }
.matrixtbl td { font-size: x-small; text-align: center; padding-right: 0.3em; padding-left: 0.3em; white-space: nowrap; }


.shadow {
	margin: 10px 0 0 5px;
	background: url(imgshadow.gif) right bottom;
	float: left; /* 回り込み制御 */
}
 
.shadow img {
	position: relative;
	left: -3px; /* 画像を左へ移動 */
	top: -4px; /* 画像を上へ移動 */
/*	padding: 5px;  画像枠 */
/*	background: #ffffe0;  paddingを設定した場合の背景色 */
	border: 1px solid #999999; /* 画像の枠線 */
}
.nbsp { padding-right: 1em; padding-left: 1em; }
hr { color: silver; background-color: silver; height: 1px; overflow: hidden; margin: 0 10px 10px; padding: 0; border-color: silver; border-width: 0; }

a img { border: 0; }