@charset "Shift_JIS";

/* トップページ　[ style.css ]
=================================
1: 共通

2: メイン

3: ライトエリア
	
=================================*/


/*1: 共通
=================================*/
#contents {
	margin: 26px 0 0 0;
}

#footer {
	margin: 30px 0 0 0;
}

#header h1 {
	position: absolute;
}

#gn {
	background: none;
}


/*2: メイン
=================================*/
#main {
	float: left;
    width: 590px;
}

/*インフォメーション
---------------------------------*/
#info-tit {
    width: 580px;
	margin:0; 
	border-bottom: 1px solid #aaaaaa;
}

#info-tit p.left {
	float: left;
    width: 120px;
	margin-top:20px;
}

#info-tit p.right {
	float: right;
    width: 460px;
	text-align: right;
}

dl#info {
	clear: both;
    width: 570px;
	margin: 14px 0 0 10px;
}

dl#info dt {
    width: 6.5em;
}

dl#info dd {
    margin: -1.3em 0 0 6.2em;
	padding: 0 0 0 30px;
}

dl#info dd.new {
	background: url(/img/new.gif) no-repeat 0 1px;
}

/*Windows Live メッセンジャーを始めよう
---------------------------------*/
#start-area {
    width: 580px;
	margin: 14px 0 0 0;
	padding: 0;
	background: url(/img/messenger_top.jpg) no-repeat 0 0 #d7edf4;
}

#start-box {
    width: 580px;
	margin: 0;
	padding: 0 0 10px 0;
}

#start-box p {
	padding: 52px 150px 0 23px;
	color:#ffffff;
}

#start-box div.btn-box {
	margin: 5px 0 0 0;
	padding: 0 0 5px 0;	
}

#start-box div.btn-box p.icon {
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
	text-align: right;
}

#start-box div.btn-box p.left {
	float: left;
	width: 180px;
	margin: 3px 0 0 0;
	padding: 0;
	font-weight: bold;
}

#start-box div.btn-box p.left a {
	display: block;
	padding: 0 0 0 25px;
	background: url(/img/arrow.gif) no-repeat 10px 2px;
}

#start-box div.btn-box p.right {
	float: right;
	width: 275px;
	margin: 3px 0 0 0;
	padding: 0;
	font-weight: bold;
}

#start-box div.btn-box p.right a {
	display: block;
	padding: 0 0 0 15px;
	background: url(/img/arrow.gif) no-repeat 0 2px;
}

/*MSN メッセンジャーの進化系
---------------------------------*/
#evolution-box {
    width: 580px;
	padding: 0 0 20px 0;
	background: url(/img/messenger_bottom.gif) no-repeat left bottom;
}

#evolution-box h2 {
    width: 268px;
	height: 59px;
	background: url(/img/msn_01.gif) no-repeat left top;
}

#evolution-box p.right {
    width: 312px;
	margin: 0;
	padding: 0;
}

#evolution-box p.text2 {
	margin: 0 20px 0 22px;
	padding: 0;
}

/*カテゴリ別メニュー
---------------------------------*/
#navi-area {
    width: 580px;
	margin: 24px 0 0 0;
}

#navi-area table {
    width: 580px;
	border-collapse: collapse;
	border: none;
}

#navi-area table th {
    width: 200px;
	padding: 0 0 16px 0;
	text-align: left;
}

#navi-area table th img {
	border-bottom: 1px solid #aaaaaa;
}

#navi-area table th.col-r {
    width: 180px;
}

#navi-area table td {
	padding: 0 0 20px 0;
	vertical-align: top;
}

#navi-area table td.end {
	padding: 0;
}

#navi-area table td p {
	float: left;
    width: 70px;
}

#navi-area table td dl {
	width: 107px;
	margin: 0 0 0 70px;
}

#navi-area table td dt {
	margin: 0 0 5px 0;
	font-weight: bold;
	line-height: 1.1;
}

#navi-area table td dd {
	line-height: 1.1;
}

/*緊急告知メッセージエリア
---------------------------------*/
#main div#msgarea {
	display:none;
	margin:30px 10px 0 0;
	border:1px solid #F07522;
}

#main div#msgarea p#msgtitle {
	color:#FFFFFF;
	background:#F07522;
	font-weight:bold;
	font-size:110%;
	padding:2px 8px;
	margin-bottom:14px;
}

#main div#msgarea p#msgdate1,
#main div#msgarea p#msgdate2,
#main div#msgarea p#msgdate3,
#main div#msgarea p#msgdate4 {
	padding:0px 20px 0;
	color:#F07522;
	display:block;
}

#main div#msgarea p#msgtxt1,
#main div#msgarea p#msgtxt2,
#main div#msgarea p#msgtxt3,
#main div#msgarea p#msgtxt4 {
	padding:4px 20px 14px;
	display:block;
}

/*3: ライトエリア
=================================*/
#right-area {
	float: right;
    width: 200px;
	
}

/*フラッシュ
---------------------------------*/
#flash .step2 {
	margin-top: 4px;
}

/*プロモーション
---------------------------------*/
dl#promotion-box {
    width: 200px;
	margin: 30px 0 0 0;
	padding: 0 0 5px 0;
	background: url(/img/promotion_bottom.gif) no-repeat left bottom #d6edf3;
}

dl#promotion-box dd {
	padding: 10px 0;
	background: url(/img/line_dot.gif) no-repeat left bottom;
}

dl#promotion-box dd.end {
	background: none;
}

dl#promotion-box dd p {
	float: left;
    width: 60px;
	text-align: center;
}

dl#promotion-box dd dl {
	float: left;
	width: 135px;
}

dl#promotion-box dd dt {
	margin: 0 0 2px 0;
	font-weight: bold;
	line-height: 1.1;
}

dl#promotion-box dd dd {
	padding: 0;
	background: none;
	line-height: 1.1;
}

/*バナー
---------------------------------*/
#banner-box {
	clear: both;
	margin: 20px 0 0 0;
}

#banner-box p {
	margin: 0 0 12px 0;
}




/*マウスのオン、オフの設定
---------------------------------*/
/* オフ */
#gn li.download a { width: 134px; background: url("/annexlive/img_c/m_download.gif") no-repeat 0 0;}

/* ステイ */
#gn li.download-select a { width: 134px; background: url("/annexlive/img_c/m_download.gif") no-repeat 0 -37px;}