@charset "UTF-8";

/*--------------------------------------
	Basic
---------------------------------------*/


* {
	margin: 0;
	padding: 0;
}

body,
h1,
h2,
h3,
h4,
p,
ul,
li,
img {
	margin: 0;
	padding: 0;
	border: 0;
}

li {list-style: none;}

a			{ color: #333333; text-decoration: none; }
a:hover 	{ color: #; text-decoration: underline;}
/*a:visited	{ color: #; }*/
address		{ font-style: normal; }

.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */

body {
	background-color: #FFFFFF;
	font-size: 14px;
	line-height: 1.5;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック";
	text-align: center;
        word-break: break-all;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#container {
	background: url("../images/home/new/background.gif") repeat-y scroll left top transparent;
    margin: 0 auto;
    text-align: left;
    width: 984px;
}

#container_inner {
	margin: 0 auto;
	width: 960px;
}

/*--------------------------------------
	ヘッダ
---------------------------------------*/

header {
    height: 100px;
    margin-bottom: 15px;
    position: relative;
}

header h1 {
    left: 120px;
    position: absolute;
    top: 14px;
}

header #mf_mark {
    left: 0px;
    position: absolute;
    top: 30px;
}

header #head_ad {
    position: absolute;
    right: 0px;
    top: 10px;
}

/*--------------------------------------
	ナビゲーション
---------------------------------------*/

nav {
	position: relative;
}

nav #twitter {
	position: absolute;
	top:2px;
	left: 720px;
        width: 30px;
        height: 30px;
}

nav #facebook {
	position: absolute;
	top:2px;
	left: 760px;
        width: 30px;
        height: 30px;
}

nav #twitter img:hover, nav #facebook img:hover {
        opacity: 0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}

nav #nav {
	margin-bottom: 26px;
	padding: 1px;
}

nav #nav li {
	float: left;
	height: 32px;
	margin-right: 1px;
        border-right: solid 1px #AAAAAA;
}

/*--------------------------------------
	メイン バナー
---------------------------------------*/

#main_banner {
	clear: both;
	width: 960px;
	height: 300px;
	margin-bottom: 20px;
        text-align: left;
        overflow: hidden;
}

#main_banner ul {
	width: 960px;
	height: 300px;
	overflow: hidden;
        text-align: left;
	position: relative;
}

#main_banner ul li {
	top: 0;
	left: 0;
	width: 960px;
	height: 300px;
	display: none;
	position: absolute;
}

/*--------------------------------------
	メインコンテンツ
---------------------------------------*/

#mainContent {
	float: left;
	width: 740px;
	display: inline;
}

#content {
	margin-bottom: 50px;
}

/*--------------------------------------
	Left Content
---------------------------------------*/

#leftContent {
	float: left;
	width: 430px;
	margin-right: 5px;
	display: inline;
}

#leftContent h2 {
	width: 430px;
	height: 40px;
}

/*--------------------------------------
	Feature Topics
---------------------------------------*/

#feature_entry {
	border: solid 1px #cccccc;
	margin-bottom: 10px;
	padding: 20px 5px;
}

#feature_entry .excerpt {
	font-size: 83%;
	color: #666666;
}

#feature_entry img {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: left;
    margin: 0 8px 10px 0;
    width: 39%;
}

#feature_entry img:hover {
    opacity: 0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}

/*--------------------------------------
	News
---------------------------------------*/

#topics {
	margin-bottom: 10px;
}

#topics ul {
    padding: 0;
}

#topics ul li.odd {
    background-color: #F7F7F7;
}

#topics ul li.even {
    background-color: #ECF2F5;
}

#topics ul li {
    background: url(../images/home/new/news_arrow.gif) 5px 15px no-repeat;
    font-size: 93%;
    margin-bottom: 1px;
    padding: 10px 5px 10px 25px;
}

.new {
    color: #990000;
}

/*--------------------------------------
	Disk Review
---------------------------------------*/

.diskBox {
    padding: 20px 0;
}

.diskBox img {
    display: block;
    float: left;
    margin-right: 5px;
    width: 29%;
}

.diskBox img:hover {
    opacity: 0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
}

.diskBox h3 {
    display: block;
    font-size: 120%;
    margin: 5px 0 0;
}

.diskBox h4 {
    font-size: 100%;
}

/*--------------------------------------
	Right
---------------------------------------*/

#rightContent {
	float: left;
	width: 300px;
	display: inline;
}

#rightContent h2 {
	height: 40px;
	margin-bottom: 2px;
}

#rightContent #comment {
	height: 32px;
}

#movie {
	margin-bottom: 20px;
}

#interview_area {
	margin-bottom: 25px;
}

#interview_area ul li {
	margin-bottom: 2px;
	width: 300px;
	height: 55px;
}

#report_area ul li {
	margin-bottom: 2px;
	width: 300px;
	height: 55px;
}

#interview_area ul li img:hover {
	opacity: 0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

#next_area ul li img:hover {
	opacity: 0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

#report_area ul li img:hover {
	opacity: 0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}

#snsArea {
	clear: both;
}

#twitter {
    display: inline;
    float: left;
    width: 360px;
}

#facebook {
    display: inline;
    float: right;
    width: 360px;
}

/*--------------------------------------
	Right
---------------------------------------*/

#otherContent {
	float: right;
	width: 220px;
	display: inline;
}

#search {
        margin-bottom: 25px;
}

/*--------------------------------------
	Footer
---------------------------------------*/

#page_top {
    clear: both;
    padding-right: 20px;
    text-align: right;
}

#foot_memu {
    background-color: #354037;
    clear: both;
    margin: 20px auto 0;
    padding: 10px;
    width: 940px;
}

#footnav {
    color: #FFFFFF;
    font-size: 83%;
    margin: 20px 0 30px;
    text-align: center;
}

#footnav a {
    color: #FFFFFF;
}

#foot_memu #twit ul {
    text-align: center;
}

#foot_memu #twit ul li {
    display: inline;
    margin-right: 10px;
}

#foot_memu #twit {
    margin-bottom: 30px;
    padding-bottom: 0;
}

#footer {
    background-color: #354037;
    margin: 0 auto;
    padding: 10px;
    width: 940px;
}

#footer address {
    clear: both;
    color: #FFFFFF;
    font-size: 73%;
}



.list-item {
    width: 220px;
}

.app-ranking {
    background-color: #FDFFF9;
    margin-bottom: 5px;
    width: 220px;
    clear: both;
    font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
}

.leftside {
    width: 40px;
    float: left;
    display: inline;
}

.app-number {
    width: 40px;
    height: 30px;
    text-align: center;
    background-color: #AAA2A1;
    color: #FFFFFF;
    font-size: 18px;
}

.rank {
    line-height: 30px;
}

.store {
    width: 36px;
    height: 16px;
    text-align: center;
    background-color: #FFFFFF;
    border: solid 2px #AAA2A1;
    line-height: 12px;
}

.store a {
    color: #666666;
    font-size: 10px;
}

.app-info {
    width: 180px;
    float: left;
    display: inline;
    background-color: #EDEEEF;
}

.jkt {
    float: left;
    width: 50px;
}

.info {
    float: left;
    width: 120px;
    padding: 2px 5px;
}

.songtitle {
    line-height: 80%;
    margin-bottom: 6px;
}

.songtitle a {
    font-size: 10px;
    color: #333333;
}

.artistname {
    font-size: 10px;
    color: #333333;
}

.artistname a {
    color: #336699;
}

.app-price {
    font-size: 9px;
    color: #333333;
}

#itunes_rank {
    margin-bottom: 20px;
}

.banners img:hover {
    opacity: 0.6;
}