﻿@charset "utf-8";


/* head-container
-------------------------------------------------------------------*/
.index .head-container {
	margin-bottom: 30px;
	background: url(http://mirai.smam-jp.com/images/index_bg11.gif) repeat-x 0 0; 
}

.index .head-container .head-main-out {
	width: 960px;
	margin: 0 auto;
	background: url(http://mirai.smam-jp.com/images/index_bg02.jpg) no-repeat center 0;
}

.index .head-container .head-main {
	width: 960px;
	height: 460px;
	margin: 0 auto;
}

.index .head-container .head-main .head-top {
	width: 900px;
	min-height: 51px !important;
	margin: 0 auto 25px;
}

.index .head-container .head-main .head-top .logo-area {
	float: left;
	width: 300px;
	padding: 13px 0 0 122px;
	font-size: 0;
}

.index .head-container .head-main .head-top .official-link {
	float: right;
	padding: 20px 140px 0 0;
}

.index .head-container .head-main .title-01 {
	clear: both;
	text-align: center;
	margin-bottom: 15px;
	font-size: 0;
}

.index .head-container .head-main .head-middle {
	width: 850px;	
	margin: 0 auto;
	font-size: 0;
}

.index .head-container .head-main .head-middle .fund-area {
	float: left;
	width: 413px;
	padding: 0 6px;
}

.index .head-container .head-main .no-flash {
	margin: 0 auto 0;
	padding-top: 250px;
	width: 700px;
	text-align: center;
}

.index .head-container .head-main .no-flash p {
	margin-bottom: 20px;
}





/* contents-container
-------------------------------------------------------------------*/
.index .contents-container-out {
	width: 960px;
	margin: 0 auto;
}

.index .contents-container {
	width: 900px;
	margin: 0 30px;
}


/* contents-container main-info
-------------------------------------------------------------------*/
.index .contents-container .main-info {
	width: 900px;
	margin: 0 auto 20px;
}

/* IE6 only */
* html .index .contents-container .main-info {
	padding-bottom: 15px;
}

/* Only FireFox 3 */
/*
.index .contents-container .main-info, x:-moz-any-link, x:default {
    padding-bottom: 10px;
}
*/

/* IE7 only */
*:first-child+html .index .contents-container .main-info {
	padding-bottom: 15px;
}

.index .contents-container .main-info .tv-area {
	float: left;
	width: 290px;
	background: url(http://mirai.smam-jp.com/images/index_bg03.gif) no-repeat 0 0;
	margin-right: 5px;
}

.index .contents-container .main-info .tv-area .inner-block {
	padding-bottom: 15px;
	background: url(http://mirai.smam-jp.com/images/index_bg013.gif) no-repeat 0 100%;
}

.index .contents-container .main-info .tv-area .tv-image {
	padding: 2px 0 14px;
	text-align: center;
	font-size: 0;
}

.index .contents-container .main-info .tv-area .tvcm-btn {
	padding: 0px 10px 3px;	
}

.index .contents-container .main-info .tv-area .tvcm-btn li {
	display: block;
	padding: 15px;
	margin-bottom: 1px;
	background-color: #ede5c6;
	text-align: center;
	font-size: 0;
}

.index .contents-container .main-info .radio-area {
	float: left;
	width: 310px;
	background: url(http://mirai.smam-jp.com/images/index_bg04.gif) no-repeat 0 0;
	margin-right: 5px;
}

.index .contents-container .main-info .radio-area .inner-block {
	height: 486px;
	padding-bottom: 10px;
	background: url(http://mirai.smam-jp.com/images/index_bg014.gif) no-repeat 0 100%;
}

.index .contents-container .main-info .radio-area .flash-area {
	padding: 0 2px;
}

.index .contents-container .main-info .radio-area .flash-area #radio-flash{

	text-align: center;
}

.index .contents-container .main-info .radio-area .flash-area #radio-flash p {
	padding: 20px 20px 0 20px;
}

.index .contents-container .main-info .magazine-area {
	position: relative;
	float: left;
	width: 290px;
	background: url(http://mirai.smam-jp.com/images/index_bg03.gif) no-repeat 0 0;
	z-index: 100;
}

.index .contents-container .main-info .magazine-area .inner-block {
	min-height: 482px;
	padding-bottom: 14px;
	background: url(http://mirai.smam-jp.com/images/index_bg013.gif) no-repeat 0 100%;
}

/* IE6 hacks */ 
* html .index .contents-container .main-info .magazine-area .inner-block {
	height: 482px;
}/* end hacks */

.index .contents-container .main-info .magazine-area .magazine-title {
	padding: 2px 0 7px;
	text-align: center;
	font-size: 0;
	line-height: 0;
}

.index .contents-container .main-info .magazine-area .pdf-area02 .magazine-title {
	clear: both;
	padding: 10px 0 7px;
	text-align: center;
	font-size: 0;
	line-height: 0;
}

.index .contents-container .main-info .magazine-area .pdf-area {
	margin: 0 0 35px 20px;
}

.index .contents-container .main-info .magazine-area .pdf-area dl {
	display: block;
	float: left;
	width: 125px;
	padding-right: 0px;
	text-align: center;
}

.index .contents-container .main-info .magazine-area .pdf-area dd {
	padding: 0 0 1px;
	line-height: 1.8;
		_line-height: 2;
}

.index .contents-container .main-info .magazine-area .pdf-area02 dl {
	display: block;
	text-align: center;
}

.index .contents-container .main-info .magazine-area .pdf-area02 dd {
	display: block;
	line-height: 1.8;
	
	_line-height: 1.8;
}

.index .contents-container .main-info .magazine-area .pdf-area02 dd img {
	padding-left: 5px;
}

.index .contents-container .main-info .magazine-area .comingsoon {
	padding: 10px;
	text-align: center; 
}

.index .contents-container .main-info .lead {
	padding: 5px 0px 13px 18px;
	line-height: 1.1;
}


/* contents-container second-info
-------------------------------------------------------------------*/
.index .contents-container .second-info {
	margin-bottom: 20px;
}

.index .contents-container .second-info .publicity {
	position: relative;
	float: left;
	width: 705px;
	margin-top: -88px;
}

/* IE6 hacks */ 
* html .index .contents-container .second-info .publicity {
	margin-top: -102px;
}/* end hacks */

/* IE7 hacks */ 
*:first-child+html .index .contents-container .second-info .publicity {
	margin-top: -102px;
}/* end hacks */

.index .contents-container .second-info .publicity .title-block {
	position: relative;
	width: 280px;
	height: 88px;
	background: url(http://mirai.smam-jp.com/images/index_bg015.gif) no-repeat 0 0; 
}

.index .contents-container .second-info .publicity-inner {

	padding: 11px 10px 10px 10px;
	background-color: #e5d5ae;
}

.index .contents-container .second-info .publicity .title-02 {
	margin-bottom: 8px;
	padding: 13px 0 0 32px;
}

.index .contents-container .second-info .publicity .title-02 span {
	display: block;
	font-size: 84%;
	padding-left: 8px;
	padding-right: 146px;
}

/* IE6 hacks */ 
* html .index .contents-container .second-info .publicity .title-02 span {
	padding-right: 120px;
}/* end hacks */

.index .contents-container .second-info .publicity .back-number {
	position: absolute;
	top: 69px;
	right: 10px;
	padding: 0 5px;
	line-height: 1.4;
	background-color: #FFFFFF;
}

.back-number .icon-02 {
	display: block;
	padding-left: 15px;
	background: url(http://mirai.smam-jp.com/images/index_ic01.gif) no-repeat 0 0.3em;
}	

.index .contents-container .second-info .publicity .display-info-out {
	overflow: hidden;
	height: 724px;
}

.index .contents-container .second-info .publicity .display-info {
	overflow-y: scroll;
	position: relative;
	width: 673px;
	height: 702px;
	padding: 10px 5px;
	border: solid 1px #b8ad92;
	background-color: #FFFFFF;
}

/* IE6 hacks */ 
* html .index .contents-container .second-info .publicity .display-info {
	width: 683px;
}/* end hacks */

.index .contents-container .second-info .publicity .display-info dl {
	padding: 5px;
	border-bottom: solid 1px #cccccc;
}

.index .contents-container .second-info .publicity .display-info dl dt .date {
	float: left;
	width: 8em;
}

.index .contents-container .second-info .publicity .display-info dl dt img {
	float: left;
	margin: 3px 5px 0 0;
}

.index .contents-container .second-info .publicity .display-info dl dd {
	clear: both;
	display: block;
}
 
.index .contents-container .second-info .publicity .display-info dl dd img {
	vertical-align: middle;
	margin-left: 0.5em;
	margin-bottom: 7px;
}

.index .contents-container .second-info .publicity .adobe-area {
	padding: 10px 0 10px 10px;
}

.index .contents-container .second-info .publicity .adobe-area dt {
	float: left;
	width: 112px;
	height: 33px;
	margin: 0;
	padding: 0;
	font-size: 0;
}

.index .contents-container .second-info .publicity .adobe-area dd {
	height: 26px;
	margin-left: 112px;
	padding: 7px 10px 0;
	font-size: 84%;
}

.index .contents-container .second-info .site-link {
	position: relative;
	float: right;
	width: 170px;
}

/* IE6 hacks */ 
* html .index .contents-container .second-info .site-link {
	margin-top: -14px;
}
/* end hacks */

/* IE7 hacks */ 
*:first-child+html .index .contents-container .second-info .site-link {
	margin-top: -14px;
}/* end hacks */

.index .contents-container .second-info .site-link ul {
	margin-top: -5px;
}

.index .contents-container .second-info .site-link ul li {
	margin-top: 5px;
	line-height: 0;
	font-size: 0;
}


/* contents-container related-link
-------------------------------------------------------------------*/
.index .contents-container .related-link {
	clear: both;
}

.index .contents-container .related-link .banner-wrap {
	clear: both;
	padding-bottom: 20px;
}

.index .contents-container .related-link .related-01 {
	float: left;
	width: 225px;
}

.index .contents-container .related-link .related-02 {
	float: left;
	width: 310px;
}

.index .contents-container .related-link .related-03 {
	float: left;
	width: 280px;
}

.index .contents-container .page-up {
	font-size: 0;
}

.index .contents-container .page-up p {
	text-align: right;
}


/* contents-container attention
-------------------------------------------------------------------*/
.index .contents-container .attention {
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #CCCCCC;
	font-size: 110%;
}




/* foot-container
-------------------------------------------------------------------*/
.index .foot-container {
	clear: both;
	border-top: solid 3px #990000;
}

.index .foot-container .foot-main {
	width: 900px;
	margin: 0 auto;
}

.index .foot-container .foot-main .copyright {
	padding-top: 8px;
}

.index .foot-container .foot-main .foot-link {	
}

.index .foot-container .foot-main .foot-link .japanese-copy {	
	float: left;
	width: 630px;
}

.index .foot-container .foot-main .foot-link .japanese-copy p {
	margin-top: 10px;
	color: #666666;
	font-size: 84%;
	line-height: 1.2;
}	

.index .foot-container .foot-main .foot-link .foot-logo {	
	float: right;
	width: 264px;
}

.index .foot-container .foot-main .foot-link .foot-logo ul {
}

.index .foot-container .foot-main .foot-link .foot-logo ul li {
	float: right;
}

.index .foot-container .foot-main .foot-link .foot-logo ul li.link-02 {
	margin: 8px 8px 0 0;
	padding-right: 9px;
	background: url(http://mirai.smam-jp.com/images/index_bg09.gif) no-repeat 100% 4px;
}

/* IE6 hacks */ 
* html .index .foot-container .foot-main .foot-link .foot-logo ul li.link-02 {
	margin: 12px 8px 0 0;
	padding-right: 9px;
	background: url(http://mirai.smam-jp.com/images/index_bg09.gif) no-repeat 100% 0;
}/* end hacks */








/* icon-link
----------------------------*/
.index .icon-01 {
	display: block;
	padding-left: 15px;
	background: url(http://mirai.smam-jp.com/images/index_ic01.gif) no-repeat 0 0.3em;
	zoom: 1;
}




/* radio-flash
----------------------------*/
#externalswf {
	height: 436px;
}

#radio-fla {
	overflow-y: hidden;
}

#main-block {
	position: relative;
}

/* Only FireFox 3 */
html>/**/body #externalswf, x:-moz-any-link, x:default {
    outline: none;
}



/* clear fix
=========================================*/
.index .contents-container .second-info:after,
.index .contents-container .related-link:after,
.index .contents-container .main-info:after,
.index .head-container .head-main .head-top:after,
.index .contents-container .main-info .magazine-area .pdf-area:after,
.index .contents-container .related-link .banner-wrap:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.index .contents-container .second-info,
.index .contents-container .related-link,
.index .contents-container .main-info,
.index .head-container .head-main .head-top,
.index .contents-container .main-info .magazine-area .pdf-area,
.index .contents-container .related-link .banner-wrap {
	display:block;	/* for safari firefox3 */
	min-height:1%;  /* for IE 7*/
	height:1%;  /* for IE 6*/
}


/* IE7 hacks */ 
*:first-child+html .index .contents-container .second-info,
*:first-child+html .index .contents-container .related-link,
*:first-child+html .index .contents-container .main-info,
*:first-child+html .index .head-container .head-main .head-top,
*:first-child+html .index .contents-container .main-info .magazine-area .pdf-area,
*:first-child+html .index .contents-container .related-link .banner-wrap {
	display:inline-table;
}/* end hacks */


/* add 20100930 */
.index .contents-container .second-info .publicity .display-info dl dt:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0; 
	visibility: hidden;
}

.index .contents-container .second-info .publicity .display-info dl dt {
	zoom: 1;
}
