@charset "Shift_JIS";

/*　共通要素　*/
/*
H1 #544839
main text #72614F (hover: #8C7757)
date（濃い緑） #818E68
underline（薄い緑） #ABB798
Pink circle/の #C66347
Title Red #BC3C0F
*/


*{margin:0; padding:0; font-size:100%; font-weight:normal; font-style:normal; text-decoration:none; background:transparent;}
img{vertical-align:bottom; border:none;}

.clearafter{min-height:0; zoom:1;}
.clearafter:after {content: "";clear: both;height: 0;display: block;visibility: hidden;}

a:active,a:link,a:visited{
 color: #72614F;
 text-decoration: underline;
 }
a:hover {
 color: #8C7757;
 text-decoration: underline;
 }

body {
 	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Helvetica","Arial","ＭＳ ゴシック",sans-serif;
	font-size: 10px;
	line-height: 1.6;
	color: #72614F;
}

.mainbox{
	width: 822px;
	text-align:left;
	margin: 0 0 0 18px;
}

.menuarea{
	position: absolute;
	top: 0;
	z-index: 3
}

.textarea{
	position: absolute;
	top: 150px;
	width: 822px;
	z-index:1;
}

/*　テキスト　*/
h1{
	font-size: 12px;
	color: #544839;
	padding: 0 28px 0 94px;
	margin: 0 0 30px 0;
	background: url(../graphics/redcircle.gif) no-repeat;
	border-bottom: dotted 1px #ABB798;
	clear: both;
}

.date{
	font-size: 9px;
	color: #818E68;
	float: right;
	vertical-align: bottom;
}

.content_horizontal_image{
	margin: 0 0 20px 94px;
	width: 700px;
}

.content_text{
	margin: 0 0 50px 70px;
	width: 500px;
}

.content_image{
	float: right;
	padding: 0 26px 30px 0;
}

.image_frame{
	border: dotted 1px #DAD0BA;
}

.image_caption{
	font-size: 9px;
	text-align: right;
}

h2{
	font-size: 10px;
	font-weight: 700;
	color: #544839;
	padding: 0 0 0 24px;
	margin: 0 0 10px 0;
	background: url(../graphics/redcircle_mini.gif) no-repeat left center;
}

.h2_link{
	font-size: 10px;
	font-weight: 700;
}
a.h2_link:active,a.h2_link:link,a.h2_link:visited{
	color: #544839;
 }
a.h2_link:hover {
	color: #72614F;
 }

.border_between{
	margin: 0 28px 30px 94px;
	border-bottom: dotted 1px #ABB798;
	clear: both;
}

.clear_float{
	clear: both;
}

p{
	margin: 0 0 20px 24px;
}

.detail_link{
	padding: 0 0 0 27px;
	margin: 0 0 12px 24px;
	line-height:1.1;
	height: 9px; 
	background: url(../graphics/redarrow.gif) no-repeat left center;
}

.pagetop_link{
	float: right;
	font-size: 9px;
	margin: 10px 0 30px 0;
	padding: 0 0 0 12px;
	background: url(../graphics/redarrow_up.gif) no-repeat left center;
}

/*　フッター用　*/

.footline{
	margin: 10px 0 2px 0;
	border-top: dotted 1px #ABB798;
	clear: both;
}

.footer{
	text-align: center;
	font-size: 9px;
	color: #818E68;
	padding: 15px 0 0 0;
	margin: 0 0 15px 0;
	border-top: dotted 1px #818E68;
}

.footmenu{
	line-height: 1;
	height: 9px;
	margin: 0 0 15px 0 ;
}

.footmenu_link{
	padding: 0 0 0 5px;
	margin: 0 0 0 5px;
	border-left: dotted 1px #C66347;
}
a.footmenu_link:active,a.footmenu_link:link,a.footmenu_link:visited{
 color: #818E68;
 text-decoration: none;
 }
a.footmenu_link:hover {
 color: #ABB798;
 text-decoration: none;
 }

.footmenu_link2{
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	border-left: solid 1px #C66347;
}
a.footmenu_link2:active,a.footmenu_link2:link,a.footmenu_link2:visited{
 color: #818E68;
 text-decoration: none;
 }
a.footmenu_link2:hover {
 color: #ABB798;
 text-decoration: none;
 }

/*　トップページ用　*/

.toppagebox{
	margin:0 auto;
	width: 700px;
	height: 730px;
	text-align: center;
}
/* 【notoshop告知バナー】 */
.notoshop {
	width: 698px;
	height: 160px;
	border: 1px #aaaaaa solid;
	background: #f7f7f7 url(graphics/notoshop_rightarrow.gif) no-repeat right bottom;
	margin: 10px 0;
	text-align: left;
	overflow: hidden;
}
.notoshop a{
	display: block;
	width: 668px;
	height: 130px;
	padding: 15px;
	text-decoration: none;
	color: #000000;
	overflow: hidden;
}
.notoshop a:hover{
	background-color: #fee650;
	filter: Alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.notoshop a img{
	width: 130px;
	height: 130px;
	margin: 0 10px 0 0;
	float: left;
}
.notoshop a span{
	display: block;
	width: 528px;
	float: left;
	line-height: 19px;
}
.notoshop a span.nototitle1{
	font-weight: bold;
	padding-top: 5px;
	font-size: 12px;
}
.notoshop a span.nototitle2{
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 3px;
	border-bottom: 1px #aaaaaa solid;
	margin-bottom: 3px;
}
.notoshop a span.notodesc{
	font-size: 12px;
	overflow: hidden;
}


/*　作品詳細ページ用　*/

.wd_slide{
	float: right;
	padding: 0 18px 50px 0;
	width: 450px;
}

.wd_text{
	margin: 0 0 0 70px;
	width: 260px;
}

/*　作品詳細ページ、ボトムメニュー　*/
.w_backtomenu{
	margin: 35px 18px 0 94px;
	border-bottom: solid 5px #e0e0e0;
	padding-left: 5px;
	font-size: 10px;
}
.w_backtomenu a{
	color: #d0d0d0;
	text-decoration:none;
}
.w_backtomenu a:hover{
	color: #c0c0c0;
	text-decoration:none;
}

.w_menubox{
	clear: both;
	margin: 0 0 10px 94px;
}
.w_menubox img{

}
.w_menubox a{
	display:block;
	float:left;
}
.w_menubox a:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}


/*　作品詳細ページ highslide用　*/
.highslide-gallery{
	margin: 20px 0;
	overflow: hidden;
}
.highslide img {
	border: 1px solid silver;
	margin: 4px 1px 0 0;
	padding:0px;
}
a.highslide{
	display:block;
	float:left;
	margin:1px;
}
a.highslide:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
a.highslide-credits,a.highslide-credits i {
	text-decoration: none;
	font-size: 0px;
}
a.highslide-credits:hover,a.highslide-credits:hover i {
	text-decoration: none;
	background-color:transparent;
	font-size: 0px;
}

/*　作品詳細ページ notoshop連結バナー　*/
.wd_slide .gotonotoshop{
	clear: left;
	width: 448px;
	height: 48px;
	border: 1px #aaaaaa solid;
	background-color: #f7f7f7;
	margin: 20px 0;
	overflow: hidden;
}
.wd_slide .gotonotoshop a{
	display: block;
	width: 448px;
	height: 48px;
	text-decoration: none;
}
.wd_slide .gotonotoshop a:hover{
	background-color: #fee650;
	filter: Alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}