@import "/product/3dprinter/common/css/new_release.css";

#n_academic h3{margin:20px 0px 5px 0px;padding:20px 0px 20px 0px;font-size:18px;text-align: center;color:#333;width:100%;
border-top: #ccc 3px solid;border-bottom:3px solid #ccc;font-weight: normal;}

#section04 h3{margin:30px 0px 5px 0px;padding:20px 0px 20px 0px;font-size:18px;text-align: center;color:#333;width:100%;
border-top:2px solid #FF722A;font-weight: normal;}
#n_academic h3 span{ float:left; width:700px; padding:10px 0 20px 60px !important; margin-bottom:20px; text-align:center;}
#n_academic h3 .img1{ float:right; width:220px; padding:10px 0 20px 0 !important; margin-top:10px; margin-bottom:20px;}

h3 a:hover{opacity:0.8;
filter:alpha(opacity=80);      /* ie lt 8 */
-ms-filter:"alpha(opacity=80)";/* ie 8 */
-moz-opacity:0.8;               /* FF lt 1.5, Netscape */
-khtml-opacity:0.8;            /* Safari 1.x */
zoom:1;
}

.redmin{ font-size:12px;color:#F00;}

/*------------------------------------------
■side_navi
----------------------------------------------------*/
#side_area {float:right;width:200px;padding:0px 0px 0px 0px;text-align:left !important;margin:0px }
#side_area img{ padding:10px 0px 0px 0px !important;border-top:#999 dotted 1px;}
#side_navi{width:178px;padding:0px 10px 0px 10px;background-color:#FFF;margin:0px 0px 40px 0px;}
#side_area p{background-color:#999;color:#FFF;text-align:center;margin:0px 0px 10px 0px;width:180px;}
#side_area a:hover{opacity:0.8;
filter:alpha(opacity=80);      /* ie lt 8 */
-ms-filter:"alpha(opacity=80)";/* ie 8 */
-moz-opacity:0.8;               /* FF lt 1.5, Netscape */
-khtml-opacity:0.8;            /* Safari 1.x */
zoom:1;
}

/*---------------------------------------------------
   ■
--------------------------------------------------- */

.edu_visual {margin:0px 0 30px 0;padding: 0;background-color: #fff;height:200px;}
.edu_visual_inner{width: 1000px;margin: 0 auto;height:200px;}
.edu_visual_header {height:200px;position:relative;background-image:url(/product/3dprinter/case/academic/img/main_education.png);}
.edu_visual_header h2 {padding:0px 0px 0px 0px;text-align: left;line-height:26px;font-size:13px;position:absolute;width:280px;}
.edu_visual_header .side_bt{ float:right; width:200px; margin:20px 60px 20px 20px;}
.edu_visual_header .side_bt img{ padding:10px 0 0px 0;}


.edu_main {width:980px;margin:0px auto !important; padding:0px 0px 0px 0px;}

#edu_area2 {position: relative;padding-top:10px;width:1100px;margin:0px auto;background-color:#111;padding-bottom:40px;}
#edu_area2 h4{ color:#FFF !important;}



.edu_san3 {width:980px;margin:0px auto;text-align: left;margin-bottom:20px;}
.edu_san3 p{font-size: 13px;font-style: normal;font-weight:normal;text-align: center;color:#fff;padding:5px;line-height:24px;
background-color: #999;}
.edu_san3 a:link { color: #fff;}
.edu_san3 a:visited { color:#fff;}
.edu_san3 a:hover { color: #F00;}
.edu_san3 a:active { color: #fff;}
.edu_san3 p span{ font-size:11px;line-height:18px !important;}
.edu_san3 p {}

.edu_san3_l {float:left;width:300px;margin-right:22px;line-height:25px; padding:5px; border:#CCC 1px solid;}
.edu_san3_r {float:right;width:300px;line-height:25px; padding:5px; border:#CCC 1px solid; height:175px;}
.edu_san3_r .ar1{ padding:10px 10px 10px 10px;}

.edu_ni1-lf {float:left;width:60px;margin:10px 10px 10px 10px;height:50px;padding:5px 0 0 0;}
.edu_ni1-lf span{ background-color:#4465a6;color:#FFF;padding:4px 12px 4px 12px;font-weight: normal;}
.edu_ni1-lp {float:left;width:60px;margin:10px 0px 0 10px;height:50px;padding:5px 0 0 0;}
.edu_ni1-lp span{background-color:#8944a6;color:#FFF;padding:4px 5px 4px 5px;font-weight: normal;}


.edu_ni1-r {float:right;width:220px;height:55px;margin:10px 0px 0px 0;  line-height:24px;}

.edu_ni1-r a:link{ color:#003 !important; font-size:12px; padding-left:20px;}
.edu_ni1-r a:hover{ color: #09F !important;}
.edu_ni1-r a:visited { color:#003;}
.edu_ni1-r a:active { color: #09F;}


.edu_tx01{ font-size: 15px;color:#333;padding:0 0 30px 0;line-height:32px;}
.edu_tx01 a:link{ color:#003 !important;}
.edu_tx01 a:hover{ color: #09F !important;}
.edu_tx01 a:visited { color:#003;}
.edu_tx01 a:active { color: #09F;}





.edu_tx00{padding:0px 10px 0px 10px;margin:15px;font-size:16px;font-style:normal;font-weight:normal;line-height:34px;color:#000000;font-weight: normal;text-align:left !important;}

.edu_ni23{ width:980px;margin:0px auto; font-size:15px; padding-top:20px;}
.edu_ni23 p{ color:#F00; font-weight:bold; display: inline;}
.edu_ni2-l {float:left;width:200px;margin-right:20px; padding:0px; height:130px;}
.edu_ni2-r {float:right;width:720px;line-height:28px; padding:25px 20px 20px 20px ; background-image:url(/product/3dprinter/case/academic/img/user_voice_bg1.png); background-repeat:no-repeat; height:85px; margin-bottom:20px;}

.edu_ni3-l {float:left;width:720px;margin-right:20px;padding:25px 20px 20px 20px ; height:85px; background-image:url(/product/3dprinter/case/academic/img/user_voice_bg2.png);line-height:28px; background-repeat:no-repeat; margin-bottom:20px;}
.edu_ni3-r {float:right;width:200px; padding:0px; height:130px;}
.edu_n_sb{ font-size:10px;}



/*---------------------------------------------------
   ■上部メイン画像
--------------------------------------------------- */
.user_visual {margin:0px auto;padding: 0;background-color: #0d0707; height:200px;}
.user_visual_inner{width: 1000px;margin: 0 auto; height:200px; background-image:url(/product/3dprinter/case/img/user_bg.png); background-repeat:no-repeat;}

.fig {color: #fff; text-align: left; line-height:26px; font-size:13px; width:1000px;}
.fig_l{ float:left;width:500px;padding:100px 0px 20px 20px}
.fig_r{ float:right; padding-right:20px;}
.fig_r a:hover{opacity:0.8;
filter:alpha(opacity=80); /* ie lt 8 */
-ms-filter:"alpha(opacity=80)"; /* ie 8 */
-moz-opacity:0.8;/* FF lt 1.5, Netscape */
-khtml-opacity:0.8; /* Safari 1.x */
zoom:1;
}

.user_visual_ii {margin:0px auto;padding: 0; text-align:left;width: 980px;}
.user_visual_ii .iititle1{font-size: 14px;font-style: normal;font-weight: normal;line-height:26px;padding:5px 0 0 0;}
.user_visual_ii .iititle2{font-size: 18px;font-style: normal;font-weight: normal;line-height:26px;padding:5px 0 0 5px;}
.user_visual_ii .iilogo{font-size: 28px;font-family: "Arial";font-style: normal;font-weight: bold; color:#666;}
.user_visual_ii .caption { font-weight:normal; font-size:85%; line-height:28px; margin-top:0px; padding-bottom:10px; }
.user_visual_ii .tx {font-weight:normal; font-size:13px; line-height:28px; margin-top:-20px; padding:10px 0 0px 0; }

/*------------------------------------------
■main_area_yon
----------------------------------------------------*/
.user_area {font-size: 10px;font-style:normal;font-weight:normal;line-height:18px;color:#333333;width:965px;margin:0px auto;margin-bottom:10px;}
.user_area_l{float:left;display:inline;width:185px;margin-right:10px; background-image:url(/product/3dprinter/case/academic/infinite-ideas/img/user_bg1.gif); background-repeat:no-repeat; height:290px;}
.user_area_r{float:right;width:185px;display:inline; height:290px;background-image:url(/product/3dprinter/case/academic/infinite-ideas/img/user_bg1.gif); background-repeat:no-repeat;}



.user_area img{ padding:15px;}
.user_area p{ text-align:left;padding:0px 0px 0 15px; font-weight:bold; background-image:url(/product/3dprinter/case/academic/infinite-ideas/img/ar_01.gif); background-repeat:no-repeat; margin-left:10px; font-size:13px;}
.u_tx{ text-align:left;padding:5px 0px 0px 15px; font-size:12px;}
.u_tx2{ text-align:left;padding:5px 10px 0 10px; font-size:12px; height:30px;}
/************************/


.explain{
	overflow:hidden;
	margin:0 auto;
	padding:0 18px 0 0;
}

.p_tag{
	text-align: center;
	width:100%;
	font-size:13px;
	color:#fff;
	font-weight:900;
	margin:12px auto 0 15px;
	overflow: hidden;
	font-family:'Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.margin_right{
	margin-right:1%;
}

.width_45{
	width:45%;
}

.shisaku{
	display: block;
	background:#adc801;
	padding:2px 2px 2px 2px;
	width:90%;
	float: left;
}

.kata{
	display: block;
	width:90%;
	background: #b89f38;
	padding:2px 2px 2px 2px;
	float: left;
}

.ddm{
	display: block;
	width:90%;
	background: #586230;
	padding:2px 2px 2px 2px;
	float: left;
}

.m_model{
	display: block;
	width:90%;
	background: #2b69a3;
	padding:2px 2px 2px 2px;
	float: left;
}

.design{
	display: block;
	width:90%;
	background: #402e27;
	padding:2px 2px 2px 2px;
	float: left;
}

.width_45{
	width:45%;
}

/*レスポンシブ化*/

@media screen and (min-width: 1020px) {

.user_visual_inner{width: 1000px;margin: 0 auto; height:210px; position:relative;background-image:url(/product/3dprinter/case/img/user_bg.png); background-position:bottom; background-repeat:no-repeat;}

.user_visual {margin:0px auto;padding: 0;background-color: #0d0707; height:210px;}

.fig {color: #fff; text-align: left; line-height:26px; font-size:13px; width:600px; padding:0px 0 0 20px;}
}

 @media screen and (max-width:1019px){
	
.user_visual_inner{width: 100%;margin: 0 auto; height:160px; background-image:url(/product/3dprinter/case/img/user_bg.png); background-position:bottom; background-repeat:no-repeat;}
.user_visual {margin:0px auto;padding: 0;background-color: #0d0707; height:160px; margin-bottom:20px;}
.fig {color: #fff; padding:0px; text-align: center; line-height:26px;position:absolute; width:100%;}
.user_visual_ii {
	margin:0px auto;
	padding: 0;
	text-align:left;
	width: 100%;
	}
	 
	
.edu_main{
	margin:0 auto;
	width:80%
	}
	
.user_area{
 margin:0 auto;
 width:100%;
}

.user_area_l{
margin:0 auto;
width:100%;
height:10%;
overflow: hidden;
margin-bottom:20px;
display:inline-block;
background-image:none;
background: #fff;
border:3px double #e0e0e0;
box-sizing: border-box;
}

	
.user_area_l a{
	display: block;
	margin-top:14px;
	width:auto;
	}

.user_area_r{
margin:0 auto;
width:100%;
height:10%;
overflow: hidden;
margin-bottom:20px;
display:inline;
background-image:none;
background: #fff;
border:3px double #e0e0e0;
box-sizing: border-box;
}

	
.user_area_r a{
	display: block;
	margin-top:14px;
	width:auto;
	}

	 
	 
.u_tx{
	display: block;
	text-align:left;
	padding:5px 0px 0 10px;
	font-size:12px;
	 }
	 

.main img{
	float:left;
	clear: both;
	}	 

.explain{
	position: relative;
	overflow: hidden;
	text-align: left;
	 }

.explain p{
	margin:0 0 0 8px;
	padding:0 0 0 17px;
	 }


.p_tag{
	width:31%;
	margin:12px 0 0 10px;
	min-width: 130px;
	margin-bottom:20px;
	margin-right:10px;
}
	 
	 
}


@media screen and (max-width:530px){
	
.user_visual {height:210px;}
.user_visual_inner{height:210px;}
	
	.main img{
		max-width:95%;
		height: auto;
	}
	
	.explain{
	width:98%;
	}
	
	.user_visual_ii  { margin-bottom:70px; }
	
	.edu_main{
	margin-top:0;
	}
	

}