@charset "Shift_JIS";

@import "reset.css";

/* -------------------------------------
__Container
------------------------------------- */

html {
	font-size: 62.5%;
	background: #ffffff;
	font-family: sans-serif;
}

/* IE7 Hack */
*+html body {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#container {
	width: 594px;
	margin:0 auto 0;
	text-align:center;
}

/* -------------------------------------
__Header
------------------------------------- */

#header {
	width: 560px;
	margin: 12px 17px 0 17px;
}

#header_body {
}

#header_body h1 {
	float: left;
	width: 133px;
	height: 65px;
}

#header_body h1 a {
	display: block;
	margin: 0;
	width: 133px;
	height: 65px;
	text-indent: -9999px;
	background: url(../img/navi_logo.gif) no-repeat left top;
}

/******** __Global Navigation ********/

#header #navi {
	float: right;
	margin: 32px 0px 0px 0px;
	width: 419px;
	height: 13px;
	line-height: 13px;
}

#header #navi li {
	list-style-type: none; 
	float: left;
}

#header #navi li a {
	display: block;
	height: 13px;
	text-indent: -9999px;
	margin: 0;
	background-image: url(../img/navi_bg.gif);
	background-repeat: no-repeat;
}

#navi #navi_top				{ background-position: 0px top; width: 35px; }
#navi #navi_top:hover		{ background-position: 0px -13px; }
#navi #navi_products		{ background-position: -35px top; width: 92px; }
#navi #navi_products:hover	{ background-position: -35px -13px; }
#navi #navi_creators		{ background-position: -127px top; width: 88px; }
#navi #navi_creators:hover	{ background-position: -127px -13px; }
#navi #navi_blog			{ background-position: -215px top; width: 55px; }
#navi #navi_blog:hover		{ background-position: -215px -13px; }
#navi #navi_profile			{ background-position: -270px top; width: 72px; }
#navi #navi_profile:hover	{ background-position: -270px -13px; }
#navi #navi_contact			{ background-position: -342px top; width: 76px; }
#navi #navi_contact:hover	{ background-position: -342px -13px; }


/* -------------------------------------
__Top Menu
------------------------------------- */

#top_menu {
	background: url(../img/logo.gif) top left no-repeat;
	width: 594px;
	height: 513px;
	margin: 12px 0 12px 0;
	text-align: left;
}

#top_menu ul {
	padding: 290px 0 0 54px;
}

#top_menu ul li a {
	display: block;
	width: 100px;
	height: 35px;
	background-image: url(../img/top_menu_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

#top_menu #top_menu_products		{ background-position: left 0px; }
#top_menu #top_menu_products:hover	{ background-position: -100px 0px; }
#top_menu #top_menu_creators		{ background-position: left -35px; }
#top_menu #top_menu_creators:hover	{ background-position: -100px -35px; }
#top_menu #top_menu_blog			{ background-position: left -70px; }
#top_menu #top_menu_blog:hover		{ background-position: -100px -70px; }
#top_menu #top_menu_profile			{ background-position: left -105px; }
#top_menu #top_menu_profile:hover	{ background-position: -100px -105px; }
#top_menu #top_menu_contact			{ background-position: left -140px; }
#top_menu #top_menu_contact:hover	{ background-position: -100px -140px; }


/* -------------------------------------
__Contents
------------------------------------- */

#contents {
	float: left;
	width: 560px;
	margin: 18px 17px 18px; 17px;
	text-align:left;
}

#contents_body {
}

#contents h1 {
	clear: both;
	width: 560px;
	height: 20px;
	line-height: 20px;
	text-indent: -9999px;
	margin: 0 0 24px 0;
	background-position: left top;
}

#contents h2 {
	font-size:1.6em;
}

#contents_body p, #contents_body td, #contents_body li {
	font-size: 1.4em;
	line-height: 150%;
}

#contents_body em {
	font-style: italic;
}
#contents_body b {
	font-weight: bold;
}

#contents_body strong {
	font-weight: bold;
}

#contents_body .banner {
	text-align: center;
	margin: 0 0 18px 0;
}

/******** __Rectangles ********/

.r_rect {
	clear: left;
	float: left;
	padding: 1px 0 0;
	margin: 0 0 24px;
	background: url(../img/r_rect_bg.gif) no-repeat left top;
}

.r_rect_body {
	clear: left;
	float: left;
	width: 540px;
	margin: 10px 0 0;
	padding: 4px 10px 10px;
	background: url(../img/r_rect_bg.gif) no-repeat left bottom;
	color: white;
}

.r_rect_body a {
	color:#FF9900;
}

.r_rect_body h2 {
	clear: none;
	padding: 0px 0px 12px;
	line-height: 24px;
	font-size: 1.6em;
	font-weight: bold;
	color: white;
}

.r_rect_body h3 {
	clear: none;
	padding: 0px 0px 12px;
	line-height: 24px;
	font-size: 1.2em;
	font-weight: bold;
	color: white;
}

.r_rect_body .creators {
	float: right;
	width: 365px;
}

.r_rect_body .creators a img {
	vertical-align: top;
	margin: 0;
	border: solid #000000 3px;
}

.r_rect_body .creators a:hover img {
	border: solid #ff8000 3px;
}

.r_rect_body .honbun {
	clear: both;
	padding: 18px 0 0 0;
}

.r_rect_body .creator_img {
	float: right;
	margin: 10px;
}

/******** __btn ********/

a.btn_information {
	display: block;
	float: left;
	margin: 8px 0 0 0;
	height: 22px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	background: url(../img/btn_information.gif) no-repeat left top;
	width: 126px;
}

a.btn_contact {
	display: block;
	float: right;
	margin: 8px 0 0 0;
	height: 22px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	background: url(../img/btn_contact.gif) no-repeat left top;
	width: 88px;
}

a.btn_more {
	display: block;
	float: right;
	margin: 8px 0 0 0;
	height: 22px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	background: url(../img/btn_more.gif) no-repeat left top;
	width: 75px;
}

a.btn_detail {
	display: block;
	float: right;
	margin: 8px 0 0 0;
	height: 22px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	background: url(../img/btn_detail.gif) no-repeat left top;
	width: 75px;
}

a.btn_back {
	display: block;
	float: left;
	margin: 0 0 8px 0;
	height: 22px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	background: url(../img/btn_back.gif) no-repeat left top;
	width: 75px;
}

a.btn_moreproducts {
	display: block;
	float: right;
	margin: 8px 0 0 0;
	height: 22px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	background: url(../img/btn_moreproducts.gif) no-repeat left top;
	width: 157px;
}

a.btn_information:hover, a.btn_contact:hover, a.btn_more:hover, a.btn_detail:hover, a.btn_back:hover, a.btn_moreproducts:hover {
	background-position: left -22px;
}

/******** __etc ********/

/* datalist */

table.datalist {
	border-collapse:collapse;
	empty-cells:show;
}
table.datalist th {
	border-collapse: collapse;
	border: 1px #c0c0c0 solid;
	padding: 10px;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background-color: #fff;
}
table.datalist td {
	border-collapse: collapse;
	border: 1px #c0c0c0 solid;
	padding: 10px;
	background-color: #FFFFFF;
	font-size: 14px;
	line-height: 18px;
}

/* finedatalist */

table.finedatalist {
	border-collapse:collapse;
	empty-cells:show;
}
table.finedatalist th {
	border-collapse: collapse;
	border: 1px #c0c0c0 solid;
	padding: 3px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	background-color: #f0a005;
}
table.finedatalist td {
	border-collapse: collapse;
	border: 1px #c0c0c0 solid;
	padding: 3px;
	background-color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
}

/* dataformat */

table.dataformat {
	border-collapse:collapse;
	empty-cells:show;
}
table.dataformat th {
	border-collapse: collapse;
	border: 0px;
	font-size: 12px;
}
table.dataformat td {
	border-collapse: collapse;
	border: 0px;
	font-size: 12px;
	line-height: 105%;
}



/* -------------------------------------
__Footer
------------------------------------- */

#footer {
	clear: both;
	width: 560px;
	margin: 0 17px 0 17px;
	border-top: 1px solid #303030;
	text-align: center;
	font-weight: bold;
	color: #303030;
}

#footer p {
}