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


.clearfix:after {
    content:".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.size18{
	font-size:18px;
}



/*---------新着情報CSS------------*/

#new-info .clearfix{
	width:auto;
	padding:2px;
}

.new-i{
	font-size:20px;
	font-weight:bold;
	padding-left:2px;
}

.new-info-new{
	font-size:12px;
	color:#e84ea9;
	margin-left:10px;
	display:inline-block;
	line-height:20px;
	height:20px;
	float:left;
	font-weight:700;
	font-family:Verdana, Geneva, sans-serif;
}


.clearfix{
	padding:2px 6px;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


#new-info-white-back{
	width: auto;
	margin:auto;
	padding:8px 4px;
	background-color:#FFF;
	border:1px solid #999;
	}
	
#new-info-white-back .title{
	margin-bottom:30px;
}

#new-info-white-back .list{
	height:184px;
	overflow:hidden;
}

.new-info-date{
	color:#000;
	display:inline-block;
	font-size:12px;
	line-height:14px;
	height:14px;
	float:left;
}

.new-info-koumoku{
	border:#0072bc solid 1px;
	font-size:12px;
	padding:2px 0px;
	margin:0 10px;
	color:#0072bc;
	display:inline-block;
	line-height:12px;
	height:12px;
	width:100px;
	text-align:center;
	float:left;
}

.whats-new{
	color:#093475;
	font-size:12px;
	line-height:18px;
	margin:0;
	display:block;
	text-decoration:none; 
	padding-left:5px;
}

.whats-new-no-link{
	color:#999;
	font-size:14px;
	float:left;
	line-height:20px;
	height:20px;
	margin:0;
	display:block;
	text-decoration:none;
	max-width:700px;
	background:url(jump.png) 0px 5px no-repeat;
	padding-left:5px;
}

.gray-dot-line{
	margin:10px 0;
	border:0;
	border-bottom:#dfdfdf dotted 1px;
	display:block;
	clear:left;
}

/* ------------------------------------ */



#category .tab{
	overflow:hidden;
}

#category .tab .tab-in{
	padding:0.3em 1.5em; 
	float:left; 
	margin-right:1px;
	margin-top:10px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-size:20px;
	line-height:30px;
	height:50px;
	color:#FFF;
	text-align:center;
	display:block;
	text-decoration:none;
	cursor:pointer;
}
#category .tab .tab-in-bl{
	background-color:#5dcdde;
}
#category .tab .tab-in-gr{
	background-color:#b3d465;
}

#category .tab .tab-in:hover{
	opacity:0.9;
}


#category .tab .tab-in .year{
	display:block;
	font-size:15px;
	line-height:20px;
}



#category .content .content-in{
	padding:20px;
}


#category .category-in{
	padding:20px;
	padding-bottom:0;
}

#category #category-blue{
	border-top:#5dcdde solid 7px;
}
#category #category-green{
	border-top:#b3d465 solid 7px; 
	display:none;
}




#category h1.content-title{
	text-align:left;
	font-size:20px;
	line-height:30px;
	padding-left:10px;
	font-weight:normal;
	display:block;
}
#category #category-blue h1.content-title{
	border-left:#5dcdde solid 5px; 
	color:#5dcdde;
}
#category #category-green h1.content-title{/*予備*/
	border-left:#b3d465 solid 5px; 
	color:#b3d465;
}
#category #category-orange h1.content-title{
	border-left:#F90 solid 5px;
	color:#F90;
}

/*******★*******/

#category h2.content-setsumei{
	color:#000;
	font-size:16px;
	margin:10px 0 20px 30px;
	font-weight:normal;
	display:block;
}

/*******★*******/

#category .table-out{
	box-sizing:border-box;
	width:100%;
	padding:40px;
	border-radius:20px;
}
#category #category-blue .table-out{
	background-color:#ACE6EE;
	margin-bottom:20px;
}
#category #category-green .table-out{/*予備*/
	background-color:#D6E8AA;
	margin-bottom:20px;
}
#category #category-orange .table-out{
	background-color:#FFD697;
}

/*******★*******/

#category .table-out table{
	border-collapse:collapse;
	background-color:#FFF;
	width:100%;
}
#category .table-out table td{
	border-collapse:collapse;
	border-top:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	padding:10px;
	font-size:14px;
	line-height:25px;
}
#category .bold{
	font-weight:bold;
}

#category #category-blue a{
	color:#09c;
}

#category #category-green a{
	color:#D6E8AA;
	color:#ABD053;
}
#category #category-blue a:hover,
#category #category-green a:hover{
	opacity:0.5;
}




@media screen and (min-width:0px) and ( max-width:959px) {

	#category .table-out{
		padding:20px;
		border-radius:10px;
	}
	
	.whats-new{
	color:#093475;
	font-size:12px;
	line-height:18px;
	margin:0;
	display:block;
	text-decoration:none; 
	padding-left:5px;
}
	
	
}


@media screen and (min-width:600px) and ( max-width:940px) {

	#category .tab .tab-in{
		padding:0.5em; 
		font-size:18px;
		line-height:20px;
		height:50px;
	}
	
	#new1{
	padding:2px 4px;
}

#new-info-white-back{
	width:auto;
	height:290px; 
	overflow:hidden;
	width: auto;
	margin:auto;
	padding: 4px;
	background-color:#FFF;
	border:1px solid #999;
	}
	
#new-info-white-back .title{
	margin-bottom:20px;
}

#new-info-white-back .title h2{	
	float:left; 
	display:block;
	margin:0; 
	line-height:22px;
	display:block;
	}

#new-info-white-back .list{
	width:auto;
	height:240px; 
	overflow:hidden;
}

.new-info-koumoku{
	border:#0072bc solid 1px;
	padding:2px 0px;
	font-size:12px;
	margin:0 10px;
	color:#0072bc;
	display:inline-block;
	line-height:12px;
	height:16px;
	width:100px;
	text-align:center;
	float:left;
}

.clearfix .whats-new{
	color:#093475;
	font-size:12px;
	line-height:18px;
	margin:0;
	display:block;
	text-decoration:none; 
	padding-left:5px;
}

  .clearfix .whats-new-no-link{
	color:#999;
	float:left;
	height:20px;
	font-size:12px;
	line-height:18px;
	margin:0;
	display:block;
	text-decoration:none; 
	padding-left:5px;
}

.backnumber{
	background-color:#3fa5dd; 
	color:#FFF; 
	font-size:12px; 
	height:22px; 
	line-height:16px; 
	padding:4px 6px; 
	float:right; 
	display:block;
	text-decoration:none;
	}

}

@media screen and (min-width:0px) and ( max-width:599px) {
	#category .tab .tab-in{
		padding:0.5em; 
		font-size:14px;
		line-height:20px;
		height:50px;
	}
	#category .tab .tab-in .year{
		font-size:14px;
		line-height:20px;
	}
	#category .category-in{
		padding:0;
		padding-top:10px;
	}

	#category h1.content-title{
		font-size:18px;
		line-height:25px;
	}

	#category .content-setsumei{
		font-size:14px;
	}

	#category .table-out table td{
		padding:5px;
		font-size:12px;
		line-height:20px;
	}

	#category .bold{
		font-weight:bold;
		width:25%;
	}

	.none-for-s{
		display:none;
	}
	
	#new-info-white-back{
	width:auto;
	height:230px; 
	overflow:hidden;
	width: auto;
	margin:auto;
	border:1px solid #999;
}
	
#new-info-white-back .title{
	margin-bottom:20px;
}

#new-info-white-back .list{
	height:240px; 
	overflow:hidden;
}
	
.new-info-koumoku{
	border:#0072bc solid 1px;
	padding:2px 0px;
	font-size:12px;
	margin:0 10px;
	color:#0072bc;
	display:inline-block;
	line-height:12px;
	height:16px;
	width:100px;
	text-align:center;
	float:left;
}

.backnumber{
	background-color:#3fa5dd; 
	color:#FFF; 
	font-size:12px; 
	height:22px; 
	line-height:16px; 
	padding:4px 6px; 
	float:right; 
	display:block;
	text-decoration:none;
	}
	
	.clearfix .whats-new{
	color:#093475;
	font-size:12px;
	line-height:18px;
	margin:0;
	display:block;
	text-decoration:none; 
	padding-left:5px;
}

  .clearfix .whats-new-no-link{
	color:#999;
	float:left;
	height:20px;
	font-size:12px;
	line-height:18px;
	margin:0;
	display:block;
	text-decoration:none; 
	padding-left:5px;
}

}



/**********************************************************/
/*ＭＡＩＮのＣＳＳ　　　　　　　　　                      */
/**********************************************************/


/* main の製品項目矢印　一行*/
.ya {
	padding:2px 5px 3px 0;
	float:left;
}

/* main の製品項目矢印　二行*/
.ya2 {
	padding:2px 5px 18px 0;
	float:left;
}

/* main の製品項目名*/
.ya-sentence{
	text-align:left;
	color:#000;
	font-size:12px;
	padding:6px 0 6px 0; 
	width:100%; 
	height:auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.ya-sentence:link {

	color:#000;
}

.ya-sentence:visited {

	color:#09C;
}

.ya-sentence:hover {
	background:#F2F2F2;
	color:#09C;
}

.ya-sentence:active {

	color:#09C;
}