@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	list-style:none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#222;
}

a {
	outline:none;
}

a:link {
	color:#d7c587;
	text-decoration:none;
}

a:visited {
	color:#d7c587;
	text-decoration:none;
}

a:hover {
	color:#e97900;
	text-decoration:underline;
}

img {
	border:0;
	vertical-align:bottom;
}

body {
	background:url(../images/common/bg-paper.jpg);
	font-size:12px;
	line-height:16px;
}

#body2 {
	background:url(../images/common/bg-flower.png) no-repeat;
	background-position:center 20px;
}


#wrapper {
	background:url(../images/common/header-colorbar.png) top repeat-x;
	padding:20px 0 0;
	width:100%;
}

#content {
	width:960px;
	margin:0 auto;
}

#content:after {
	content: "";
	display: block;
	clear: both;
	height:0;
}

#content {display:inline-block;}
#content {display:block;}

#side {
	float:left;
	width:240px;
}

#main {
	float:left;
	width:720px;
}

#main-content {
	margin:10px 0 0 10px;
}

.side-banner {
	margin:0 0 10px;
}

/*==================== Logo ====================*/

h1 {
	padding:15px 20px 30px;
}


/*==================== Navigation ====================*/

#navi {
	margin:0 0 10px;
	width:230px;
}

#navi li {
	height:50px;
	width:230px;
}

#navi li a {
	display:block;
	height:50px;
	width:230px;
	text-indent:-10000px;
}

.btn-tenpo a {
	background:url(../images/common/navi.png) no-repeat;
}

.btn-tenpo a:link {
	background-position:0 0;
}

.btn-tenpo a:visited {
	background-position:0 0;
}

.btn-tenpo a:hover {
	background-position:-230px 0;
}

.btn-shouhin a {
	background:url(../images/common/navi.png) no-repeat;
}

.btn-shouhin a:link {
	background-position:0 -50px;
}

.btn-shouhin a:visited {
	background-position:0 -50px;
}

.btn-shouhin a:hover {
	background-position:-230px -50px;
}

.btn-uridashi a {
	background:url(../images/common/navi.png) no-repeat;
}

.btn-uridashi a:link {
	background-position:0 -100px;
}

.btn-uridashi a:visited {
	background-position:0 -100px;
}

.btn-uridashi a:hover {
	background-position:-230px -100px;
}

.btn-oteire a {
	background:url(../images/common/navi.png) no-repeat;
}

.btn-oteire a:link {
	background-position:0 -150px;
}

.btn-oteire a:visited {
	background-position:0 -150px;
}

.btn-oteire a:hover {
	background-position:-230px -150px;
}

/*---------- Active ----------*/

.btn-tenpo-actv a {
	background:url(../images/common/navi.png) no-repeat;
	background-position:-230px 0;
}

.btn-shouhin-actv a {
	background:url(../images/common/navi.png) no-repeat;
	background-position:-230px -50px;
}

.btn-uridashi-actv a {
	background:url(../images/common/navi.png) no-repeat;
	background-position:-230px -100px;
}

.btn-oteire-actv a {
	background:url(../images/common/navi.png) no-repeat;
	background-position:-230px -150px;
}






/*==================== News ====================*/

#news {
	background:url(../images/common/news-bg.png) repeat-y;
	margin:0 0 10px;
	width:230px;
}

#news ul {
	background:url(../images/common/news-bottom.png) center bottom no-repeat;
	padding:0 0 20px;
}

#news li {
	border-bottom:1px #b2b2b2 dotted;
	font-size:12px;
	line-height:16px;
	padding:5px 0;
	margin:0 20px;
}

#news li.last {
	border:0;
}

#news li .news-date {
	display:block;
	font-size:10px;
	line-height:12px;
	color:#888;
}



/*==================== Footer ====================*/

#footer {
	background:url(../images/common/bg-footer.jpg);
}

#footer2 {
	margin:0 auto;
	padding:25px 0;
	width:960px;
}

#footer2:after {
	content: "";
	display: block;
	clear: both;
	height:0;
}

#footer2 {display:inline-block;}
#footer2 {display:block;}

#footer-logo {
	float:left;
	width:480px;
}

#footer-contact {
	float:left;
	width:480px;
}

#footer-contact p {
	text-align:right;
}