@charset "shift_jis";

/*******************************************************************
  contents STYLES                                                   
*******************************************************************/	

#contents{
	width :900px;
	margin:0 auto 100px;
	text-align:left;
	background:#FFF;
	overflow:hidden;
	_zoom:1;	
}

#mainContents .mainContainer{
	float:left;
	width:580px;
}

/* #topNavigation */
div#mainContents ul#mainTopnavi {
	margin:0 0 20px;
}

div#mainContents ul#mainTopnavi li{
    display: inline;   
}
		
/* #Ranking */
h3.mainrankingTitle{
	margin:0 0 15px;
	padding:0 0 11px;
	border-bottom:1px solid #DFDFDF;
	position:relative;
}

p.mainDate{
	font-weight:normal;
	color: #656565;
	position:absolute;
	top:4px;
	right:0;
	vertical-align:middle;
    min-height: 16px;
}
p.mainDate img{
	vertical-align:middle;
	margin:0 0 0 7px;
}

/* #RankingNo1 */
dl.mainrankingNo1{
	margin:0 0 10px;
	font-size: 220%;
	color: #2F63C9;
}
dl.mainrankingNo1 dt{
	display:inline;
	float:left; 
	margin-right:4px;
}
dl.mainrankingNo1 dd.title{
	padding-top:3px;
	font-weight: bold;
}
dl.mainrankingNo1 dd.title a{
	vertical-align:bottom;	
}
dl.mainrankingNo1 dd.point{}

/* #RankingLink */
div.mainRankingLink{
	padding:0 0 25px;
	border-bottom:3px solid #FFC000;
	margin-bottom:15px;
}

div.mainRankingLink ol{}
div.mainRankingLink ol li{}
div.mainRankingLink ol span{}

/* contentsBtm */
div#contentsBtm div#btmNavi{
	overflow:hidden;
	_zoom:1;
}

div#contentsBtm div#btmNavi p#goTopLink{
	float:right;
	background: url(../images/img_top.gif) no-repeat 3px;
	padding-left: 19px;
}
div#contentsBtm div#btmNavi p#monitor{
	padding:3px 0 2px 7px;
	border-left:3px solid #666666;
    float:left;
	line-height:1.1;
}

/* twittert */
div#mainContents .tweet{
	background: url(../images/icon_twitter.jpg) no-repeat left top;
	padding-left:38px;
	min-height:28px;
    height: auto !important;   
    height: 28px; 	
	font-size:120%;
	font-weight:bold;
	line-height:2;
}
div#mainContents .tweet .beta{
	color:#969696;
}
div#mainContents .module-twitter{
	background:#F0F0F0 url(../images/twitter_upper.gif) no-repeat left top;
	padding: 25px 10px 0;
    overflow: hidden;   
    _zoom: 1; 	
}
div#mainContents .module-twitter div{
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 12px;
}
div#mainContents .module-twitter .name{
	color: #2F63C9;
	font-weight:bold;
	zoom:1;
}
div#mainContents .module-twitter .name:after{content:"";clear:both;display:block;}
div#mainContents .module-twitter .name .timestamp{
	float:right;
	font-weight:normal;
	text-decoration:none;
	cursor:pointer;
}
div#mainContents .module-twitter .name .timestamplink{
	text-decoration:none;
}
div#mainContents .module-twitter .name .username{
	font-weight:normal;
	float:none;
	padding:0 0 0 5px;
}
div#mainContents .module-twitter .comment { 
	overflow: hidden;
	_zoom: 1;
	margin-bottom:0;
	border-bottom:0;
	padding-bottom:12px;
} 
div#mainContents .module-twitter span { 
    float:left;
	color:#7A7A7A;
} 
div#mainContents .module-twitter p.photo{
	float: left;
	margin: 0 10px 5px 0;
	clear:left;
}
div#mainContents .module-twitter ul{
	float: right;
}
div#mainContents .module-twitter li{
    display: inline-block;
	line-height:1.1;
	min-height:15px;
	*display:inline;
	*zoom:1;
}
div#mainContents .module-twitter li.hot{
	background: url(../images/icon_hot.gif) no-repeat left center;
	padding:2px 6px 0 25px;
	color:#c50509;
	font-size:.93em;
}
div#mainContents .module-twitter li.return{
	background: url(../images/icon_return.gif) no-repeat left center;
	padding: 0 6px 0 15px;
}
div#mainContents .module-twitter li.retweet{
	background: url(../images/icon_retweet.gif) no-repeat left center;
	padding: 0 6px 0 17px;
}
div#mainContents .module-twitter li.favorite{
	background: url(../images/icon_favorite.gif) no-repeat left center;
	padding-left: 17px;
}
div#mainContents .module-twitter-lower{
	height:10px;
	background:#F0F0F0 url(../images/twitter_lower.gif) no-repeat left bottom;
	margin-bottom:14px;
}
div#mainContents h4 table{
	clear:both;
	margin:0 0 5px;
}
div#mainContents h4 td{
	font-size: 120%;
	color: #333333;
	font-weight:bold;
}



/*===================================================================
	v3
===================================================================*/
/* twittert */
div.module-manual{
	overflow: hidden;
	_zoom: 1; 	
	padding:12px 10px 0;
	border-top:3px solid #FFC000;
	margin:45px 0 10px;
}
div.module-manual h4{
	margin-bottom:30px;
	font-size:120%;
}
div.module-manual h4 img{
	vertical-align:middle;
	margin-left:5px;
}
div.module-manual .lead{
	margin-bottom:13px;
}
div.colorframe{
	background:#F4F4F4 url(../images/frame_upper.gif) no-repeat left top;
	padding:14px 10px 0;
}
div.colorframe-lower{
	background:url(../images/frame_lower.gif) no-repeat left bottom;
	height:14px;
}
div.colorframe p{
	padding:11px 0 25px;
}
div.colorframe p.last{
	padding:11px 0 0;
}
.module-manual-title{
	background:#EFEFEF url(../images/manual_upper.gif) no-repeat left top;
	color:#0082A7;
	font-weight:bold;
	padding:7px 10px 0;
	font-size:120%;
	line-height:1.1;
}
.module-manual-text{
	background:url(../images/manual_lower.gif) no-repeat left top;
	padding:28px 12px;
}
div.module-manual .btnArea{
	margin-top:30px;
	text-align:center;
	color:#0081A7;
	font-weight:bold;
}
div.module-manual .btnArea img{
	margin-bottom:10px;
}

/* faq */
div.module-manual ul.faq li{
	background: url(../images/icon_q.gif) no-repeat left 3px;
	color:#2F63C9;
    padding-left: 31px;
}

div.module-manual ul.faq li.answer{
	background: url(../images/icon_a.gif) no-repeat left 3px;
	text-decoration:none;
	color:#333;
    cursor:auto;
	padding:0 0 20px 30px;
	width:530px;
}

div.module-faq{
	border-top-color:#FFC000;
	border-top-style:solid;
	border-top-width:3px;
	overflow: hidden;
	_zoom: 1; 	
	padding:12px 10px 0;
	margin:45px 0px 10px;
}

div.module-faq h4 {
font-size:120%;
margin-bottom:20px;
}

div.module-faq ul.faq-a li.question{
	background:#EFEFEF url(../images/icon_q.gif) no-repeat 5px 5px;
	padding: 1px 0 0 36px;
	color:#333333;
	font-weight:bold;
	min-height:27px;
	margin-bottom:5px;
}

div.module-faq ul.faq-a span{
	vertical-align:middle;
}

div.module-faq ul.faq-a li.answer{
	background: url(../images/icon_a.gif) no-repeat 5px 5px;
	text-decoration:none;
	color:#333;
	padding:0 0 20px 36px;	
	width:530px;
}

div.module-faq p#goTopLink {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-attachment:scroll;
background-color:transparent;
background-image:url(/search/shun/v3/images/img_top.gif);
background-position:3px 75%;
background-repeat:no-repeat;
float:right;
padding-left:19px;
padding-top:12px;
}

/* index */
div.module-manual .img-left{
	float: left;
	margin: 0 15px 0 10px;
}
div.module-manual p { 
	overflow: hidden;
	_zoom: 1; 
}

/* distribution */
div.module-manual div.block-way{
	width:615px;
	background: url(../images/img_distr_arrow.gif) no-repeat 161px bottom;
	margin:0 -55px 0 0;
	padding-top:10px;
	margin-bottom:13px;
	overflow:hidden;
	_zoom:1;
}
.module-code{
	background:#EFEFEF url(../images/manual_upper.gif) no-repeat left top;
	padding:12px 18px 5px;
	font-size:90%;
}
.module-code img{
	vertical-align: -4px;
}
.module-code-text{
	background:url(../images/manual_lower.gif) no-repeat left top;
	padding:26px 0 0;
	font-size:90%;
}
div.module-manual p.module-way{
	width:150px;
	float: left;
	margin-right:55px;
}
div.module-manual .module-way span{
	display:block;
	color:#1791B4;
	font-weight:bold;
    padding-left: 0.8em;
    text-indent: -0.8em; 	
    min-height:5em;
    height: auto !important;   
    height: 5em;
}