@charset "utf-8";

/* template.css */

/*----------------------------------------------*
*
* base
*
*----------------------------------------------*/
html {
}
body {
	color: #333333;
	text-align: center;
	background: url(../image/template/bg_body.jpg) repeat center top #c97b32;
}
div#dHeaderInner,
div#dSiteID,
div#dKVLowerInner,
div#dGtEventInner,
div#dMain,
div#dSiteID,
div#dMAContents,
div#dBreadCrumbs,
p.pPageUp,
div#dFooterUpper,
div#dFooterLower {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
		/* popup */
		body.popup div#dHeaderInner,
		body.popup div#dMain,
		body.popup div#dFooterUpper,
		body.popup div#dFooterLower {
			width: 680px;
		}
/* wrapper option
--------------------------------------*/
div#dGlobalWrapper {
	background: url(../image/template/bg_wrap_body.png) no-repeat center top;
}
/* popup */
body.popup div#dGlobalWrapper {
	background: url(../image/template/bg_wrap_body_popup.png) no-repeat center top;
}

/*----------------------------------------------*
*
* header
*
*----------------------------------------------*/

div.smp_view {
	background-color: #f2f2f2;
	padding: 10px;
}

div#dGlobalHeader {
	background-color: #ffffff;
	position: relative;
	z-index: 10;
}
		div#dGlobalHeader:after {
			content: "";
			position: absolute;
			top: 100%;
			right: 0;
			bottom: 0;
			left: 0;
			height: 5px;
			background-image: url(../image/template/bg_header.png);
			background-position: 0 0;
			background-repeat: repeat;
		}
div#dHeaderInner {
	padding-top: 20px;
}
		div#dGlobalHeader div.dSiteID {
			float: left;
			width: 124px;
		}
		div#dGlobalHeader div.dHeaderNavi {
			float: right;
			width: 876px;
		}
				div#dHeaderNaviUpper {
					padding-top: 5px;
				}
						div#dHeaderNaviUpper p.pTagline {
							float: left;
							width: 326px;
						}
						/* header navi */
						div#dHeaderNaviUpper ul {
							float: right;
							width: 530px;
							text-align: right;
							padding-bottom: 45px;
						}
								div#dHeaderNaviUpper ul li {
									vertical-align: middle;
								}
								div#dHeaderNaviUpper ul li.liTxt {
									padding-right: 20px;
								}
										div#dHeaderNaviUpper ul li.liTxt a {
											background-image: url(../image/module/ico_heart.gif);
											background-position: 0 center;
											background-repeat: no-repeat;
											padding: 1px 0 0 18px;
										}
										div#dHeaderNaviUpper ul li.liLogin a {
											background-image: url(../image/module/ico_close.gif);
										}


/* popup */

body.popup div#dHeaderInner {
	text-align: center;
	padding-top: 15px;
}


/*----------------------------------------------*
*
* globalnavi
*
*----------------------------------------------*/
div#dGlobalNavi {
	padding-bottom: 15px;
}
		div#dGlobalNavi ul {
		}
				div#dGlobalNavi li {
					float: left;
				}
				div#dGlobalNavi li a {
					display: block;
					padding-bottom: 10px;
				}
				div#dGlobalNavi li a:hover,
				body#database div#dGlobalNavi li.li-database a,
				body#ranking div#dGlobalNavi li.li-ranking a,
				body#column div#dGlobalNavi li.li-column a,
				body#movie div#dGlobalNavi li.li-movie a,
				body#blog div#dGlobalNavi li.li-blog a {
					background-image: url(../image/template/bg_gn_ac.gif);
					background-repeat: no-repeat;
				}
				div#dGlobalNavi li.li-database a:hover,
				body#database div#dGlobalNavi li.li-database a {
					background-position: 0 bottom;
				}
				div#dGlobalNavi li.li-ranking a:hover,
				body#ranking div#dGlobalNavi li.li-ranking a {
					background-position: -153px bottom;
				}
				
				div#dGlobalNavi li.li-movie a:hover,
				body#movie div#dGlobalNavi li.li-movie a {
					background-position: -355px bottom;
				}
				div#dGlobalNavi li.li-column a:hover,
				body#column div#dGlobalNavi li.li-column a {
					background-position: -571px bottom;
				}
				
				div#dGlobalNavi li.li-blog a:hover,
				body#blog div#dGlobalNavi li.li-blog a {
					background-position: -737px bottom;
				}
						div#dGlobalNavi li a img {
							border-right: 1px dotted #aaaaaa;
						}
						div#dGlobalNavi li.li-database a img {
							border-left: 1px dotted #aaaaaa;
						}


/*----------------------------------------------*
*
* keyvisual
*
*----------------------------------------------*/


/*----------------------------------------------*
*
* main
*
*----------------------------------------------*/
div#dMain {
	padding: 30px 0 0;
}
body#home div#dMain {
	padding: 30px 0 30px;
}
/* popup */
body.popup div#dMain {
	padding-bottom: 30px;
}


/* dBreadCrumbs
--------------------------------------*/
div#dBreadCrumbs {
	color: #ffffff;
}
		div#dBreadCrumbs ol {
			float: left;
			width: 850px;
			padding: 5px 0 30px;
		}
				div#dBreadCrumbs li {
					float: left;
					background-image: url(../image/module/ico_breadcrumbs_arrow.png);
					background-position: 2px 43%;
					background-repeat: no-repeat;
					list-style: none;
					padding-left: 12px;
				}
				div#dBreadCrumbs li.liHome {
					background-image: none;
					padding-left: 0;
				}
				div#dBreadCrumbs li a,
				div#dBreadCrumbs li span {
					padding-right: 3px;
					line-height: 1.1;
					display: inline-block;
				}
				div#dBreadCrumbs li a {
					background-image: url(../image/template/bg_breadcrumbs_anchor.png);
					background-position: 0 bottom;
					background-repeat: repeat-x;
				}

/*----------------------------------------------*
*
* main column
*
*----------------------------------------------*/
div#dMainColumn {
}
		/* subnavi */
		body.subnavi div#dMainColumn {
			float: left;
			width: 710px;
		}
		/* nosubnavi */
		body.nosubnavi div#dMainColumn {
			width: 1000px;
		}
		/* popup */
		body.popup div#dMainColumn {
			width: 680px;
		}


/*----------------------------------------------*
*
* sub column
*
*----------------------------------------------*/
div#dSubColumn {
	width: 270px;
}
		/* subnavi */
		body.subnavi div#dSubColumn {
			float: right;
		}
		/* home */
		body#home div#dSubColumn {
			padding: 0;
		}

/* My
--------------------------------------*/
div#dSubColumn div.dMemberService {
}
		div#dSubColumn div.dMemberService h2 {
			font-size: 1.5em;
		}
		div#dSubColumn div.dMemberService ul li.lastElement {
			width: 150px;
		}
		div#dSubColumn div.dMemberService p.pBtnMember {
			margin: -35px 0 20px;
		}

/* dWeekColumn
--------------------------------------*/
div#dSubColumn div.dMyLogin {
	padding-bottom: 10px;
}

/* dWeekColumn
--------------------------------------*/
div#dSubColumn div.dWeekColumn {
	padding-bottom: 10px;
}
		div#dSubColumn div.dWeekColumn ul {
			margin-bottom: 0;
		}
				div#dSubColumn div.dWeekColumn ul li {
					margin-bottom: 20px;
				}
						div#dSubColumn div.dWeekColumn ul li a {
							display: inline-block;
						}


/*----------------------------------------------*
*
* subnavi
*
*----------------------------------------------*/
div#dSubNavi {
	border: 3px solid #dddddd;
	padding: 20px 10px 0;
	background-color: #ffffff;
}
		div#dSubNavi ul {
			margin-bottom: 0;
		}
				div#dSubNavi li {
					border-top: 1px dotted #aaaaaa;
				}
				div#dSubNavi li.liActive {
					font-weight: bold;
				}
						div#dSubNavi li a {
							display: block;
							padding: 15px 10px 15px 20px;
							background-image: url(../image/module/ico_arrow_right.gif);
							background-position: 10px 48%;
							background-repeat: no-repeat;
							background-color: transparent;
							position: relative;
							z-index: 5;
							list-style: none;
						}


/*----------------------------------------------*
*
* sub aside
*
*----------------------------------------------*/
div#dSubAside {
	padding-top: 30px;
}
		div#dSubAside p {
			margin-top: 10px;
			margin-bottom: 0;
		}

/*----------------------------------------------*
*
* main aside
*
*----------------------------------------------*/
div#dMainAside {
	background-image: url(../image/common/bg_aside.gif);
	background-repeat: repeat-x;
	background-color: #ffffff;
	padding: 40px 0 40px;
}
		div#dMainAside div.dMACInner {
			padding-left: 280px;
		}
		


/*----------------------------------------------*
*
* footer
*
*----------------------------------------------*/
div#dGlobalFooter {
}
		div#dGlobalFooter p.pPageUp {
			position: relative;
		}
				div#dGlobalFooter p.pPageUp a {
					position: absolute;
					top: -30px;
					right: 0;
				}
/* popup */
body#home div#dGlobalFooter,
body.nosubnavi div#dGlobalFooter,
body.subnavi div#dGlobalFooter {
	background-color: #ffffff;
}


/* dFooterUpper
--------------------------------------*/
div#dFooterUpper {
	padding: 25px 0 0;
}
		div#dFooterID {
			display: table;
			margin-bottom: 20px;
		}
				div#dFooterID p {
					display: table-cell;
					vertical-align: middle;
				}
				div#dFooterID p.pdFooterIDLogo {
					width: 220px;
				}
				div#dFooterID p.dFooterIDTxt {
					width: 780px;
				}
		div#dFooterUpper ul {
		}
				div#dFooterUpper ul li {
					float: left;
				}
		div#dFooterUpper ul.ulFooterLink {
			margin-bottom: 30px;
		}
		div#dFooterUpper ul.ulFooterLink.ulMedBanner li img {
			vertical-align:bottom;
		}
		div#dFooterUpper ul.ulFooterLink.ulMedBanner li {
			margin-right:17px;
			border:1px solid #CCC;
		}
				div#dFooterUpper ul.ulFooterLink li {
					margin-right: 20px;
				}
				div#dFooterUpper ul.ulFooterLink li.lastElement {
					margin-right: 0;
				}
		div#dFooterUpper dl {
			position: relative;
		}
				div#dFooterUpper dt {
					height: 39px;
				}
				div#dFooterUpper dd {
					background-color: #faeed0;
					padding: 20px;
				}
				div#dFooterUpper dd.ddLink {
					background-color: #ffffff;
					padding: 0;
					position: absolute;
					top: 0;
					right: 0;
				}
				div#dFooterUpper dd.ddLink img {
					display: block;
				}

/* dFooterLower
--------------------------------------*/
div#dFooterLower {
	padding: 30px 0;
}
		div#dFooterNavi {
			float: left;
			width: 710px;
		}
				div#dFooterNavi ul {
					border-left: 1px dotted #bbbbbb;
				}
						div#dFooterNavi ul li {
							border-right: 1px dotted #bbbbbb;
							padding: 0 20px;
						}
								div#dFooterNavi ul li img {
									margin-right: 5px;
									vertical-align: middle;
								}
		p#pCopyRight {
			float: right;
			width: 290px;
			text-align: right;
		}

/* popup */
body.popup p#pCopyRight {
	float: none;
	margin: 0 auto;
	text-align: center;
}

/* popup close button */
body.popup p.pCloseBtn {
	position: absolute;
	text-align: right;
}
		body.popup p.pCloseBtn:before {
			content: "";
			position: absolute;
			z-index: 0;
			top: 100%;
			right: 0;
			bottom: 0;
			left: 0;
			height: 5px;
			background-position: 0 0;
			background-repeat: no-repeat;
			background-image: url(../image/template/bg_shadow_close.png);
		}

body.popup div#dHeaderInner {
	position: relative;
}
		body.popup div#dHeaderInner p.pCloseBtn {
			bottom: -60px;
			right: 0;
		}
body.popup div#dFooterLower {
	position: relative;
	padding: 20px 0;
}
		body.popup div#dFooterLower p.pCloseBtn {
			top: -30px;
			right: 0;
		}