@charset "shift_jis";
/* CSS Document */

body {
    text-align: center;
	margin:0;
	padding:0;
}

a:link {
	color:#36f;
	text-decoration:underline;
}
a:active {
	color:#9cf;
	text-decoration:underline;
}

img { border:none; }


/* 全体枠 */
#container {
	text-align: left;
	border-right: 1px solid #36f;
	border-left: 1px solid #36f;
	width: 670px;
	margin:0 auto;
	padding:0 0 10px 0;
}


/* ヘッダー */
#header {
	background:#3366ff;
	border-bottom: 1px solid #36f;
	width: 670px;
	margin:0;
	padding:0;
}

#header h1 {
	color:#fff;
	font-size:20px;
	margin:0;
	padding:2px 0;
}

#header img{
	margin:2px 10px 0 0;
	float:right;
}

/* ヘッダー2 */
#headercopy{
	clear:right;
	background:url(../Resources/header-v.jpeg) no-repeat;
	border-bottom:1px solid #36f;
	width: 670px;
	height:330px;
	margin:0;
	padding:0;
}

#headercopy p{
	color:#333;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	width:335px;
	height:140px;
	margin:138px 0 0 0;
	padding:0 10px;
	float:right;
}
*html #headercopy p{ width:315px; }

#headercopy .botton1{
	clear:right;
	height:35px;
	margin:0;
	padding:0 10px 0 0;
	position:relative;
	top:12px;
	float:right;
}

.ads{
	clear:right;
	width:480px;
	margin:10px 95px 5px 0;
	padding:2px 0;
}


/* メイン */
#main { border-top: 1px solid #36f; }

#maindawnload {
	width:640px;
	margin:0 10px;
	padding:15px 0 10px 0;
}

#mainback{
	background:#9cf;
	width:645px;
	height:902px;
	position:absolute;
	left:4px;
	top:50px;
}

h2.backpdf {
	color:#fff;
	font-size:18px;
	line-height:33px;
	text-indent:5px;
	background:#00ffff url(../Resources/back-pdf.jpg) no-repeat;
	width:640px;
	height:35px;
	margin:10px 0 10px 5px;
	padding:0;
}

h2.backchart {
	color:#fff;
	font-size:18px;
	line-height:33px;
	text-indent:5px;
	background:#ff00ff url(../Resources/back-chart.jpg) no-repeat;
	width:640px;
	height:35px;
	margin:10px 0 8px 5px;
	padding:0;
}

h2.backreport {
	color:#fff;
	font-size:18px;
	text-indent:5px;
	line-height:33px;
	background:#00ff00 url(../Resources/back-report.jpg) no-repeat;
	width:640px;
	height:35px;
	margin:10px 0 8px 5px;
	padding:0;
}


/* トップページ用 */
#topmain{
	position:relative;
	width:643px;
	height:950px;
	padding-top:10px;
	margin-left:9px;
	margin-right:8px;
	overflow:visible
}

#infomation {
	color:#000;
	font-size:22px;
	line-height:28px;
	text-align:left;
	width:650px;
	margin:0;
	padding:0 10px;
}
*html #infomation { width:630px; }


/* 装飾用 */
.dawnload{
	width:110px;
	height:25px;
	position:relative;
	top:-40px;
	left:465px;
}

.contents {
	color:#000;
	font-weight:bold;
	font-size:18px;
	line-height:24px;
	margin:0 70px;
}

.subtext {
	color:#000;
	font-size:12px;
	line-height:20px;
	margin:0 0 0 5px;
}

.info {
	color:#000;
	font-size:13px;
	line-height:20px;
	width:630px;
	margin:0px 5px 0px 5px;
}

.pdf {
	vertical-align:middle;
	margin:0 0 0 60px;
}

/* リンクページ用 */
.link{
	font-size:12px;
	text-align:center;
	margin:30px 0 20px 0;
	padding:0;
}

/* プライバシーポリシー */
ol{
	margin:10px 0 10px 30px;
	padding:0;
}

li{
	font-size:12px;
	margin:5px 0;
	padding:0;
}


/* フッター */
#footer {
	color:#000;
	font-size:22px;
	line-height:28px;
	text-align:center;
	border-top: 1px solid #36f;
	background:url(../Resources/footer.gif) no-repeat;
	width:650px;
	padding:25px 10px 10px 10px;
}

#footer p.list{
	font-size:x-small;
	line-height:16px;
	margin:20px 0 0 0;
	padding:0;
}


#company {
	width:650px;
	padding:10px 0;
	border-top:1px dashed #000;
	color:#000;
	font-size:12px;
	line-height:0.16px;
	text-align:center;
}

.kanji {
	color:#000080;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	background-color:#66ff66;
	width:70px;
	vertical-align:middle;
}
.reporttext {
	color:#000;
	font-size:12px;
	line-height:15px;
	width:565px;
	background-color:#ccff99;
	vertical-align:middle;
}
.midashi1 {
	color:#fff;
	font-weight:bold;
	font-size:18px;
}

.text {
	color:#000;
	font-size:12px;
	line-height:20px;
}

/* 当サイトについてページ用 */
#kanri {
	float:right;
	width:270px;
}

#sample { width:348px; }

.text4 {
	color:#000;
	font-size:12px;
	line-height:20px;
	text-align:center;
	margin-bottom:30px;
}

p:first-child { margin-top:0px; }



/* トップ塗り絵ダウンロードimg用 */

#item2{ position:absolute; left:9px; top:55px; width:102px; height:144px; }
#item2 img{ position:relative; left:-1px; top:-1px; float:left; }

#item3{ position:absolute; left:116px; top:55px; width:102px; height:144px;}
#item3 img{ position:relative; left:-1px; top:-1px; float:left; }

#item4{ position:absolute; left:223px; top:55px; width:102px; height:144px; }
#item4 img{ position:relative; left:-1px; top:-1px; float:left; }

#item5{ position:absolute; left:330px; top:55px; width:102px; height:144px; }
#item5 img{ position:relative; left:-1px; top:-1px; float:left; }

#item6{ position:absolute; left:437px; top:55px; width:102px; height:144px;}
#item6 img{ position:relative; left:-1px; top:-1px; float:left; }

#item7{	position:absolute;left:544px; top:55px; width:102px; height:144px; }
#item7 img{ position:relative; left:-1px; top:-1px; float:left; }

#item8{ position:absolute; left:9px; top:205px; width:102px; height:144px; }
#item8 img{ position:relative; left:-1px; top:-1px; float:left; }

#item9{ position:absolute; left:116px; top:205px; width:102px; height:144px; }
#item9 img{ position:relative; left:-1px; top:-1px; float:left; }

#item10{ position:absolute; left:223px; top:205px; width:102px; height:144px; }
#item10 img{ position:relative; left:-1px; top:-1px; float:left; }

#item11{ position:absolute; left:330px; top:205px; width:102px; height:144px; }
#item11 img{ position:relative; left:-1px; top:-1px; float:left; }

#item12{ position:absolute; left:437px; top:205px; width:102px; height:144px; }
#item12 img{ position:relative; left:-1px; top:-1px; float:left; }

#item13{ position:absolute; left:544px; top:205px; width:102px; height:144px; }
#item13 img{ position:relative; left:-1px; top:-1px; float:left; }

#item14{ position:absolute; left:9px; top:355px; width:102px; height:144px; }
#item14 img{ position:relative; left:-1px; top:-1px; float:left; }

#item15{ position:absolute; left:116px; top:355px; width:102px; height:144px; }
#item15 img{ position:relative; left:-1px; top:-1px; float:left; }

#item16{ position:absolute; left:223px; top:355px; width:102px; height:144px; }
#item16 img{ position:relative; left:-1px; top:-1px; float:left; }

#item17{ position:absolute; left:330px; top:355px; width:102px; height:144px; }
#item17 img{ position:relative; left:-1px; top:-1px; float:left; }

#item18{ position:absolute; left:437px; top:355px; width:102px; height:144px; }
#item18 img{  position:relative; left:-1px; top:-1px; float:left; }

#item19{ position:absolute; left:544px; top:355px; width:102px; height:144px; }
#item19 img{ position:relative; left:-1px; top:-1px; float:left; }

#item20{ position:absolute; left:9px; top:505px; width:102px; height:144px; }
#item20 img{ position:relative; left:-1px; top:-1px; float:left; }

#item21{ position:absolute; left:116px; top:505px; width:102px; height:144px; }
#item21 img{ position:relative; left:-1px; top:-1px; float:left; }

#item22{ position:absolute; left:223px; top:505px; width:102px; height:144px; }
#item22 img{ position:relative; left:-1px; top:-1px; float:left; }

#item23{ position:absolute; left:330px; top:505px; width:102px; height:144px; }
#item23 img{ position:relative; left:-1px; top:-1px; float:left; }

#item24{ position:absolute; left:437px; top:505px; width:102px; height:144px; }
#item24 img{ position:relative; left:-1px; top:-1px; float:left; }

#item25{ position:absolute; left:544px; top:505px; width:102px; height:144px; }
#item25 img{ position:relative; left:-1px; top:-1px; float:left; }

#item26{ position:absolute; left:9px; top:655px; width:102px; height:144px; }
#item26 img{ position:relative; left:-1px; top:-1px; float:left; }

#item27{ position:absolute; left:116px; top:655px; width:102px; height:144px; }
#item27 img{ position:relative; left:-1px; top:-1px; float:left; }

#item28{ position:absolute; left:223px; top:655px; width:102px; height:144px; }
#item28 img{ position:relative; left:-1px; top:-1px; float:left; }

#item29{ position:absolute; left:330px; top:655px; width:102px; height:144px; }
#item29 img{ position:relative; left:-1px; top:-1px; float:left; }

#item30{ position:absolute; left:437px; top:655px; width:102px; height:144px; }
#item30 img{ position:relative; left:-1px; top:-1px; float:left; }

#item31{ position:absolute; left:544px; top:655px; width:102px; height:144px; }
#item31 img{ position:relative; left:-1px; top:-1px; float:left; }

#item32{ position:absolute; left:9px; top:805px; width:102px; height:144px; }
#item32 img{ position:relative; left:-1px; top:-1px; float:left; }

#item33{ position:absolute; left:116px; top:805px; width:102px; height:144px; }
#item33 img{ position:relative; left:-1px; top:-1px; float:left; }

#item34{ position:absolute; left:223px; top:805px; width:102px; height:144px; }
#item34 img{ position:relative; left:-1px; top:-1px; float:left; }

#item35{ position:absolute; left:330px; top:805px; width:102px; height:144px; }
#item35 img{ position:relative; left:-1px; top:-1px; float:left; }

#item36{ position:absolute; left:437px; top:805px; width:102px; height:144px; }
#item36 img{ position:relative; left:-1px; top:-1px; float:left; }

#item37{ position:absolute; left:544px; top:805px; width:102px; height:144px; }
#item37 img{ position:relative; left:-1px; top:-1px; float:left; }