/*
Theme Name: 第1回 ミックコスモ ファンレター大賞
Theme URI: 
Description: ミックコスモ様ファンレター大賞用テーマ
Version: 1.0
Author: 株式会社エーディーシー
Author URI: http://www.adc-system.co.jp/
*/


@charset "utf-8";
/* CSS Document */



h1,h2,h3,h4,h5,h6 {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/* 
---------------------------------*/
html,body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
body > #wrapper {
	height: auto;
}
html {
	background:url("/mirror-assets/f3091fe094dd25f7e9de42d1d83aafc9c4f70de4bf0105199191be10326cd402.gif") repeat #fff;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:130%;
	color:#333;
	background:url("/mirror-assets/f3091fe094dd25f7e9de42d1d83aafc9c4f70de4bf0105199191be10326cd402.gif") repeat #fff;
	height:100% !important;
	min-height:100% !important;
}
#wrapper {
	height:100%;
	min-height:100%;
}
p {
	font-size:90%;
}
#container {
	width:880px;
	height:100%;
	margin:0 auto;
	background:#fff;
	position:relative;
}
/*  header
---------------------------------*/
#header {
	width:100%;
	min-height:662px;
	position:relative;
	background:url("/mirror-assets/356597cc6fd766b202ea95c94547fa4960814e1f546ebd1b0e1dd88ea6751da2.png") no-repeat top center;
	overflow:hidden;
}
#bar {
	width:100%;
	height:71px;
	position:absolute;
	top:0;
	background:url("/mirror-assets/93e131ba75dde13b242947db84b89b760fc18f0b6bb619e98b1034b57480851c.png") repeat-x top left;
}
#bar h1 a {
	width:140px;
	height:37px;
	background:url("/mirror-assets/9a3f6ae84b12319f4e7c38ef30cb38c5ef81bdf0b09e609ebf5374cc71d5d69d.png") no-repeat;
	margin:12px 20px;
	display:block;
}
#title {}
#title h2 {
	width:100%;
	height:400px;
	background:url("/mirror-assets/26089d3d6105ed7439cd4b57cbfc648b83c1df6f60fe5fd48a6acbc658230a33.png") repeat-x top left;
	margin-top:71px;
}
/* 
---------------------------------*/
#comment {
	margin:80px 0 0 40px;
	color:#666;
	width:490px;
}
#comment p {
	margin:0 0 15px;
	line-height:1.7;
}
#comment p:last-child {
	margin:0;
}
#comment span {
	float:right;
	margin-top:-30px;
}
/* 
---------------------------------*/
#grandPrize {
	width:323px;
	height:476px;
	background:url("/mirror-assets/6d0e87919749e3c8ed8f59c3f34793ac160f5506ee6efa892cd970834088e943.png") no-repeat;
	float:right;
	position:absolute;
	right:0;
	top:320px;
}
#grandPrize .ribbon {
	width:61px;
	height:161px;
	background:url("/mirror-assets/77b91e196939b4ebb556e854e2986a39a57b590a6bad77cae16425c943bba5e6.png") no-repeat;
	position:absolute;
	top:97px;
	left:24px;
	z-index:99;
}
#grandPrize .thumbnail {
	width:217px;
	height:271px;
	background:#fff;
	overflow:hidden;
	position:absolute;
	top:90px;
	left:63px;
}
#grandPrize .thumbnail a:hover {
	opacity:0.6;
}
#grandPrize .con {
	width:284px;
	margin:0 0 0 28px;
	position:absolute;
	top:364px;
	/*overflow:hidden;*/
}
#grandPrize .con .name {
	width:85px;
	float:left;
	color:#fff;
	font-weight:bold;
}
#grandPrize .con .social {
	width:170px;
	float:right;
	margin-right:20px;
}
#grandPrize .con .social .good .reaction_buttons_tagline {
	color:#fff;
}
/* 
---------------------------------*/
#contents {
	width:800px;
	/*overflow:hidden;*/
}
.contentsTop {
	margin:20px auto 40px;
}
.contentsNext {
	margin:-70px auto 35px;
}
#contents h4 {
	width:100%;
	height:36px;
}
.contentsTop h4 {
	background:url("/mirror-assets/505eb3fb4b90e5f979e75b2156ed45dd760a4817715af9efbf11111888ba8c1b.png")
}
.contentsNext h4 {
	background:url("/mirror-assets/a349de8b81fc93ccb30e468dffc495ceb141ea3554898860051de6da9c377a54.png")
}
/* 
---------------------------------*/
#boxArea {
	clear:both;
	margin:10px 0 20px;
}
.box {
	width:194px;
	height:305px;
	background:url("/mirror-assets/552edab703877a3d8b76915c96ed662799fae3df676e2fb97a1bd2d696988c6b.png") no-repeat;
	float:left;
	margin:8px 8px 8px 0;
}
.box:nth-child(4n) {
	float:right;
	margin-right:0;
}
.box .thumbnail {
	width:112px;
	height:138px;
	overflow:hidden;
	margin:31px 0 0 38px;
}
.box .thumbnail a:hover {
	opacity:0.6;
}
.box .name {
	width:166px;
	background:#fbe1ca;
	margin:12px 0 0 6px;
	padding:2px 5px;
	border-radius:4px 4px 0 0 ;
}
.box .social {
	background:#f8f2d9;
	width:166px;
	height:90px;
	margin:0 0 0 6px;
	padding:0 5px;
}

/* 
---------------------------------*/
.sc {
	float: left;
	margin: 2px 5px 0 0;
}
.fb {
	/*background:#03F;*/
	width:97px;
	height:20px;
}
.tw {
	/*background: #09C;*/
	width: 90px;
	height: 20px;
}
.mx {
	background: #F90;
	width: 58px;
	height: 18px;
	z-index:5;
}
.line {
	width:88px;
	height:20px;
}
.good {
	clear:both;
	width:100%;
	background:ccc;
	margin:5px 0 0;
}
.good .reaction_buttons_tagline {
	font-size:75%;
}
.good a {
	font-size:75%;
	display:block;
	padding: 1px 10px;
	border:1px dotted #ed7b9c;
	border-radius:4px;
	background:#fcddc6;
	color:#666;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}
.good a:hover {
	background:#fff;
}
.good .voted {
	background:#ed7b9c !important;
	color:#fff;
	border:1px dotted #fff !important;
	cursor:default !important;
}
/* 
---------------------------------*/	
#pageEjection {
	clear:both;
	overflow:hidden;
	position:relative;
	top:10px;
}
#pageEjection .mess {
	text-indent:-9999px;
	background:url("/mirror-assets/db9829d98d4d63aa304a27082321ec84f8c656b9adc27733acc499dd82b58cc2.png") no-repeat;
	width:404px;
	height:39px;
	float:left;
}
#home #pageEjection .pageNavi {
	float:right;
	width:376px;
}
#page #pageEjection .pageNavi {
	
}
/* 
---------------------------------*/
#footer {
}
/* 
---------------------------------*/	
#how {
	background:#115424;
	padding:10px;
	font-size:75%;
	overflow:hidden;
}
#how .howBox {
	background:url("/mirror-assets/05ab778532b81abf6bcf19ea1f366c45fbc495e5515e2e2d217258d4234cc601.png") no-repeat #fff center;
	width:820px;
	height:128px;
	padding:0 20px;
	border-radius:10px;
	overflow:hidden;
}

#how .howBox p {
	margin:40px 0px;
	font-size:100%;
}

#how .copy {
	float:left;
}
#how .copy ul {
	margin:20px 10px 0px;
	overflow:hidden;
}
#how .copy ul li {
	float:left;
	color:#fff;
}
#how .copy ul li a {
	text-decoration:none;
	color:#fff;
}
#how .copy ul li a:hover {
	text-decoration:underline;
}
#how .copy h5 {
	text-indent:;
	color:#fff;
	margin:0 10px;
	text-indent:0;
}
#how .logo {
	float:right;
}
#how .logo h6 {
	background:url("/mirror-assets/ccf1e4a9024323858cee4d485a553776b83306caf709753eeb7d25e1fc050a5f.gif") no-repeat;
	margin:10px 10px 0 0 ;
	width:149px;
	height:39px;
}

/* 
---------------------------------*/
#social {
	position:relative;
}
#social .scFooter {
	padding:10px 40px 20px;
	min-height:80px;
}
#social .fbBig a {
	width:100%;
	height:56px;
	display:block;
	background:url("/mirror-assets/b28b615a627dc06e5270fc5cf2ef51f231cbecca1a0f520fc3c78aeef49c7e04.png") no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position:absolute;
	bottom:0;
	clear:both;
	overflow:hidden;
}

/* 
---------------------------------*/
#home .pageNavi {
	margin-top:-5px;
}
#page .pageNavi {
	margin-top:10px;
}
.wp-pagenavi {
	color:#999;
	padding:0;
	font-size:12px;
	text-align:center;
}

#home .pageNavi a, #home .pageNavi span {
	margin:0 10px 4px;
	float:left;
	padding-top:5px;
}
#page .pageNavi a, #page .pageNavi span {
	margin:0 10px 4px;
}
.pageNavi a {
	color:#09F;
	text-decoration:none;
}
.pageNavi a:visited {
	color:#ccc !important;
}
.pageNavi a:hover {
	text-decoration:underline;
}

.current {
	font-weight:bold;
	color:#333;
}
.previouspostslink,.nextpostslink {
}
.previouspostslink {
	background:url("/mirror-assets/7d453662bd260b83c6da47192d8b519784471bc91730e4354ff30905b799c98a.png") no-repeat left 4px;
	padding:5px 0 5px 25px;
	margin-right:15px !important;
}
.nextpostslink {
	background:url("/mirror-assets/c6406cd3cb638cdfdb2295217b7b791550142adac03fd676c81c67be9aaa4525.png") no-repeat right 4px;
	padding:5px 25px 5px 0;
	margin-left:15px !important;
}

/* 
---------------------------------*/
#single {
	width:660px;
	overhidden;
	margin:0 auto;
	background:#fff;
	padding:10px 0;
	position:relative;
}
#single .thumbnail {
	float:left;
	width:450px;
	margin:10px;
}
#single .con {
	float:left;
	width:180px;
	padding:10px 0 0;
	margin-right:10px;
}
#single .con .name {
	width:180px;
	border-bottom:2px solid #ff6699;
	margin:10px 0;
	padding:0 0 5px;
}
#single .sc {
	float:none;
}
.goHome {
	clear:both;
	text-align:center;
}