@charset "UTF-8";

/*============================================
all
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.5;	/*全要素の行の高さを1.5倍にする*/
	color:#CCCCCC;		/*文字色*/
	font-size:103%;
	font-family:'Times New Roman', serif;
	
} 
body {
	background-color:black;	/*ページ全体の背景色*/
	text-align:center;		/*IE6以下でセンタリングするための対策*/
}
div#pagebody {
	width:1000px; margin:0 auto;	/*内容全体をセンタリング*/
	text-align:left;	/*テキストの配置を左揃えにする*/
	background-repeat:repeat-y;		/*背景画像を縦方向に繰り返す*/
	background-color:#000000;		/*内容全体の背景色*/
}
#index{
	margin: 50px auto;
}

/*============================================
head
============================================*/
div#header {
	width:1000px; height:288px;	/*背景画像のサイズに合わせてボックスの高さを指定*/
	/*background-image:url("img/top/head.jpg");	ヘッダ部分の背景画像*/
	background-repeat:no-repeat;		/*背景画像を繰り返さない*/
	background-color:#4f3681;		/*ヘッダ部分の背景色*/
}
h1{
	opacity: 1;
}
h1:hover {
	opacity: 0.8;
}
h1 a img{
	width:1000px; height:288px;
	text-decoration:none; 			/*リンクの下線を無くす*/
}

/*============================================
topmenu
============================================*/
ul#menu {
	height:50px; background-color:#eeeeee; font-weight:bold;
}
li#menu01,li#menu02,li#menu03,li#menu04,li#menu05 {
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	background-repeat:no-repeat; 	/*背景画像を繰り返さない*/	
	
}
/*ボタン01〜05にはそれぞれ異なる背景画像を指定する*/
li#menu01 {
	width:200px; height:50px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("img/top/menu/gaiyou.jpg");	/*背景画像*/
}
li#menu01 :hover{
	width:200px; height:50px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("img/top/menu/gaiyou_hover.jpg");	/*背景画像*/
}
li#menu02 {
	width:200px; height:50px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("img/top/menu/monogatari.jpg");	/*背景画像*/
}
li#menu02 :hover{
	width:200px; height:50px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("img/top/menu/monogatari_hover.jpg");	/*背景画像*/
}
li#menu03 {
	width:200px; height:50px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("img/top/menu/jinbutsu.jpg");	/*背景画像*/
}
li#menu03 :hover{
	width:200px; height:50px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("img/top/menu/jinbutsu_hover.jpg");	/*背景画像*/
}
li#menu04 {
	width:200px; height:50px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("img/top/menu/haifu.jpg");	/*背景画像*/
}
li#menu04 :hover{
	width:200px; height:50px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("img/top/menu/haifu_hover.jpg");	/*背景画像*/
}
li#menu05 {
	width:200px; height:50px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("img/top/menu/furoku.jpg");	/*背景画像*/
}
li#menu05:hover{
	width:200px; height:50px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("img/top/menu/furoku_hover.jpg");	/*背景画像*/
}
ul#menu a {
	display:block;				/*リンクをブロック表示にする*/
	height:50px;  text-align:center;
	text-decoration:none; 			/*リンクの下線を無くす*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}

/*============================================
submenu
============================================*/
div#submenu {
	width:180px;			/*幅の指定*/
	margin:60px 10px 10px 10px;	/*位置調整（IE6のバグに注意）*/
	display:inline;			/*IE6のマージン算出のバグ対策*/
	float:left;			/*サブメニューのカラムを左寄せにする*/
	position:absolute;
}
div#submenu.top {
	top: 0;
}
div#submenu.fixed {
	position: fixed;
	top: 0;
}
div#submenu.bottom {
	bottom: 0;
}
/*サブメニューのヘッダ部分（余白調整・背景画像・背景色・文字サイズなど）*/
div#submenu_header {
	height:36px; padding:4px 0px 0px 0px;
	background-image:url("img/top/submenu/header.png");
	background-repeat:no-repeat; background-position:top;
	background-color:#000000;
	font-size:110%; font-weight:bold; text-align:center;
}
/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul#submenu_body {
	padding-bottom:18px;
	background-image:url("img/top/submenu/footer.png");
	background-repeat:no-repeat; background-position:bottom;
	background-color:#000000;
	text-align:center;
}
ul#submenu_body li {
	font-size:90%;			/*文字サイズを90%にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
}
ul#submenu_body li a {
	display:block;			/*リンクをブロック表示にする*/
	margin:0px 0px 0px 0px;		/*サブメニュー項目のマージン*/
	padding:2px 0px 2px 2px;	/*サブメニュー項目のパディング*/
	background-image:url("img/top/submenu/body.png");
	background-repeat:repeat; background-position:top;
	background-color:#000000;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
}
ul#submenu_body li a:hover {
	background-image:url("img/top/submenu/body_hover.png");
	background-repeat:repeat; background-position:top;
	background-color:#000000;	/*リンクにマウスが乗ったら色を変える*/
	color:#564539;
}
div#twitter　a {
	height=180px;
}

/*============================================
content
============================================*/
/*サブメニューあり*/
div#doublecontent {
	width:750px; margin:10px 20px 10px 0px;	/*幅の指定と位置調整*/
	float:right;				/*2カラム全体を右寄せにする*/
}
/*サブメニューなし*/
div#singlecontent {
	width:750px; margin:10px 20px 10px 0px;	/*幅の指定と位置調整*/
	margin:0 auto;				/*カラムを中央寄せにする*/
}


/*============================================
ニュース（中央カラム）
============================================*/
div#news {
	width:750px; margin-right:5px; padding-top:10px; /*幅の指定と位置調整*/
	float:left;					/*カラムを左寄せにする*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
}

/*見出し・段落・水平線のスタイル指定*/
h2 
{
	font-size:100%; margin-bottom:10px; padding-left:25px;
	font-size:95%; border-bottom:solid 1px #661e43;
	background-repeat:no-repeat; background-position:left center;
}
h3 {font-size:90%; margin-left:5px;}
h4 
{
	font-size:100%; 
	margin-bottom:20px; 
	margin-top: 100px;
	padding-left:25px;
	border-left:solid 5px #661e43;
}
p {font-size:85%; margin:30px 0px 30px 10px; text-indent:10px;}
hr {height:1px; border:solid 1px #661e43; margin-bottom:30px;}

div#news a {
	color: #7157cb;
}

div#news a:hover {
	color: red;
}

/*============================================
概要
============================================*/
ul#sozai li {
	font-size:90%;			/*文字サイズを90%にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
}

ul#sozai_url li {
	padding-left: 2em;
	font-size:80%;			/*文字サイズを90%にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
}

ul#sozai_url li a {
	color: #7157cb;
	text-decoration: none;
}

ul#sozai_url li a:hover {
	color: red;
}

/*============================================
付録関連（質問と回答）
============================================*/
div#hints{
	width:750px; margin-right:5px; padding-top:10px; 
	float:left;					
}

div#showhint:hover{
	color:red;
}

ul#hintlist li{
	list-style-type:none;		
}

ul#hintlist li a{
	display:block;
	background-color:#000000;
	color: #7157cb;
}

ul#hintlist li a:hover{
	color: red;
}

/*============================================
付録関連（攻略）
============================================*/
table.koryaku 
{
    border-collapse: collapse;
    border: 2px solid #661e43;
    text-align: left;
    line-height: 1.5;
}

table.koryaku thead tr 
{
    padding: 10px;
    color: #fff;
    background: #661e43;
}

table.koryaku thead tr th
{
	border: 1px solid #ccc;
	text-align: center;
}

table.koryaku tbody th 
{
	border: 1px dashed #ccc;
    width: 150px;
    padding: 10px;
    font-weight: bold;
    font-size: 85%;
    vertical-align: center;
    background: #4f3681;
}

table.koryaku td 
{
    border: 1px dashed #ccc;
    width: 350px;
    padding: 10px;
    vertical-align: center;
    font-size: 75%
}

table.koryaku th.s
{
	vertical-align: center;
	text-align: center;
	color: red;
	background-color: black;
}

/*============================================
foot
============================================*/
div#footer {
	height:42px; text-align:center;
	clear:both;					/*回り込みを解除する*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
	background-color:#661e43;			/*フッタ部分の背景色*/
}
address {
	font-style:normal;			 /*フォントスタイルを標準にする*/
	font-size:small;			 /*フォントサイズを小さくする*/
	padding:5px 0px 5px 0px;		 /*要素内容の位置調整*/
}