/*-----------------------------------------------------	*/
/*	archive_details.css						*/
/*-----------------------------------------------------	*/

/* ------ titArea ------ */

hgroup {
	background-image:none;
	padding-bottom: 0;
}

/* ------ profMain ------ */

#profMain {
	width:960px;
	margin:0 auto;
	padding: 40px 0 0;
}
#titArea {
	width:100%;
}
#mainTit {
	font-size:250%;
	font-weight:bold;
	color:#000;
	padding-bottom: 20px;
}
#yomi {
	font-size:120%;
	font-weight:bold;
	padding-bottom: 20px;
}
.slidBox {
	width:60%;
	margin:0 auto;
}
#profData {
	width:100%;
	margin:0 auto;
	padding-top:20px;
}
#profData p {
	line-height:160%;
	padding:5px 0 20px;
	text-align:justify;
}
#profData h3 {
	border-bottom:#999 dotted 1px;
	padding-bottom:5px;
	font-weight:bold;
}
#snsBox {
	padding-bottom: 40px;
}
#snsBox li {
	float:left;
	padding:0 10px 10px 0;
	list-style: none;
}

/* ------ detailsArea ------ */

#detailsArea {
	width:960px;
	margin:0 auto;
	padding:0 10px;
}
#chirashi,
#cast,
#staff {
	width:300px;
	padding:0 10px;
	float:left;
}
#detailsArea h3 {
	font-size:120%;
	font-weight:bold;
	color:#000;
	padding-bottom:10px;
	border-bottom:#000 solid 1px;
}
#detailsArea dl {
	padding:5px 0;
	border-bottom:#666 dotted 1px;
}
#detailsArea dt {
	float:left;
	width:90px;
	font-size:80%;
}
#detailsArea dd {
	float:left;
	width:210px;
}
#koujyou {
	clear:both;
	padding:20px 10px;
}
#koujyou div {
	background-color:#eee;
	padding:20px 40px 40px;
}
#koujyou div h2 {
	text-align:center;
	padding-bottom:10px
}
#koujyou div #leadTit {
	font-size:140%;
	font-weight:bold;
	text-align:center;
	padding-bottom:20px
}

#bottomNav {
	padding:20px 0 40px;
}
#bottomNav li {
	width:140px;
	padding:0 10px;
	float:left;
	list-style: none;
}
#bottomNav li a img {
	border-top:#fff solid 10px;
	padding-bottom:10px;
}
#bottomNav li a img:hover {
	border-top:#e40011 solid 10px;
}
#bottomNavTit {
	width:320px;
	margin:0 auto;
	padding-bottom:10px;
}

/*-----------------------------------------------------	*/
/*	for - 1280px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1280px) {

}

/*-----------------------------------------------------	*/
/*	for - 980px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 980px) {

/* ------ profMain ------ */

#profMain {
	width:640px;
}

#yomi {
	padding: 0 0 20px;
}

.slidBox {
	width:100%;
}

#profData {
	width:100%;
	float:none;
	padding-top:0;
}
#profData p {
	padding: 20px 0;
}

/* ------ detailsArea ------ */

#detailsArea {
	width:640px;
}
#chirashi {
	float:none;
	width:640px;
	clear:both;
}
#chirashi h2 img {
	width:100%;
	margin:0 auto;
	padding-top:20px
}

}

/*-----------------------------------------------------	*/
/*	for - 800px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 800px) {

}

/*-----------------------------------------------------	*/
/*	for - 568px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 568px) {

/* ------ profMain ------ */

#profMain {
	width:100%;
}

/* ------ titArea ------ */

#mainTit {
	font-size:200%;
	font-weight:bold;
	line-height:110%;
	padding: 0 0 10px;
	width:90%;
	margin:0 auto;
}

#profData {
	width:90%;
	margin:0 auto;
}

/* ------ detailsArea ------ */

#detailsArea {
	width:320px;
	padding:0;
}
#detailsArea h3 {
	font-size:100%;
}
#staff {
	padding-top:20px;
}
#chirashi {
	width:320px;
}
#chirashi h2 img {
	width:300px;
}
#koujyou div {
	padding:20px 20px;
}
#koujyou div #leadTit {
	text-align:justify;
}

}

/*-----------------------------------------------------	*/
/*	for - 480px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 480px) {

}