/*
	Site Name: ABC創立60周年記念スペシャルドラマ　境遇
	Description: base template style
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: INDEX (#kyogu)

	1-1: backcolor blue wrap
	1-2: SPECIAL CONTENTS
	1-3: SWHAT’S NEW
	1-4: CONTENTS MENU
	1-5: banner

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

/*
===== 1: INDEX ====================================
*/

body {
	-webkit-text-size-adjust: none;}

#kyogu {
	text-align: center;
	background-color: #000420;
	color: #CCCCCC;
}

h2 {
	text-align: center;
	background-color: #000120;
	color: #868686;
	font-weight: normal;
	font-size: 93%;
	padding: 0px;
}


a {
	color: #BABABA;
	text-decoration: none;
}


div.title {
	padding-bottom: 15px;
}


/*===== 1-1: backcolor blue wrap ========*/

#kyogu div.wrap_blue {
	margin: 0 auto;
	text-align: center;
	width: 95%;
}


#kyogu div.wrap_blue ul.wrap_blue_ul {
	list-style: none;
	display: inline-table;
	width: 100%;
	margin-bottom: 20px;
}


#kyogu div.wrap_blue ul.wrap_blue_ul li {
	list-style: none;
	display: table-cell;
	background: url(img/index/ind_bk.jpg) top repeat-x;
}


#kyogu div.wrap_blue ul.wrap_blue_ul li.li_left {
	width: 3%;
	text-align: left;
}


#kyogu div.wrap_blue ul.wrap_blue_ul li.li_center {
	width: 90%;
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
}


#kyogu div.wrap_blue ul.wrap_blue_ul li.li_right {
	width: 3%;
	text-align: right;
}



/*===== 1-2: SPECIAL CONTENTS ========*/

#kyogu div.wrap_blue ul li.li_center h3 {
	margin-bottom: 10px;
	padding: 5px 0 0 13px;
	height: 20px;
	background-color: #000420;
	border: 1px #254067 solid;
}

#kyogu div.wrap_blue ul li.li_center div.spe_drm,
#kyogu div.wrap_blue ul li.li_center div.spe_book,
#kyogu div.wrap_blue ul li.li_center div.spe_drm_after {
	margin-bottom: 10px;
	padding: 5px;
	height: 52px;
	border: #283244 4px solid;
}

#kyogu div.wrap_blue ul li.li_center div.spe_drm,
#kyogu div.wrap_blue ul li.li_center div.spe_drm_after  {
/*	background: #3A4761 url(img/index/spe_spindr_phot.jpg) 5px right no-repeat;*/
	background: #3A4761 url(img/index/spe_spindr_phot.jpg) right top no-repeat;
}


#kyogu div.wrap_blue ul li.li_center div.spe_book {
	background: #3A4761 url(img/index/spe_ehon_phot.jpg) left no-repeat;
}



/*===== 1-2a: drama,book ========*/

#kyogu div.wrap_blue ul li.li_center div.spe_drm p,
#kyogu div.wrap_blue ul li.li_center div.spe_book p,
#kyogu div.wrap_blue ul li.li_center div.spe_drm_after p {
	display: block;
	line-height: 0.1;
	height: 52px;
	text-align: left;
}

#kyogu div.wrap_blue ul li.li_center div.spe_drm p,
#kyogu div.wrap_blue ul li.li_center div.spe_drm_after p {
	width: 80%;
}
#kyogu div.wrap_blue ul li.li_center div.spe_drm_after p {
	width: 80%;
	margin-bottom: 10px;
}

#kyogu div.wrap_blue ul li.li_center div.spe_book p{
	margin-left: 70px;
}


#kyogu div.wrap_blue ul li.li_center div.spe_drm p img,
#kyogu div.wrap_blue ul li.li_center div.spe_book p img,
#kyogu div.wrap_blue ul li.li_center div.spe_drm_after p img,
#kyogu div.wrap_blue ul li.li_center a div.spe_book_phot div.spe_book_title  p img {
	margin: 3px 3px 0 3px;
}


/*===== 1-2b: drama_after book_after ========*/

/*** drama_after ***/

#kyogu div.wrap_blue ul li.li_center div.spe_drm_after {
	height: 318px;
}

#kyogu div.wrap_blue ul li.li_center div.spe_drm_after a.spe_drm_after_link {
	background: #283244 url(img/movie/title_spn_bk.gif);
	display: block;
	margin: 0 0 3px;
}
#kyogu div.wrap_blue ul li.li_center div.spe_drm_after div.spe_drm_after_link {
	background: #283244 url(img/movie/title_spn_bk.gif);
	display: block;
	margin: 0 0 3px;
}


#kyogu div.wrap_blue ul li.li_center div.spe_drm_after dl.spe_drm_title {
	padding:7px 0 3px 10px;
	height: 24px;
/*	background:transparent url(img/index/spe_spindr_bt.gif) 13px right no-repeat;*/
	background:transparent url(img/index/spe_spindr_bt.gif) right center no-repeat;
	text-align: left;
}
#kyogu div.wrap_blue ul li.li_center div.spe_drm_after dl.spe_drm_title_off {
	background:none;
}
#kyogu div.wrap_blue ul li.li_center div.spe_drm_after dl.spe_drm_title dt {
	color: #E0DFD2;
	font-weight: bold;
	line-height: 1.4;
}

#kyogu div.wrap_blue ul li.li_center div.spe_drm_after dl.spe_drm_title dd {
/*	color: #BABABA;
	font-size: 85%;
	font-weight: normal;*/
	color: #E0DFD2;
	font-weight: bold;
	line-height: 1.4;
}
.comingsoon {
	color: #8F9184 !important;
}

/*** book_after ***/
#kyogu div.wrap_blue ul li.li_center div.spe_book_phot {
	height: 70px;
	background: transparent url(img/index/spe_ehon_bk.gif) right no-repeat;
	display: block;
}


#kyogu div.wrap_blue ul li.li_center a div.spe_book_phot div.spe_book_title {
	padding-left:85px;
	height: 70px;
	background: transparent url(img/index/spe_ehon_photleft.jpg) left no-repeat;
}


#kyogu div.wrap_blue ul li.li_center a div.spe_book_phot div.spe_book_title p {
	padding-top: 10px;
	display: block;
	line-height: 0.1;
}
/*** ar_after ***/
div.spe_ar_phot {
	height: 70px;
	background: transparent url(img/index/spe_ar_bk.gif) right 0 no-repeat;
	display: block;
	margin:10px auto 15px;
	width: 95%;
}


div.spe_ar_title {
	padding-left:80px;
	height: 70px;
	background: transparent url(img/index/spe_ar_photleft.jpg) left 1px no-repeat;
}


a div.spe_ar_phot div.spe_ar_title p {
	padding-top: 10px;
	display: block;
	line-height: 0.1;
	text-align: left;
}

/*===== 1-3: SWHAT’S NEW ========*/

div.news {
	margin-bottom: 10px;
}

div.news p.date {
	padding-left: 10px;
	background: transparent url(img/index/news_li.gif) 0 5px no-repeat;
	color: #BFC441;
	font-size: 93%;
}

div.news p.date img.pc {
	border: none;
	margin: 2px 5px 0 5px;
}

div.news div.copy {
	padding-left: 10px;
	color: #BABABA;
	font-size: 93%;
}


div.news div.copy a {
	text-decoration: underline;
}



/*===== 1-4: CONTENTS MENU ========*/

#menu {
	padding-bottom: 20px;
	text-align: center;
	width: 100%;
}

#menu h3 {
	text-align: left;
	background: #0F6 url(img/index/menu_titlebk.gif) repeat-x;
	height:28px;
	margin-bottom: 10px;
}




#menu ul {
	list-style: none;
	background:transparent url(img/index/menu_line_bk.gif);
	height:425px; 
}

#menu ul li {
	background: transparent url(img/index/menu_line_right.gif) top right no-repeat;
	height: 38px;
	margin-bottom: 5px;
}

#menu ul li img {
	border: none;
	margin-top: 1px;
}

._bt20 {	padding-bottom: 20px;}



/*===== 1-5: banner ========*/

#banner {
	margin-top: 0;
	padding: 0;
	background: #FFF url(img/index/bk_gradation.jpg) top ;
}

#banner #banner_wrap {
	width: 90%;
	margin: 0 auto;
	padding: 10px 0 20px;
	background: #000420 url(img/index/support_bk.jpg) top repeat-x;
	border: 1px  #FFF solid;
	/*height: 160px;*/
}

#banner #banner_wrap h3 {
	width: 95%;
	height: 17px;
	margin: 0 auto;
	background: transparent url(img/index/support_linebk.gif) bottom repeat-x;
	text-align: left;
}

#banner #banner_wrap div.bn_logo {
	margin: 0 auto;
	padding-top: 10px;
	line-height: 0.1;
	width: 95%;
	text-align: left;
}


/*#banner #banner_wrap div.bn_logo div.bn_logo_div {
	display: block;
	text-align: left;
	margin: 0 auto;
	background-color: #366;
}*/

#banner #banner_wrap div.bn_logo img {
	border: none;
	margin: 0;
	padding: 0;
}



#top #kyogu p.present {
	color: #FE7BA0;
    margin: 0 auto;
    padding: 0 0 10px;
    text-align: left;
    width: 95%;
}
#top #kyogu p.present a {
	text-decoration:underline;
}