@charset "shift_jis";


/*----------------------------------------

初期設定

----------------------------------------*/

h1,h2,h3,h4{
	clear:both;
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:0 0 0.1em 0;
}

p,
ul,ol,dl{
	margin:0;
	padding:0;
}

li,dt,dd{
	margin:0;
	padding:0;
}

dt{
	font-weight:bold;
}

dd{
	padding-left:1em;
}

/*----------------------------------------

tag

----------------------------------------*/

body{
	color:#333;
	font-size:100%;
	font-family:"ＭＳ ゴシック","MS PGothic",sans-serif;
	line-height:1.6;
	margin:0;
	padding:0;
}

table{
	color:#333;
	font-size:100%;
	font-family:"ＭＳ ゴシック","MS PGothic",sans-serif;
	line-height:1.6;
	margin:0 0 0 0;
	padding:0;
}

/*--------------------
リンク
--------------------*/

a{
	color:#09f;
}

/*--------------------
画像
--------------------*/

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

table img{
	vertical-align:bottom;
}

/*--------------------
非序列リスト
--------------------*/

ul li{
	margin-left:30px;
	padding-left:5px;
}

/*--------------------
序列リスト
--------------------*/

ol li{
	margin-left:30px;
	text-align: left;
}

/*--------------------
表
--------------------*/

th{
	font-weight:normal;
}

th,td{
	padding:0;
}

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

fieldset{
	border:none;
	margin:0;
	padding:0;
}

legend{
	display:none;
}

/*--------------------
引用
--------------------*/

blockquote{
	border-left:#eee solid 5px;
	margin:0.5em 0 0.5em 20px;
	padding:0 0 0 20px;
}

/********* レスポンシブ *********************************************/

@media (max-width: 480px) {
	body {
		padding: 5px;
	}
	form textarea {
		width: 95%;
	}
	img {
		max-width : 100%;
		height: auto;
	}
	div#container {
		width: 95%;
		padding: 15px;
	}
	div#content {
		float: none;
		width: 100%;
	}
	div#entry div.entry {
		width: 100%;
		border-right: 0;
		border-left: 0;
	}
	div#utility {
		float: none;
		width: 100%;
		margin: 0;
	}
}
