/*-----------------------------------------------------
マージン・パディングなど共通CSS
-------------------------------------------------------*/
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mr05{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.p05{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt45{padding-top:45px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl200{padding-left:200px;}
.flL{float:left;}
.flR{float:right;}
.txtC{text-align:center;}
.txtR{text-align:right;}
.txtL{text-align:left;}
.disInBlk{display:inline-block;}
a:hover img {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	background-color: #FFFFFF;
}


#mainColumn{
	font-size: 12px;
	margin: 0;
	padding: 0px;
	line-height: 18px;
	width:950px;
}
#switch {
	text-align:right;
	margin-bottom:5px;
}
#switch li {
	display:inline-block;
}


/*タイトル画像*/

#firstColumn{
	margin: 0 0 30px 0;
	padding: 0px;
	width: 950px;
	position:relative;
}

#firstColumn h2 {
	margin: 0px;
	padding: 0px;
	width: 950px;
}

#firstColumn .titleTxt p {
	width: 900px;
	margin: 20px 0 0 20px;
	padding: 0px;
}

.socialBtn {
	margin: 20px 0 0 0;
	padding:0;
	float:right;
}

.social{
	padding: 0 0 10px 0;
}
.social li{
	float: left;
}
.social #twitter{
	width: 100px;
}
.social #facebook_like{
	width: 120px;
}
.social #google_plusone{
	width: 60px;
}

/*　漫画ゾーン　*/

#secondColumn {
	margin-top: 30px;
	width:950px;
}

#secondColumn .section {
	padding: 0px;
	width: 930px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#secondColumn ul {
	padding:20px 0 0 15px;
}
#secondColumn ul li {
	display:inline-block;
}

/*　特徴ゾーン　*/

#thirdColumn {
	text-align: center;
	padding: 20px 0 0;
	/*
	background: -webkit-gradient(linear, left top, right bottom, from(#ddd), color-stop(0.25, #ddd), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ddd), color-stop(0.75, #ddd), color-stop(0.75, white), to(white));
	background: -moz-linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
	background: linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white);
	background-size: 4px 4px;
	*/
}
.firstLetter {
	font-size:30px;
}
#thirdColumn section {
	padding: 10px 0px 0px 0px;
	width: 920px;
	margin: 0 0 20px 15px;
	border-radius: 10px;
	background-color: #FFFFD7;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJ0lEQVQIW2NkQAP//0/7z4gsBhZgzGKEC8IEQIrAgsgCYEF0AZAgAPBhE5mfFtmAAAAAAElFTkSuQmCC) repeat;
	border: #CCC solid 1px;
}
#thirdColumn section .imgFrame {
	border-radius: 10px;
	background-color: #FFF;
	border: #CCC solid 1px;
	padding:10px;
	margin:20px;
}
#thirdColumn section .frame {
	border-radius: 10px;
	background-color: #FFF;
	border: #CCC solid 1px;
	padding:30px 20px 20px;
	margin:20px 0;
	width:400px;
	display:inline-block;
}
#thirdColumn section h4 {
	font-size: 18px;
	border-bottom: 1px dotted #FC0;
	line-height: 1.8em;
	margin-right: 20px;
}

#thirdColumn section a:hover img {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}