@charset "shift_jis";

/* common
--------------------------------------------------------------------------------*/
#wrapper {
	width: 100%;
	background: url(../images/bg01.gif) repeat-x;
}

#container {
	width: 848px;
	background: url(../images/bg02.gif) repeat-y;
}

h2.ctgTtl {
	margin: 16px 0;
}

#contents {
	width: 592px;
	margin: 0 0 0 16px;
	padding: 0 0 32px 0;
}

.olsbnr { margin-top: 5px;
          margin-bottom: 5px;
}

.ptop {
	text-align: right;
	padding: 0 16px 32px 0;
}


/* float hack ---- */
.outBox:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
*html .outBox {	display: inline-block;	}
*:first-child+html .outBox {	display: inline-block;	}
/* no mac IE \*/
*html .outBox {	height: 1%;	}
.outBox {	display: block;	}
/* */

.fltL {	float: left;	}
.fltR {	float: right;	}
}

.txB {
	font-weight: bold;
}



/* header ---------------------------- */
#header {
	background: #FFF url(../images/h_bg.jpg)	no-repeat;
	border-bottom: 1px solid #AAA6A5;
	padding: 12px 0 0 26px;
}
#header .fltR {
	text-align: right;
}
#header .fltR .hLnk {
	margin: 10px 7px 17px 0;
}


/* gnav ---------------------------- */
#gnav {
	width: 224px;
	background: #FFF;
}
#gnav ul {
	padding: 0 0 16px 0;
}

#gnav li dl {
	background: url(../images/gnav_bg.gif) repeat-y;
}
#gnav li dl.shop {
	height: 72px; /* 増やしたら数値も増やす ＋21pxずつ */
}
#gnav li dl.products {
	height: 108px;
}
#gnav li dt, #gnav li dd {
	font-size: 1%;
	line-height: 1%;
}
#gnav li dd {
	text-align: right;
}

#topGnav {
	width: 220px;
	height: 282px;
	background: url(../../images/idx_gnav_bg.jpg) no-repeat left bottom;
}

#gnav ul, #topGnav ul {
	list-style-type: none;
}
#gnav li, #topGnav li {
	font-size: 1%;
	line-height: 1%;
}


/* left contents ---------------------------- */
#comLeft {
	background: url(../images/l_bg01.jpg) no-repeat;
	padding: 18px 0 0 16px;
}

#bushours {
	width: 175px;
	background: #EFF3F8;
	border: 1px solid #CFD9E5;
	margin: 5px 0 0 13px;
}
#comLeft #bushours h2 {
	margin: 0;
}
#bushours p {
	margin: 8px 8px 8px 12px;
}


/* footer ---------------------------- */
#footer {
	background: url(../images/f_bg.jpg) no-repeat;
	padding: 25px 20px 0 16px;
}

#topFooter {
	background: url(../../images/idx_f_bg.jpg) no-repeat;
	padding: 25px 20px 0 16px;
}




/* TOP
--------------------------------------------------------------------------------*/
#topWrapper {
	width: 100%;
	background: url(../../images/idx_bg01.gif) repeat-x;
}

#topContainer {
	width: 848px;
}

#topContents {
	width: 832px;
	background: url(../../images/idx_bg02.jpg) no-repeat;
	margin: 0 0 0 16px;
	/* padding: 18px 0 25px 0;
	rewrite by a2c310 */
	padding: 15px 0 25px 0;
}

#topContents #rsite, #comLeft #rsite {
	width: 208px;
}
#topContents #rsite h2, #comLeft #rsite h2 {
	margin: 0 0 12px 0;
}
#topContents #rsite div, #comLeft #rsite div {
	margin: 0 0 9px 12px;
}

#topContents #reco {
	width: 331px;
	/* padding: 18px 0 0 0;
	rewrite by a2c310 */
	padding: 15px 0 0 0;
}
#topContents #reco h2 {
	margin: 0 0 8px 0;
}
#topContents #reco p, #topContents #reco dl {
	width: 172px;
	margin: 0 0 0 12px;
}
#topContents #reco ul {
	list-style-type: none;
	margin: 12px 0 0 12px;
}
#topContents #reco dt {
	font-weight: bold;
	margin-bottom: 4px;
}

#topContents #news {

}
#topContents #news a {
	color: #00448D;
}
#topContents #news h2 {
	margin: 15px 0 0 0;
}
#topContents #news table {
	margin: 0 0 0 12px;
}
#topContents #news th, #topContents #news td {
	vertical-align: top;
	background: url(../images/line01.gif) repeat-x left bottom;
	padding: 8px 8px 8px 0;
}
#topContents #news th {
	color: #003E84;
}

/*▼▼▼▼▼2011/04/11サイト全体の修正用スタイル▼▼▼▼▼*/
.ptxt1 {
	padding:4px 0 8px 10px;
}

.mapbox {
	width:592px;
	padding:0 0 10px 0;
	clear:both;
}

.actxt p {
	width: 592px;
	padding-top:10px;
}

.contents_block {/*コンテンツ内の崩れを防止*/
	float:left;
	width:624px;
}

.probox {
	float:left;
	width:592px;
}
.probox img {
	padding:0 0 30px 0;
}
	
/*.pro_comment {
	float:left;
	width:592px;
	font-weight:bold;
}*/
	
.prolbox {
	float:left;
	width:270px;
}
	.prolbox h4 {
	font-size:16px;
	font-weight:bold;
	color:#00448d;
}
	.prolbox p {
	padding:10px 0 0 0;
}
	.p1 {
	font-weight:bold;
}

.prorbox {
	float:right;
	width:310px;
}
	
p.pli {/*productsページ*/
    padding-top:4px;
}
	
a:link.pli {
	color:#06C;
　　/*text-decoration:underline;*/
}
a:visited.pli {
	color:#06C;
}
a:active.pli {
	color:#06C;
}
a:hover.pli {
    color:#06C;
}

h4.proh4 {
	font-size:16px;
	font-weight:bold;
	color:#00448d;
}
/*▲▲▲▲▲2011/04/11サイト全体の修正用スタイル▲▲▲▲▲*/