@charset "utf-8";
/* CSS Document */

body
{
	font-family:Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:12px;
	margin:0;
	padding:0px;
	background-image:url(../images/base/background.png);
	background-repeat:repeat-x;
}

img
{
	border:none;
}

h1
{
	margin:0px;
	font-size:12px;
	color:#FFFFFF;
	font-weight:normal;
}

h2
{
	margin:0px;
}

h3
{
	margin:0px;
	margin-bottom:10px;
}

h4
{
	margin:0px;
}

br.clear
{
	clear:both;
}

a.bg_link
{
	text-indent:-9999px;
	overflow:hidden;
}

div.alert
{
	padding:10px;
	background-color:#FCECFF;
	margin-bottom:10px;
	color:#FF0000;
}

#header
{
	background-image:url(../images/base/header.png);
	height:130px;
	width:1000px;
	margin:0px auto;
	background-position:center;
	background-repeat:no-repeat;
	color:#FFFFFF;
}

#header #description
{
	width:600px;
	float:left;
}

#header h2 a
{
	position:relative;
	display:block;
	top:40px;
	left:50px;
	width:430px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
}

#header .menu
{
	margin-left:600px;
	margin-top:20px;
	color:#FFFFFF;
}

#header .menu img
{
	vertical-align:middle;
}

#header .menu a
{
	color:#FFFFFF;
}

#header #language
{
	width:360px;
	float:left;
}

#header #language a
{
	color:#FFFFFF;
}

#background
{
	width:1000px;
	margin:10px auto;
}

#background .column1
{
	width:180px;
	float:left;
}

#background .column2
{
	width:580px;
	margin:0px 10px;
	float:left;
}

#background .column3
{
	width:180px;
	float:left;
}

#footer
{
	background-color:#0725B0;
	color:#FFFFFF;
}

#footer a
{
	color:#FFFFFF;
}

#footer address
{
	text-align:right;
}

#category
{
	margin-bottom:20px;
}

#category .top
{
	background-image:url(../images/base/category_bg.png);
	height:30px;
}

#category .body
{
	background-image:url(../images/base/category_bg.png);
	background-position:bottom;
}

#category .body ul
{
	margin:0px;
	list-style:none;
	padding:0px;
	margin-left:10px;
}

#category .body ul li
{
	padding-left:16px;
}

#ranking .top
{
	background-image:url(../images/base/ranking_bg.png);
	height:60px;
}

#ranking .body
{
	background-image:url(../images/base/ranking_bg_m.png);
	background-repeat:repeat-y;
}

#ranking .bottom
{
	background-image:url(../images/base/ranking_bg.png);
	background-position:bottom;
	height:1px;
}

#ranking .body div.caption
{
	color:#474F00;
	font-weight:bold;
	background-color:#EBEFC2;
	text-align:center;
	margin-bottom:5px;
}

#ranking .body .rating, #ranking .body .favorite, #ranking .body .view, #ranking .body .download
{
	width:168px;
	margin-left:6px;
	margin-bottom:20px;
}

#ranking .body .rating img, #ranking .body .favorite img, #ranking .body .view img, #ranking .body .download img
{
	border:1px solid #CCCCCC;
	margin:2px;
}

.filetree span.folder
{
	background-position:0px;
}

.wrap_h3
{
	background-image:url(../images/base/h3_bg.png);
	height:30px;
	width:580px;
	margin-bottom:10px;
}

.wrap_h3 h3
{
	line-height:30px;
	margin:0px 10px;
}

#background .column3 a.ycom {
	background-image:url(http://www.material-land.com/images/banner/ycom_banner_100.png);
	display:block;
	height:180px;
	margin:0px auto 10px;
	width:180px;
}

#background .column3 a.ycom:hover {
	background-position:-180px 0;
}


#background .column3 a.materialand {
	background-image:url(../images/banner/materialand.png);
	display:block;
	height:180px;
	margin:0px auto 10px;
	width:180px;
}

#background .column3 a.materialand:hover {
	background-position:-180px 0;
}

#background .column3 a.tutrial {
	background-image:url(http://tutorial.yossy-m.net/banner/banner.png);
	display:block;
	height:180px;
	margin:0px auto 10px;
	width:180px;
}

#background .column3 a.tutrial:hover {
	background-position:-180px 0;
}

#background .column3 a.materialand_en {
	background-image:url(../images/banner/materialand_en.png);
	display:block;
	height:180px;
	margin:0px auto 10px;
	width:180px;
}

#background .column3 a.materialand_en:hover {
	background-position:-180px 0;
}

#background .column3 a {
	margin:0px auto 10px;
}

/* item list */
#item_list .cell
{
	width:278px;
	border:1px solid #346BD8;
	margin:0px 5px 10px 5px;
	float:left;
	text-align:center;
	display:inline;
}

#item_list .cell table
{
	text-align:left;
}

#item_list .cell table th
{
	font-weight:normal;
	width:70px;
}

#item_list .cell .title
{
	color:#FFFFFF;
	font-weight:bold;
	background-color:#346BD8;
	padding:5px;
	height:40px;
	font-size:14px;
}

#item_list .cell .title a
{
	color:#FFFFFF;
}

#item_list .cell img.capture
{
	margin:10px 0px;
}

#item_list .cell .star_avg
{
	float:left;
	width:134px;
	margin-top:10px;
	margin-left:5px;
}

#item_list .cell .icons
{
	float:left;
	text-align:right;
	width:134px;
}

#item_list .cell .icons .comment
{
	display:block;
	width:32px;
	height:32px;
	line-height:32px;
	text-align:center;
	background-image:url(../images/base/comment.png);
	float:left;
	text-decoration:none;
}

#item_list .cell .favorite
{
	display:inline;
	color:#888888;
}

#item_list .cell .favorite img.control
{
	cursor:pointer;
}

#item_list .cell .edit
{
	text-align:right;
	margin:0px 5px 0px 0px;
}

/* search box */
#search_box
{
	border:10px solid #D2E8F0;
	background-color:#e8f5ff;
	margin-bottom:10px;
}

#search_box table
{
	margin:10px;
}

#search_box table th
{
	text-align:right;
	vertical-align:top;
	padding:5px 0px;
}

#search_box table td.filetype
{
	width:120px;
}

#search_box table td.filetype select
{
	width:100px;
}

#search_box table td.category
{
	width:200px;
}

#search_box table td.category select
{
	width:180px;
}

#search_box table td.search
{
	vertical-align:bottom;
}

/* login */
#login, #member_menu
{
	border:1px solid #d5ce9f;
	background-color:#fcf1a8;
	font-size:11px;
	margin-bottom:10px;
	padding:10px 0px;
	text-align:center;
	padding-top:30px;
}

#login
{
	border:1px solid #966345;
	background-image:url(../images/base/login.png);
	background-repeat:no-repeat;
	background-position:top;
}

#login input.feed
{
	width:100px;
}

#login table
{
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
}

#member_menu
{
	border:1px solid #966345;
	background-image:url(../images/base/members_menu.png);
	background-repeat:no-repeat;
	background-position:top;
}

#member_menu ul
{
	margin:10px 0px 0px 10px;
	padding:0px;
	text-align:left;
	list-style:none;
}

#member_menu ul li
{
	line-height:25px;
	height:25px;
	vertical-align:middle;
	padding-left:30px;
	margin:5px 0px;
}

#member_menu ul li.profile
{
	background-image:url(../images/base/menu_profile.png);
	background-repeat:no-repeat;
}

#member_menu ul li.submit
{
	background-image:url(../images/base/menu_submit.png);
	background-repeat:no-repeat;
}

#member_menu ul li.recommend
{
	background-image:url(../images/base/menu_recommend.png);
	background-repeat:no-repeat;
}

#member_menu ul li.favorite
{
	background-image:url(../images/base/favorite.png);
	background-repeat:no-repeat;
}

#member_menu ul li.logout
{
	background-image:url(../images/base/logout.png);
	background-repeat:no-repeat;
}

/* statistics */
#statistics
{
	border:1px solid #388535;
	background-color:#edffe8;
	font-size:11px;
	margin-bottom:10px;
	padding:10px 0px;
	text-align:center;
}

#statistics
{
	background-image:url(../images/base/statistics.png);
	background-repeat:no-repeat;
	background-position:top;
}

#statistics table
{
	margin:30px 0px 0px 10px;
	width:160px;
	padding:0px;
	text-align:left;
	list-style:none;
}

#statistics table .label
{
	background-color:#c0e1bb;
}

#statistics table td
{
	text-align:right;
}

/* about this site */
#about
{
	border:1px solid #5670da;
	background-color:#e8f5ff;
	font-size:11px;
	margin-bottom:10px;
	padding:10px 0px;
	text-align:center;
}

#about
{
	background-image:url(../images/base/about.png);
	background-repeat:no-repeat;
	background-position:top;
}

#about ul
{
	margin:30px 0px 0px 10px;
	padding:0px;
	text-align:left;
	list-style:none;
}

#about ul li
{
	line-height:25px;
	height:25px;
	vertical-align:middle;
	padding-left:30px;
	margin:5px 0px;
	background-image:url(../images/base/menu_about.png);
	background-repeat:no-repeat;
}

/* navigation */
#navigation a
{
	width:20px;
	border:1px solid #999999;
	margin:3px;
	text-align:center;
	padding:5px;
	float:left;
}

#navigation a:hover
{
	background-color:#FFCCFF;
}

/* tooltip for icons */
#dynatip {
	display:none;
	background:transparent url(../js/tooltip/tooltip.png);
	font-size:12px;
	height:20px;
	width:240px;
	padding:15px 5px 25px 5px;
	color:#000000;	
	text-align:center;
}

#social_media
{
	background-image:url(../images/base/bookmark_bg.png);
	width:475px;
	height:46px;
	padding-top:30px;
	padding-left:105px;
	margin-bottom:10px;
}