@charset "UTF-8";

/* mydesign PC
===========================================*/
/* contentBodyMain */
#contentAll #contentBodyMain{
	background:#fbf2ff url(../img/3ds/tds_chara_bg_h1.jpg) repeat-x left top;
	border:#b55ae0 4px solid;
	margin-bottom:30px;
}

/* h1 */
#contentAll #contentBodyMain h1{margin:4px 0px 10px 35px;}

/* mainArea */
#contentAll #contentBodyMain div.mainArea{padding:20px 20px 30px;}
#contentAll #contentBodyMain div.mainArea p,
#contentAll #contentBodyMain div.mainArea h2{margin:0px;}

/* charaBox */
#contentAll #contentBodyMain .charaBox1:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #contentAll #contentBodyMain .charaBox1             { zoom: 1; } /* IE6 */
*:first-child+html #contentAll #contentBodyMain .charaBox1 { zoom: 1; } /* IE7 */

#contentAll #contentBodyMain .charaBox2:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #contentAll #contentBodyMain .charaBox2             { zoom: 1; } /* IE6 */
*:first-child+html #contentAll #contentBodyMain .charaBox2 { zoom: 1; } /* IE7 */

#contentAll #contentBodyMain .charaBox1 p{width:456px; float:left;}
#contentAll #contentBodyMain .charaBox2 p{width:304px; float:left;}


/* mydesign SP
===========================================*/
@media only screen and (max-width: 767px){

/* contentBodyMain */
#contentAll #contentBodyMain{
	background:#fbf2ff url(../img/3ds/tds_chara_bg_h1.jpg) repeat-x left top;
	background-size:800px 39px;
	border:#b55ae0 2px solid;
	margin-bottom:10px;
}

/* h1 */
#contentAll #contentBodyMain h1{margin:2px 0px 5px 17px;}

/* mainArea */
#contentAll #contentBodyMain div.mainArea{padding:9px 11px 15px;}

/* charaBox */
#contentAll #contentBodyMain .charaBox1 p{width:50%;}
#contentAll #contentBodyMain .charaBox2 p{width:33%;}
#contentAll #contentBodyMain .charaBox2 p.charaEnd{width:34%;}

}