@CHARSET "UTF-8";

#Header {
	position: relative;
	width: 1000px;
	height: 193px;
	box-shadow: 0px 10px 25px 10px rgba(0,0,0,0.8); 
	z-index: 100;
	float: left;
}

#Footer {
	position: relative;
	top: 0px;
	width: 1000px;
	height: 188px;
	float: left;
}


#Dramatic_life_top {
	position: relative;
	width: 1000px;
	height: 1271px;
	background: url(../dramatic_life/img/vol2/topbg01_dramaticlife_vol2.jpg) no-repeat center top;
	z-index: 99;
	float: left;
}

#Dramatic_life_contents {
	position: relative;
	width: 1000px;
	height: auto;
	background: #eaeae3;
	z-index: 99;
	font-family: Shin Go Medium;
	font-size: 11pt;
	letter-spacing: -0.15em;
	float: left;
}

#Dramatic_life_contents h1,h2,h3 {
	font-family: Shin Go Bold;
}



/* h1とh2が同じフォントサイズになっていますが、本来h2を２個でいいところをSEO対策にh1を無理やり突っ込んでいます。 */
#Dramatic_life_contents h1 {
	font-size: 27pt;
}

#Dramatic_life_contents h2 {
	font-size: 27pt;
}

#Dramatic_life_contents h3 {
	font-size: 20pt;
}

#Dramatic_life_contents .content_01 {
	position: relative;
	float: left;
	width: 1000px;
	height: 796px;
}

#Dramatic_life_contents .content_02 {
	position: relative;
	margin-top: -1px;
	float: left;
	width: 1000px;
	height: 580px;
	background: url(../dramatic_life/img/top_contents_03.png) no-repeat center top;
	z-index: 100;
}

#Dramatic_life_contents .content_03 {
	position: relative;
	float: left;
	margin-top:-45px;
	width: 1000px;
	height: 577px;
	background: url(../dramatic_life/img/top_contents_04.png) no-repeat center top;
	z-index: 99;
}

#Dramatic_life_contents .content_04 {
	position: relative;
	float: left;
	margin-top:-44px;
	width: 1000px;
	height: 586px;
	background: url(../dramatic_life/img/top_contents_05.png) no-repeat center top;
	z-index: 98;
}

#Dramatic_life_contents .content_05 {
	position: relative;
	float: left;
	margin-top:-52px;
	width: 1000px;
	height: 591px;
	background: url(../dramatic_life/img/top_contents_06.png) no-repeat center top;
	z-index: 97;
}

#Dramatic_life_contents .content_06 {
	position: relative;
	float: left;
	margin-top:-59px;
	width: 1000px;
	height: 563px;
	background: url(../dramatic_life/img/top_contents_07.jpg) no-repeat center top;
	z-index: 96;
}

#Dramatic_life_contents .content_07 {
	position: relative;
	float: left;
	width: 1000px;
	height: 727px;
	background: url(../dramatic_life/img/top_contents_08.jpg) no-repeat center top;
	z-index: 95;
}

#Dramatic_life_contents .content_08 {
	position: relative;
	float: left;
	width: 1000px;
	height: auto;
}

#Dramatic_life_contents .line_box_01 {
	position: relative;
	width: 1000px;
	height: 1px;
	background: #eaeae3;
	box-shadow: 0px 5px 15px 5px rgba(0,0,0,0.8); 
	float: left;
	z-index: 99;
}

#Dramatic_life_top .logo_01 {
	position: absolute;
	top: 15px;
	left: 312px;
}

#Dramatic_life_top .logo_02 {
	position: absolute;
	top: 1190px;
	left: 524px;
}

#Dramatic_life_top .pic_01 {
	position: absolute;
	top: 1035px;
	left: 15px;
}

#Dramatic_life_contents .pic_02 {
	position: absolute;
	top: 199px;
	left: 637px;
}

#Dramatic_life_top .subhead_01 {
	position: absolute;
	top: 19px;
	left: 23px;
	color: #000;
}

#Dramatic_life_contents .subhead_02 {
	position: absolute;
	top: 115px;
	left: 59px;
	color: #000;
}

#Dramatic_life_contents .subhead_03 {
	position: absolute;
	top: 424px;
	left: 59px;
	color: #000;
}

#Dramatic_life_contents .subhead_04 {
	position: absolute;
	top: 228px;
	left: 514px;
	color: #FFF;
}

#Dramatic_life_contents .subhead_05 {
	position: absolute;
	top: 327px;
	left: 68px;
	color: #FFF;
}

#Dramatic_life_contents .subhead_06 {
	position: absolute;
	top: 169px;
	left: 566px;
	color: #FFF;
}

#Dramatic_life_contents .subhead_07 {
	position: absolute;
	top: 294px;
	left: 76px;
	color: #FFF;
}

#Dramatic_life_contents .subhead_08 {
	position: absolute;
	top: 390px;
	left: 509px;
	color: #FFF;
}

#Dramatic_life_contents .subhead_09 {
	position: absolute;
	top: 35px;
	left: 53px;
	color: #FFF;
}

#Dramatic_life_contents ul.spec_box_01 {
	position: absolute;
	top: 26px;
	left: 59px;
	width: 876px;
	height: 47px;
	background: #f0d002;
	border: 2px solid #a82915;
}

#Dramatic_life_contents .spec_box_01 {
	position: absolute;
	top: 26px;
	left: 59px;
}

#Dramatic_life_contents ul.spec_box_02 {
	position: absolute;
	top: 552px;
	left: 59px;
	width: 878px;
	height: 20px;
}

#Dramatic_life_contents ul.spec_box_02 li {
	position: relative;
	top: 0px;
	width: 175px;
	height: 20px;
	text-align: center;
	float: left;
	font-size: 12pt;
}

#Dramatic_life_contents ul.spec_box_03 {
	position: absolute;
	top: 552px;
	left: 59px;
	width: 878px;
	height: 200px;
}

#Dramatic_life_contents ul.spec_box_03 li {
	position: relative;
	top: 25px;
	margin-left: 18px;
	text-align: center;
	float: left;
	font-size: 12pt;
}

#Dramatic_life_contents ul.spec_box_03 li:nth-child(2) {
	margin-left: 25px;
}

#Dramatic_life_contents ul.spec_box_03 li:last-child {
	margin-left: 10px;
}

#Dramatic_life_contents ul.spec_box_03 img:hover {
	opacity: 0.5;
}

#Dramatic_life_contents .article_01 {
	position: absolute;
	top: 170px;
	left: 59px;
	font-size: 10pt;
	letter-spacing: 0.1em;
	line-height: 18pt;
	width: 550px;
	height: 192px;
	color: #000;
}

#Dramatic_life_contents .article_02 {
	position: absolute;
	top: 480px;
	left: 59px;
	font-size: 10pt;
	letter-spacing: 0.1em;
	line-height: 18pt;
	width: 800px;
	height: 192px;
	color: #000;
}

#Dramatic_life_contents .article_03 {
	position: absolute;
	top: 269px;
	left: 514px;
	width: 431px;
	color: #FFF;
	font-size: 10pt;
	letter-spacing: -0.04em;
	line-height: 17pt;
}

#Dramatic_life_contents .article_04 {
	position: absolute;
	top: 366px;
	left: 68px;
	width: 520px;
	color: #FFF;
	font-size: 10pt;
	letter-spacing: -0.04em;
	line-height: 17pt;
}

#Dramatic_life_contents .article_05 {
	position: absolute;
	top: 210px;
	left: 566px;
	width: 351px;
	color: #FFF;
	font-size: 10pt;
	letter-spacing: -0.04em;
	line-height: 17pt;
}

#Dramatic_life_contents .article_06 {
	position: absolute;
	top: 333px;
	left: 76px;
	width: 327px;
	color: #FFF;
	font-size: 10pt;
	letter-spacing: -0.04em;
	line-height: 17pt;
}

#Dramatic_life_contents .article_07 {
	position: absolute;
	top: 432px;
	left: 509px;
	width: 427px;
	color: #FFF;
	font-size: 10pt;
	letter-spacing: -0.04em;
	line-height: 17pt;
}

#Dramatic_life_contents .article_08 {
	position: absolute;
	top: 90px;
	left: 59px;
	width: 880px;
	color: #FFF;
	font-size: 10pt;
	letter-spacing: -0.04em;
	line-height: 17pt;
}


#Dramatic_life_contents .chapter_num_1 {
	position: absolute;
	top: 205px;
	left: 514px;
	letter-spacing: 0em;
	color: #FFF;
}

#Dramatic_life_contents .chapter_num_2 {
	position: absolute;
	top: 304px;
	left: 68px;
	letter-spacing: 0em;
	color: #FFF;
}

#Dramatic_life_contents .chapter_num_3 {
	position: absolute;
	top: 146px;
	left: 566px;
	letter-spacing: 0em;
	color: #FFF;
}

#Dramatic_life_contents .chapter_num_4 {
	position: absolute;
	top: 271px;
	left: 76px;
	letter-spacing: 0em;
	color: #FFF;
}

#Dramatic_life_contents .chapter_num_5 {
	position: absolute;
	top: 367px;
	left: 509px;
	letter-spacing: 0em;
	color: #FFF;
}

#Dramatic_life_contents .movie_box_01 {
	position: absolute;
	top: 210px;
	left: 59px;
	width: 878px;
	height: 494px;
	background: #9d9d9d;
	
}

#Store_box {
	position: relative;
	margin:45px 59px;
	width: 878px;
	padding: 35px 30px;
	border: 1px solid #000;
	background: #FFF;
	font-size: 10pt;
	color: #000;
	font-family: Shin Go Regular;
	letter-spacing: 0em;
	float: left;
}

#Store_box ul.store_area {
	position: relative;
	margin-top: 0px;
	height: 35px;
	font-family: Shin Go Bold; 
}

#Store_box ul.store_pref  {
	font-size: 12pt;
	position: relative;
	margin-top: 0px;
	height: 35px;
}

#Store_box ul.blank  {
	position: relative;
	margin-top: 0px;
	height: 35px;
}

#Store_box ul.store_detail {
	position: relative;
	margin-top: 0px;
	height: 35px;
}

#Store_box ul.store_detail_high {
	position: relative;
	margin-top: 0px;
	height: 50px;
}

#Store_box li.name  {
	position: absolute;
	margin-left: 30px;
	height: 10px;
}

#Store_box li.postnum  {
	position: absolute;
	margin-left: 260px;
	height: 10px;
}

#Store_box li.address  {
	position: absolute;
	margin-left: 350px;
	height: 10px;
}

#Store_box li.telnum  {
	position: absolute;
	margin-left: 670px;
	height: 10px;
}

#Store_box ul.blank  {
	position: relative;
	margin-top: 0px;
	width: 100px;
	height: 35px;
}