@charset "utf-8";
/* CSS Document */

/*-------------------
	レイアウト
------------------- */
#main{

}

/*-------------------
	見出し
------------------- */
#main h2{
	width:438px;
	height:22px;
	background-image: url(../../images/gallery/h2gallery.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}


/*-------------------
	年別ボタン
------------------- */
#main li.year2014 a, #main li.year2013 a, #main li.year2012 a, #main li.year2011 a, #main li.year2010 a, #main li.year2009 a, #main li.year2008 a, #main li.year2006 a{
	float:left;
	display:inline;
	width:145px;
	height:34px;
	background-repeat:no-repeat;
	background-position:0 -34px;
	text-indent:-9999px;
	color:#ff0000;
	display:block;
	overflow:hidden;
}

#main li.year2014 a:hover, #main li.year2013 a:hover, #main li.year2012 a:hover, #main li.year2011 a:hover, #main li.year2010 a:hover, #main li.year2009 a:hover, #main li.year2008 a:hover, #main li.year2006 a:hover{
	background-position:0 0;
}

/* --------------------------------------------------------------------------- */
#main li.year2014 a{
	background-image: url(../../images/common/2014.jpg);
	margin:20px 0px 15px 25px;
}
#main li.year2013 a{
	background-image: url(../../images/common/2013.jpg);
	margin:20px 0px 15px 25px;
}
#main li.year2012 a{
	background-image: url(../../images/common/2012.jpg);
	margin:20px 0px 15px 25px;
}

/* ------------------------次の年になったら25px→1pxに変更--------------------------- */
#main li.year2011 a{
	background-image: url(../../images/common/2011.jpg);
	margin:20px 0px 15px 25px;
}

/* ------------------------------------------------------------------------------- */
#main li.year2010 a{
	background-image: url(../../images/common/2010.jpg);
	margin:20px 0px 15px 1px;
}

#main li.year2009 a{
	background-image: url(../../images/common/2009.jpg);
	margin:20px 0px 15px 1px;
}
#main li.year2008 a{
	background-image: url(../../images/common/2008.jpg);
	margin:20px 0px 15px 1px;
}
#main li.year2006 a{
	background-image: url(../../images/common/2006.jpg);
	margin:20px 0px 15px 1px;
}



/*-------------------
	ギャラリーボックスレイアウト
------------------- */
#main div.box{
	clear:left;
	background-image: url(../../images/common/middlebg.jpg);
	background-repeat:repeat-y;
}

#main div.box p.date{
	height:30px;
	background-image: url(../../images/common/topbg.jpg);
	background-repeat:no-repeat;
	padding-top:10px;
}



#main div.box p.pagetop{
	clear:left;
	height:50px;
	background-image: url(../../images/common/bottombg.jpg);
	background-repeat:no-repeat;
	text-align:right;
	font-size:0.7em;
}

#main div.box ul.leftbox{
	float:left;
	width:200px;
	/*background-color:#F39;*/
	margin:0px 0px 0px 50px;
}
#main div.box div.rightbox{
	float:left;
	width:530px;
	/*background-color:#FC3;*/
	margin:0px 0px 0px 20px;
}

/*-------------------
	日付詳細
------------------- */
/* テキスト共通 */
#main div.box p.date span.datetext,
#main div.box span.maintext,
div.box li.songtitle,
div.box li.songtitle1,
div.box li.songtitle2,
div.box li.songname,
div.box li.songcost{
	color:#333333;
}

#main div.box p.date span.datetext{
	font-size:0.8em;
	margin:0px 0px 0px 60px;
}



/*-------------------
	メイン部分詳細
	タイトル
------------------- */
div.box h3{
	color:#333333;
	font-size:1.1em;
	font-weight:bold;
	margin:0px 0px 25px 50px;
}

#main div.box ul.leftbox li{
	margin:0px 0px 20px 0px;
}

#main div.box ul.leftbox li a{
	width:200px;
	color:#333333;
	font-size:0.8em;
	display:block;
	
}
#main div.box ul.leftbox li a:hover{
	color:#666666;
	/*font-size:0.8em;
	text-decoration:none;*/
}

#main div.box ul.leftbox li a span.text2{
	letter-spacing:normal;
	color:#333333;
}
#main div.box ul.leftbox li a:hover span.text2{
	color:#666666;
}

#main div.box div.rightbox h4{
	color:#333333;
	font-size:1.1em;
	font-weight:bold;
	margin:0px 0px 30px 0px;
}
#main div.box div.rightbox h4 span.text2{
	letter-spacing:normal;
	font-weight:bold;
	color:#333333;
}


#main div.box div.rightbox ul{
	width:530px;
}
#main div.box div.rightbox ul li{
	float:left;
	width:166px;
	margin:0px 15px 20px 0px;
	text-align:center;
}

#main div.box div.rightbox ul li.left03{
	margin:0px 0px 0px 0px;
}

#main div.box div.rightbox ul li p.text1{
	text-align:left;
	color:#333333;
	font-size:0.8em;
}

.kari{
width:140px;
display:block;
visibility:hidden;
}







/*-------------------
	ページトップ
------------------- */


#main div.box span.pagetoptext{
	color:#333333;
	margin:0px 60px 0px 0px;
}

/*-------------------
	ページ固有部分
------------------- */

/* IE6 */
*html #main li.year2014, *html #main li.year2013, *html #main li.year2012, *html #main li.year2011,
*html #main li.year2010,
*html #main li.year2009,
*html #main li.year2008,
*html #main li.year2006{
	float:left;
	dispay:inline;
	width:145px;
	height:34px;
}
/**html #main li.year2010 a{
	margin:20px 0px 15px 12px;
}*/
/*-----------以下を操作、前年をコメントアウト-------------------------*/
*html #main li.year2014 a{
	margin:20px 0px 15px 12px;
}
*html #main li.year2013 a{
	margin:20px 0px 15px 12px;
}
*html #main li.year2012 a{
	margin:20px 0px 15px 12px;
}
*html #main li.year2011 a{
	margin:20px 0px 15px 12px;
}

*html #main div.box ul.leftbox,
*html #main div.box div.rightbox,
*html #main div.box div.rightbox ul li{
	display:inline;
}

*html #main div.box div.rightbox ul{
	margin:0px 0px 30px 0px;
}


/*　--------------------ＩＥ７向け-----------------------　*/
*:first-child+html #main li.year2014, *:first-child+html #main li.year2013, *:first-child+html #main li.year2012, *:first-child+html #main li.year2011,
*:first-child+html #main li.year2010,
*:first-child+html #main li.year2009,
*:first-child+html #main li.year2008,
*:first-child+html #main li.year2006{
	float:left;
	dispay:inline;
	width:145px;
	height:34px;
}
*:first-child+html #main li.year2010 a{
	margin:20px 0px 15px 27px;
}

*:first-child+html #main div.box{
	margin:35px 0px 0px 0px;
}