@charset "UTF-8";
/*
// MOVIE LIBRARY css
// /ap_page/motteu/images/
*/

/* ====================================== */
/* renewalreset */
/* ====================================== */
h2,h3,h4{
	border-bottom: none;
	padding: 0;
	margin: 0;
}


/* ====================================== */
/* reset */
/* ====================================== */
#bodyarea{
	background: url(/ap_page/motteu/images/bg.jpg) repeat-x center top;
}
#bodyarea .container {
	width:990px;
	background-image: none;
	background-color: transparent;
	padding:0;
	margin-top:-62px;
}
#bodyarea .container .mainarea{
	width:890px;
	padding: 15px 30px 10px;
	background:url(/ap_page/motteu/images/gakubu_bg.gif) ;
	float:none;
	margin: 0 auto;
}
#bodyarea .container .mainarea.kamata{background:url(/ap_page/motteu/images/kamata_bg.gif) ;}
#bodyarea .container .mainarea.hachi{background:url(/ap_page/motteu/images/hachi_bg.gif) ;}
#bodyarea .container .mainarea.rumor{background:url(/ap_page/motteu/images/rumor_bg.gif) ;}

.alt{display: none;}
a,input,button{outline:none;}
/* ====================================== */
/* pagelocation */
/* ====================================== */

#bodyarea #pagelocation .movie{
	width:320px;height:180px;
	overflow:hidden;
	position: absolute;
	top:61px;
	left:626px;
}
#bodyarea #pagelocation .movie img{margin-left: 0;}
/* ====================================== */
/* nav */
/* ====================================== */
#bodyarea .nav {
	width:950px;
	height:55px;
	clear:both;float:none;
	overflow:hidden;
	margin: 0 auto;
}
#bodyarea .nav > li{
	float:left;
}
#bodyarea .nav a{
margin-top: 10px;
margin-right: 10px;
height:45px;
background-image: url(/ap_page/motteu/images/nav.png);
background-repeat: no-repeat;
background-position: 0 0;
overflow:hidden;text-indent:150%;white-space:nowrap;
display: block;
}
#bodyarea .nav a:hover,#bodyarea .nav a.current{
height:55px;
margin-top: 0;
}
#bodyarea .nav .gakubu a{background-position: 0 0;width:160px;}
#bodyarea .nav .kamata a{background-position: -160px 0;width:275px;}
#bodyarea .nav .hachi a{background-position: -435px 0;width:275px;}
#bodyarea .nav .rumor a{background-position: -710px 0;width:210px;margin-right: 0;}

#bodyarea .nav .gakubu a:hover,#bodyarea .nav .gakubu a.current{background-position: 0 -45px;width:160px;}
#bodyarea .nav .kamata a:hover,#bodyarea .nav .kamata a.current{background-position: -160px -45px;width:275px;}
#bodyarea .nav .hachi a:hover,#bodyarea .nav .hachi a.current{background-position: -435px -45px;width:275px;}
#bodyarea .nav .rumor a:hover,#bodyarea .nav .rumor a.current{background-position: -710px -45px;width:210px;}

/* ============================ */

#bodyarea .mainarea > .block{
	background-color: #fff;
	margin-bottom: 20px;
	padding: 20px 25px;
	position: relative;
}
#bodyarea .mainarea > .title{
	margin-bottom: 20px;
	height:44px;
}
#bodyarea .mainarea > .title img{
	float:right;
}
#bodyarea .mainarea.kamata > .title img{margin-top: -5px;}
#bodyarea .mainarea.hachi > .title img{margin-top: -5px;}

#bodyarea .mainarea > .block:after{
	content:"";
	height:1px;
	display: block;
	clear:both;float:none;
	overflow:hidden;
}
#bodyarea .mainarea > .block_kamata,
#bodyarea .mainarea > .block_hachi{
	margin-top: 40px;
}
#bodyarea .mainarea > .block > .tab{
	position: absolute;
	top:-29px;
	left:-0px;
	display: block;
}
#bodyarea .mainarea > .block > .headline{
	margin: 0 0 14px;padding: 0 ;
	background-image: none;
	}
#bodyarea .mainarea > .block > .headline img{display: block;}
#bodyarea .box_thumbs ul{
	overflow:hidden;margin-bottom: 20px;
	margin-right: -15px;
	}

#bodyarea .box_thumbs li{
	width:156px;
	display:block;
	float:left;
	margin-right: 15px;
	text-align:center;
	position: relative;
}

.mainarea.kamata .box_thumbs li,.box_thumbs.kamata li{background-color: #3e6dc6;}
.mainarea.hachi .box_thumbs li,.box_thumbs.hachi li{background-color: #599246;}
.box_thumbs.design li{background-color: #929292;}
.box_thumbs.medical li{background-color: #e18cba;}
.box_thumbs.bionics li{background-color: #6db253;}
.box_thumbs.cs li{background-color: #4175a2;}
.box_thumbs.media li{background-color: #e75d54;}
.box_thumbs.eng li{background-color: #9081bb;}

#bodyarea .box_thumbs li > a{display: block;}
#bodyarea .box_thumbs li img{
	vertical-align:top;
}
#bodyarea .box_thumbs li p{
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	padding: 12px 2px;
	text-align:center;
	line-height:1.3;
	vertical-align:middle;
}

#bodyarea .box_thumbs li > p small{font-size: 11px;font-weight: normal;}
/* ====================================== */
/* ページ毎 */
/* ====================================== */
/* 噂ページ */
#bodyarea .mainarea.rumor .box_thumbs{margin-top: 10px;}

/* ====================================== */
/* ポップアップ .popup_box*/
/* ====================================== */
.popup_box{
	text-align:center;
}
.popup_box h3{
	padding: 10px 15px;
	color: #fff;
	margin-bottom: 20px;
}
.popup_box.design h3{background-color: #929292;}
.popup_box.medical h3{background-color: #e18cba;}
.popup_box.bionics h3{background-color: #6db253;}
.popup_box.cs h3{background-color: #9081bb;}
.popup_box.media h3{background-color: #e75d54;}
.popup_box.kamata h3{background-color: #3e6dc6;}
.popup_box.hachi h3{background-color: #599246;}
.popup_box.nocategory h3{background-color: #282b4c;}


/* ====================================== */
/* リニューアル修正*/
/* ====================================== */
#mainimgs{
	height: 339px;
}
#mainimgs img{
	width: auto;
	height: auto;
	margin-left: -100px;
	max-width: inherit;
}
#mainimgs .container{
	position: relative;
	width: 990px;
	margin: -2em auto 0;
}

#bodyarea .movie{
	width:320px;height:180px;
	overflow:hidden;
	position: absolute;
	top:61px;
	right:28px;
}
#bodyarea .movie img{margin-left: 0;}

#main-wrapper{
	background-image: none;
	background-color: transparent;
	margin: -6% auto 4%;
}
#main-wrapper > .mainarea{
	padding: 15px 30px 10px;
	width: 950px;
}

#bodyarea .mainarea{background:url(/ap_page/motteu/images/gakubu_bg.gif) ;}
#bodyarea .mainarea.kamata{background:url(/ap_page/motteu/images/kamata_bg.gif) ;}
#bodyarea .mainarea.hachi{background:url(/ap_page/motteu/images/hachi_bg.gif) ;}
#bodyarea .mainarea.rumor{background:url(/ap_page/motteu/images/rumor_bg.gif) ;}
/* nav */
#bodyarea .nav {
	width:950px;
	height:55px;
	clear:both;float:none;
	overflow:hidden;
	margin: 0 auto;
}
#bodyarea .nav > li{
	float:left;
}
#bodyarea .nav a{
margin-top: 10px;
margin-right: 10px;
height:45px;
background-image: url(/ap_page/motteu/images/nav.png);
background-repeat: no-repeat;
background-position: 0 0;
overflow:hidden;text-indent:150%;white-space:nowrap;
display: block;
}
#bodyarea .nav a:hover,#bodyarea .nav a.current{
height:55px;
margin-top: 0;
}
#bodyarea .nav .gakubu a{background-position: 0 0;width:160px;}
#bodyarea .nav .kamata a{background-position: -160px 0;width:275px;}
#bodyarea .nav .hachi a{background-position: -435px 0;width:275px;}
#bodyarea .nav .rumor a{background-position: -710px 0;width:210px;margin-right: 0;}

#bodyarea .nav .gakubu a:hover,#bodyarea .nav .gakubu a.current{background-position: 0 -45px;width:160px;}
#bodyarea .nav .kamata a:hover,#bodyarea .nav .kamata a.current{background-position: -160px -45px;width:275px;}
#bodyarea .nav .hachi a:hover,#bodyarea .nav .hachi a.current{background-position: -435px -45px;width:275px;}
#bodyarea .nav .rumor a:hover,#bodyarea .nav .rumor a.current{background-position: -710px -45px;width:210px;}
@media screen and (max-width: 1250px ) {
	#mainimgs,
	#main-wrapper {
		overflow: auto;
	}
}