@charset "utf-8";

/* 2008年２月用リニューアル*/
div#mainScreen .contentsEntryArea .usesetInfo{ border-color:#FF0000; padding:20px 40px 20px 40px}
div#mainScreen .contentsEntryArea .usesetInfo{margin-top: 40px;}
div#mainScreen .contentsEntryArea .msgList .resumeTable span.mustIcn{line-height: 20px}
div#mainScreen .contentsCenterArea .usesetInfo1{ margin: 20px 40px 20px 40px;
;padding:20px 10px 20px 40px; border: thin solid #ff0000;
 }

/* 全体で使用 */
#mainScreen {
   width: 750px;
   padding: 0px;
   margin: 0px 0px 0px 0px;
   text-align: center;
/*   overflow: hidden; */
}
#mainScreen:after {
   content: "";
   display: block;
   clear: both;
   height: 1px;
 /*  overflow: hidden; */
}
/*\*/
* html #mainScreen {
   height: 1em;
   overflow: visible;
}
/**/

.contentsArea {
   margin: 0px 5px 0px 5px;
   text-align: left;
}

/*===============================================
PC
===============================================*/
/* ワイド化 */
.Stage,
#mainScreen {
	width: 950px;
	padding:0;
	margin:0 auto;
	text-align:left;
}
div#content {
	_height: 1%;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}
div.contents,
div.contentsArea {
	height: 1%;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
}

/* トップページ, 共通 */


#comic,#comic * {margin: 0;padding: 0; box-sizing:border-box;}

#comic {margin-top: 12px; position: relative;}

#comic img {
	border:solid 2px #CCCCCC;
	margin-bottom: 40px;
}

#comic p.lead {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.6;
	margin-bottom: 12px;
	margin-top: 12px;
	text-align: justify;
}

#comic a {
	position:absolute;
	width: 350px;
	bottom: 140px;
	left: 32px;
	font-size: 18px;
	line-height:28px;
	font-weight: bold;
	color: #0066cc;
	text-decoration: none;
}

#comic a:hover{
	color: #ff0000;
    text-decoration: underline;
}

#comic a:active{
	color: #ff0000;
    text-decoration: none;
}

#comic a:visited{
	color: #0066cc;
    text-decoration: none;
}

/*
@media screen and (min-width: 641px) {
*/

/* ソーシャルメディアボタン */
#socialHeader{
    overflow: hidden;
    width: 950px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
}
#socialHeader div.inner{
	float: right;
}
#socialHeader div.btn{
	float: left;
	margin-right: 7px;
}
#socialHeader div.btn.facebook{
	width:75px;
}
#socialHeader div.btn.twitter{
	width:80px;
}
#socialHeader div.btn.mixi{
	width:77px;
}
#socialHeader div.btn.gree{
	width:70px;
}
#socialHeader div.btn.google{
	width:32px;
	margin-right: 0;
}
/*-- end:2011/10/13 MGA追加
 --*/