@charset "UTF-8";

@-ms-viewport	{width: device-width;}

h2 {
	background: url(../images/ch/PT-ch.gif) no-repeat 0 0 #FFFFFF;
	background-size: auto 32px;
	height: 32px;
	text-indent: -9999px;
}
#catch {
	font-weight: bold;
	text-align: center;
	margin: 10px 0;
	line-height: 1.5;
}
#akasatana h3, #pet h3 {
	background: url(../images/ch/subT-akasatana.gif) no-repeat 0 0 #FFFFFF;
	background-size: auto 25px;
	height: 40px;/*IE8だとbackground-sizeが未対応なので25pxだと下のラインが表示されないので画像と同じ高さに指定*/	
	text-indent: -9999px;
	margin: 15px 0 10px;
}


#akasatana p, #pet p {
	line-height:1.5;
}

#akasatana a.ex,
#pet a.ex{
	background:url(../images/common/icon-nav.png) no-repeat right center transparent;
	padding-right:15px;
	font-size:14px;
	font-size:1.4rem;
} 




#pet h3 {
	background-image: url(../images/ch/subT-pet.gif);
}
.chara div#wrapper-inner {
	text-align: center;
	margin: 0 5%;
	border-bottom: 1px dotted #333;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.chara div {
	margin: 0 auto;
}
.chara div div.c-img {
	border: 1px solid #333;
	width: 130px;
	padding: 5px;
}
.chara div div.c-name {
	border: 1px solid #333;
	border-top: none;
	width: 130px;
	padding: 10px 5px;
	background-color: #ffc;
	text-align: center;
	margin-bottom: 10px;
}
.chara dl dt {
	padding: 5px;
	border: 1px solid #333;
	width: 210px;
	text-align: center;
}
.chara dl dd {
	border: 1px solid #333;
	border-top: none;
	width: 220px;
	margin: 0 0 10px 0;
	padding: 10px 0;
	background-color: #ffc;
	text-align: center;
}
#chara dl {
	margin-left: 18%;
}


/*IE8対応*/
#akasatana img.photoimg{ 
	width:150px;
}


#pet img.photoimg{ 
	width:150px;
}





/* 640px (計算620÷13=47.69230769) */
@media only screen and (min-width: 47.69em) {
h2 {
	background-size: auto 40px;
	height: 40px;
}
#catch {
	font-size: 16px;
	font-size: 1.6rem;
}
.chara div#wrapper-inner {
	text-align: left;
}
.chara div#wrapper-inner img {
	float: left;
	margin-right: 10px;
}
.chara div#wrapper-inner2 {
	width: 470px;
}
.chara div.c {
	float: left;
	margin-right: 10px;
}

.chara div div.c-img {
	width: 210px;
}
.chara div div.c-name {
	width: 210px;
}


}


/* 920px (計算920÷13=70.76923076) */
@media only screen and (min-width: 70.76em) {
}