@charset "UTF-8";

/* fontサイズ表
	10px 	77%
	11px 	85%
	12px 	93%
	13px 	100%
	14px 	108%
	15px 	116%
	16px 	123.1%
	17px 	131%
	18px 	138.5%
	19px 	146.5%
	20px 	153.9%
	21px 	161.6%
	22px 	167%
	23px 	174%
	24px 	182%
	25px 	189%
	26px 	197%
	28px 	215.4%
	40px	307.7%
*/

/* ====== shortの設定 ====== */

h1{
	margin: 40px auto 10px;
	background: url("../images/ingw/title.png") no-repeat;
	width: 900px;
	padding-top: 200px;
}


h2{
	margin: 40px 0 20px 0;
	color: #2a2a2a;
	font-size: 215.4%; /* 28px */
	font-weight: normal;
}

pre{
	margin-bottom: 40px;
	clear: both;
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
	width: auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

pre a{
	color: #4fa5e1;
}

.name {
	color: #228b22;
	font-weight: bold;
}

#back {
	float: left;
}

#next {
	float: right;
}

#totop {
	text-align: center;
}

.source{
	clear:both;
	text-align: right;
	margin: 100px 0 30px 0;
}

/* ====== mobile ====== */
@media screen and (max-width: 800px) {

	h1{
		clear: both;
		background:url("../images/ingw/title.png") no-repeat -200px 0px #000;
		max-width: 100%;
		height: 0px;
		overflow:hidden;
		margin: 10px auto;
	}

	.button-toggle {
		position: relative;
		top: 0px;
	}

	#menu ul{
		top:60px;
	}

	pre{
		padding: 0 10px;
	}
}