/* CSS レイアウト共通 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
	-webkit-text-size-adjust: 100%;
}
body {font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;}
;;body {font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;}
*:first-child+html body {font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;}
* html body {font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;}
html,body {
	width: 100%;
	height:100%;
	padding:0px;
	margin:0px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	overflow: hidden; /*デザイン時のみ使用 */
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
h1,h2,h3,h4,h5 {
	font-size: 100%;
}
.red{
	color:#e42343;
}
.blue{
	color:#009;
}
.bold{
	font-weight:bold;
}
#panlist{
	padding:5px;
	width: 960px;
	margin: 20px auto 0;
	}
#panlist li{
	display:inline-block;
	}
table{
	table-layout: fixed;
	border: solid 1px;
	border-collapse: collapse;
	text-align:center;
}
table td{
	border: solid 1px;
}
#main{
	width:960px;
}
#page {
    background: #fff;
    width: 960px;
    margin: 0 auto;
}
.owabi{
	font-size:16px;
	line-height: 160%;
}
.owabi .midashi{
	font-weight:bold;
	font-size:20px;
	padding: 25px 0;
	line-height: 150%;
}
.indent{
	text-indent: -1em;
	padding-left: 1em;
}
table td.item1{
	width:150px;
}
table td.item2{
	width:400px;
}
/* スマホレイアウト */
@media (max-width: 767px) {
#panlist,#main,#page{
	width: auto;
}
.owabi{
	padding:15px;
	font-size:13px;
	line-height: 150%;
	background:#FFF;
}
.owabi .midashi{
	font-weight:bold;
	font-size:18px;
	padding: 15px 0;
	line-height: 150%;
}
}