@charset "UTF-8";

/* ---------------------------------------------------------------- */
/*                                                                  */
/* 【タイトル】 m-kz                                                */
/* 【   版   】 1.1                                                 */
/* 【ファイル】 common.css                                          */
/* 【作成月日】 2008/11/04                                          */
/* 【更新月日】 2008/05/13                                          */
/* 【制 作 者】 沖田かず                                            */
/* 【動作環境】 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.       */
/*                                                                  */
/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
/* インポート                                                       */
/* ---------------------------------------------------------------- */

/* ホーム */
/*@import url("home.css");*/

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

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

body {
	_behavior: url("http://m-kz.com/css/behavior/csshover2.htc");	/* whatever:hover（IE6で[a]要素以外にも[:hover擬似クラス]を適用） */
	color: #333;
	font-family: MS UI Gothic, Osaka, ＭＳ Ｐゴシック;
	font-size: 80%;
	text-align: center;
	background: #EEE;
}

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

hr {
	color: #CCC;
	width: 100%;
	height: 1px;
	border: 0;
	background: #CCC;
}

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

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

/* 文字色 */
span.fc00f {
	color: #00F;
}

span.fcf00 {
	color: #F00;
}

/* 文字位置 */
span.center {
 text-align: center;
}

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

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

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

div#base {
	width: 820px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	z-index: 100;
}

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

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

/* 言語 */
div#header div#language {
	width: 100%;
	height: 30px;
	text-align: right;
	line-height: 30px;
}

div#header div#language dl {
}

div#header div#language dl dt {
	display: inline;
	color: #999;
	background: url("../images/common/language_dl_dt.png") no-repeat right center;
	_background: url("../images/common/ie6/language_dl_dt.gif") no-repeat right center;	/* IE6対策 */
	padding: 0px 6px 0px 0px;
	margin: 0px 0px 0px 0px;
}

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

div#header div#language dl dd a {
	color: #36C;
}

/* タイトル */
div#header div#title {
	_display: inline;	/* IE6対策 */
	float: left;
	width: 130px;
	height: 30px;
	text-align: center;
}

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

div#header div#title h1 a {
	display: block;
	width: 130px;
	height: 30px;
}

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

/* メニュー */
div#header div#menu {
	_display: inline;	/* IE6対策 */
	float: right;
	width: 660px;
	height: 30px;
	text-align: center;
	background: url("../images/common/menu.png") no-repeat;
	_background: url("../images/common/ie6/menu.gif") no-repeat;	/* IE6対策 */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}

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

div#header div#menu ul li {
	float: left;
	width: 110px;
	list-style-type: none;
	text-align: center;
}

div#header div#menu ul li a {
	display: block;
	color: #EEE;
	height: 30px;
	text-decoration: none;
	line-height: 30px;
	background: url("../images/common/menu_ul_li_a.png") no-repeat 0px 0px;
	_background: url("../images/common/ie6/menu_ul_li_a.gif") no-repeat 0px 0px;	/* IE6対策 */
}

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

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

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

div#header div#menu ul li.left a {
	background: url("../images/common/menu_ul_li-left_a.png") no-repeat 0px 0px;
	_background: url("../images/common/ie6/menu_ul_li-left_a.gif") no-repeat 0px 0px;	/* IE6対策 */
}

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

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

div#header div#menu ul li.left.now a:hover {
	background-position: 0px -60px;
}

div#header div#menu ul li.right a {
	background: url("../images/common/menu_ul_li-right_a.png") no-repeat 0px 0px;
	_background: url("../images/common/ie6/menu_ul_li-right_a.gif") no-repeat 0px 0px;	/* IE6対策 */
}

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

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

div#header div#menu ul li.right.now a:hover {
	background-position: 0px -60px;
}

/* パス */
div#header div#path {
	clear: both;
	width: 800px;
	height: 30px;
	text-align: right;
	line-height: 30px;
	padding: 0px 0px 0px 11px;
	margin: 0px 0px 0px 0px;
}

div#header div#path ol li {
	float: left;
	display: inline;
	list-style-type: none;
	letter-spacing: 1px;
}

div#header div#path ol li h3 {
	display: inline;
	color: #369;
	font-size: 80%;
	text-align: left;
	letter-spacing: 1px;
	border: #DDD solid 1px;
	background: #FFF;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
}

div#header div#path ol li em {
	background: url("../images/common/path_ol_li_a.png") no-repeat right center;
	_background: url("../images/common/ie6/path_ol_li_a.gif") no-repeat right center;	/* IE6対策 */
	padding: 0px 15px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#header div#path ol li a {
	color: #BBB;
	text-decoration: none;
}

div#header div#path ol li a:hover {
	color: #69C;
	text-decoration: none;
}

/* イメージ */
div#header div#image {
	clear: both;
	width: 800px;
	height: 200px;
	/*background: url("../images/common/image.png") no-repeat;*/
	padding: 0px 0px 0px 0px;
	margin: 0px auto 20px auto;
}

div#header div#image img {
	width: 100%;
	height: 100%;
	_visibility: hidden;	/* IE6対策 */
}

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

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

/* ---------------------------------------------------------------- */
/* コンテンツ                                                       */
/* 共通                                                             */
/* ---------------------------------------------------------------- */

div#content div.contents h4 {
	color: #333;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	letter-spacing: 1px;
	line-height: 25px;
	background: url("../images/common/h4.png") no-repeat left center;
	_background: url("../images/common/ie6/h4.gif") no-repeat left center;	/* IE6対策 */
	padding: 0px 0px 0px 40px;
	margin: 20px 0px 0px 0px;
}

div#content div.contents h4 a,
div#content div.contents h4 a:hover {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

div#content div.contents h5 {
	color: #333;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	letter-spacing: 1px;
	line-height: 20px;
	background: url("../images/common/h5.png") no-repeat left center;
	_background: url("../images/common/ie6/h5.gif") no-repeat left center;	/* IE6対策 */
	padding: 0px 0px 0px 32px;
	margin: 20px 0px 15px 0px;
}

div#content div.contents h5 a,
div#content div.contents h5 a:hover {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

div#content div.contents div.box {
	line-height: 120%;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}

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

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

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

div#content div.contents div.box div.syntax.line ol {
	padding: 0px 0px 0px 25px;
	margin: 15px 0px 15px 0px;
}

/* ページトップ（ナビゲーション） */
div#content div.contents div.pagetop_navi {
	width: auto;
	height: 30px;
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
}

div#content div.contents div.pagetop_navi a {
	display: block;
	width: 80px;
	_width: 100px;	/* IE6対策 */
	height: 15px;
	color: #999;
	text-align: left;
	text-decoration: none;
	line-height: 15px;
	background: url("../images/common/pagetop_navi.png") no-repeat 0px 0px;
	_background: url("../images/common/ie6/pagetop_navi.gif") no-repeat 0px 0px;	/* IE6対策 */
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px auto;
}

div#content div.contents div.pagetop_navi a:hover {
	color: #666;
	background-position: 0px -15px;
}

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


div#main.single div#content {
	width: 800px;
	text-align: left;
}

/* コンテンツ（個別） */
div#main.single div#content div.contents_bg {
	background: url("../images/common/main-s_content_contents_bg.png") no-repeat top;
	_background: url("../images/common/ie6/main-s_content_contents_bg.gif") no-repeat top;	/* IE6対策 */
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}

div#main.single div#content div.contents_bg2 {
	background: url("../images/common/main-s_content_contents_bg2.png") no-repeat bottom;
	_background: url("../images/common/ie6/main-s_content_contents_bg2.gif") no-repeat bottom;	/* IE6対策 */
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

div#main.single div#content div.contents {
	background: url("../images/common/main-s_content_contents.png") repeat-y;
	padding: 1px 1px 1px 1px;
	margin: 0px 0px 0px 0px;
}

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

div#main.double div#content {
	_display: inline;	/* IE6対策 */
	float: left;
	width: 562px;
	text-align: left;
}

/* コンテンツ（個別） */
div#main.double div#content div.contents_bg {
	background: url("../images/common/main-d_content_contents_bg.png") no-repeat top;
	_background: url("../images/common/ie6/main-d_content_contents_bg.gif") no-repeat left top;	/* IE6対策 */
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}

div#main.double div#content div.contents_bg2 {
	background: url("../images/common/main-d_content_contents_bg2.png") no-repeat bottom;
	_background: url("../images/common/ie6/main-d_content_contents_bg2.gif") no-repeat left bottom;	/* IE6対策 */
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

div#main.double div#content div.contents {
	background: url("../images/common/main-d_content_contents.png") repeat-y;
	padding: 1px 1px 1px 1px;
	margin: 0px 0px 0px 0px;
}

/* ---------------------------------------------------------------- */
/* サイド                                                           */
/* (コンテンツ「double」用)                                         */
/* ---------------------------------------------------------------- */

div#side {
	_display: inline;	/* IE6対策 */
	float: right;
	width: 222px;
	text-align: left;
}

/* コンテンツ（個別） */
div#side div.contents_bg {
	background: url("../images/common/side_contents_bg.png") no-repeat top;
	_background: url("../images/common/ie6/side_contents_bg.gif") no-repeat left top;	/* IE6対策 */
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
}

div#side div.contents_bg2 {
	background: url("../images/common/side_contents_bg2.png") no-repeat bottom;
	_background: url("../images/common/ie6/side_contents_bg2.gif") no-repeat left bottom;	/* IE6対策 */
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

div#side div.contents {
	background: url("../images/common/side_contents.png") repeat-y;
	padding: 1px 1px 1px 1px;
	margin: 0px 0px 0px 0px;
}

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

div#footer {
	clear: both;
	width: 800px;
	height: 50px;
	text-align: center;
	border-top: #DDD solid 1px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
}

/* メニュー（フッター） */
div#footer div.menu {
	_display: inline;	/* IE6対策 */
	float: left;
	width: 300px;
	height: 50px;
	text-align: left;
	line-height: 50px;
}

div#footer div.menu ul {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
}

div#footer div.menu ul li {
	display: inline;
	list-style: none;
	background: url("../images/common/footer_menu_ul_li.png") no-repeat right center;
	_background: url("../images/common/ie6/footer_menu_ul_li.gif") no-repeat right center;	/* IE6対策 */
	padding: 0px 16px 0px 0px;
	margin: 0px 0px 0px 0px;
}

html>/**/body div#footer div.menu ul li {	/* F3対策 */
	padding: 0px 21px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#footer div.menu ul li.right {
	background: none;
}

div#footer div.menu ul li a {
	clear: both;
	color: #36C;
	text-decoration: none;
}

div#footer div.menu ul li a:hover {
	color: #36C;
	text-decoration: underline;
}

/* 著作権表記 */
div#footer address {
	_display: inline;	/* IE6対策 */
	float: right;
	width: 400px;
	height: 50px;
	color: #999;
	text-align: right;
	letter-spacing: 1px;
	line-height: 50px;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}