@charset "utf-8";

body {
	background-color:#5e3c05;
	color: #888;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;
	font-size:13px;
	line-height: 150%;
}

#wrapper {
	background:url(./img/bg.png) repeat-y;
	width: 1004px;
	margin: 0 auto;
	padding: 0;
}

a:link, a:visited {
	color:#818144;
}
a:hover {
	color:#d47835;
}
a:action {
	color:#d47835;
}

#sideFlash {
	width: 354px;
	float: left;
}
#main {
	width: 650px;
	float: right;
}

/* headline */
h3 {
	text-indent:-999px;
	overflow:hidden;
	margin-bottom: 5px;
}
h4 {
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 13px;
}
/* header */
#header {
	width: 650px;
	position: relative;
}
#header .bana {
	position: absolute;
		top: 30px;
		left: 360px;
}
h1 {
	margin: 10px 5px 0 5px;
	width: 117px;
	height: 68px;
	overflow:hidden;
	float: left;
}
h1 a {
	display:block;
	width: 117px;
	height: 68px;
	background:url(./img/sprites.png) 0 0 no-repeat;
	text-indent:-999px;
	overflow:hidden;
}
#header ul {
	padding: 5px 10px;
	width:480px;
	float: right;
	text-align: right;
}
#header ul li {
	display: inline;
}

/* menu */
#menu {
	border-bottom: 1px solid #abab80;
	margin: 0 5px;
	padding: 5px;
}
#menu li {
	float: left;
	height: 22px;
	overflow: hidden;
}
#menu li a, #menu li span {
	display: block;
	height: 22px;
	text-indent: -999px;
	background:url(./img/sprites.png) no-repeat;
	padding-left: 20px;
}

#menu li.home {
	width: 95px;
}
#menu li.home a {
	background-position: -124px -5px;
}
#menu li.home a:hover, #menu li.home span {
	background-position: -124px -29px;
}

#menu li.dress {
	width: 93px;
}
#menu li.dress a {
	background-position: -222px -5px;
}
#menu li.dress a:hover, #menu li.dress span{
	background-position: -222px -29px;
}

#menu li.mens {
	width: 88px;
}
#menu li.mens a {
	background-position: -312px -5px;
}
#menu li.mens a:hover, #menu li.mens span {
	background-position: -312px -29px;
}

#menu li.access {
	width: 105px;
}
#menu li.access a {
	background-position: -400px -5px;
}
#menu li.access a:hover, #menu li.access span {
	background-position: -400px -29px;
}

#menu li.profile {
	width: 97px;
}
#menu li.profile a {
	background-position: -504px -5px;
}
#menu li.profile a:hover, #menu li.profile span {
	background-position: -504px -29px;
}

#menu li.contact {
	width: 113px;
}
#menu li.contact a {
	background-position: -604px -5px;
}
#menu li.contact a:hover, #menu li.contact span {
	background-position: -604px -29px;
}

#menu li.sitemap {
	width: 117px;
}
#menu li.sitemap a {
	background-position: -720px -5px;
}
#menu li.sitemap a:hover, #menu li.sitemap span {
	background-position: -720px -29px;
}


/* Footer */
#footer {
	color: #abab80;
	padding-bottom: 10px;
}
#footerMenu {
	border-top: 1px solid #abab80;
	border-bottom: 1px solid #abab80;
	margin: 0 5px;
	padding: 5px;
	text-align: center;
}
#footerMenu li{
	display: inline;
}

/* pankuzu */
#pankuzu {
	padding: 10px 15px;
}
#pankuzu h2{
	display: inline;
	color:#abab80;
	text-indent: 0;
}

/* contents */
#contents {
	width: 430px;
	float: left;
	padding-right: 10px;
}

/* rightSide */
#rightSide {
	width:210px;
	float: right;
}
#rightSide ul li{
	width:186px;
	height:126px;
	margin-bottom: 15px;
}

#rightSide ul li a{
	padding: 2px;
	border: 1px solid #ccc;
	display:block;
	width:180px;
	height:120px;
	text-indent: -999px;
	background:url(./img/sideSprites.jpg) no-repeat;
	overflow: hidden;
}
#rightSide ul li a:hover {
	border: 1px solid #d47835;
}
#rightSide ul li.aLine a {
	background-position: -3px -3px;
}
#rightSide ul li.slender a {
	background-position: -3px -139px;
}
#rightSide ul li.princess a {
	background-position: -3px -276px;
}
/* List */
dl.type2 {
}
dl.type2 dt {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding: 5px;
}
dl.type2 dd {
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	color: #555;
}


/* other */
.leftLineBox{
	margin: 0 0 10px 10px;
	border-left: 1px solid #abab80;
	padding: 5px 8px;
}
p {
	padding: 0 5px 5px 5px;
}

.bigPhoto {
	width: 307px;
	float: left;
	padding: 0 5px;
}
.bigPhotoRight{
	width: 290px;
	float: right;
	padding: 0 0 0 5px;
}

.newsList {
	padding: 0 5px;
	margin-bottom: 5px;
}
.newsList dt, .newsList dd {
	float:left;
}
.newsList dt {
	width: 85px;
}
.newsList dd {
	background: url(./img/triangle.png) 0 -3px no-repeat;
	width: 285px;
	padding-left: 20px;
}