/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr1
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
	color: #000;
	background: #FFF;
}

/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	padding: 0;
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}

/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style: none;
}


caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
	font-variant: normal;
}

/* to preserve line-height and selector appearance */
sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

/*to enable resizing for IE*/
input,
textarea,
select {
	font-size: 100%;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}


/* ここまでリセット */


/* ここからベルーナ用 */
body {
	font-size: 13px;
	color: #464646;
	text-align: center ;
	background: url(img/bg.png) repeat;
}



/* リンク */
.btn{
	margin: 20px 0 30px;
	text-align: center;
}



/* 文字 */
p {
	margin: 5px 0 10px;
	line-height: 1.5;
}



span{
	color: #008F8F;
}



span.big {
	font-size: 18px;
	font-weight: bold;
	color: #008F8F;
}



a{
	color: #0000ff;
	text-decoration: underline;
}


a:hover{
	color: #ff0000;
	text-decoration: underline;
}



/* 見出し */
h1 {
	position: relative;
	left: 10px;
	top: 17px;
	font-size: 13px;
}



h2 {
	height: 35px;
	_height: 48px;
	padding-top: 13px;
	margin-bottom: 10px;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	text-indent: 60px;
}



h3 {
	padding: 10px 5px;
	margin-bottom: 5px;
	font-size: 14px;
	color: #444444;
	line-height: 1.5;
	background: #ffffff;
}



#container {
	width: 800px;
	margin: 0 auto;
	text-align: left ;
	background: url(img/header_bg_img.gif) no-repeat;
}



div.right {
	float: right;
	width: 400px;
}




/* ヘッダー */
#header {
	height: 240px;
}



#header img{
	float: left;
}


/* 第1章 概要 */
#chapter_01{
	clear: both;
	margin-bottom: 20px;
}



#chapter_01 h2{
	background: url(img/title_01.gif) no-repeat;
}



#chapter_01 .right p{
	padding-left: 13px;
}



/* 第2章 カテゴリから選ぶ */
#chapter_02{
	clear: both;
	margin-bottom: 20px;
}



#chapter_02 h2{
	background: url(img/title_02.gif) no-repeat;
	margin-bottom: 5px;
}



#chapter_02 ul{
	height: 145px;
	margin-left: 1px;
}



#chapter_02 li {
	float: left;
	height: 144px;
	width: 133px;
	text-align: center;
	background: url(img/list_bg.gif) no-repeat;
}



#chapter_02 li a{
	height: 144px;
	width: 133px;
	padding: 28px 0 0;
	text-decoration: none;
	display: block;
}



#chapter_02 li a span{
	color: #0000ff;
	text-decoration: underline;
}



#chapter_02 li a:hover {
	background: url(img/list_bg_on.gif) no-repeat;
}



#chapter_02 li a:hover span{
	color: #ff0000;
	text-decoration: underline;
}



/* 第3章 シーンから選ぶ */
#chapter_03{
	clear: both;
	margin-bottom: 20px;
}



#chapter_03 h2{
	background: url(img/title_03.gif) no-repeat;
}


#chapter_03 ul{
	clear: both;
	margin: 5px 0 10px;
}



#chapter_03 li{
	clear: both;
	height: 130px;
	padding: 9px 21px 15px;
	vertical-align: top;
	background: url(img/box_bg_img.gif) no-repeat;
}



#chapter_03 li img{
	float: left;
}



#chapter_03 li p{
	float: left;
	width: 450px;
	margin: 0;
	padding: 0 20px 0;
}



#chapter_03 p.btn{
	float: right;
	height: 27px;
	width: 140px;
	padding: 0 ;
	margin: 90px 0 0;
}



/* 上へ戻る */
.top{
	margin-bottom: 10px;
	text-align: right;
}



.top a{
	color: #20AC4D;
	text-decoration: none;
}



.top a:hover {
	color: #009999;
	text-decoration: underline;
}



/* フッター */
#footer {
	padding: 7px 0;
	border-top: 1px dotted #bcbcbc;
	font-size: 12px;
	color: #666666;
}



#footer a{
	color: #666666;
	text-decoration: none;
}



#footer a:hover{
	color: #666666;
	text-decoration: none;
}



.menu{
	height:20px;
	padding: 5px 0;
}



.menu li{
	float:left;
	padding: 0 8px;
	border-left: 1px solid #666666;
}



.end{
	border-right: 1px solid #666666;
}



#copyright{
	border-top: 1px dotted #bcbcbc;
	text-align: center;
}



#info{
	padding: 7px 0;
	border-top: 1px dotted #bcbcbc;
	font-size: 12px;
	color: #666666;
}