@charset "utf-8";

/*==================================================================*/

/* style css */

/*==================================================================*/

/* common */

/* ---------------------------------------------------------------- */
html{background:url('./image/back.jpg') repeat-x 0 100%;}

body{
	margin:0;
	padding:0;
	line-height:1.6;
	color:#333;
	font-family:"メイリオ",Meiryo,Osaka,"MS P Gothic","ＭＳ Ｐゴシック",Verdana,Chicago,sans-serif;
	font-size:0.75em;
}


/* hack */
/* -------------------------------------------- */
/* letter-spacing hack */
@media screen{
	body{letter-spacing:1px;}
	br{letter-spacing:0;}
}

/* height100% hack */
body > div.container{height:auto;}

/* フッタ下付 */
/* -------------------------------------------- */
div.container{
	margin:0 auto -250px;
	height:auto !important;
	height:100%;
	min-height:100%;
}
#bottom,#footer{height:250px;}

/* link */
/* -------------------------------------------- */
a					{color:#2bcec9;text-decoration:none;}
a:link		{}
a:visited	{}
a:hover		{color:#86cdcb;text-decoration:underline;}
a:hover img{opacity:0.5;filter:alpha(opacity=50);}
a:active	{}

/* other */
/* -------------------------------------------- */
img{border:none;}

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

/* framework：枠 */

/* ---------------------------------------------------------------- */
/* contents：コンテンツ */
/* -------------------------------------------- */
#contents{
	margin:0 auto;
	width:912px;
}

/* -------------------------------------------- */
/* header：ヘッダ */
/* -------------------------------------------- */
/* リセット */
#header *{margin:0;padding:0;}
#header img{vertical-align:bottom;}

#header{
	margin:0 0 3em;
	padding:60px 0 0;
}
/* clear hack */
#header{zoom:1;}
#header:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#header h1{
	float:left;
	width:391px;
}

/* year */
#header ul{
	padding:35px 0 0;
	float:right;
	width:485px;
	font-size:26px;
}

#header li{
	margin:0 12px 0 0;
	display:inline;
	width:100px;
	color:#2bcec9;
	font-family:Verdana,Chicago,sans-serif;
}
#header li a{color:#000;}
#header li a:hover{
	color:#2bcec9;
	text-decoration:none;
}


/* -------------------------------------------- */
/* pagetop */
/* -------------------------------------------- */
#contents .pagetop{
	margin:0 0 1em;
}
#contents .pagetop p{
	margin:0 0 0 auto;
	width:65px;
	background:url('./image/pagetop.gif') no-repeat 0 50%;
	text-align:right;
}
#contents .pagetop p a{
	padding:0 0 0 20px;
	display:block;
	color:#96c8dd;
}
/* ---------------------------------------------------------------- */

/* index */

/* ---------------------------------------------------------------- */
/* リセット */
#index *{margin:0;padding:0;}
#index img{vertical-align:bottom;}

#index{
	margin:0 auto 3em;
	padding:2em 0 0;
	width:840px;
}

#index #list{margin:0 0 2em;}
/* clear hack */
#index #list{zoom:1;}
#index #list:after{content:".";clear:both;height:0;display:block;visibility:hidden;}


#index dl{
	margin:0 30px 6px 0;
	padding:0 0 6px;
	float:left;
	width:390px;
	color:#333;
	background:url('./image/line_dot.gif') repeat-x 0 100%;
}
/* clear hack */
#index dl{zoom:1;}
#index dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#index dt{
	float:left;
	width:124px;
	text-indent:24px;
	background:url('./image/listmark.gif') no-repeat 0 4px;
	font-weight:bold;
	font-family:Verdana,Chicago,sans-serif;
}
#index dd{
	float:left;
}

#index dd a{color:#333;}
#index dd a:hover{
	color:#1f9490;
	text-decoration:none;
}

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

/* detail */

/* ---------------------------------------------------------------- */
/* リセット */
#detail *{margin:0;padding:0;}
#detail img{vertical-align:bottom;}

#detail .headline{margin:0 0 3em;}
/* clear hack */
#detail .headline{zoom:1;}
#detail .headline:after{content:".";clear:both;height:0;display:block;visibility:hidden;}


#detail .headline p{
	padding:0 12px;
	line-height:34px;
	background:url('./image/headline_back.gif') repeat 0 0;
}
#detail .headline span{
	margin:0 12px 0;
	font-weight:bold;
	font-family:Verdana,Chicago,sans-serif;
}

#detail #photo{
	margin:0 auto 3em;
	text-align:center;
	width:500px;
}

#detail #photo dt{
	margin:0 0 12px;
	font-size:0;
	line-height:0;
}
#detail #photo dt img{vertical-align:middle;}

#detail #photo{}
#detail #photo ul{
	margin:0 0 2em;
	text-align:center;
}
#detail #photo li{
	margin:0 12px;
	display:inline;
	list-style:none;
	font-size:0;
	line-height:0;
}
#detail #photo li img{vertical-align:middle;}


#detail p.return{
	margin:0 0 1em;
	text-align:center;
}

#detail #list{
	margin:0 auto 3em;
	text-align:center;
	width:696px;
}

#detail #list ul{margin:0 0 12px;}
/* clear hack */
#detail #list ul{zoom:1;}
#detail #list ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#detail #list li{
	margin:0 0 12px;
	float:left;
	list-style:none;
	width:87px;

}


/* -------------------------------------------- */
/* pager：ページナビ */
/* -------------------------------------------- */
#detail .pager{
	margin:0 auto 2em;
	line-height:18px;
	letter-spacing:0;
	font-size:12px;
	text-align:center;
	width:580px;
}
/* clear hack */
#detail .pager{zoom:1;}
#detail .pager:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#detail .pager a,
#detail .pager span{
	margin:0 6px 2px;
	color:#f35971;
	width:18px;
	zoom:1;
	text-align:center;
}

#detail .pager span{
	color:#fff;
	background:url('./image/pager_back.gif') repeat 0 0;
}

#detail .pager a:hover{
	color:#fff;
	background:url('./image/pager_back.gif') repeat 0 0;
	text-decoration:none;
}

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