@charset "UTF-8";
/* CSS Document */

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}


/*基本データ*/
body {
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	background-color: #f0f0f0;
}


/*文字リンクの色指定*/
a:link{
	color: #3333333;
	text-decoration:none;
}

a:visited{
	color: #333333;
	text-decoration:none;
}

a:hover{
	color: #aaaaaa;
	text-decoration:none;
}

a:active{
	color: #aaaaaa;
	text-decoration:none;
} 


/*スペーサー*/
.space01{
	width: 100%;
	height: 12px;
}


.space02{
	width: 100%;
	height: 24px;
}

.space03{
	width: 100%;
	height: 42px;
}


/*floatのクリア*/
.clrar{
	clear: both;
}


/*大外枠*/
.sotowaku01{
	width: 100%;
	height: auto;
	margin: 0;
	background-color: #e0e0e0;
	text-align: center;
}


/*中枠*/
.main01{
	width: 960px;
	height: auto;
	margin: auto;
	padding: 24px 14px 24px 14px;
	text-align: center;
	background-color: #ffffff;
}


/*タイトル枠*/
.title01{
	width: 100%;
	height: auto;
	padding: 14px 0px 14px 0px;
	border-top: solid 2px #aaaaaa;
	border-bottom: solid 2px #aaaaaa;
	font-size: 24px;
}


/*テキスト枠*/
.text01{
	width: 75%;
	height: auto;
	margin: 0 auto;
	padding: 12px 24px 12px 24px;
	text-align: left;
	border: solid 1px #cccccc;
}


/*リスト枠（テーブル）*/
table.list01{
	width: 90%;
	height: auto;
	margin: auto;
	border-collapse: collapse;
}

table.list01 th.cell01{
	width: 35%;
	padding: 4px 0px 4px 0px;
	vertical-align: top;
	background-color: #f0f0f0;
	border-top: solid 1px #cccccc;
	border-right: solid 3px #ffffff;
	border-bottom: solid 1px #cccccc;
	text-align: center;
}

table.list01 th.cell02{
	width: 65%;
	padding: 4px 0px 4px 0px;
	vertical-align: top;
	background-color: #f0f0f0;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	text-align: center;
}

table.list01 td.cell03{
	padding: 12px 0px 12px 0px;
	background-color: #ffffff;
	text-align: center;
	vertical-align: top;
	border-top: solid 1px #cccccc;
	border-right: solid 3px #ffffff;
	border-bottom: solid 1px #cccccc;
	text-align: center;
}

table.list01 td.cell04{
	padding: 12px 0px 12px 0px;
	background-color: #ffffff;
	text-align: center;
	vertical-align: top;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	text-align: left;
}

ul.koumoku01{
	margin:  4px 0px 4px 0px;
	line-height: 18px;
}

ul.koumoku01 li{
	margin: 0px 0px 0px 0px;
}

/*フッター*/
.footer01{
	width: 100%;
	height: auto;
	padding: 2px 0px 2px 0px;
	border-top: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	font-size: 12px;
}


/*別ページ画像枠*/
.image01{
	width: 720px;
	height: auto;
	margin: auto;
	text-align: center;
	border: solid 1px #cccccc;
}

img.size01{
	max-width: 750px;
	height: 550px;
}



/*スマートフォン*/
/*@media screen and (max-width: 640px) {*/
@media screen and (max-width: 768px) {

.ie6 img {
	width:100%;
}


/*基本データ*/
body {
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	background-color: #f0f0f0;
}


/*文字リンクの色指定*/
a:link{
	color: #3333333;
	text-decoration:none;
}

a:visited{
	color: #333333;
	text-decoration:none;
}

a:hover{
	color: #aaaaaa;
	text-decoration:none;
}

a:active{
	color: #aaaaaa;
	text-decoration:none;
} 


/*スペーサー*/
.space01{
	width: 100%;
	height: 12px;
	margin: 0px 0px 0px 0px;
}


.space02{
	width: 100%;
	height: 24px;
	margin: 0px 0px 0px 0px;
}

.space03{
	width: 100%;
	height: 42px;
	margin: 0px 0px 0px 0px;
}


/*floatのクリア*/
.clrar{
	clear: both;
}


/*大外枠*/
.sotowaku01{
	width: 100%;
	height: auto;
	margin: 0;
	background-color: #e0e0e0;
	text-align: center;
}


/*中枠*/
.main01{
	width: 90%;
	height: auto;
	margin: auto;
	padding: 24px 14px 24px 14px;
	text-align: center;
	background-color: #ffffff;
}


/*タイトル枠*/
.title01{
	width: 100%;
	height: auto;
	padding: 14px 0px 14px 0px;
	border-top: solid 2px #aaaaaa;
	border-bottom: solid 2px #aaaaaa;
	font-size: 18px;
}


/*テキスト枠*/
.text01{
	width: 80%;
	height: auto;
	margin: auto;
	padding: 12px 24px 12px 24px;
	text-align: left;
	border: solid 1px #cccccc;
}


/*リスト枠（テーブル）*/
table.list01{
	width: 90%;
	height: auto;
	margin: auto;
	border-collapse: collapse;
}

table.list01 th,
table.list01 td{
	display: block;	
}

table.list01 th.cell01{
	width: 100%;
	padding: 4px 0px 4px 0px;
	vertical-align: top;
	background-color: #f0f0f0;
	border-top: double 12px #cccccc;
	border-bottom: solid 1px #cccccc;
	text-align: center;
}

table.list01 th.cell02{
	width: 100%;
	padding: 4px 0px 4px 0px;
	vertical-align: top;
	background-color: #f0f0f0;
	border-top: solid 1px #cccccc;
	border-bottom: double 12px #cccccc;
	text-align: center;
}

table.list01 td.cell03{
	padding: 12px 0px 12px 0px;
	background-color: #ffffff;
	text-align: center;
	vertical-align: top;
	border-top: solid 1px #cccccc;
	border-right: solid 3px #ffffff;
	border-bottom: solid 1px #cccccc;
	text-align: center;
}

table.list01 td.cell04{
	padding: 12px 0px 12px 0px;
	background-color: #ffffff;
	text-align: center;
	vertical-align: top;
	border-top: solid 1px #cccccc;
	border-bottom: double 12px #cccccc;
	text-align: left;
}


ul.koumoku01{
	margin:  4px 0px 4px 0px;
	line-height: 18px;
}

ul.koumoku01 li{
	margin: 0px 0px 0px 0px;
}

/*フッター*/
.footer01{
	width: 100%;
	height: auto;
	padding: 2px 0px 2px 0px;
	border-top: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	font-size: 12px;
}

/*別ページ画像枠*/
.image01{
	max-width: 100%;
	height: auto;
	margin: auto;
	text-align: center;
	border: solid 1px #cccccc;
}

img.size01{
	max-width: 100%;
	height: auto;
}