@charset "Shift_JIS";

/*============================================================
//
//  目次---------------------
//  ・What's New設定
//  　・コンテンツ
//  　・左側/タイトル
//  　・ニュース
//  　・関連リンク
//  　・動画
//  　・バナー
//
//==========================================================*/


/*============================================================
//  ヘッダー
//==========================================================*/

#header .navi ul{
	background:url(/img/common/g_navi_base.jpg) no-repeat;
}

/*============================================================
//  コンテンツ
//==========================================================*/

#main .contents{
	width:950px;
	margin:20px 0 0;
	padding-bottom:15px;
	background: url(/img/detail/cont_bt.gif) no-repeat left bottom;;
}
#main .cont-inner{
	width:950px;
	padding:33px 0 5px;
	background: #fff url(/img/detail/cont_top.gif) no-repeat left top;
}

/*============================================================
//  左側
//==========================================================*/

#main .new-list{
	float:left;
	margin-right:25px;
	width:330px;
}
#main .new-list h2{
	width:330px;
	height:61px;
	font-size:14px;
	text-indent:-9999px;
	margin-bottom:45px;
	background: url(/img/whatsnew/ttl.gif) no-repeat;
}


/*============================================================
//  ニュース
//==========================================================*/


#main .news{
	margin-bottom:15px;
}
#main .new-list h3{
	text-indent:-9999px;
	font-size:5px;
	line-heigt:9px;
	width:200px;
	height:20px;
	background: url(/img/detail/ttl_news.gif) no-repeat;
}

#main .news .box{
	width: 297px;
	padding:7px 0 7px 33px;
}
#main .news .box-ac{
	width: 292px;
	padding:7px 0 7px 33px;
	background:#f0f0f0;
}
#main .news .date{
	float:left;
	width:60px;
	font-size:10px;
	color:#f00;
	padding-right:10px;
}
#main .news .date .new{
	text-indent:-9999px;
	font-size:5px;
	line-heigt:9px;
	width:30px;
	height:9px;
	background: url(/img/common/icon_new.gif) no-repeat;
}
#main .news p{
	float:left;
	width:200px;
	font-size:10px;
	color:#000;
}
#main .news p a{
	color:#000;
	text-decoration:none;
}
#main .news p a:hover{
	text-decoration:underline;
}

/*============================================================
//  右側
//==========================================================*/


#main .news-box{
	float:left;
	padding:60px 0 0 20px;
	width:540px;
	background: url(/img/detail/icon_dot.gif) no-repeat;
}

#main .news-box .ttl{
	padding-left:10px;
	width:520px;
	background: url(/img/detail/icon_dot3.gif) repeat-y;
}

#main .news-box .ttl .date{
	font-size:10px;
	color:#f00;
}

#main .news-box .ttl h3{
	font-size:18px;
	line-height:120%;
	color:#555;
	margin-bottom:2px;
}
#main .news-box h4{
	padding:0 10px;
	font-size:12px;
	color:#555;
	margin-bottom:20px;
}


#main .news-box .box{
	width:540px;
	margin-bottom:20px;
}

#main .news-box .box p{
	font-size:12px;
	color:#555px;
}
#main .news-box .box .cap{
	margin-top:2px;
	font-size:12px;
	color:#555px;
}

#main .news-box .box a{
	text-decoration:none;
}
#main .news-box .box p a:hover{
	text-decoration:underline;
}

#main .news-box .box-link{
	margin-top:2px;
	padding-left:17px;
	line-height:14px;
	background: url(/img/common/icon_box_link.gif) no-repeat;
}
#main .news-box .box-link a{
	color:#f00;
	text-decoration:none;
}
#main .news-box .box-link a:hover{
	text-decoration:underline;
}

#main .news-box .box .photo-box{
	float:left;
	width:190px;
}

#main .news-box .box .inner{
	margin-bottom:10px;
}
#main .news-box .showinfo{
	margin-top:20px;
	padding:15px 20px;
	background:#b5b5b5;
}
#main .news-box .showinfo p{
	color:#fff;
	margin-bottom:5px;
}
#main .news-box .showinfo p.txt{
	color:#fff;
	margin:5px 0 0;
}
#main .news-box .showinfo a{
	color:#fff;
}
#main .news-box .showinfo .offcial{
	padding-left:20px;
	font-size:14px;
	color:#fff;
	background: url(/img/common/icon_link.gif) no-repeat 0 2px;
}