/* ======================================
	File name: memory_guide.css
	Note: for memory.html / thema_charm
  ======================================= */

/* コンテナ */
div#container	{
	position:relative;
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	padding: 0 40px;
	-webkit-box-shadow: 0px 0px 50px #666666;
	box-shadow: 0px 0px 50px #666666;
	background-image: url("../img/bg013_03.gif");	/* 壁紙 */
	background-repeat: repeat;
	background-position: 15px 20px, 90px 50px;
	background-position: 15px 420px, 90px 500px; 
	background-size: 94px 94px, 30px 30px;
	position: relative;
	overflow: hidden
	}

/* 表示様式全般 */
body {
	width: auto;
	color: #000088;
	font-family:'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	line-height: 120%;
	line-height: 120%;
	}

/* リンクカーソル */
  a { text-decoration:none; font-weight: bold; color:blue;}
  a:link { }
  a:visited { text-decoration: none; }
  a:hover { color:orange; }
  a:active { }

/* ボタンのサイズ */
.photoButton {
	width: 50px;
	height: 24px;
	font-size: 14px;
	font-weight: normal;
	color: darkblue;
}
.rollupButton {
	height: 24px;
	font-size: 13px;
	font-weight: bold;
	color: brown;
}

/* ヘッダー */
header	{ clear: both }

header#pageheader h1 {		/* タイトルバー */
	color: #ffff88; /*#ffffff;*/
	background-color: #017acd;
	margin-top: 6px;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 6px;
	font-size: 22px;
	line-height: 20px;
	}
header#pageheader p {		/* 解説 */
	font-size: 14px;
	font-weight:normal;
	line-height: 20px;
	margin-top: 0px;
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 0px;
	}

/*（タイトルバー）*/
table.titletable {
	margin-top: 0.2em;
	margin-bottom: 0em;
	width: 900px;
	height: 42px;
	border-collapse: separate;
	border-spacing: 3px;
}
table.titletable th {
	border-bottom: solid 3px #B2B2B2;
	border-right: solid 3px #B2B2B2;
	background-color: #017acd;
	text-align: center;
}
.ttlstyle {				/* タイトル部 */
	font-family: '游明朝','Lucida Grande','Hiragino Mincho ProN',
				Meiryo, sans-serif;
	font-size: 20px;
	color: #ffff88;
	padding-top: 6px;
}

.btnstyle {				/* 仮想ボタン */
	width: 100px;
	font-size:15px;
	padding-top: 4px;
}

/* 分割線 */
.border {
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../img/lineobi.gif);
	background-repeat: repeat-x;
	width: 900px;
	}

/* コンテンツ */
article	{ clear: both }

article	{
	width: auto;
	margin-left: auto;
	margin-right: auto;
	}
article h1 {				/* 大見出し */
	font-size: 18px;
	margin: 6px 8 0px;
	color: #880000;
	line-height: 0.0;
	margin-top: 15px;
	margin-left: 5px;
	margin-bottom: 15px;
}

article section h2	{		/* 小見出し（強調） */
	font-size:16px;
	font-weight: bold;
	color: brown;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 0;
	}
article section h3	{		/* 小見出し（普通）） */
	font-size:16px;
	font-weight: normal;
	color:#000000;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 0;
	}

article section h4 {		/* 注釈（薄黒） */
	font-size: 14px;
	color:#666666;
	font-weight:normal;
	margin-top: 0px;
	margin-left: 50px;
	margin-bottom: 0px;
	}

article section h5 {		/* 注釈（茶色） */
	font-size: 14px;
	color:brown;
	font-weight:normal;
	margin-top: 0px;
	margin-left: 50px;
	margin-bottom: 0px;
	}

article section h6	{
	font-size: 15px;
	line-height: 18px;
	margin-top: 0px;
	margin-left: 38px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #000000;
	}

article section p	{
	font-size: 15px;
	line-height: 21px;
	margin-top: 0px;
	margin-left: 28px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #000000;
	}

/* ナビゲート・ボタン */
dd#naviButton {
	width: 90px;
	margin: 5px auto;
}
dd#naviButton a {
	display:block;
	background-color:#ccccFF;
	border: 1px solid #818181;
	box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,1);
	border-radius:5px;
	padding: 3px 0;
	text-align: center;
	color: #000000;
	text-decoration:none;
	font-weight: normal;
	未登録パーツfont-size: 12px;
	color: #660000;
	line-height: 140%;
}
dd#naviButton a:hover {
	background-color:#ccffff;
	box-shadow:inset 0px 0px 0px 1px rgba(220,217,193,1);
	color: #000000;
}

/* <p>の改行幅など */
p.line_gap { line-height: 1.6;
	font-size: 15px;
	line-height: 22px;
	margin-top: 4px;
	margin-left: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
}
p.line_detail {
	font-size: 15px;
	line-height: 20px;
	margin-top: 0px;
	margin-left: 40px;
	margin-right: 10px;
	margin-bottom: 0px;
}

/* フッター */
small	{
	color: #ffff88;
	background-color: #017acd;
	padding-top: 6px;
	padding-bottom: 6px;
	font-family:'Lucida Grande','Hiragino Mincho ProN',
				Meiryo, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: center;
	display: block
	}

@media only screen and (min-width: 900px) {
}

@media only screen and (min-width: 600px) and (max-width: 899px) {
	div#container {
		width:90%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding: 0 0px;
		background-position: -3px 380px, 100px 460px;
	}
	table.titletable {
		width: 100%;
		height:auto;
	}
	article section#header	{
		width: 100%;
	}
	article section#detail	{
		width: 100%;
	}
	article section h4	{
		width: 100%;
		height:auto;
	}
	article section h4	{
		width: 85%;
		height:auto;
	}
	article section h5 {
		width: 90%;
		height:auto;
	}
	article section h6 {
		width: 97%
		height: auto;
	}

	article section p	{
		width: 94%;
		height:auto;
	}

	small {
		font-size: 12px;
	}
}

@media only screen and (max-width: 599px) {
	div#container {
		width: 100%;
		margin-left: 0px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding: 0 0px;
		background-position: -3px 220px, 100px 280px;
	}
	.myButton {
		width: 60px;
		height: 26px;
		font-size: 14px;
		font-weight: normal;
		text-align: center;
	}
	table.titletable {
		width: 100%;
		height: 30px;;
	}
	.ttlstyle {				/* タイトル部 20px */
		font-size: 18px;
		color: #ffff88;
		padding-top: 6px;
	    height: 26px;
		width: 80%;
	}
	.btnstyle {				/* 仮想ボタン 15px */
		width: 20%;
		font-size:18px;
		padding-top: 4px;
	}
	.blanktable {
		width: 100%;
		font-size: 13px;
		line-height: 13px;
	}
	article section#header	{
		width: 100%;
		height:auto;
	}
	article section#detail	{
		width: 100%;
		height:auto;
	}
	article section h1	{	/* 見出し１ */
		margin-top: 18px;
		font-size: 15px;
	}
	article section h2	{	/* 見出し２ */
		font-size: 14px;
	}
	article section h3	{
		font-size: 16px;
		margin-left: 8px;
	}
	article section h4	{
		width: 95%;
		height:auto;
		font-size: 14px;
		margin-left: 20px;
	}
	article section h5 {		/* 注釈（茶色） */
		width: 95%;
		height:auto;
		font-size: 14px;
		margin-left: 20px;
	}
	article section p	{
		width: 97%;
		height:auto;
		font-size: 13px;
		margin-left: 14px;
		line-height: 120%;
	}
	small {
		font-size: 11px;
	}
	/* <p>の改行幅など */
	p.line_gap { line-height: 1.6;
		font-size: 13px;
		line-height: 16px;
		margin-top: 4px;
		margin-left: 10px;
		margin-right: 0px;
		margin-bottom: 0px;
	}
	p.line_detail {
		font-size: 13px;
		line-height: 14px;
		margin-top: 0px;
		margin-left: 20px;
		margin-right: 10px;
		margin-bottom: 0px;
	}
}