@charset "utf-8";

/*ボックス----------------------------------------------------------*/
#main #upperbox	{
	width: 100%;
	margin: 0;
	margin-bottom: 15px;
	padding-left: 15px;
}

#main .downbox	{
	width: 100%;
	margin: 0;
	padding-left: 15px;
}
#main .downbox img{
	text-align:center;
	display: block;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
}

.box {
	clear: both;
	width: 680px;
	overflow: hidden;
}
.box .catch {
	float:right;
	margin-left:20px;
	font-size:12px;
	margin-top:10px;
}
.box .photo {
	float:left;
}
.box .min	{
	float:left;
	width: 200px;
	height:auto;
	line-height: 1.4;
	overflow: hidden;
	margin:5px 5px;
	padding:5px;
	border: 1px solid #c9c9c9;
	text-align: center;
}
.box .icon img{
	width:auto;
	max-width: 100%;
	height: auto;

}

#main #upperbox .box .min	{
	height: 206px;
}

#main #downbox .box .min	{
	text-align: center;
	border: none;
}
#main .mitumori {
	text-align:right;
	float:right;
	margin-left:20px;	
	width:auto;
	margin-bottom:20px;
}

.box .min h3 {
	font-size: 12px;
	color:#009;
}

.box .min h3.s {
	font-size: 12px;
	color: #333;
	letter-spacing:-0.1em;
}

#downbox .box .min p.img {
	margin-bottom: -6px;
}

.box .min ul {
	list-style-position: inside;
	list-style-type: disc;
}
.box .min ul {
	font-size:11px;
	text-align:left;
}
	
.box .min p {
	font-size:85%;
	text-align:center;
}	
.box .min img {
	text-align:center;
}
.box .mintop	{
	float:left;
	width: 210px;
	height:auto;
	line-height: 1.4;
	overflow: hidden;
	margin:5px 5px;
	border: 1px solid #c9c9c9;
	text-align: left;
	font-size:90%;
}

.box .mintop h3.school{
	font-size:12px;
	padding-top:4px;
	text-align:center;
	color:#009;
	border-top:6px solid #030;
}

.box .mintop h3.office{
	font-size:12px;
	padding-top:4px;
	text-align:center;
	color:#009;
	border-top:6px solid #F00;
}

.box .mintop h3.order{
	font-size:12px;
	padding-top:4px;
	text-align:center;
	color:#009;
	border-top:6px solid #F90;
}
.box .imgbox	{
	width: 100%;
}

.box .leftbox {
	width: 50%;
	float: left;
}

.box .rightbox {
	width: 50%;
	float: right;
}

.box .rightbox img	{
	margin: 0 auto;
}	
.web_button	{
	margin: 0;
}

.web_button input	{
	font-size: 11px;
	font-weight: bold;
	color: #000;
/*	background-color: #33F;*/
	padding: 2px 6px; 
}

.web_button a img	{
	background: url(../images/catalog00.gif);
}

.web_button a:hover img	{
	background: url(../images/catalog00_r.gif);
}

.pdf_button a img	{
	background: url(../images/catalog01.gif);
}

.pdf_button a:hover img	{
	background: url(../images/catalog01_r.gif);
}
.catch {
	font-size:120%;
	font-weight:600;
}
.description {
	margin:-20px 0 0px 15px;
}
.box1 .min	{
	float:left;
	width: 200px;
	line-height: 1.4;
	overflow: hidden;
	margin:5px 5px;
	padding:5px;
	border: 1px solid #c9c9c9;
	text-align:center;
	}
#main .youtube {
  position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}
#main .youtube iframe {
  position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

#main .close ul {
	list-style-type:square;
	margin-left:30px;
	margin-bottom:20px;
}
#main #downbox .box .min	{
	text-align: center;
	border: none;
}

.box1 .min h3 {
	font-size: 12px;
	color:#009;
}

#main .box1 .min p {
	margin: 0px  auto;
	text-align:center;
	font-weight:600;
	font-size:85%;
	text-height:110%;
}

#downbox .box .min p.img {
	margin:0 auto;
}
#main .box1 .min ul {
	list-style-type:none;
	margin-left:5px;
	margin-bottom:10px;
	font-size:90%;
}
#main .block2 {
	float:left;
	width:320px;
	padding:10px;
}

#main .block2 img {
	margin:10px 0 5px 30px;
	border:#C7C6C6 solid 1px;
}

#main .box3 {
	width:250px;
	float:left;
	border: solid 1px #B5B2B2;
	text-align:left;
 }

#main .box4 {
	border: solid 1px #B5B2B2;
	text-align:left;
	margin:20px;
 }
#main .mitumori {
	text-align:right;
	float:right;
	margin-left:20px;	
	width:auto;
}
#main .box_actibo ul {
	list-style-type:none;
}

#main .box_actibo li {
	width:220px;
	padding:15px 5px 10px 0px;
	float:right;
}
#main .box_actibo li p {
	padding:0 10px;
}
#main .photo-r {
	float:right;
	margin:20px 0 20px 20px;
	border:#CCC solid 1px;
}
/*shikaku-----------------------------------------------------------------*/
#main .shikaku {
	width: 680px;
	margin-top:10px;
}
#main .shikaku, td, th{
	border: 1px solid #c9c9c9;
	line-height: 2;
}

#main .shikaku td{
	width: 80px;
	padding: 5px;
	vertical-align: top;
	text-align:center;
	vertical-align:central;
}

#main .shikaku th{
	width: 80px;
	padding: 8px;
	text-align: center;
	background-color: #E5E5E5;
	line-height:90%;
}

#main .shikaku img{
	padding:2px;
}

#main .shikaku p {
	text-align:center;
}
/*ここからスマートフォン用環境の設定*/
@media screen and (max-width : 480px){
.box  {
	clear: both;
	width: 95%;
	overflow: hidden;
}
.box img{
	width:100%;
	height:auto;
}
.box1 img{
	width:auto;
	height:auto;
	display: block !important;
	max-width: 100%; 
}
.box .min	{
	float:none;
	width:95%;
	line-height: 1.4;
	overflow: hidden;
	margin:auto;
	padding:5px;
	border: 1px solid #c9c9c9;
	text-align: center;
	height:auto;
	max-width: 100%;
}
.box .mintop	{
	float:none;
	width: 95%;
	line-height: 1.4;
	overflow: hidden;
	margin:5px 5px;
	border: 1px solid #c9c9c9;
}
#main .icata img{
	width:100%;
	height:auto;
}
.box1 .min {
	float:none;
	text-align: center;
	width: 90%; 
}
#main .mitumori {
	float:none;
	text-align:center;
}
#main .box_actibo li {
	width:100%;
	height:auto;
	float:none;
	max-width: 100%;
	text-align:center;
}
#main .box3 {
	width:100%;
	height:auto;
 }
#main .box4 {
	border: solid 1px #B5B2B2;
	text-align:left;
	margin-bottom:10px;
 }
 .box .leftbox {
	float: none;
}

.box .rightbox {
	float: none;
}
#main .photo-r {
	float:none;
}
.box .leftbox {
	width: 100%;
	float:none;
	/*display:none;*/
}
#main .mitumori {
	float:none;
	text-align:center;
}
#main .mitumori img {
	width:auto;
}
.box .photo {
	float:none;
}
/*shikaku-----------------------------------------------------------------*/
#main .shikaku {
	width: 100%;
	margin-top:10px;
}

#main .shikaku img{
	padding:2px;
}

#main .shikaku p {
	text-align:center;
}
#main .shikaku th{
	font-size:80%;
	line-height:90%;
}
.box img {
	width: auto;
}
}