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

body, div, p, ul, ol, li, img, h1, h2, h3, h4, h5, dl, dt, dd, form {
	padding: 0;
	margin: 0;
}

body {
	text-align: center;
	background-color: #E8DEDD;
	line-height: 160%;
	font-size: 12px;
	_font-size: 75%;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", serif;
	color: #333333;
}

form, input, textarea {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", serif;
}

img {
	border: 0;
}

a:link { color: #A34238; text-decoration: underline; }
a:visited { color: #A34238; text-decoration: underline; }
a:hover { color: #A34238; text-decoration: underline; }
a:active { color: #A34238; text-decoration: underline; }

.left {
	float: left;
}
.right {
	float: right;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.clear {
	clear: both;
	font-size: 0px;
	line-height: 1%;
}

.on {
	display: block;
}
.off {
	display: none;
}

.st5 { padding-top: 5px; }
.sb5 { padding-bottom: 5px; }
.sw5 { padding: 5px 0; }
.st10 { padding-top: 10px; }
.sb10 { padding-bottom: 10px; }
.sw10 { padding: 10px 0; }
.st15 { padding-top: 15px; }
.sb15 { padding-bottom: 15px; }
.sw15 { padding: 15px 0; }
.st20 { padding-top: 20px; }
.sb20{ padding-bottom: 20px; }
.sw20 { padding: 20px 0; }
.st25 { padding-top: 25px; }
.sb25{ padding-bottom: 25px; }
.sw25 { padding: 25px 0; }

.cal {
	width: 68px;
	height: 73px;
	line-height: 100%;
	text-align: center;
	background-image: url(img/bg-index-cal.gif);
	background-repeat: repeat-y;
}
html*.cal { line-height: 80%; }
* html .cal { line-height: 100%; }

.cal .day {
	border-top: 2px solid #999999;
	padding: 15px 0 17px;
	font-size: 40px;
	letter-spacing: -2px;
	color: #666666;
	font-family: Arial Black;
}
html*.cal .day { padding: 19px 0 11px; }
* html .cal .day { padding: 15px 0 17px; }

.cal .week {
	border-top: 1px solid #999999;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial;
	letter-spacing: -1px;
	color: #666666;
}
.cal .week .sun {
	color: #FF6666;
}
.cal .month {
	font-size: 10px;
	padding: 1px 0;
	color: #FFFFFF;
	background-color: #999999;
	font-weight: bold;
	font-family: Arial;
	letter-spacing: -1px;
}

/******************************************/
#wrapper {
	width: 680px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
}
#header #gm {
	margin-left: 4px;
	padding-top: 5px;
}
#header #gm li {
	float: left;
	list-style-type: none;
}



#header #pan {
	width: 650px;
	margin-left: 15px;
	padding: 5px 0 2px;
}

#body h2 {
	background-image: url(img/bg-h2.gif);
	background-repeat: repeat-x;
	padding-left: 40px;
	height: 40px;
}





#footer {
	background-color: #DDC5C2;
	text-align: right;
	padding: 0 0 1px 0;
}
#footer p {
	margin-right: 12px;
	font-size: 10px;
}


/******************************************/
#index-flash {
	padding-bottom: 2px;
}
#index-contents-wrapper {
	width: 656px;
	margin-left: 12px;
	background-image: url(img/bg-index-contents.gif);
	background-repeat: repeat-y;
}
#index-contents {
	background-image:;
	background-repeat: repeat-y;
}
#index-contents h2 {
	padding: 9px 0;
	background-color: #FFFFFF;
}
#index-contents .body {
	width: 322px;
	background-image: url(img/bg-index-contents-header.gif);
	background-repeat: no-repeat;
	padding-top: 12px;
}
#index-news {
	float: left;
	width: 334px;
}
#index-news .body dl {
	margin-left: 10px;
}
#index-news .body dt {
	float: left;
	width: 70px;
}
#index-news .body dd {
	margin-left: 10px;
	margin-left: 70px;
	width: 230px;
	padding-bottom: 3px;
}

#index-blog {
	float: left;
}
#index-blog .text {
	width: 240px;
	float: left;
}
#index-blog .text p {
	width: 220px;
	margin-left: 10px;
	font-weight: bold;
}
#index-blog .cal {
	margin-left: 240px;
}
#index-blog .footer {
	text-align: right;
	margin-right: 13px;
	_margin-right: 10px;
	padding-top: 5px;
}
#index-contents-footer {
	clear: both;
	font-size: 1px;
	line-height: 1%;
	height: 19px;
	background-image: url(img/bg-index-contents-footer.gif);
	background-repeat: no-repeat;
}

/******************************************/
#contents01 {
	width: 600px;
	margin-left: 40px;
	padding: 18px 0 40px;
}

#contents-02 {
	width: 620px;
	margin-left: 34px;
	padding: 18px 0;
}

#contents-03-wrapper {
	width: 620px;
	margin-top: 5px;
	margin-left: 30px;
	background-image: url(img/bg-lineup02.jpg);
	background-repeat: repeat-y;
}
#contents-03 {
	background-image: url(img/bg-lineup01.jpg);
	background-repeat: no-repeat;
	padding-bottom:  45px;
}

#contents-04 {
	margin-top: 5px;
	padding: 13px 0 40px;
	background-image: url(img/bg-lineup04.jpg);
	background-repeat: repeat-y;
	background-position: right;
}

/******************************************/
#concept .left {
	width: 290px;
}
#concept .left .img {
	padding-bottom: 10px;
}
#concept .left .q {
	color: #999999;
	padding-top: 10px;
}
#concept .left .space {
	padding-top: 35px;
}
#concept .img p {
	padding-bottom: 10px;
}


/******************************************/
#access .block {
	padding: 25px 0;
}
#access #map.block {
	padding: 0;
	text-align: center;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

#access .img {
	float: left;
	width: 330px;
}
#access .space {
	padding-bottom: 15px;
}
#access .text {
	margin-left: 330px;
}
#access .text p {
	padding-bottom: 10px;
}
#access .text li {
	margin-left: 17px;
}

/******************************************/
#staff h3 {
	font-size: 12px;
	padding: 25px 0 5px;
	border-bottom: 2px solid #5C2900;
}
#staff .block {
	padding-top: 10px;
}
#staff .block .img {
	float: left;
	width: 110px;
}
#staff .block .img .bt {
	padding-top: 10px;
}
#staff .block .text {
	float: left;
	width: 490px;
}

/******************************************/
#contact .block {
	padding-top: 15px;
}
#contact .block-end {
	padding: 15px 0 100px;
}

/******************************************/
#blog {
	background-image: url(img/bg-blog.gif);
	background-repeat: repeat-y;
	border-bottom: 1px solid #FFFFFF;
}
#blog #main {
	float: left;
	width: 488px;
}
#blog #main .entry {
	width: 440px;
}
#blog #main .entry .header {
	height: 73px;
	background-image: url(img/bg-blog-entry-header.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
#blog #main .entry .header h3 {
	font-size: 14px;
	margin-left: 76px;
	height: 45px;
}
#blog #main .entry .header h3 a {
	color: #333333;
	text-decoration: none;
}
#blog #main .entry .header .cate {
	margin-left: 75px;
	text-align: right;
}
#blog #main .entry .cal {
	float: left;
}
#blog #main .entry .body {
	clear: both;
}
#blog #main .entry .body p {
	padding-top: 20px;
}
#blog #main .entry .body .left {
	padding-right: 10px;
}
#blog #main .entry .body .right {
	padding-left: 10px;
}
#blog #main .entry .body .center {
	text-align: center;
}
#blog #main .entry .body .footer {
	clear: both;
	text-align: right;
	padding: 20px 0 25px;
	font-size: 10px;
}
#blog #main #detail {
	width: 440px;
}
#blog #main #detail .trackback-url {
	border: 1px solid #A47974;
	padding: 3px 10px;
	color: #A44238;
	font-size: 10px;
}
#blog #main #detail .comment, #blog #main #detail .trackback {
	padding: 25px 0;
}
#blog #main #detail .comment .title, #blog #main #detail .trackback .title {
	padding: 3px 15px;
	background-image: url(img/bg-blog-comment-title.gif);
	background-repeat: repeat-y;
	color: #A44238;
	font-size: 14px;
}
#blog #main #detail .comment .item, #blog #main #detail .trackback .item {
	padding: 20px 0 5px;
}
#blog #main #detail .comment .item .body, #blog #main #detail .trackback .item .body {
	padding-bottom: 10px;
	border-bottom: 1px solid #A47974;
}
#blog #main #detail .comment .item .footer, #blog #main #detail .trackback .item .footer {
	padding-top: 10px;
	text-align: right;
	font-size: 10px;
}
/*
#blog #main #detail .comment-form input {
	border: 1px solid #A47974;
}
*/


#blog #sub {
	float: left;
	width: 132px;
}
#blog #sub .block {
	padding-bottom: 30px;
}
#blog #sub h4 {
	padding-bottom: 7px;
}
#blog #sub .item {
	border: 1px solid #A47974;
	margin-bottom: 7px;
}
#blog #sub .link {
	margin-left: 10px;
}
#blog #sub .item .link {
	border-top: 1px solid #A47974;
	text-align: center;
	margin: 0;
}
#blog #sub .link {
	margin-left: 10px;
}


/******************************************/
#line-up-top {
	width: 564px;
	padding: 18px 0;
	margin-left: 28px;
}
#line-up-top .read{
	margin: 0 25px;
	padding-bottom: 30px;
}
#line-up-top .block{
	background-image: url(img/bg-lineup03.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 28px; 
}
#line-up-top .block .no {
	float: left;
	width: 115px;
	padding-top: 18px;
	margin-left: 25px;
	_margin-left: 12px;
}
#line-up-top .block .text {
	float: left;
	width: 254px;
}
#line-up-top .block .text h3 {
	padding: 12px 0 10px;
}
#line-up-top .block .text p {
	width: 230px;
	font-size: 11px;
	line-height: 150%;
}
#line-up-top .block .img {
	float: left;
}

/******************************************/
#line-up .read {
	margin: 0 40px;
	padding-bottom: 15px;
}

#line-up #select {
	margin: 0 40px;
	padding-bottom: 25px;
}
#line-up #select h3 {
	padding-bottom: 10px;
}
#line-up #select .item {
	float: left;
	padding-bottom: 5px;
}


#line-up .entry .comment {
	width: 520px;
	margin-left: 70px;
}
#line-up .entry h3 {
	float: left;
	padding: 5px 0 20px;
}
#line-up .entry p {
	padding-bottom: 5px;
}
#line-up .entry p.text-right {
	padding: 5px 0;
}

#line-up .entry .shelf {
	width: 647px;
	height: 235px;
	overflow: hidden;
	background-image: url(img/bg-lineup05.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#line-up .entry .shelf .item-wrapper {
	margin-left: 70px;
	font-size: 10px;
}
#line-up .entry .shelf .item-wrapper h4 {
	padding: 13px 0 8px;
}
#line-up .entry .shelf .item-wrapper .item {
	float: left;
	width: 123px;
}
#line-up .entry .shelf .item-wrapper .item p {
	padding-bottom: 5px;
}
#line-up .entry .shelf .item-wrapper .main-item {
	float: left;
	width: 290px;
	text-align: right;
}
#line-up .entry .shelf .item-wrapper .main-item p {
	margin-right: 15px;
	padding-bottom: 10px;
}

#line-up .empty-shelf {
	width: 647px;
	height: 110px;
	overflow: hidden;
	background-image: url(img/bg-lineup05.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#line-up #lens p {
	margin-left: 70px;
	padding-bottom: 20px;
}
#line-up #lens p.text-right {
	margin-right: 90px;
}
#line-up #lens h4 {
	margin-left: 70px;
	padding-bottom: 20px;
}

/******************************************/
dl.link-list dd {
	margin-left: 20px;
	padding-bottom: 15px;
}