/**
 * Author: Kuta Hiiragi
 * URI : http://www.yaruyomi.com/
 * Description: Yaruyomi
 * Version: 2.0
 * Date: 2010/06/11
 */


/* 
===========================*/

body {
	margin:	0;
	padding: 0;
	color: #333;
	font-size: 9pt;
	font-family: 'Arial', 'sans-serif';
	line-height: 18px;
	background: #EFEFEF;
	height: 100%;
}

/* 共通スタイル */
#header_img, #headerMenu_wrap, #wrap, #footer {
	width: 1100px;
	margin: 0 0 0 20px;
	clear: both;
}

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

#header {
	height: 160px;
	background: #F5F5F5;
}

#header_img {
	height: 160px;
	background: url('./img/header.jpg') no-repeat center center;
}

/* ヘッダ > メニュー
===========================*/

#headerMenu {
	height: 40px;
	background: url('./img/headerMenu.jpg') repeat-x left top;
	margin: 0 0 10px 0;
}

#headerMenu_wrap {
}

#headerMenu_wrap ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 40px;
}

#headerMenu_wrap ul li {
	display: block;
	float: left;
	height: 40px;
	text-align: center;
	font-weight: bold;
}

#headerMenu_wrap ul li a, #headerMenu_wrap ul li a:visited {
	color: #333;
	display: block;
	float: left;
	height: 40px;
	margin: 0;
	padding: 0 20px;
	text-decoration: none;
}

#headerMenu_wrap ul li a:hover {
	color: #000;
	text-decoration:none;
}

#headerMenu_wrap span {
	display: block;
	float: left;
	height: 40px;
	background: url('./img/headerMenu_right.gif') no-repeat right;
	padding: 0 0 0 2px;
}

/* メイン > ID
===========================*/

#wrap {
}

#wrap_wrap {
	float: left;
	width: 840px;
}

#left {
	float: left;
	width: 250px;
}

#center {
	float: right;
	width: 580px;
}

#right {
	float: right;
	width: 250px;
}

/* メイン > クラス
===========================*/

h2 {
	height: 26px;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 26px;
	background: url('./img/h2.jpg') repeat-x left top;
	border-right: 1px solid #CCC;
}

h2 span {
	display: block;
	height: 26px;
	padding: 0 0 0 10px;
	background: url('./img/h2_span.jpg') no-repeat left top;
}

.entry, .sidebar {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #CCC;
	background: #F4F4F4;
}

.entry h3, .sidebar h3 {
	margin: 0 0 5px 0;
	padding: 0 0 3px 0;
	font-size: 1.0em;
	border-bottom: 1px solid #DDD;
}

.entry p, .sidebar p {
	margin: 0 0 15px 10px;
}

.entry ul, .sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.entry ul li, .sidebar ul li {
	margin: 0;
	padding: 2px 0;
	border-bottom: 1px solid #DDD;
}

/* メイン > 作品(AA)表示部分
===========================*/

.aa {
	font-family: 'ＭＳ Ｐゴシック', 'IPAMonaPGothic';
	font-size: 12pt;
	line-height: 18px;
	color: #000;
}

.name {
	color: #228B22;
	font-weight: bold;
}

.id {
	color:#FF0000;
}

.eva {
	color:#FF0000;
	font-weight:bold;
}

.res, .reference {
	margin: 10px 0;
	padding: 10px;
	background: #F8F8F8;
	border: 1px solid #CCC;
}

.reference {
	display: none;
}

/* メイン > ナビゲーション
===========================*/

.navi {
}

.navi h2{
	border: none;
}

.navi h2 span{
	display: block;
}

.navi h2 span span{
	display: block;
	height: 26px;
	padding: 0 10px 0 0;
	background: url('./img/h2_spanspan.jpg') no-repeat right top;
}

.navi div {
	padding: 10px 5px 10px 10px;
	border: 1px solid #CCC;
	background: #F4F4F4;
	height: 100%;
}

.navi div a, .navi div a:visited {
	color: #333;
	width: 82px;
	text-decoration: none;
	display: block;
	float: left;
}

.navi div a:hover {
	color: #FF0000;
}

/* メイン > サイドバー
===========================*/

.ranking {
	width: 100%;
	border-spacing: 0;
	font-size: 9pt;
}
.ranking th {
	padding: 0;
	border-bottom: 1px solid #CCC;
	text-align: center;;
}
.ranking td {
	padding: 0 0 0 5px;
	border-bottom: 1px solid #CCC;
}

/* default
===========================*/

a, a:visited {
	color: #333;
}
a:hover, a:active {
	color: #FF0000;
}
a img {
	border: 0;
}

h1 {
	margin: 0 0 10px 0;
	height: 60px;
	padding: 0 20px;
	font-size: 13pt;
	line-height: 60px;
	background: url('./img/h1.jpg') repeat-x left top;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

/* その他
===========================*/

form {
	margin: 0;
	padding: 0;
}
/*
img {
	vertical-align: bottom;
}
*/
p {
	margin:0;
	padding:0;
}

table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 0;
}

table td, table th {
	padding: 3px 5px;
	border-bottom: 1px solid #DDD;
	vertical-align: top;
}

.clear {
	clear:both;
}