@charset "utf-8";
/* ===================================================================
style info :  リセット及びbody初期設定
=================================================================== */
html {
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}

/* ************************************************ 
 * ------------------------------------------------
 *	共通設定
 * ------------------------------------------------
 * ************************************************ */

/*--- default ---*/
body {
    margin:10px 0 0 0;
    height:auto;
    font:13px "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    *font-size:small;
    *font:x-small;
     line-height: 1.6;
     background:url(../images/all_bg.jpg) repeat 0px 0px  #571E1E;
     color: #1A0907;
     text-align:center;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 93%;
}

p{
margin:0 0 1em 0;
}

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
a:link {color: #58071D;text-decoration: none;}
a:visited {color: #58071D;text-decoration: none;}
a:hover {color: #7D0022;text-decoration: none;}
a:active {color: #7D0022;text-decoration: none;}

/*--------------------------------------------------------------------------
	LAYOUT
-----------------------------------------------------------------------------*/
/*-----------------------------------
wrapper
--------------------------------------*/
div#wrap{
width:960px;
height:490px;
margin:0 auto;
text-align:left;
background:url(../images/contents_bg.png) no-repeat 0px 0px;
}



/*-----------------------------------
header
--------------------------------------*/
div#header{
width:960px;
height:22px;
position:relative;
}
div#header h1{
text-indent:-9999px;
}
div#header h1 a{
position:absolute;
top:0px;
left:17px;
width:346px;
height:16px;
display:block;
background:url(../images/h1_bg.gif) no-repeat 0px 0px;
}
div#header h1 a:hover{
position:absolute;
top:0px;
left:18px;
width:346px;
height:16px;
display:block;
background:url(../images/h1_bg_on.gif) no-repeat 0px 0px;
}
div#header h1 a:focus{
/*\*/
	overflow: hidden;
/**/
}

/*-----------------------------------
main
--------------------------------------*/
div#contents {
width:960px;
float:left;
}

div#contents div.panel{
height:354px;
background:url(../images/panelbg.png) repeat 0px -10px;
}

div#contents div#slider1 div.wrapper{
font-size:11px;
}
div#contents div#slider1 div.wrapper table{
width:500px;
margin:9px 0 0 230px;
}
div#contents div#slider1 div.wrapper table td.image{
width:230px;
}
div#contents div#slider1 div.wrapper table td.exp{
width:270px;
vertical-align:bottom;
}

div#contents div#slider1 div.wrapper table ul.itemExp{
padding:5px;
background:url(../images/exp_bg.png) repeat 0px 0px;
}

div#contents div#slider1 div.wrapper li.title{
margin:0 0 .5em 0;
padding:5px 0 5px 12px;
background:url(../images/title_bg.gif) no-repeat 0px 0px;
line-height:1.3;
border-top:2px dotted #8E7E7E;
border-bottom:2px dotted #8E7E7E;
}
div#contents div#slider1 div.wrapper li.title strong{
font-size:13px;
line-height:13px;
}
div#contents div#slider1 div.wrapper li a.outLink{
background:transparent url(../images/outerlink.gif) center right no-repeat;
display:inline-block;
padding-right:13px;
}

div#contents div.galleryThumbs ul{
width:920px;
margin:5px 0 0 20px;
}
div#contents div.galleryThumbs li{
float:left;
margin:0 10px 0 0;
}
div#contents div.galleryThumbs li.lastChild{
margin-right:0px;
}

/*----------------------------------
WORKS：show caption by mouse over
------------------------------------*/
 .boxcaption h3{
 text-align:center;
 font-size: 12px;
 line-height:12px;
 margin: 10px 0;
 color:#ffffff;
}
 .boxcaption h3 a{
 color:#ffffff;
  display:block;
 }
  .boxcaption h3 a:hover{
   color:#CC6706;
  display:block;
 }
.boxgrid	{ 
	width: 225px; 
	height: 335px;
	overflow: hidden; 
	position: relative;
    cursor: pointer;
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0;
}
	
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #2F110F; 
	height: 30px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
	top: 335px;
	left: 0;
}

/*------------------
PHOTO FLASH
---------------------*/
div#contents div.photoBox{
width:922px;
height:360px;
margin:0 0 0 19px;
padding:20px 0 0 0;
border-top:1px solid #2F110F;
}

div#contents div.switch{
width:922px;
margin:9px 0 0 19px;
padding:0 0 20px 0;
text-align:center;

}

/*-----------------------------------
footer
--------------------------------------*/
div#footer{
width:960px;
height:11px;
clear:both;
text-align:center;
}
div#footer div.pad{
padding:20px 0 0 0;
font-size:10px;
}