@charset 'utf-8';

/* {{{ html, bodyタグ
 * ============================================================================================ */

	/* ベース
	---------------------------------------- */
	html, body {
		background: #000000 url('../img/index/background.png') repeat-x;
	}

	/* 文字設定
	---------------------------------------- */
	body {
		font-size: 92.4%;
		line-height: 1.5;
	}

	/* 文字色
	---------------------------------------- */
	body, body a {
		color: #FFF;
	}

/* }}} ======================================================================================== */

/* {{{ ドキュメント領域
 * ============================================================================================ */

	/* ベース
	---------------------------------------- */
	#document {
		width: 780px;
		margin: 0 auto;
		min-height:900px;
	}

/* }}} ======================================================================================== */

/* {{{ ヘッダー
 * ============================================================================================ */

	/* ベース
	---------------------------------------- */
	#header {
		height: 437px;
		background: url('../img/index/header.png') no-repeat;
	}

	/* タイトルロゴ
	---------------------------------------- */

		/* ベース
		------------------------------------ */
		#header h1 {
			width: 780px; height: 157px;
			text-indent:-9999px;
		}

		/* リンク
		------------------------------------ */
		#header h1 a {
			display: block;
			height: 100%;
			text-indent: -9999px;
		}

/* }}} ======================================================================================== */

/* {{{ メインコンテンツ
 * ============================================================================================ */

	/* ベース
	---------------------------------------- */
	#contents {
		width: 780px;
		margin-top: 50px;
	}

/* }}} ======================================================================================== */


/* {{{ 残ページ用
 * ============================================================================================ */

	/* サイズ合わせ
	---------------------------------------- */
	#contents.other h3,
	#contents.other p,
	#contents.other table {
		margin: 0 5px;
	}

	/* 見出し
	---------------------------------------- */
	#contents.other h3 {
	color: #DFC080;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 15px;
	padding-left: 10px;
	background-image: url(../img/subtitle/background-h3.png);
	background-repeat: repeat-x;
	height: 35px;
	}

	/* 段落
	---------------------------------------- */
	#contents.other p {
		font-size: 92.4%;
	}

	/* ボックス
	---------------------------------------- */
	#contents.other .section {
	margin-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	}
	
	#contents.other .section-mini {
	margin-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	height:600px;
	}
	
	/* インナーボックス
	---------------------------------------- */
	#contents.other .subsection {
	margin-top: 10px;
	padding: 10px;
	background-color: #4F0000;
	border: 1px dashed #8C5E2F;
	margin-bottom: 10px;
	line-height: 150%;
	}
	
	#contents.other .subsection-w {
	margin-top: 10px;
	padding: 5px;
	background-color: #fff;
	border: 1px dashed #ccc;
	margin-bottom: 10px;
	line-height: 150%;
	text-align: center;
	}
	#contents.other .guidesection {
	margin-top: 10px;
	background-color: #fff;
	border: 1px dashed #ccc;
	margin-bottom: 10px;
	line-height: 150%;
	color: #000000;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	}
	#main .other .magazinesubsection {
	width: 620px;
	height: 300px;
	margin-left:auto;
	margin-right:auto;
	background-repeat: no-repeat;
	background-image: url(../img/magazine/01.png);
	}
	#contents.other .guidesection p{}
	#contents.other .guidesection img{float:right; display:inline; margin-left:10px; margin-bottom:10px;}
	/* フォント
	---------------------------------------- */
		/* 強調フォント
		------------------------------------ */
		#contents.other .fc-red {
			color: #f00;
		}
		#contents.other .fc-pink {
			color: #f06;
		}
		#contents.other .fc-orange {
			color: #f90;
		}
		#contents.other .fc-yellow {
			color: #fc0;
		}
		#contents.other .fc-green {
			color: #cf0;
		}		
		#contents.other .fw-bold {
			font-weight: bold;
		}

		/* 取り消し線
		------------------------------------ */
		#contents.other span.through {
			text-decoration: line-through;
		}

	/* リスト
	---------------------------------------- */

		/* ベース
		------------------------------------ */
		#contents.other ul {
			zoom: 1;
			margin: 0 0 10px -20px;
		}
		#contents.other ul:after {
			content: ".";
			display: block;
			clear: both;
			height: 0;
			line-height: 0;
			visibility: hidden;
		}

		/* リスト要素
		------------------------------------ */
		#contents.other ul li {
			list-style: disc inside;
			float: left;
			margin: 0 0 3px 30px;
			font-size: 92.4%;
		}

	/* テーブル
	---------------------------------------- */

		/* ベース
		---------------------------------------- */
		#contents.other table {
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
		}

		/* セル
		---------------------------------------- */
		#contents.other table th,
		#contents.other table td {
			padding: 10px;
			border: 1px solid #666666;
			font-size: 92.4%;
			vertical-align: middle;
		}

		/* 見出しセル
		---------------------------------------- */
		#contents.other table thead td {
			height: 25px;
			background: #603;
			color: #FFF;
			font-weight: bold;
			text-align: center;
		}

		/* 項目左
		---------------------------------------- */
		#contents.other table tbody th {
	background-color: #FFFFFF;
	background-image: url(../img/subtitle/background-th.png);
	background-repeat: repeat-x;
	background-position: top;
	color: #333333;
		}
		
		/* 項目右
		---------------------------------------- */
		#contents.other table tbody td {
	background-color: #333333;
	background-image: url(../img/subtitle/background-td.png);
	background-repeat: repeat-x;
	background-position: top;
		}

		/* ボタン等専用のセル
		---------------------------------------- */
		#contents.other table tfoot td {
	text-align: right;
	background-color: #FFFF99;
		}

	/* フォーム
	---------------------------------------- */

		/* テキストボックス
		---------------------------------------- */
		#contents.other input[type=text] {
			width: 300px;
		}

		/* テキストエリア
		---------------------------------------- */
		#contents.other textarea {
			width: 300px; height: 100px;
		}

		/* ラベル
		---------------------------------------- */
		#contents.other label {
		}

/* }}} ======================================================================================== */
/* {{{ バナー
 * ============================================================================================ */

	/* ベース
	---------------------------------------- */
	#link p.banner {
		padding: 0 10px 10px 0 !important;
		text-align: center;
	}

	/* バナー
	---------------------------------------- */
	#link p.banner a {
		display: inline-block;
		margin: 10px 0 0 10px;
	}

/* }}} ======================================================================================== */

/* {{{ 汎用クラス(削除ダメゼッタイ)
 * ============================================================================================ */

	/* Clearfix
	---------------------------------------- */
	.clear {
		zoom: 1;
	}  
	.clear:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}  

	/* 非表示
	---------------------------------------- */
	.hide {
		display: none;
	}

/* }}} ======================================================================================== */

/* {{{ Format CSS(削除ダメゼッタイ)
 * ============================================================================================ */

	body,div,dl,dt,dd,ul,ol,li,
	h1,h2,h3,h4,h5,h6,
	pre,code,form,fieldset,legend,
	p,blockquote,table,th,td {margin: 0; padding: 0;}

	html {background: #FFF; color: #000;}

	body {font:13px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}
	* html body {font-size: small; font: x-small;}
	*:first-child+html body {font-size: small; font: x-small;}

	img {border: 0; vertical-align: bottom; -ms-interpolation-mode: bicubic;}

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

	ul,dl,ol {text-indent: 0;}
	li {list-style: none;}

	address,caption,cite,code,dfn,th,var {font-style: normal; font-weight: normal;}

	sup {vertical-align: text-top;}
	sub {vertical-align: text-bottom;}

	input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
	* html input,* html textarea,* html select {font-size: 100%;}
	*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

	table {border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%;}
	th,td {text-align: left; vertical-align: top;}
	caption {text-align: left;}

	pre,code,kbd,samp,tt {font-family: monospace;}
	* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 108%; line-height: 100%;}
	*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

	input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}

	a {text-decoration: none;}

/* }}} ======================================================================================== */