@charset "utf-8";

/*-------------------------------------------------------------------------------*/
/* Index Only */
/*-------------------------------------------------------------------------------*/

/* Main Visual
--------------------------------------------------------------------------*/
#index #main-visual {
	position: relative;
}

#index #main-visual {
	position: relative;
	height:350px;
	width:680px;
	overflow:hidden;
}

#index #main-visual #img-changer {
	position:absolute;
	bottom:10px;
	right:10px;
}

#index #main-visual #img-changer li {
	float:left;
	margin:0 8px 0 0;
}

#index #faust_slider a:hover{
	background-color:transparent;
}



/* faust_slider
--------------------------------------------------------------------------*/

#faust_slider{
	margin-bottom:30px;
}


/* Small Talk
----------------------------------------------------------------------------*/
body#index #idx-smalltalk {
	position: relative;
}

/* Heading */
body#index #idx-smalltalk h2 {
	margin: 10px 0 0 0;
	border-bottom: 1px #000000 solid;
	padding: 0 0 4px 0;
}

/* Topics List */
body#index #idx-smalltalk dt {
	clear: both;
	display: block;
	margin: 0;
	padding: 5px 0.8em 0 0;
	width: auto;
	font-weight: 700;
	white-space: nowrap;
	float: left;
}

body#index #idx-smalltalk dd {
	display: block;
	margin: 0;
	padding: 5px 0.8em 0 0;
	font-weight: 700;
}

/* Show List Button */
body#index #idx-smalltalk .lnk-showlist {
	position: absolute;
	top: 3px;
	right: 0;
	width: 65px;
}

/* Quest Lineup
--------------------------------------------------------------------------*/
body#index #idx-quest_lineup {
	margin:0 0 25px;
}

/* Heading */
body#index #idx-quest_lineup h2 {
	margin: 0;
}

/* Thumbnail List */
	/* Hack IE6 below */
	* html body#index #idx-quest_lineup ul {
		/*padding: 19px 0 0 0;*/
	}

body#index #idx-quest_lineup li {
	position: relative;
	display: block;
	margin: 5px 5px 0 0;
	width: 220px;
	float: left;
}

body#index #idx-quest_lineup li img {
	vertical-align: middle;
}


body#index #idx-quest_lineup li img.icon-satus { /* Status Icon */
	position: absolute;
	top: 0;
	*top: 1px;
	left: 0;
}


/* Recommend
--------------------------------------------------------------------------*/

body#index .section#main .section {
	clear: both;
	margin: 7px 0 0 0;
}


/* Recommend
--------------------------------------------------------------------------*/
#idx-recommend-new,
#idx-recommend {
	margin:0 0 10px;
	overflow:hidden;
	/width:680px;
}

#idx-recommend-new {
	margin:0 0 14px;
}

#idx-recommend {
	margin:0 0 14px;
}

#idx-recommend-new h2,
#idx-recommend h2 {
	border-bottom:none;
}

#idx-recommend-new h4,
#idx-recommend h4 {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.rcm-recent-topic {
	margin:-16px -20px 20px 0;
	position:relative;
	overflow:hidden;
	/width:700px;
	}

.rcm-recent-topic .rcm-feattxt {
	position:relative;
	zoom:1;
	margin:5px 0 0;
}

.rcm-feattxt .day {
	font-weight:bold;
	color:#999;
}

.rcm-recent-topic .rcm-feattxt .day {
	position:absolute;
	top:2px;
	right:0;
}

.rcm-feattxt h3,
.rcm-feattxt h4 {
	margin:0 0 5px;
}

.rcm-recent-topic .rcm-featthumb a {
	border:none;
}

/*latest recommend
----------------------------------------*/
.rcm-topic-01 {
	float:left;
	width:330px;
	margin:16px 20px 0 0;
	/*/margin:20px 10px 0 0;*/
}
.rcm-topic-01-R {
	float:right;
	width:330px;
	margin:16px 20px 0 0;
	/*/margin:20px 10px 0 0;*/
}


.rcm-topic-01 .rcm-feattxt h4,
.rcm-topic-01-R  .rcm-feattxt h4 {
	font-size:16px;
}



/*second and third latest recommend
----------------------------------------*/
.rcm-topic-02 {
	float:left;
	width:330px;
	margin:16px 20px 0 0;
	/*/margin:20px 10px 0 0;*/
}

.rcm-topic-02 .rcm-feattxt h4 {
	font-size:14px;
}

/*old recommend
----------------------------------------*/
.rcm-old-topic {
	clear:both;
	margin:-16px -20px 16px 0;
	position:relative;
	/width:700px;
}

.rcm-topic-03 {
	position:relative;
	zoom:1;
	width:330px;
	min-height:76px;
	_height:76px;
	margin:16px 20px 0 0;
	float:left;
}

.rcm-topic-03 .rcm-featthumb {
	position:absolute;
	top:0;
	left:0;
}

.rcm-topic-03 .rcm-feattxt {
	padding-left:85px;
}

.rcm-topic-03 .rcm-feattxt h4 {
	font-size:12px;
}


/*#idx-Todaysfeature
--------------------------------------------------------------------------*/
#idx-Todaysfeature{
	position: relative;
	margin:0 0 30px;
}

/* Heading */
.section#idx-Todaysfeature h2 {
	margin: 10px 0 0 0;
	border-bottom: 1px #000000 solid;
	padding: 0 0 4px 0;
}

/* Topics List */
#idx-Todaysfeature .twitlist {
	overflow: auto;
	height:12em;
	padding:8px 10px 0 0;
}

#idx-Todaysfeature .twitlist .alert {
	font-size: 16px;
}



#idx-Todaysfeature .twitlist li + li {
	margin:0.75em 0 0;
}

#idx-Todaysfeature .twitlist li {
	_margin:0 0 0.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0DFE3;
	padding-top: 5px;
	padding-bottom: 5px;
}

#idx-Todaysfeature .twitlist li span {
	margin:0 1em 0 0;
}

#idx-Todaysfeature .twitlist li a {
	border-bottom-style: none;	
}

#idx-Todaysfeature .lnk-showlist {
	position: absolute;
	top: 3px;
	right: 0;
}

#idx-Todaysfeature .lnk-showlist li { float:left; padding:0 0 0 5px; }

#idx-Todaysfeature .lnk-showlist li a { border:none; }


/*#idx-Supporeted
--------------------------------------------------------------------------*/

#idx-Supporeted {
	padding:16px 0 0;
	margin:0 0 30px;
	background:#00225E;
}

#idx-Supporeted .inner {
	padding:0 15px 15px;
	/width:650px;
	_width:670px;
	overflow:hidden;
	color:#FFF;
}

.section#idx-Supporeted .lead {
	font-weight:normal;
	border:none;
	padding:0;
	margin:5px 0 15px;
}

#idx-Supporeted ul {
	margin:0 -10px 0 0;
	/width:660px;
}

#idx-Supporeted ul li {
	width:210px;
	margin:0 10px 0 0;
	float:left;
	font-size:90%;
}

#idx-Supporeted h3 {
	margin:0 0 8px;
}

/*#free-space
--------------------------------------------------------------------------*/
#free-space {
	clear:both;
	margin:0;
}

.dummy#free-space {
	height:180px;
	background:#E0DFE3 url(../../newimg/dummy-free-space.gif) center center no-repeat;
}