@charset "utf-8";
@import url('smoj_global_common_globalMenu.css');
@import url('smoj_global_common_makeBilieve.css');
@import url('smoj_global_common_searchArea.css');
@import url('http://www.mikuweb.com/common/css/smoj_global_common_footer.css');

#header {
	position:relative;
	font-size:12px;
	margin-top:30px;
}

#headerContents {
	position:relative;
	height:47px;
	margin-top:10px;
}

#headerContents h1 {
	padding-top:12px;
}

#headerContents h2 {
	position:absolute;
	top:0px;
	right:0px;
}

#smojLogo {
	padding:0px !important;
	
	position:absolute;
	top:0px;
	left:0px;
}

.contentsCaption {
	
}

/* socialArea */
.socialArea {
	position:absolute;
	width:300px;
	height:44px;
	top:8px;
	right:0px;
	white-space:nowrap;
	overflow:hidden;
}

.socialTwitter {
	width:70px;
	float:right;
	display:inline;
	margin-right:-2px;
}

*:first-child+html .socialTwitter {
	width:90px;
	float:right;
	display:inline;
	margin-right:0px;
}


twitter-share-button {
	width:90px !important;
}

.twitter-count-none {
	width:90px !important;
}

.socialMixi {
	width:70px;
	float:right;
	display:inline;
	margin-left:7px;
}

.socialFaceBook {
	
	width:70px;
	float:right;
	display:inline;
	margin-left:7px;
	overflow:hidden;
}

.socialGoogle {
	float:right;
	display:inline;
	margin-left:7px;
	overflow:hidden;
	width:35px;
}




/* utilElements */
#mainContents {
	margin-top:22px;
}

#mainContentsBody {
	background:#FFF;
	padding-bottom:30px;
}

.contentsBody {
	width:880px;
	margin:0px auto;
	margin-top:20px;
}



#breadcrumb {
	padding-left:15px;
	height:40px;
	line-height:40px;
	
	font-size:12px;
	border-bottom:1px solid #f7f7f7;
	
	position:relative;
}

#breadcrumb a {
	color:#8d8d8d;
	text-decoration:underline;
}

#breadcrumb .socialArea {
	position:absolute;
	top:10px;
	right:10px;
}

/* pageNavi */
.pageNavigation {
	font-size: 13px;
	height: 20px;
	line-height: 20px;
	color: #3B3D40;
	width: 880px;
	margin: 0px auto;
	margin-top: 18px;
}

.pageNavigation p {
	float: left;
}

.pageNavigation a {
	color: #C4C5C6;
}

.pageNavigation span {
	color: #C4C5C6;
	margin: 0px 12px;
	display: inline-block;
}

/* subCaption */
.subCaption {
	height: 35px;
	line-height: 35px;
	background: #E6E6E6;
	padding-left: 10px;
	color: #444546;
	font-size: 15px;
	position: relative;
	margin-top:30px;
}

.subCaption .more {
	position: absolute;
	right: 10px;
	top: 0px;
	height: 35px;
	line-height: 35px;
	font-size: 12px;
	color: #444546;
}

.subCaption .more span {
	margin-left: 6px;
	color: #A5A5A5;
}



.aipBtnMoreL {
	border: 1px solid #F6F6F6;
	cursor: pointer;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #444546;
	font-size: 11px;
	background: white;
	position:relative;
}

.navigateBorder {
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	border: 5px solid #B3B3B3;
	position: absolute;
	left: 0px;
	top: 0px;
}