@charset "utf-8";

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

	[ファイル名]	main_content.css
	
	[概要]	
	
------------------------------------------------------------------------------*/



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

								clearFix
								
------------------------------------------------------------------------------*/
div#mainContent div#entryMore:after,
div#mainContent div#entryBody:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}

/* Win IE7 */
*:first-child + html div#mainContent div#entryMore,
*:first-child + html div#mainContent div#entryBody
{
	min-height: 1%;
}
/* End Win IE7 */

/* Win IE6 \*/
* html div#mainContent div#entryMore,
* html div#mainContent div#entryBody
{
	height: 1%;
}
/* End Win IE6 */

/* Mac IE\*//*/
div#mainContent div#entryMore,
div#mainContent div#entryBody
{
	display: inline-table;
}
/* End Mac IE */



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

							テキスト画像代替
							
------------------------------------------------------------------------------*/
div#pageHeader h1,div#pageHeader h2,
.widgetHeading,
span.catLogo,
p.entryMoreButton a,
div.pageNav span,div.pageNav a,
div.pageNav span.currentPageNum
{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}



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

								非表示部
								
------------------------------------------------------------------------------*/
#hoge
{
	position: absolute;
	top: -9999px;
	left: -9999px;
	z-index: -9999;
	width: 0;
	height: 0;
	overflow: hidden;
}




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

								pageHeader
								
------------------------------------------------------------------------------*/
div#pageHeader{
	width: 100%; height: 136px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
}

body#home div#pageHeader{
	background-image: url(../../images/common/page_header_all_entriers.jpg);
}

body.categoryArchive div#pageHeader{
	background-image: url(../../images/common/page_header_categories.jpg);
}

body.monthlyArchive div#pageHeader{
	background-image: url(../../images/common/page_header_archives.jpg);
}

body.individual div#pageHeader{
	background-image: url(../../images/common/page_header_individual.jpg);
}

div#pageHeader p{
	padding: 20px 20px 10px 25px;
	color: #ffe62a;
	text-align: left;
	font-weight: bold;
	font-size: 100%;
}

div#pageHeader p em{
	font-weight: bold;
	font-size: 150%;
}

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

								article
								
------------------------------------------------------------------------------*/
div#mainContent .article{
	margin-bottom: 80px;
	text-align: center;
}



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

								entryHeader
								
------------------------------------------------------------------------------*/
div#mainContent div.entryHeader{
	position: relative;
	width: 100%;
	margin-top: -47px;
	padding-top: 50px;
	background: url(../../images/common/entry_header_bg_top.png) no-repeat scroll left top;
	text-align: left;
}
/* Win IE6 \*/
* html div#mainContent div.entryHeader{
	background: url(../../images/common/entry_header_bg_top.gif) no-repeat scroll left top;
}
/* End Win IE6 */

div#mainContent div.entryHeader div.hgroup{
	position: relative;
	padding-top: 1em;
	background-color: #000000;
	color: #ffffff;
	font-size: 140%;
}

/*------------------------------------------------------------------------------
								entryTitle
------------------------------------------------------------------------------*/
div#mainContent div.entryHeader div.hgroup .entryTitle{
	min-height: 30px;
	padding: 5px 10px 5px 45px;
	/*font-family: "ヒラギノ明朝 Pro","ＭＳ Ｐ明朝";*/
}
/* Win IE6 \*/
* html div#mainContent div.entryHeader div.hgroup .entryTitle{
	height: 30px;
}
/* End Win IE6 */

/*----------------------------------P4U---------------------------------------*/
div#mainContent .article.p4g div.entryHeader div.hgroup .entryTitle{
	padding-right: 150px;
}

/*----------------------------------P4G---------------------------------------*/
div#mainContent .article.p4u div.entryHeader div.hgroup .entryTitle{
	padding-right: 200px;
}

/*----------------------------------P2X---------------------------------------*/
div#mainContent .article.p2x div.entryHeader div.hgroup .entryTitle{
	padding-right: 200px;
}

div#mainContent div.entryHeader div.hgroup .entryTitle a:link,
div#mainContent div.entryHeader div.hgroup .entryTitle a:visited,
div#mainContent div.entryHeader div.hgroup .entryTitle span{
	color: #ffffff;
	/*font-size: 160%;*/
	font-size: 150%;
}

div#mainContent div.entryHeader div.hgroup .entryTitle a:hover,
div#mainContent div.entryHeader div.hgroup .entryTitle a:active{
	color: #ffec93;
}

/*------------------------------------------------------------------------------
								entryDate
------------------------------------------------------------------------------*/
div#mainContent div.entryHeader div.hgroup .entryDate{
	position: absolute;
	top: 5px; left: 45px;
	font-size: 70%;
}

div#mainContent div.entryHeader div.hgroup .entryDate em{
	font-size: 140%;
}

/*------------------------------------------------------------------------------
								entryCategories
------------------------------------------------------------------------------*/
div#mainContent div.entryHeader div.entryCategories{
	position: relative;
	width: 100%;
	padding-top: 36px;
	background: #ffe62a url(../../images/common/cat_bg_top.jpg) no-repeat scroll left top;
	font-size: 90%;
}

div#mainContent div.entryHeader div.entryCategories div.inner{
	width: 100%;
	padding-bottom: 22px;
	background: url(../../images/common/cat_bg_bottom.jpg) no-repeat scroll left bottom;
}

div#mainContent div.entryHeader div.entryCategories p{
	padding: 1px 45px 0px 45px;
	line-height: 1.1;
	text-align: right;
	font-weight: bold;
}

div#mainContent div.entryHeader div.entryCategories p a:link,
div#mainContent div.entryHeader div.entryCategories p a:visited{
	color: #000000;
	font-weight: bold;
}

/*----------------------------------P4G---------------------------------------*/
div#mainContent .article.p4g div.entryHeader div.entryCategories{
	background: #f7ab00 url(../../images/common/cat_p4g_bg_top.jpg) no-repeat scroll left top;
}
div#mainContent .article.p4g div.entryHeader div.entryCategories div.inner{
	background: url(../../images/common/cat_p4g_bg_bottom.jpg) no-repeat scroll left bottom;
}

/*----------------------------------P4U---------------------------------------*/
div#mainContent .article.p4u div.entryHeader div.entryCategories{
	background: #ff0600 url(../../images/common/cat_p4u_bg_top.jpg) no-repeat scroll left top;
}
div#mainContent .article.p4u div.entryHeader div.entryCategories div.inner{
	background: url(../../images/common/cat_p4u_bg_bottom.jpg) no-repeat scroll left bottom;
}

/*----------------------------------P2X---------------------------------------*/
div#mainContent .article.p2x div.entryHeader div.entryCategories{
	background: #e5d9d4 url(../../images/common/cat_p2x_bg_top.jpg) no-repeat scroll left top;
}
div#mainContent .article.p2x div.entryHeader div.entryCategories div.inner{
	background: url(../../images/common/cat_p2x_bg_bottom.jpg) no-repeat scroll left bottom;
}


/*------------------------------------------------------------------------------
								catLogo
------------------------------------------------------------------------------*/
span.catLogo{
	position: absolute;
	top: 1.5em; right: 15px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
}

span.catLogo.catLogoP4G{
	top: -88px;
	width: 127px; height: 95px;
	background-image: url(../../images/common/cat_logo_p4g.png);
}
/* Win IE6 \*/
* html span.catLogo.catLogoP4G{
	background-image: url(../../images/common/cat_logo_p4g.gif);
}
/* End Win IE6 */

span.catLogo.catLogoP4U{
	top: -100px; right: 10px;
	width: 186px; height: 109px;
	background-image: url(../../images/common/cat_logo_p4u.png);
}
/* Win IE6 \*/
* html span.catLogo.catLogoP4U{
	background-image: url(../../images/common/cat_logo_p4u.gif);
}
/* End Win IE6 */

span.catLogo.catLogoP2X{
	top: -18px; right: -10px;
	width: 250px; height: 56px;
	background-image: url(../../images/common/cat_logo_p2x.gif);
}


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

								entryBody
								
------------------------------------------------------------------------------*/
div#mainContent div.entryBody{
	width: 510px;
	margin: 0 auto;
	padding: 20px 0px 30px 0px;
	line-height: 1.7;
	text-align: left;
}

div#mainContent div.entryBody img{
	margin-bottom: 10px;
}


/*------------------------------------------------------------------------------
								soundPlayer
------------------------------------------------------------------------------*/
div.soundPlayer{
	position: relative;
	top: 0px; left: -11px;
	width: 521px; min-height: 60px;
	margin-bottom: 15px;
	background: url(../../images/common/sound_player_cap.png) no-repeat scroll left bottom;
}
/* Win IE6 \*/
* html div.soundPlayer{
	height: 60px;
}
/* End Win IE6 */

div.soundPlayer p{
	padding-left: 80px; padding-bottom: 40px;
}



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

								#entryMore
								
------------------------------------------------------------------------------*/
div#mainContent div#entryMore{
	width: 510px;
	margin: 0 auto;
	padding: 20px 0px 30px 0px;
	line-height: 1.7;
	text-align: left;
}

div#mainContent div#entryMore img{
	margin-bottom: 10px;
}


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

								entryFooter
								
------------------------------------------------------------------------------*/
div#mainContent div.entryFooter{
	position: relative;
	width: 510px; min-height: 21px;
	margin: 0 auto;
	padding: 4px;
	border-top: 1px solid #e5e5e1;
	border-bottom: 1px solid #e5e5e1;
	line-height: 1;
	text-align: left;
}
/* Win IE6 \*/
* html div#mainContent div.entryFooter{
	height: 29px;
}
/* End Win IE6 */


/*------------------------------------------------------------------------------
								entryMoreButton
------------------------------------------------------------------------------*/
p.entryMoreButton{
	position: absolute;
	top: 4px; left: 4px;
	width: 129px; height: 21px;
}

p.entryMoreButton a{
	width: 100%; height: 100%;
	background: url(../../images/common/more_button.png) no-repeat scroll left top;
}

p.entryMoreButton a:hover,
p.entryMoreButton a:active{
	background: url(../../images/common/more_button.png) no-repeat scroll right top;
}


/*------------------------------------------------------------------------------
								tweetButton
------------------------------------------------------------------------------*/
div.tweetButton{
	position: absolute;
	top: 4px; right: 4px;
	width: 80px; height: 20px;
}







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

								pageNav
								
------------------------------------------------------------------------------*/
div.pageNav{
	position: relative;
	width: 100%; height: 51px;
	margin-bottom: 20px;
	background: url(../../images/common/page_nav_bg.png) no-repeat scroll left top;
	text-align: center;
}

div.pageNav ul{
	/*width: 150px;*/
	margin: 0 auto;
	padding-top: 6px;
	text-align: left;
}
/* Win IE6 \*/
* html div.pageNav ul{
	margin-left: 1px;
}
/* End Win IE6 */

div.pageNav li{
	float: left;
	width: 28px; height: 11px;
	margin-right: 2px;
}

div.pageNav li span.current_page{
	background-color: #ffbe09;
	border: 2px solid #ffffff;
}

div.pageNav li a.link_page{
	width: 26px;
	background-color: #ffffff;
	border: 2px solid #ffbe09;
}
/* Win IE6 \*/
* html div.pageNav li a.link_page{
	border: 0px solid #ffbe09;
	border-top: 2px solid #ffbe09;
	border-bottom: 2px solid #ffbe09;
}
/* End Win IE6 */

div.pageNav li a.link_page:hover,
div.pageNav li a.link_page:active{
	background-color: #ffbe09;
	border: 2px solid #ffffff;
}

div.pageNav li span.link_next,
div.pageNav li a.link_next{
	position: absolute;
	top: 31px; right: 0px;
	width: 116px; height: 20px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	background-image: url(../../images/common/prev_button.png);
}

div.pageNav li a.link_next:hover,
div.pageNav li a.link_next:active{
	background-position: 0px -20px;
}

div.pageNav li span.link_before,
div.pageNav li a.link_before{
	position: absolute;
	top: 31px; left: 0px;
	width: 116px; height: 20px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	background-image: url(../../images/common/next_button.png);
}

div.pageNav li a.link_before:hover,
div.pageNav li a.link_before:active{
	background-position: 0px -20px;
}

/*------------------------------------------------------------------------------
							現在のページ番号
------------------------------------------------------------------------------*/
div.pageNav span.currentPageNum{
	position: absolute;
	top: -18px; left: -1px;
	z-index: 1;
	width: 144px; height: 46px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 0px;
	background-image: url(../../images/common/page_num.png);
}

div.pageNav span.currentPageNum1{
	background-position: 0px 0px;
}

div.pageNav span.currentPageNum2{ background-position: 0px -46px; }
div.pageNav span.currentPageNum3{ background-position: 0px -92px; }
div.pageNav span.currentPageNum4{ background-position: 0px -138px; }
div.pageNav span.currentPageNum5{ background-position: 0px -184px; }
div.pageNav span.currentPageNum6{ background-position: 0px -230px; }
div.pageNav span.currentPageNum7{ background-position: 0px -276px; }
div.pageNav span.currentPageNum8{ background-position: 0px -322px; }
div.pageNav span.currentPageNum9{ background-position: 0px -368px; }
div.pageNav span.currentPageNum10{ background-position: 0px -414px; }

div.pageNav span.currentPageNum11{ background-position: -145px -0px; }
div.pageNav span.currentPageNum12{ background-position: -145px -46px; }
div.pageNav span.currentPageNum13{ background-position: -145px -92px; }
div.pageNav span.currentPageNum14{ background-position: -145px -138px; }
div.pageNav span.currentPageNum15{ background-position: -145px -184px; }
div.pageNav span.currentPageNum16{ background-position: -145px -230px; }
div.pageNav span.currentPageNum17{ background-position: -145px -276px; }
div.pageNav span.currentPageNum18{ background-position: -145px -322px; }
div.pageNav span.currentPageNum19{ background-position: -145px -368px; }
div.pageNav span.currentPageNum20{ background-position: -145px -414px; }

div.pageNav span.currentPageNum21{ background-position: -290px -0px; }
div.pageNav span.currentPageNum22{ background-position: -290px -46px; }
div.pageNav span.currentPageNum23{ background-position: -290px -92px; }
div.pageNav span.currentPageNum24{ background-position: -290px -138px; }
div.pageNav span.currentPageNum25{ background-position: -290px -184px; }
div.pageNav span.currentPageNum26{ background-position: -290px -230px; }
div.pageNav span.currentPageNum27{ background-position: -290px -276px; }
div.pageNav span.currentPageNum28{ background-position: -290px -322px; }
div.pageNav span.currentPageNum29{ background-position: -290px -368px; }
div.pageNav span.currentPageNum30{ background-position: -290px -414px; }

div.pageNav span.currentPageNum31{ background-position: -435px -0px; }
div.pageNav span.currentPageNum32{ background-position: -435px -46px; }
div.pageNav span.currentPageNum33{ background-position: -435px -92px; }
div.pageNav span.currentPageNum34{ background-position: -435px -138px; }
div.pageNav span.currentPageNum35{ background-position: -435px -184px; }
div.pageNav span.currentPageNum36{ background-position: -435px -230px; }
div.pageNav span.currentPageNum37{ background-position: -435px -276px; }
div.pageNav span.currentPageNum38{ background-position: -435px -322px; }
div.pageNav span.currentPageNum39{ background-position: -435px -368px; }
div.pageNav span.currentPageNum40{ background-position: -435px -414px; }

div.pageNav span.currentPageNum41{ background-position: -580px -0px; }
div.pageNav span.currentPageNum42{ background-position: -580px -46px; }
div.pageNav span.currentPageNum43{ background-position: -580px -92px; }
div.pageNav span.currentPageNum44{ background-position: -580px -138px; }
div.pageNav span.currentPageNum45{ background-position: -580px -184px; }
div.pageNav span.currentPageNum46{ background-position: -580px -230px; }
div.pageNav span.currentPageNum47{ background-position: -580px -276px; }
div.pageNav span.currentPageNum48{ background-position: -580px -322px; }
div.pageNav span.currentPageNum49{ background-position: -580px -368px; }
div.pageNav span.currentPageNum50{ background-position: -580px -414px; }