/*--------------------------------------
　基礎設定
---------------------------------------*/
*{
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}
table{
	border-collapse: collapse;
	border: none;
}
img{ border: none;}
strong{ font-weight: bold;}
em{ font-style: italic;}
b{ font-weight: bold;}
i{ font-style: italic;}
p{ line-height: normal;}


/*--------------------------------------
　基礎設定 (リンク)
---------------------------------------*/
a:link{	text-decoration: none; color: #333333;}
a:visited{ text-decoration: none; color: #333333;}
a:hover{ text-decoration: underline; color: #cc0000;}
a:active{ text-decoration: none; color: #cc0000; }


/*--------------------------------------
　ページ設定
---------------------------------------*/
body{
	margin: 0;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック",Arial,sans-serif;
	font-size: 75%;
	color: #333333;
	line-height: 140%;
	voice-family: "\";}\"";
	voice-family: inherit;
	background: url(../img/body_bgimg.jpg) no-repeat;
}
#wrap{
	width: 1000px;
}


/*--------------------------------------
　ヘッダー設定
---------------------------------------*/
#header{
	width: 1000px;
	height: 416px;
	position: relative;
}
h1{
	font-size: 100%;
	color: #ffffff;
	position: absolute;
	top: 5px;
	left: 8px;
}
#header_logo{
	width: 123px;
	height: 53px;
	position: absolute;
	top: 27px;
	left: 8px;
}
#header_pickup{
	width: 210px;
	height: 138px;
	position: absolute;
	top: 28px;
	left: 753px;
}
#pickup_thumbnail{
	width: 120px;
	height: 128px;
	vertical-align: top;
}
#pickup_text{
	width: 90px;
	padding-left: 8px;
	padding-top: 20px;
	vertical-align: top;
}
#header ul{
	list-style: none;
	font-size: 100%;
	position: absolute;
	top: 5px;
	left: 520px;
}
#header li{
	height: 15px;
	float: left;
	margin-left: 10px;
}
#header a{
	color: #ffffff;
}
#header li img{
	vertical-align: bottom;
	margin-right: 3px;
}
/* IE6以下に適用 */
* html body #header li img{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='alpha.png', sizingMethod='scale');
}


/*--------------------------------------
　カラム配置設定
---------------------------------------*/
#body{
	width: 1000px;
}
#main_column{
	width: 810px;
	float: left;
}
#menu_column{
	width: 250px;
	float: left;
	margin-top: -100px;
}
/* IE6以下に適用 */
*html body #menu_column{
	position: relative;
}
/* ------------- */

#content_column{
	width: 560px;
	float: right;
}
#sub_column{
	width: 190px;
	float: right;
	margin-top: -190px;
}


/*--------------------------------------
　メインメニュー設定
---------------------------------------*/
#main_menu{
	width: 250px;
	height: 339px;
	background: url(../img/main_menu_bgimg.png);
}
/* IE6以下に適用 */
* html body #main_menu{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../test/img/main_menu_bgimg.png',sizingMethod='scale');
	background: none;
}
/* ------------- */

#main_menu dl{
	width: 201px;
	padding: 60px 0 0 30px;
}
#main_menu dt{
	width: 201px;
	margin-bottom: 7px;
	clear: both;
}
#main_menu dt img{
	vertical-align: bottom;
}
#main_menu dd{
	width: 201px;
}
#main_menu ul{
	width: 201px;
	list-style: none;
}
#main_menu li{
	width: 62px;
	text-align: center;
	float: left;
	margin: 0 5px 6px 0;
	font-size: 11px;
}
.menu_column_banner{
	width: 250px;
	text-align: center;
	margin-top: 10px;
}
#w3c{
	width: 250px;
	margin-top: 10px;
}
#w3c ul{
	width: 188px;
	margin: 0 31px;
	list-style: none;
}
#w3c li{
	float: left;
	margin: 0 5px;
}


/*--------------------------------------
　サブコンテンツ
---------------------------------------*/
#ranking_top3{
	width: 190px;
	height: 363px;
	background: url(../img/ranking_bgimg.gif);
	position: relative;
}
#ranking_no1{
	width: 175px;
	height: 85px;
	list-style: none;
	position: absolute;
	top: 57px;
	left: 11px;
}
#ranking_no2{
	width: 175px;
	height: 85px;
	list-style: none;
	position: absolute;
	top: 162px;
	left: 11px;
}
#ranking_no3{
	width: 175px;
	height: 85px;
	list-style: none;
	position: absolute;
	top: 267px;
	left: 11px;
}
.ranking_thumbnail{
	position: absolute;
	top: 0;
	left: 0;
}
.ranking_name{
	position: absolute;
	top: 44px;
	left: 100px;
}
.ranking_download{
	position: absolute;
	top: 72px;
	left: 100px;
}
.sub_column_banner{
	width: 190px;
	text-align: center;
	margin-top: 10px;
	
}


/*--------------------------------------
　フッター設定
---------------------------------------*/
#footer_wrap{
	margin: 0;
	padding: 0;
	clear: both;
	background: url(../img/footer_wrap_bgimg.gif) repeat-x;
}

#footer_contents{
	width: 1000px;
	height: 180px;
	background: url(../img/footer_contents_bgimg.gif);
	position: relative;
}
#promotion{
	position: absolute;
	top: 50px;
	left: 20px;
}
#promotion ul{
	list-style: none;
}
#promotion li{
	line-height: 100%;
	float: left;
}
.pr01{
	padding-right: 7px;
	border-right: 1px solid #333333;
}
.pr02{
	padding: 0 7px;
	border-right: 1px solid #333333;
}
.pr03{
	padding-left: 7px;
	margin: 0 0 0 0;
}


/*--------------------------------------
　クリアーフィックス
---------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}