@charset "Shift_JIS";

/*--------------------------------------------------------------------
	IDENTIFICATION DIVISION.
	Version.					1.4.1.2;
	Author.						Oka(Live!Ads)
	Aptx.						4.8.6.9;

	PROGRAM-ID.		"Progress"
-------------------------------------------------------------------*/

/*************************************
	DATA DIVISION.
	WORKING-STRAGE SECTION.
*************************************/
body {
	min-width:1000px;
}
/*--
	Progress
	
---------------------------------------------- --*/
#Progress-Wrap{
	width:984px;
	margin:0px auto;
	text-align:left;
}


/*--
	Index
	
---------------------------------------------- --*/
#Progress-Wrap .progress-top{
	background:url(../../progress/img/bg.gif) repeat-y left top;
	width:984px;
	margin-bottom:150px;
}
#Progress-Wrap .progress-top .main-story{
	background:url(../../progress/img/bg_bottom.gif) no-repeat left bottom;
	width:984px;
	padding-bottom:21px;
}
#Progress-Wrap .progress-top .main-story .img{
	padding:7px 7px 5px;
	background:url(../../progress/img/bg_top.gif) no-repeat left top;
}
#Progress-Wrap .progress-top .main-story .story-num{
	width:417px;
	float:left;
	text-align:left;
	padding-bottom:7px;
}
#Progress-Wrap .progress-top .main-story .story-num img{
	margin-left:7px;
}
#Progress-Wrap .progress-top .main-story .text{
	width:567px;
	float:right;
	padding-bottom:7px;
}
#Progress-Wrap .progress-top .main-story .text p{
	margin:8px 40px 0px 10px;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.3em;
	color:#000;
}

#Progress-Wrap .progress-top .story{
	background:url(../../progress/img/bg_bottom.gif) no-repeat left bottom;
	width:984px;
	padding-bottom:21px;
}
#Progress-Wrap .progress-top .story .img{
	width:212px;
	float:left;
	background:url(../../progress/img/bg_top.gif) no-repeat left top;
}
#Progress-Wrap .progress-top .story .img img{
	margin:7px 0px 7px 7px;
}

#Progress-Wrap .progress-top .story .text{
	width:565px;
	float:left;
	background:url(../../progress/img/bg_top.gif) no-repeat center top;
	padding-top:7px;
}

#Progress-Wrap .progress-top .story .text .num{
	width:81px;
	height:70px;
}

#Progress-Wrap .progress-top .story .text dl{
	width:551px;
	margin-top:-70px;
	padding-bottom:10px;
}
#Progress-Wrap .progress-top .story .text dl dt{
	margin-bottom:10px;
	min-height:54px;
	margin-left:81px;
	font-size:1.9em;
	font-weight:bold;
	color:#000;
	line-height:1.3em;
	padding:8px 0px 8px;
}
* html #Progress-Wrap .progress-top .story .text dl dt{
	height:70px;
}
#Progress-Wrap .progress-top .story .text dl dt span{
	font-size:0.5em;
	font-weight:normal;
	line-height:1.4em;
	display:block;
}

#Progress-Wrap .progress-top .story .text dl dt.ex{
	padding:0px;
	min-height:70px;
}
#Progress-Wrap .progress-top .story .text dl dd{
	line-height:1.3em;
	font-size:1.1em;
	color:#000;
	margin:0px 0px 0px 10px;
}
#Progress-Wrap .progress-top .story .text dl dd.ex{
	line-height:1.5em;
	margin:0px 10px;
}
#Progress-Wrap .progress-top .story .text dl dd span{
	font-size:0.8em;
}

#Progress-Wrap .progress-top .story .navi{
	width:207px;
	float:right;
	background:url(../../progress/img/bg_top.gif) no-repeat right top;
}
#Progress-Wrap .progress-top .story .navi img{
	margin:7px 0px 7px 0px;
}

/*--
	detail
	
---------------------------------------------- --*/
#Progress-Wrap .story-detail{
	background:url(../../progress/img/bg.gif) repeat-y left top;
	width:984px;
	padding-bottom:1px;
}

#Progress-Wrap .story-detail .title{
	width:517px;
	float:left;
	background:url(../../progress/img/bg_top.gif) no-repeat left top;
	padding-top:17px;
}
#Progress-Wrap .story-detail .title .logo{
	margin-left:17px;
	margin-bottom:40px;
}
#Progress-Wrap .story-detail .title .num{
	margin-left:2px;
	margin-bottom:30px;
	font-size:1px;
}
#Progress-Wrap .story-detail .title p{
	margin:0px 20px 0px 47px;
	line-height:2em;
	font-size:1.2em;
	color:#000;
}

#Progress-Wrap .story-detail .title p span{
	font-size:3.3em;
	line-height:1.2em;
}
#Progress-Wrap .story-detail .img{
	width:467px;
	float:right;
	background:url(../../progress/img/bg_top.gif) no-repeat right top;
	padding-top:7px;

}
#Progress-Wrap .story-detail .img p.note{
	color:#000;
	margin:3px 10px -29px 30px;
	background:none;
	position:relative;
	text-align:right;
	font-size:1.1em;
	line-height:1.3em;
}

#Progress-Wrap .story-detail .img-list{
	float:left;
	width:352px;
}
#Progress-Wrap .story-detail .img-list li{
	list-style:none;
	margin-bottom:5px;
	margin-left:47px;
	font-size:1.1em;
}
#Progress-Wrap .story-detail .img-list li p{
	margin:3px 2px 38px;
	line-height:1.3em;
	color:#000;
}
#Progress-Wrap .story-detail em{
	font-style:italic;
}
#Progress-Wrap .story-detail .text{
	float:right;
	width:632px;
	margin-top:50px;
}
#Progress-Wrap .story-detail .text p{
	margin:0px 47px 25px;
	font-size:1.2em;
	color:#000;
	line-height:2em;
}

#Progress-Wrap .story-detail .img-list-02{
	float:right;
	width:350px;
	margin-bottom:31px;
	margin-top:-20px;
}
#Progress-Wrap .story-detail .img-list-02 li{
	list-style:none;
	margin-bottom:5px;
}
#Progress-Wrap .story-detail .img-list-02 li p{
	margin:3px 2px 41px;
	line-height:1.3em;
	color:#000;
}

#Progress-Wrap .story-detail .text-02{
	float:left;
	width:632px;
	margin-top:40px;
}
#Progress-Wrap .story-detail .text-02 p{
	margin:0px 47px 25px;
	font-size:1.2em;
	color:#000;
	line-height:2em;
}

#Progress-Wrap .story-detail p.caption{
	font-size:1em;
}

#Progress-Wrap .story-detail .profile{
	width:892px;
	background:url(../../progress/img/profile_bg.gif) repeat-y right top;
	clear:both;
	margin-left:47px;
}
#Progress-Wrap .story-detail .profile .profile-img{
	float:left;
	width:230px;
	background:url(../../progress/img/profile_top.gif) no-repeat left top;
}
#Progress-Wrap .story-detail .profile .profile-img img{
	margin-left:50px;
	margin-top:12px;
	margin-bottom:5px;
}
#Progress-Wrap .story-detail .profile dl{
	width:662px;
	float:right;
	background:url(../../progress/img/profile_top.gif) no-repeat right top;
	padding-top:15px;
}
#Progress-Wrap .story-detail .profile dl dt{
	margin-left:22px;
	font-size:1.1em;
	color:#000;
	margin-bottom:8px;
	line-height:1.5em;
	margin-right:28px;
}
#Progress-Wrap .story-detail .profile dl dt strong{
	font-size:1.2em;
}
#Progress-Wrap .story-detail .profile dl dd{
	margin-left:22px;
	font-size:1.1em;
	color:#000;
	margin-bottom:5px;
	line-height:1.5em;
	margin-right:28px;
}



/*--
	pagenum
	
---------------------------------------------- --*/
#Progress-Wrap .pagenum{
	position:absolute;
	right:0px;
	top:154px;
	width:232px;
	text-align:right;
}
#Progress-Wrap .pagenum li{
	height:64px;
	background:url(../../progress/img/page_num_bg.png) no-repeat left top;
	width:57px;
	overflow:hidden;
	margin-left:auto;

}
* html #Progress-Wrap .pagenum li{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/page_num_bg.png", sizingMethod="crop");
}
#Progress-Wrap .pagenum a{
	overflow:hidden;
	margin-left:4px;
	display:block;
}
/*
#Progress-Wrap .pagenum a:hover{
	width:228px;
	overflow:visible;
}
*/

#Progress-Wrap .pagenum img{
	margin:4px 0px 0px 4px;
}
#Progress-Wrap .pagenum a img{
	margin:4px 0px 0px 0px;
}

/*--
	totop
	
---------------------------------------------- --*/
#Progress-Wrap .totop{
	position:absolute;
	right:0px;
	bottom:90px;
	width:37px;
	background:url(../../progress/img/totop_bg.png) no-repeat left top;
}
* html #Progress-Wrap .totop{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/totop_bg.png", sizingMethod="scale");
}
#Progress-Wrap .totop a{
}
#Progress-Wrap .totop img{
	margin:4px 0px 4px 4px;
}

#Progress-Wrap .index-top{
	bottom:60px;
}

/*--
	Copyright
	
---------------------------------------------- --*/
#Progress-Wrap .copyright{
	width:984px;
	text-align:center;
	padding-bottom:43px;
	padding-top:180px;
	color:#666;
}

#Progress-Wrap .story-bottom{
	padding-top:25px;
	background:url(../../progress/img/bg_bottom.gif) no-repeat left top;
}


/*--
	detail 02
	
---------------------------------------------- --*/
#Progress-Wrap .story-detail-02{
	background:url(../../progress/img/bg.gif) repeat-y left top;
	width:984px;
	padding-bottom:1px;
}

#Progress-Wrap .story-detail-02 .main-img{
	background:url(../../progress/img/bg_top.gif) no-repeat left top;
	padding-top:7px;
	margin-bottom:8px;
	width:984px;
}
#Progress-Wrap .story-detail-02 .main-img img{
	margin-left:2px;
}
#Progress-Wrap .story-detail-02 .main-img p{
	text-align:right;
	margin:-128px 10px 0px 0px;
	height:128px;
	font-size:1.1em;
	color:#000;
	font-style:italic;
}
#Progress-Wrap .story-detail-02 .main-img p strong{
	font-style:normal;
}
#Progress-Wrap .story-detail-02 .text{
	width:590px;
	float:left;
}
#Progress-Wrap .story-detail-02 .text p{
	line-height:2em;
	font-size:1.2em;
	margin:0px 0px 2em 47px;
	color:#000;
}
#Progress-Wrap .story-detail-02 .text p span{
	font-size:3.3em;
	line-height:1.2em;
}

#Progress-Wrap .story-detail-02 .text-02{
	width:585px;
	float:right;
	margin-top:30px;
}
#Progress-Wrap .story-detail-02 .text-02 p{
	line-height:2em;
	font-size:1.2em;
	margin:0px 47px 2em 0px;
	color:#000;
}

#Progress-Wrap .story-detail-02 p.caption{
	font-size:1em;
}


#Progress-Wrap .story-detail-02 .img-list{
	width:357px;
	float:right;
}
#Progress-Wrap .story-detail-02 .img-list li{
	list-style:none;
	margin-bottom:15px;
	width:305px;
	text-align:right;
	font-size:1.1em;
	color:#000;
	line-height:1.3em;
}
#Progress-Wrap .story-detail-02 .img-list li img{
	margin-bottom:5px;
}
#Progress-Wrap .story-detail-02 .img-list li em{
	font-style:italic;
}

#Progress-Wrap .story-detail-02 .img-list-02{
	width:357px;
	float:left;
	padding-bottom:11px;
}
#Progress-Wrap .story-detail-02 .img-list-02 li{
	list-style:none;
	margin-bottom:20px;
	width:310px;
	margin-left:47px;
	text-align:right;
	font-size:1.1em;
	color:#000;
	line-height:1.3em;
}






/*--
	detail 03
	
---------------------------------------------- --*/
#Progress-Wrap .story-detail-03{
	background:url(../../progress/img/bg.gif) repeat-y left top;
	width:984px;
	padding-bottom:1px;
	color:#000;
}

#Progress-Wrap .story-detail-03 .main-img{
	background:url(../../progress/img/bg_top.gif) no-repeat left top;
	padding-top:7px;
	margin-bottom:0px;
	width:984px;
}
#Progress-Wrap .story-detail-03 .main-img img{
	margin-left:7px;
	margin-bottom:5px;
}
#Progress-Wrap .story-detail-03 .main-img h1{
	margin:0px 0px 20px 2px;
}
#Progress-Wrap .story-detail-03 .main-img h1 img{
	margin:0px;
}



#Progress-Wrap .story-detail-03 .text-01{
	width:652px;
	float:left;
	margin-bottom:30px;
}
#Progress-Wrap .story-detail-03 .text-01 p{
	margin:0px 0px 20px 47px;
	line-height:2em;
	font-size:1.2em;
}
#Progress-Wrap .story-detail-03 .text-01 p span{
	font-size:3.3em;
	line-height:1.2em;
}

#Progress-Wrap .story-detail-03 .img-list{
	width:287px;
	float:right;
	margin-bottom:20px;
}
#Progress-Wrap .story-detail-03 .img-list li{
	list-style:none;
	margin-bottom:30px;
	width:240px;
}
#Progress-Wrap .story-detail-03 .img-list li p{
	font-size:1.1em;
	margin:3px 0px 0px 0px;
	font-style:italic;
	line-height:1.3em;
}
#Progress-Wrap .story-detail-03 .img-list li p strong{
	font-style:normal;
}



#Progress-Wrap .story-detail-03 .text-02{
	width:487px;
	float:right;
	margin-bottom:11px;
}
#Progress-Wrap .story-detail-03 .text-02 p{
	margin:0px 57px 20px 0px;
	line-height:2em;
	font-size:1.2em;
}


#Progress-Wrap .story-detail-03 .img-02{
	width:457px;
	float:left;
	margin-bottom:35px;
	text-align:right;
	margin-top:5px;
}
#Progress-Wrap .story-detail-03 .img-02 img.photo{
	margin-top:49px;
}
#Progress-Wrap .story-detail-03 .img-02 p{
	font-size:1.1em;
	text-align:left;
	margin:3px 0px 0px 47px;
	font-style:italic;
	line-height:1.3em;
}



/*--
	detail
	
---------------------------------------------- --*/
#Progress-Wrap .story-detail-04{
	background:url(../../progress/img/bg.gif) repeat-y left top;
	width:984px;
	padding-bottom:1px;
}

#Progress-Wrap .story-detail-04 .title{
	width:577px;
	float:left;
	background:url(../../progress/img/bg_top.gif) no-repeat left top;
	padding-top:17px;
	margin-bottom:20px;
}
#Progress-Wrap .story-detail-04 .title .logo{
	margin-left:17px;
	margin-bottom:10px;
}
#Progress-Wrap .story-detail-04 .title .num{
	margin-left:2px;
	margin-bottom:30px;
	font-size:1px;
}
#Progress-Wrap .story-detail-04 .title p{
	margin:0px 40px 2em 47px;
	line-height:2em;
	font-size:1.2em;
	color:#000;
}

#Progress-Wrap .story-detail-04 .title p span{
	font-size:3.3em;
	line-height:1.2em;
}
#Progress-Wrap .story-detail-04 .img{
	width:407px;
	float:right;
	background:url(../../progress/img/bg_top.gif) no-repeat right top;
	padding-top:7px;

}
#Progress-Wrap .story-detail-04 .img p.note{
	color:#000;
	margin:3px 10px 30px 0px;
	background:none;
	position:relative;
	text-align:left;
	font-size:1.1em;
	line-height:1.3em;
}

#Progress-Wrap .story-detail-04 .img-list{
	float:left;
	width:447px;
	margin-top:5px;
}
#Progress-Wrap .story-detail-04 .img-list li{
	list-style:none;
	margin-bottom:40px;
	margin-left:47px;
	font-size:1.1em;
}
#Progress-Wrap .story-detail-04 .img-list li p{
	margin:3px 2px -10px;
	line-height:1.3em;
	color:#000;
}
#Progress-Wrap .story-detail-04 em{
	font-style:italic;
}
#Progress-Wrap .story-detail-04 .text{
	float:right;
	width:537px;
}
#Progress-Wrap .story-detail-04 .text p{
	margin:0px 47px 25px;
	font-size:1.2em;
	color:#000;
	line-height:2em;
}








/*--
	detail
	
---------------------------------------------- --*/
#Progress-Wrap .story-detail-05{
	background:url(../../progress/img/bg.gif) repeat-y left top;
	width:984px;
	padding-bottom:1px;
}

#Progress-Wrap .story-detail-05 .title{
	width:427px;
	float:left;
	background:url(../../progress/img/bg_top.gif) no-repeat left top;
	padding-top:17px;
	margin-bottom:20px;
}
#Progress-Wrap .story-detail-05 .title .logo{
	margin-left:17px;
	margin-bottom:10px;
}
#Progress-Wrap .story-detail-05 .title .num{
	margin-left:2px;
	margin-bottom:30px;
	font-size:1px;
}
#Progress-Wrap .story-detail-05 .title p{
	margin:0px 40px 2em 47px;
	line-height:2em;
	font-size:1.2em;
	color:#000;
}

#Progress-Wrap .story-detail-05 .img{
	width:557px;
	float:right;
	background:url(../../progress/img/bg_top.gif) no-repeat right top;
	padding-top:7px;

}
#Progress-Wrap .story-detail-05 .img p.note{
	color:#000;
	margin:3px 10px 30px 0px;
	background:none;
	position:relative;
	text-align:left;
	font-size:1.1em;
	line-height:1.3em;
}

#Progress-Wrap .story-detail-05 .img-list{
	float:left;
	width:407px;
	margin-top:5px;
}
#Progress-Wrap .story-detail-05 .img-list li{
	list-style:none;
	margin-left:47px;
	font-size:1.1em;
	width:360px;
	overflow:hidden;
}
#Progress-Wrap .story-detail-05 .img-list li img{
	margin-bottom:70px;
}
#Progress-Wrap .story-detail-05 .img-list li p{
	margin:-67px 2px 0px;
	line-height:1.3em;
	height:67px;
	color:#000;
}
#Progress-Wrap .story-detail-05 em{
	font-style:italic;
}
#Progress-Wrap .story-detail-05 .text{
	float:right;
	width:577px;
	margin-bottom:20px;
}
#Progress-Wrap .story-detail-05 .text p{
	margin:0px 37px 25px 40px;
	font-size:1.2em;
	color:#000;
	line-height:2em;
}
#Progress-Wrap .story-detail-05 .text p span{
	font-size:3.3em;
	line-height:1.2em;
}

#Progress-Wrap .story-detail-05 .img-02{
	float:right;
	width:347px;
	margin-bottom:34px;
}
#Progress-Wrap .story-detail-05 .text-02{
	float:left;
	width:617px;
}
#Progress-Wrap .story-detail-05 .text-02 p{
	margin:0px 0px 25px 47px;
	font-size:1.2em;
	color:#000;
	line-height:2em;
}
#Progress-Wrap .story-detail-05 .text-02 p.note{
	font-size:0.9em;
	margin-bottom:31px;
}