@charset "shift-jis";
@import url(../../stylesheet/main.css);


/*-----------------------------------------------------------------
会社案内
------------------------------------------------------------------*/

/*----- トップページタイトル -----*/

#corporatetop #toptitle {
	background: url(../top_img/top_image.png) no-repeat center top;
	width: 1000px;
	height: 380px;
	margin: 0 auto;
	}

#corporatetop #toptitle ul {
	with: 150px;
	height:380px;
	margin-left: 850px;
	}
	
#corporatetop #toptitle ul li {
	width: 150px;
	height: 76px;
	}
	
#corporatetop #toptitle ul li a {
	width: 150px;
	height: 76px;
	display: block;
	text-indent: -9999px;
	}
	

/*----- トップページタイトル NEW 20121014 -----*/

#corporatetop #toptitle2 {
	background: url(../top_img/top_image.png) no-repeat center top;
	width: 1000px;
	height: 380px;
	margin: 0 auto;
	}

#corporatetop #toptitle2 ul {
	with: 150px;
	height:380px;
	margin-left: 850px;
	}
	
	
#corporatetop #toptitle2 ul li {
	width: 150px;
	height: 95px;
	}
	
#corporatetop #toptitle2 ul li a {
	width: 150px;
	height: 95px;
	display: block;
	text-indent: -9999px;
	}



/*----- トップページタイトル 20130401 -----*/

#corporatetop #toptitle3 {
	background: url(../top_img/top_image20130401.png) no-repeat center top;
	width: 1000px;
	height: 380px;
	margin: 0 auto;
	}

#corporatetop #toptitle3 ul {
	with: 150px;
	height:380px;
	margin-left: 850px;
	}
	
	
#corporatetop #toptitle3 ul li {
	width: 150px;
	height: 76px;
	}
	
#corporatetop #toptitle3 ul li a {
	width: 150px;
	height: 76px;
	display: block;
	text-indent: -9999px;
	}

/*----- トップページタイトル 20130520 -----*/

#corporatetop #toptitle4 {
	background: url(../top_img/top_image20130520.png) no-repeat center top;
	width: 1000px;
	height: 380px;
	margin: 0 auto;
	}
#corporatetop #toptitle5 {
	background: url(../top_img/top_image20131211.png) no-repeat center top;
	width: 1000px;
	height: 380px;
	margin: 0 auto;
	}
#corporatetop #toptitle6 {
	background: url(../top_img/top_image20140115.png) no-repeat center top;
	width: 1000px;
	height: 380px;
	margin: 0 auto;
	}
#corporatetop #toptitle7 {
	background: url(../top_img/top_image20141201.png) no-repeat center top;
	width: 1000px;
	height: 380px;
	margin: 0 auto;
}
	
#corporatetop #toptitle4 ul,
#corporatetop #toptitle5 ul,
#corporatetop #toptitle6 ul,
#corporatetop #toptitle7 ul {
	with: 150px;
	height:380px;
	margin-left: 850px;
	}
	
	
#corporatetop #toptitle4 ul li,
#corporatetop #toptitle5 ul li,
#corporatetop #toptitle6 ul li,
#corporatetop #toptitle7 ul li {
	width: 150px;
	height: 76px;
	}
	
#corporatetop #toptitle4 ul li a,
#corporatetop #toptitle5 ul li a,
#corporatetop #toptitle6 ul li a,
#corporatetop #toptitle7 ul li a {
	width: 150px;
	height: 76px;
	display: block;
	text-indent: -9999px;
	}


/* サイドメニュー */

ul#com_sidemenu {
	width: 175px;
	}

ul#com_sidemenu li {
	width: 175px;
	height: 60px;
	}
ul#com_sidemenu li#side6 {
	width: 175px;
	height: 61px;
	}

ul#com_sidemenu li a {
	width: 175px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	}

ul#com_sidemenu li#side1 a { background: url(../common/img/commenu1.png) no-repeat left top;}
ul#com_sidemenu li#side2 a { background: url(../common/img/commenu2.png) no-repeat left top;}
ul#com_sidemenu li#side3 a { background: url(../common/img/commenu3.png) no-repeat left top;}
ul#com_sidemenu li#side4 a { background: url(../common/img/commenu4.png) no-repeat left top;}
ul#com_sidemenu li#side5 a { background: url(../common/img/commenu5.png) no-repeat left top;}
ul#com_sidemenu li#side7 a { background: url(../common/img/commenu7.png) no-repeat left top;}
ul#com_sidemenu li#side8 a { background: url(../common/img/commenu8.png) no-repeat left top;}
ul#com_sidemenu li#side6 a { background: url(../common/img/commenu6.png) no-repeat left top; height: 61px;}

ul#com_sidemenu li#side1 a:hover,
ul#com_sidemenu li#side2 a:hover,
ul#com_sidemenu li#side3 a:hover,
ul#com_sidemenu li#side4 a:hover,
ul#com_sidemenu li#side5 a:hover,
ul#com_sidemenu li#side7 a:hover,
ul#com_sidemenu li#side8 a:hover,
ul#com_sidemenu li#side6 a:hover { background-position: right bottom;}


#corporatetop ul#com_sidemenu li#side1 a,
#president ul#com_sidemenu li#side2 a,
#overview ul#com_sidemenu li#side3 a,
#media ul#com_sidemenu li#side4 a,
#press ul#com_sidemenu li#side5 a,
#recruit ul#com_sidemenu li#side7 a,
#history ul#com_sidemenu li#side8 a,
#privacy ul#com_sidemenu li#side6 a { cursor: default; background-position: right bottom;}


/* contents */

#corporatetop h3 {
	width: 730px;
	height: 65px;
	text-indent: -9999px;
	margin-bottom: 5px;
	padding: 5px;
	}
	
	
#corporatetop h3#title_com_press { background: url(../top_img/title_companytop_press.png) no-repeat left top;}
#corporatetop h3#title_com_media { background: url(../top_img/title_companytop_media.png) no-repeat left top;}

#corporatetop h3 a {
	background: url(../../top_img/more.png) no-repeat top left;
	width: 78px;
	height: 65px;
	display: block;
	text-indent: -9999px;
	margin-left: 662px;
	cursor: pointer;
	}

#corporatetop h3 a:hover { background-position: bottom right;}


/* top press */

ul#comtop_press {	
	width: 720px;
	height: 200px;
	overflow: auto;
	margin-left: 20px;
	}

ul#comtop_press li {	
	padding: 0px 5px 0px 15px;
	margin-bottom: 3px;
	background: url(../top_img/dot.gif) no-repeat left top;
	}

ul#comtop_press li span.date {	
	color: #005CAC;
	margin-right: 20px;
	letter-spacing: 2px;
	}

ul#comtop_press li span.entrytitle a {	
	color: #333;
	}




/*index*/

#corporatetop ul#media_idx_top {
	width: 740px;
	margin: 10px 0 0;
	clear:both;
	}

#corporatetop ul#media_idx_top li {
	width: 157px;
	height: 210px;
	float: left;
	margin: 0 14px 15px;
	display: inline;
	}
	
#corporatetop ul#media_idx_top li a {
	width: 153px;
	height: 153px;
	float: left;
	display: inline;
	border: 2px solid #ddd;
	}

#corporatetop ul#media_idx_top li a:hover {
	border: 2px solid #AED56F;
	}

#corporatetop ul#media_idx_top li img:hover {
 	filter: alpha(opacity=75);
  	-moz-opacity:0.75;
 	opacity:0.75;
	}


#corporatetop ul#media_idx_top li .title_area {
	width: 157px;
	text-align: center;
	overflow: hidden;
	height: 40px;
	}

#corporatetop ul#media_idx_top li .title_area h4 {
	width: 157px;
	text-align: center;
	line-height: 20px;
	color: #70AF5A;
	font-weight: normal;
	margin-top: 5px;
	}

#corporatetop ul#media_idx_top li .title_area p {
	width: 157px;
	text-align: center;
	line-height: 16px;
	font-size:90%;
	color: #888;
	}