a@charset "utf-8";


/*==-----------------------------------------------
CSS Information

 File name:      contents.css
 Author:         Crea.,Inc.
 Style Info:     繧ｳ繝ｳ繝�Φ繝��繧ｹ繧ｿ繧､繝ｫ

-------------------------------------------------*/


/*==-----------------------------------------------
home
-------------------------------------------------*/


/*==feed--*/
#home #contents .section ul.feed{
}
#home #contents .section ul.feed li{
	background: none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	border-bottom: dotted 1px #CCC;
}
#home #contents .section ul.feed li:last-child{
	border-bottom: none;
}
#home #contents .section ul.feed li a{
	text-decoration: none;
	display: block;
	padding: 10px;
	background: #FFF;
}


#home #contents .section ul.feed li a:hover {
	background: #EEE;
   transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -webkit-transition: all 0.3s ease-out;
}
#home #contents .section ul.feed li span.date{
	width:6em;
	float:left;
	margin: 0 10px 0 0;
}

#home #contents .section ul.feed li span.cat{
	width:6em;
	float:left;
	margin: 0 10px 0 0;
}

#home h2{
	margin-bottom: 0;
}
#home h3{
	margin-bottom: 15px;
}

#home h4{
	margin: 0 20px 15px 20px;
}
#home #closeup p{
}
#home #closeup p.message{
	float:right;
}
#home p.jtb{
	width:364px;
	float:right;
}
#home p.nomore{
	width:364px;
	float:left;
}
#home #banner ul.main,
#home #banner ul.support{
	border-bottom:dotted 1px #999;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#home #banner .main li strong,
#home #banner .support li strong{
	color: #333;
}



#home #contents #back ul#nav {
	margin-left: -10px;
}
#home #contents #back #nav li{
display:block;
width: 200px;
float:left;
margin: 0 0 10px 10px;
font-size: 1.2em;
font-weight:bold;
text-align: center;
background: #F00;
padding: 0;;
}
#home #contents #back #nav li a{
padding: 10px;
display:block;
height: 100%;
width: 180px;
text-decoration: none;
background: #FC0;
color: #000;
}
#home #contents #back #nav li a:hover{
background: #E00;
color: #FFF;
}

#home #contents #back .section th{
	width:150px;
}

#home #contents #back .section table{
	width:648px;
}
#home #contents #back .section table caption{
 color: #FFF;
 padding: 5px;
 font-weight:bold;
 background: #000;
 font-size: 1.25em;
}

#home #contents #back .section table#eplus caption{background: #ff1b84;}
#home #contents #back .section table#lawson caption{background: #ff7800;}
#home #contents #back .section table#pia caption{background: #14b837;}
#home #contents #back .section table#cn caption{background: #4123da;}
#home #contents #back .section table#teuri caption{background: #1bacff;}
#home #contents #back .section table#jtb caption{background: #FFCC00;color: #000;}


/*==-----------------------------------------------
detail
-------------------------------------------------*/
#detail #anchor li a{
	background-image: url(../../img/pc/detail/anchor.gif);
}


/*==-----------------------------------------------
artist
-------------------------------------------------*/
#artist #main li{
	float:left;
	margin:0 0 10px 10px;
}
#artist #main ul{
	margin-left:-10px;
}


/*==-----------------------------------------------
notice
-------------------------------------------------*/
#notice #anchor li a{
	background-image: url(../../img/pc/notice/anchor.gif);
}

/*==-----------------------------------------------
access
-------------------------------------------------*/
#access #anchor li a{
	background-image: url(../../img/pc/access/anchor.gif);
}


#access #title03 ul,
#access #title04 ul,
#access #title05 ul{
	padding: 0;
	background: none;
	float:left;
	margin:0 0 0px -20px;
	padding: 0;
	width:940px;
}
#access #title03 ul{
	height: 126px;
}
#access #title04 ul,
#access #title05 ul{
	height: 186px;
	margin:0 0 10px -20px;
}
#access #title06 ul{
	height: 186px;
	margin:0 0 0px -20px;
}
#access #title03 li,
#access #title04 li,
#access #title05 li,
#access #title06 li{
	padding: 0;
	background: none;
	float:left;
	margin: 0 0 0 20px;
}

/*==-----------------------------------------------
goods
-------------------------------------------------*/
#goods #anchor li a{
	background-image: url(../../img/pc/goods/anchor.gif);
}

#goods #main .inner p{
	float: left;
	margin: 20px;
}

#goods #main .inner p a img{
	border: solid 5px #F2F2F2;
	padding: 0px;
}

#goods #main .inner p a:hover img{
	border: solid 5px #3fabce;
}

#goods #main .inner dl{
	float: right;
	width: 380px;
	margin:10px 20px 10px 0;
}


#goods #main .inner dl dt{
	font-weight: bold;
	color: #a70101;
	background: url(../../img/pc/goods/icon.gif) no-repeat 0 50%;
	padding: 0 0 0 12px;
	margin: 5px 0;
}

#goods #main .inner dl dd{
	border-bottom: solid 1px #EEEEEE;
	padding: 0 0 10px 12px;
	margin: 5px 0;
	background: none;
}

/*==-----------------------------------------------
museum
-------------------------------------------------*/
#museum #anchor li a{
	background-image: url(../../img/pc/museum/anchor.gif);
}

#museum #title02 ul.archive{
	height:145px;
	margin: 0 0px 20px 0px;

}
#museum #title02 .archive li{
	width:135px;
	height:145px;
	float:left;
	margin-left:13px;
	padding: 0;
	background: none;
}
#museum .article  ul#message{
margin:0 0 0 -6px;
}
#museum .article  ul#message li{
	background:none;
	padding:0;
	width:145px;
	height:200px;
	float:left;
	margin-left:6px;
}
#museum .article  ul#message li a{
	padding:3px;
	display:block;
	background:#CCC;
}
#museum .article  ul#message li a:hover{
	background:#FC0;
}

#museum .article .section ul{
	margin:0 20px 0 20px;

}
#museum #photo2010 li{
	margin:0 0 5px 5px;
	padding: 0;
	background: none;
	float:left;
	width:60px;
	height:60px;
}
#museum ul#photo2010{
	margin:0 0 0 15px;
}

#museum #banner textarea{
	width:400px;
	font-size:0.9em;
	height:30px;
	padding: 3px;
	margin:0 0 20px;
}