@charset "UTF-8";

/* サブメニュー */
#submenu {
	height:20px;
	background:url(../../magazine/img/submenu_bg.gif) no-repeat;
	margin:0;
}
#submenu ul {
	padding: 0px;
}
#submenu li {
	display:inline;
	list-style-type:none;
}
#submenu li a {
	height:20px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/* submenu_off */
#submenu li.menu01 a {
	background:url(../../magazine/img/submenu.gif) no-repeat 0px 0px;
	width:99px;
}
#submenu li.menu02 a {
	background:url(../../magazine/img/submenu.gif) no-repeat -99px 0px;
	width:79px;
}
#submenu li.menu03 a {
	background:url(../../magazine/img/submenu.gif) no-repeat -178px 0px;
	width:82px;
}

/* submenu_hover */
#submenu li.menu01 a:hover {
	background:url(../../magazine/img/submenu.gif) no-repeat 0px -20px;
}
#submenu li.menu02 a:hover {
	background:url(../../magazine/img/submenu.gif) no-repeat -99px -20px;
}
#submenu li.menu03 a:hover {
	background:url(../../magazine/img/submenu.gif) no-repeat -178px -20px;
}

/* submenu_on */
#submenu li.menu01_on a {
	background: url(../../magazine/img/submenu.gif) no-repeat 0px -20px;
	width: 99px;
}
#submenu li.menu02_on a {
	background: url(../../magazine/img/submenu.gif) no-repeat -99px -20px;
	width: 79px;
}
#submenu li.menu03_on a {
	background: url(../../magazine/img/submenu.gif) no-repeat -178px -20px;
	width: 82px;
}


/* 新着 */
div#new .newbox {
	overflow: hidden;
	position: relative;
	width: 750px;
}
div#new .ph_left
	{
	width: 270px;
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid #999999;
	}
	
div#new .txt_right
	{
	width: 468px;
	float: right;
	margin: 0px;
	}

.ttl {
	font-size: 1.3em;
} 

/* カテゴリー */
#Category {
	margin-top: 40px;

}
div#Category .box {
	overflow: hidden;
	position: relative;
	width: 750px;
	margin-bottom: 15px;
}

div#Category .content_left
	{
	width: 360px;
	float: left;
	margin: 0px 0px 5px;
	}
	
div#Category .content_right
	{
	width: 360px;
	float: right;
	margin: 0px 0px 5px;
	}
	
/* カテゴリーのマウスオーバー */
#contest {
	height: 40px;
	width: 360px;
	display: block;
	background:url(../../magazine/img/contest2010.gif) no-repeat;
}
#contest a {
	height:40px;
	width: 360px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
#contest a:hover {
	background:url(../../magazine/img/contest2010.gif) no-repeat 0px -40px;
	width:360px;
}

#uservoice {
	height: 40px;
	width: 360px;
	display: block;
	background:url(../../magazine/img/uservoice.gif) no-repeat;
}
#uservoice a {
	height:40px;
	width: 360px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
#uservoice a:hover {
	background:url(../../magazine/img/uservoice.gif) no-repeat 0px -40px;
	width:360px;
}

#nsf {
	height: 40px;
	width: 360px;
	display: block;
	background:url(../../magazine/img/nsf.gif) no-repeat;
}
#nsf a {
	height:40px;
	width: 360px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
#nsf a:hover {
	background:url(../../magazine/img/nsf.gif) no-repeat 0px -40px;
	width:360px;
}

#pro {
	height: 40px;
	width: 360px;
	display: block;
	background:url(../../magazine/img/pro.gif) no-repeat;
}
#pro a {
	height:40px;
	width: 360px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
#pro a:hover {
	background:url(../../magazine/img/pro.gif) no-repeat 0px -40px;
	width:360px;
}

#method {
	height: 40px;
	width: 360px;
	display: block;
	background:url(../../magazine/img/method.gif) no-repeat;
}
#method a {
	height:40px;
	width: 360px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
#method a:hover {
	background:url(../../magazine/img/method.gif) no-repeat 0px -40px;
	width:360px;
}

#voice {
	height: 40px;
	width: 360px;
	display: block;
	background:url(../../magazine/img/voice.gif) no-repeat;
}
#voice a {
	height:40px;
	width: 360px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
#voice a:hover {
	background:url(../../magazine/img/voice.gif) no-repeat 0px -40px;
	width:360px;
}

/* 一覧 */
#list {
	margin:40px 0 0;
}
#list ul {
	padding: 0px;
}
#list li {
	list-style-type:square;
	list-style-position: inside;
}


div.imagebox {
	border: 1px solid #999999;
	background-color: #ffffff;
	width: 133px;
	height:200px;
	float: left;
	margin: 0px 15px 15px 0px;
}

p.image, p.caption {
	margin: 6.5px;
		}
p.caption {
	font-size: 0.75em;
	line-height: 160%;
		}

p.exp {
	clear: left;
		}.orange {
	color: #FF6600;
}
.blue {
	color: #0099FF;
}