@charset "UTF-8";

/* ---------------------------------------------------------------- */
/*                                                                  */
/* 【タイトル】 夕櫻を見つめて                                      */
/* 【   版   】 1                                                   */
/* 【ファイル】 common.css                                          */
/* 【作成月日】 2009/05/15                                          */
/* 【更新月日】 2009/05/21                                          */
/* 【制 作 者】 沖田かず                                            */
/* 【動作環境】 Internet Explorer 6, 7, 8                           */
/*              Firefox 3                                           */
/*              Safari 3                                            */
/* 【 E-Mail 】 Please confirm it on the homepage.                  */
/* 【HomePage】 http://m-kz.com/                                    */
/* 【著 作 権】 Copyright (C) 2009 m-kz. All Rights Reserved.       */
/*                                                                  */
/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
/* 基本設定                                                         */
/* ---------------------------------------------------------------- */

* {
	font-style: normal;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

body {
	color: #333;
	font-family: MS UI Gothic, Osaka, ＭＳ Ｐゴシック;
	font-size: 80%;
	text-align: center;
	background: #FCF;
}

img {
	vertical-align: text-bottom;
	border: 0;
}

hr {
	width: auto;
	height: 1px;
	text-align: center;
	background: #CCC;
	border: 0;
	padding: 0px 0px 0px 0px;
	margin: 15px auto 15px auto;
}

/* リンク文字 */
a {
	color: #F39;
	text-decoration: none;
}

a:hover	{
	color: #F39;
	text-decoration: underline;
}
a:visited {
	color: #F39;
	text-decoration: none;
}
a:visited:hover	{
	color: #F39;
	text-decoration: underline;
}

/* ページトップ（ターゲット） */
div#pagetop_target {
	_display: none;
	width: 0px;
	height: 0px;
	visibility: hidden;
}

/* ---------------------------------------------------------------- */
/* 背景                                                             */
/* ---------------------------------------------------------------- */

div#bg {
	background: url("../images/common/bg.gif") repeat-x top;
}

/* ---------------------------------------------------------------- */
/* 基礎                                                             */
/* ---------------------------------------------------------------- */

div#base_bg {
	width: 816px;
	height: auto;
	text-align: center;
	background: url("../images/common/base_bg.gif") repeat-y center;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}

.home div#base_bg {
	width: 1000px;
	height: auto;
}

div#base_bg2 {
	background: url("../images/common/base_bg2.jpg") no-repeat top;
}

.home div#base_bg2 {
	background: url("../images/common/base_bg2-home.jpg") no-repeat top;
}

div#base {
	background: url("../images/common/base.gif") no-repeat bottom;
}

/* ---------------------------------------------------------------- */
/* ヘッダー                                                         */
/* ---------------------------------------------------------------- */

div#header {
	width: 800px;
	/*height: 105px;*/
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}

/* 言語（ホーム） */
div#header div#language,
div#header div#language_home {
	width: 100%;
	height: 30px;
	text-align: right;
	line-height: 30px;
	margin: 0px 10px 0px 0px;
}

div#header div#language dl dt,
div#header div#language_home dl dt {
	display: inline;
	color: #FFF;
	background: url("../images/common/language_dl_dt.gif") no-repeat right center;
	padding: 0px 6px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#header div#language dl dd,
div#header div#language_home dl dd {
	display: inline;
}

div#header div#language dl dd a,
div#header div#language_home dl dd a {
	color: #FFF;
}

/* ルート（ホーム） */
div#header div#root_home {
	width: 100%;
	height: 40px;
}

div#header div#root_home dl dt {
	display: none;
}

div#header div#root_home dl dd {
	display: inline; /* IE6バグ対策 */
	float: right;
	width: 200px;
	height: 40px;
	text-indent: -9000px;
	background: url("../../m-kz_b.png") no-repeat;
}

div#header div#root_home dl dd a {
	display: block;
	width: 100%;
	height: 100%;
}

/* タイトル */
div#header div#title {
	display: inline; /* IE6バグ対策 */
	float: left;
	width: 300px;
	height: 98px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
}

.home div#header div#title {
	display: none;
}

div#header div#title h1 {
	font-size: 100%;
	text-indent: -9000px;
	/*background: url("../images/common/h1.gif") no-repeat;*/
}

div#header div#title h1 a {
	display: block;
	width: 300px;
	height: 98px;
}

div#header div#title h1 a img {
	width: 100%;
	height: 100%;
}

/* サブタイトル */
div#header div#subtitle {
	display: none;
}

/* メニュー */
div#header div#menu {
	clear: both;
	width: 800px;
	height: 30px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 114px 0px 0px 0px;
	/margin: 8px 0px 0px 0px;	/* IE6,7対策 */
}

.home div#header div#menu {
	clear: both;
	width: 800px;
	height: 30px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 547px 0px 0px 0px;
}

div#header div#menu ul {
	list-style-type: none;
}

div#header div#menu ul li {
	float: left;
	width: 125px;
	list-style-type: none;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
}

div#header div#menu ul li.right {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#header div#menu ul li a {
	display: block;
	color: #333;
	height: 30px;
	font-weight: bold;
	text-decoration: none;
	line-height: 30px;
	background: url("../images/common/menu_ul_li_a.gif") no-repeat;
	text-indent: -9000px;
}

div#header div#menu ul li a.top {
	color: #EEE;
	background-position: 0px 0px;
}

div#header div#menu ul li a.top:hover {
	color: #EEE;
	background-position: 0px -30px;
}

div#header div#menu ul li.now a.top {
	color: #EEE;
	background-position: 0px -60px;
}

div#header div#menu ul li a.story {
	color: #EEE;
	background-position: 0px -90px;
}

div#header div#menu ul li a.story:hover {
	color: #EEE;
	background-position: 0px -120px;
}

div#header div#menu ul li.now a.story {
	color: #EEE;
	background-position: 0px -150px;
}

div#header div#menu ul li a.character {
	color: #EEE;
	background-position: 0px -180px;
}

div#header div#menu ul li a.character:hover {
	color: #EEE;
	background-position: 0px -210px;
}

div#header div#menu ul li.now a.character {
	color: #EEE;
	background-position: 0px -240px;
}

div#header div#menu ul li a.gallery {
	color: #EEE;
	background-position: 0px -270px;
}

div#header div#menu ul li a.gallery:hover {
	color: #EEE;
	background-position: 0px -300px;
}

div#header div#menu ul li.now a.gallery {
	color: #EEE;
	background-position: 0px -330px;
}

div#header div#menu ul li a.spec {
	color: #EEE;
	background-position: 0px -360px;
}

div#header div#menu ul li a.spec:hover {
	color: #EEE;
	background-position: 0px -390px;
}

div#header div#menu ul li.now a.spec {
	color: #EEE;
	background-position: 0px -420px;
}

div#header div#menu ul li a.download {
	color: #EEE;
	background-position: 0px -450px;
}

div#header div#menu ul li a.download:hover {
	color: #EEE;
	background-position: 0px -480px;
}

div#header div#menu ul li.now a.download {
	color: #EEE;
	background-position: 0px -510px;
}

/* ---------------------------------------------------------------- */
/* メイン                                                           */
/* ---------------------------------------------------------------- */

div#main {
	width: 800px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}

div#main:after {	/* F対策 */
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/* ---------------------------------------------------------------- */
/* コンテンツ                                                       */
/* ---------------------------------------------------------------- */

div#contents {
	display: inline; /* IE6対策 */
	float: left;
	width: 760px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 7px 0px 0px 20px;
}

html>/**/body div#contents {	/* F対策 */
	padding: 0px 0px 15px 0px;
}

/* パス（ホーム） */
div#contents div#path_home {
	display: none;
}

/* パス */
div#contents div#path {
	display: none;
	width: 550px;
	height: 20px;
	font-size: 80%;
	text-align: left;
	line-height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px -10px 0px;
}

div#contents div#path ol {
	text-align: left;
}

div#contents div#path ol li {
	float: left;
	color: #555;
	display: inline;
	list-style-type: none;
	letter-spacing: 1px;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#contents div#path ol li em {
	background: url("../images/common/path_ol_li_a.gif") no-repeat right center;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#contents div#path ol li a {
	color: #555;
	text-decoration: none;
}

div#contents div#path ol li a:hover {
	color: #555;
	text-decoration: underline;
}

/* ページネーム（ホーム） */
div#contents div.pagename_home {
	display: none;
}

/* ページネーム */
div#contents div.pagename {
	display: none;
}

div#contents h3 {
	color: #555;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	letter-spacing: 1px;
	line-height: 50px;
	padding: 0px 0px 0px 40px;
	margin: 20px 0px 0px 0px;
}

div#contents h3 a,
div#contents h3 a:hover {
	color: #555;
	text-decoration: none;
}

div#contents h4 {
	color: #FFF;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	letter-spacing: 1px;
	line-height: 30px;
	background: url("../images/common/h4.gif") no-repeat;
	padding: 0px 0px 0px 1em;
	margin: 20px 0px 0px 0px;
}

div#contents h4 a,
div#contents h4 a:hover {
	color: #FFF;
	text-decoration: none;
}

div#contents h5 {
	width: auto;
	height: 25px;
	color: #333;
	font-size: 100%;
	text-align: left;
	letter-spacing: 1px;
	line-height: 20px;
	background: url("../images/common/h5.gif") no-repeat;
	padding: 0px 0px 0px 1em;
	margin: 20px 0px 15px 0px;
}

div#contents h5 a,
div#contents h5 a:hover {
	color: #333;
	text-decoration: none;
}

div#contents div.box {
	line-height: 120%;
}

div#contents div.box p {
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 15px 0px;
}

div#contents div.box div.indent {
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
}

div#contents div.box div.syntax {
	border: #CCC solid 1px;
	background: #EEE;
	padding: 0px 0px 0px 10px;
	margin: 15px 0px 15px 0px;
}

/* ページトップ（ナビゲーション） */
div#contents div#pagetop_navi {
	clear: both;
	display: inline;
	float: right;
	width: 80px;
	height: 20px;
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 20px 10px 0px 0px;
}

div#contents div#pagetop_navi p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#contents div#pagetop_navi a {
	display: block;
	width: 65px;
	_width: 80px;
	height: 20px;
	color: #F66;
	font-size: 100%;
	letter-spacing: 1px;
	line-height: 20px;
	text-decoration: none;
	background: url("../images/common/pagetop.gif") no-repeat 0px 0px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
}

div#contents div#pagetop_navi a:hover {
	color: #F66;
	background-position: 0px -20px;
}

/* ---------------------------------------------------------------- */
/* フッター                                                         */
/* ---------------------------------------------------------------- */

div#footer {
	clear: both;
	width: 800px;
	height: auto;
	text-align: center;
	padding: 1px 0px 0px 0px;
	margin: 10px auto 0px auto;
}

/* 著作権表記 */
div#footer address {
	clear: both;
	display: block;
	width: auto;
	height: 30px;
	color: #FFF;
	font-size: 100%;
	text-align: right;
	letter-spacing: 1px;
	line-height: 30px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}