@charset "Shift_JIS";
/*reset*/
* {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6,p,table,th,td,div,ul,ol,li {
	margin: 0px;
	padding: 0px;
}


li {
	list-style:none;
}
img {
	border:none;
	vertical-align:bottom;
}
body {
	text-align:center;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Arial, Helvetica, sans-serif;
}
#container {
	width:800px;
	margin:0 auto;
	border:1px solid #999;
	border-top:none;
}

.sample{
	font-size: 15px;
	font-weight: bold;
	color: #00F;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	}

.cp_link{
	display:inline-block;
	padding:0.3em;
	color:#F00;
	}
	
.cp_link:hover {
	animation: zoom .3s;
}

@keyframes zoom{
	50%{
		transform:scale(1.05);
		}
		}

.touroku {
	font-size: 17px;
	font-weight: bold;
	color: #000;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}

.compact {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}


/* QRƒR[ƒh
---------------------------*/
#qr {
	height: 150px;
	width: 800px;
}

/* ƒOƒ[ƒoƒ‹ƒiƒrƒQ[ƒVƒ‡ƒ“
---------------------------*/
#navigation {


}

#navigation h3 {
	float: left;
	font-size: 105%;
	font-weight: bold;
}
#navigation #btn01 h3 a {
	display: block;
	height: 30px;
	width: 266px;
	color: #FFF;
	background-color: #023401;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EAEEEA;
}
#navigation #btn01 h3 a:hover {
	background-color: #567856;
}
#navigation #btn02 h3 a {
	display: block;
	height: 30px;
	width: 266px;
	color: #FFF;
	background-color: #023401;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EAEEEA;
}
#navigation #btn02 h3 a:hover {
	background-color: #567856;
}
#navigation #btn03 h3 a {
	display: block;
	height: 30px;
	width: 265px;
	color: #FFF;
	background-color: #023401;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EAEEEA;
}
#navigation #btn03 h3 a:hover {
	background-color: #567856;
}
#navigation #btn04 h3 a {
	display: block;
	height: 25px;
	width: 129px;
	color: #FFF;
	background-color: #023401;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EAEEEA;
}
#navigation #btn04 h3 a:hover {
	background-color: #567856;
}
#navigation #btn05 h3 a {
	display: block;
	height: 25px;
	width: 129px;
	color: #FFF;
	background-color: #023401;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EAEEEA;
}
#navigation #btn05 h3 a:hover {
	background-color: #567856;
}
#navigation #btn06 h3 a {
	display: block;
	height: 25px;
	width: 130px;
	color: #FFF;
	background-color: #023401;
	text-decoration: none;
	text-align: center;
	padding-top: 5px;
}
#navigation #btn06 h3 a:hover {
	background-color: #567856;
}

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

#header {
	height: 250px;
	width: 800px;
	border:1px solid #999;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: "‚l‚r ƒSƒVƒbƒN", "MS Gothic", "Osaka|“™•", Osaka-mono, monospace;
	font-weight: bold;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#chumon {
	height:78px;
	width:400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#qr {
	height:150px;
	width:800px;
}

h2 {
	font-size:100%;
	font-weight:700;
	margin:0;
	padding:4px 0 4px 7px;
	text-align:left;
	color:#FFF;
	background:#069;
}
h2 span {
	font-size:85%;
	font-weight:normal;
	padding-left:10px;
}
h2.table {
	margin:20px;
	color:#FFF;
	background:#069;
	width:760px;
}
#ttl {
	height:2758px;
	width:800px;
}
#pr {
	height: 1189px;
	width: 800px;
}
#futoudesign_img {
	height: 1167px;
	width: 800px;
}
#improvements {
	height: 941px;
	width: 800px;
}

#improvements2 {
	height: 702px;
	width: 800px;
}

#original {
	height: 1092px;
	width: 800px;
}
div.box1 {
	margin:0;
	padding:10px 0;
	width:800px;
	border-bottom:1px dashed #069;
}
div.box_4 {
	float:left;
	width:190px;
	margin:0 0 0 4px;
	padding:0 4px 0 0;
	text-align:left;
	border-right:1px dashed #069;
}
div.last {
	border:none;
}
div.box2 {
	margin:0 auto;
	padding:10px 0;
	width:720px;
}
div.box_3 {
	float:left;
	width:230px;
	margin:0 4px;
	padding:0;
	text-align:left;
}
div.box_border {
	border-right:1px dashed #069;
	border-left:1px dashed #069;
	padding:0 4px;
	margin:0;
}
.clear {
	clear:both;
}
p.img {
	text-align:center;
	margin:0 0 10px 0;
}
p.exp {
	font-size:85%;
	margin:0 10px;
	line-height:1.25;
}
p.type {
	font-size:85%;
	background:#B0E6FF;
	color:#333;
	margin:0 0 5px 0;
	padding:3px 5px;
	/*font-weight:700;*/
	line-height:1.3;
}
p.link {
	margin:0 0 5px 10px;
	font-size:95%;
}
p.link a {
	background:url(../../naire_calendar/img/bg_link.gif) no-repeat left;
	padding:3px 2px 3px 17px;
}
p.link a:link {
	color:#11C;
}
p.link a:visited {
	color: #C30;
}
p.link a:hover {
	color: #393;
}
p.link a:active {
	color: #7CD37C;
}
table {
	border:1px solid #666;
	border-collapse: collapse;
	margin:0 auto;
}
th {
	color: #000;
	background:#FFBFD5;
	border:1px solid #666;
	padding:5px;
	font-weight:normal;
}
td {
	padding:5px;
	text-align:center;
	font-size:95%;
	border:1px solid #666;
}
p.linktext a {
	display:inline-block;
	color:#FFF;
	background:url(../../naire_calendar/img/botan.gif) no-repeat left;
	padding:3px 0 3px 15px;
	margin:2px 30px 2px 0;
	font-size:95%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-indent: 10px;
}
p.linktext a {
	color:#FFF;
	font-weight:700;
}
p.linktext:link a {
	color:#FFF;
}
p.linktext:visited a {
	color: #FFF;
}
p.linktext:hover a {
	color:#FF0;
}
p.linktext:active a {
	color: #FCC;
}
p.futoucautiton {
	color:#000;
	font-weight:700;
	margin-top: 5px;
	text-decoration: underline;
	background-color: #CF9;
}
 p.futoucautiton: a {
 color:#FFF;
 font-weight:700;
}
p.futoucautiton:link a {
	color:#FFF;
}
p.futoucautiton:visited a {
	color: #FFF;
}
p.futoucautiton:hover a {
	color:#FF0;
}
p.futoucautiton:active a {
	color: #FCC;
}
td a:link {
	color: #11c;
}
td a:visited {
	color: #C30;
}
td a:hover {
	color: #393;
}
td a:active {
	color: #7CD37C;
}
img {
	border:none;
	vertical-align:bottom;
}
.space_1em {
	padding-bottom:1em;
}
.cell_left {
	text-align:left;
	padding-left:1em;
}
#footer {
	font-size:80%;
	padding:5px 0;
	margin-top:10px;
	border-top:1px solid #666;
}
p.pagetop {
	font-size:80%;
	text-align:right;
	width:96%;
	margin:0 auto;
}
p.pagetop a {
	padding-left:16px;
	color:#06F;
}
p.pagetop a:hover, p.pagetop a:active {
	color:#F60;
}
p.pageback a {
	font-size:80%;
	padding-left:16px;
	margin-top: 10px;
}
p.pageback a:link, p.pageback a:visited {
	color:#06F;
}
p.pageback a:hover, p.pageback a:active {
	color:#F60;
	background:url(../../naire_calendar/images/bg_pageback2.gif) no-repeat left;
}
/* clear float----- */
.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	font-size:0;
	visibility: hidden;
}
.clearfix {
	display:inline-block;
}
/*\*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/**/
.menu li {
	display:inline;
}
.menu li a {
	display:inline-block;
	margin:5px;
	background:#EFEFEF;
	text-decoration:none;
	padding:3px 5px;
}

.menu li a:link {
	color:#039;
	border-bottom:2px solid #039; 
}
.menu li a:hover {
	color:#C00;
	border-bottom:2px solid #C00; 
}
	
.menu li {
	display:inline;
}
.menu li a {
	display:inline-block;
	margin:5px;
	background:#EFEFEF;
	text-decoration:none;
	padding:3px 5px;
}

.menu li a:link {
	color:#039;
	border-bottom:2px solid #039; 
}
.menu li a:hover {
	color:#C00;
	border-bottom:2px solid #C00; 
}