@charset "utf-8";

/*

	[SITE] skmt09.com
	[FILE] /shared/css/top.css

*/

@import "base.css";



/*============================================================
body
============================================================*/
body {
	color:#000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	.font-family:"ＭＳ Ｐゴシック", sans-serif;
	text-align:center;
	background:#fff;
}

/* link */
body#index a {	color:#349706;	text-decoration:underline;}
body#index a:hover { text-decoration:none;}



/*============================================================
container
============================================================*/
body#index #container {
	position:relative;
	width:950px;
	text-align:left;
	margin:0 auto 0;
}


/*============================================================
トップエリア
============================================================*/
body#index #topArea {
	position:absolute;
	top:60px;
	left:0px;
	width:950px;
	height:325px;
}

/*
header
-------------------------*/
body#index #header{
	position:relative;
	width:950px;
	height:325px;
}


/*
ナビ
-------------------------*/
body#index #topArea ul#navigation {
	position:absolute;
	top:312px;
	right:0px;
}
body#index #header ul#navigation li {
	float:left;
	padding-left:30px;
	text-align:right;
}
body#index #header ul#navigation li,
body#index #header ul#navigation li a {
	height:1%;
	font-size:0;
	line-height:0;
}


/*============================================================
日替わりエリア
============================================================*/
body#index #contents {
	position:absolute;
	top:0px;
	right:0px;
	width:315px;
	height:320px;
}


body#index #main {
	position:relative;
	width:315px;
	height:320px;
}


/*
skmtVOICE
-------------------------*/
body#index #main #voice {
	position:absolute;
	left:0px;
	bottom:1px;
	width:197px;
}

body#index #main #voice img{
	margin:10px 0 0 0;
}

body#index #main #voice p{
	font-size:10px;
	text-align:left;
	line-height:1.2;
}

body#index #main #voice p a {
	color:#000;
	font-size:10px;
	font-weight:normal;
	line-height:1.2;
	background:url(../images/ico-a01.gif) no-repeat 100% 0;
	padding:0 18px 0 0;
}


/*
skmtVOICE New
-------------------------*/
body#index #main #voiceBox {
	position:absolute;
	left:0px;
	bottom:180px;
	width:220px;
}

body#index #main #voiceBox p{
	font-size:10px;
	text-align:left;
	line-height:1.4;
	margin:0 0 0 0;
}

body#index #main #voiceBox a {
	color:#000;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	line-height:1.4;
}
body#index #main #voiceBox a:hover {
	text-decoration:underline;
}

body#index #main #voiceBox p a.arrow {
	background:url(../images/ico-a01.gif) no-repeat 100% 0;
	padding:0 18px 0 0;
}

/*
contentsBox
-------------------------*/
body#index #main #contentsBox {
	position:absolute;
	left:100px;
	bottom:0px;
	width:140px;
}

body#index #main #contentsBox img{
	margin:0 0 5px 0;
}

body#index #main #contentsBox p{
	font-size:10px;
	text-align:left;
	line-height:1;
}

body#index #main #contentsBox p a {
	color:#000;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	line-height:1;
	background:none;
}


/*
カウントダウン
-------------------------*/
body#index #main #counter {
	position:absolute;
	top:15px;
	right:0px;
	width:75px;
	height:100px;
}


/*============================================================
フッター
============================================================*/
body#index #footer {
	position:absolute;
	top:425px;
	right:0px;
	width:950px;
}


/*
ニュースエリア
--------------------------------------------------*/
body#index ul.topics {
}

body#index .otherNews p,
body#index ul.topics li {
	text-align:right;
	padding:0 0 10px 0;
}

body#index .otherNews p a,
body#index ul.topics li a {
	background:  url(../images/ico-a01.gif) no-repeat 100% 0;
	padding:0 18px 0 0;
}

body#index .otherNews p,
body#index .otherNews p a,
body#index ul.topics li,
body#index ul.topics li a {
	font-size:10px;
}


/*
コピーライツ＆ポリシー
--------------------------------------------------*/
body#index #footer ul.policy{
	margin:90px 0 8px 0;
}

body#index #footer ul.policy li{
	color:#000;
	font-size:10px;
	display:inline;
	line-height:0;
}

body#index #footer ul.policy li a{
	color:#000;
	font-size:10px;
	border-right:#000 1px solid;
	text-decoration:none;
	line-height:0;
	margin:0 5px 0 0;
	padding:0 10px 0 0;
}
body#index #footer ul.policy li a:hover{
	text-decoration:underline;
}

body#index #footer ul.policy li.last a{
	border-right:none;
}


body#index address {
	color:#999;
	font-size:10px;
	font-family:Osaka, Arial, Helvetica, sans-serif;
}


/*
Twitter main
--------------------------------------------------*/
body#index #main #twitter{
	position:absolute;
	left:0px;
	bottom:190px;
	width:225px;
}

body#index #main #twitter li{
	width:225px;
	font-size:10px;
	text-align:left;
	line-height:1.4;
	overflow:hidden;
}
body#index #main #twitter li a{
	color:#000;
	font-size:10px;
	margin:0 0 0 0;
	padding:0 18px 0 0;
	text-decoration:none;
}
body#index #main #twitter li a:hover{
	text-decoration:underline;
}

body#index #main #twitter li span{
	padding:0 18px 0 0;
	background:url(../images/ico-a01.gif) no-repeat right top;
}