@charset	"utf-8";

/* トップページ -------------------------------------------- */

.top_contentoutline	{
	width:	100%;
	background-image:	url("../images/content_line.png");
	background-repeat:	repeat-x;
	background-position:	top left;
	padding-top:	5px
}

.top_key	{
	width:	960px;
	height:	387px;
	margin:	0px auto 0px;
	padding:	0px;
}

.top_contwrap	{
	width:	980px;
	margin:	-385px auto 0px;
	padding:	385px 0px 32px;
	background-image:	url("../../images/top_cont_back.gif");
}

.h1dummy{
	width:	960px;
	height:	32px;
	margin:	24px auto 16px;
}

/*h1	{
	width:	960px;
	height:	32px;
	margin:	24px auto 16px;
}
*/
.catchcopy p h1	{
	color:	#ffffff;
	font-size:	11px;
}
/* キービジュアルリンク ------------------------------------ */

ul.top_keylinks	{
	width:	960px;
	height:	174px;
	margin:	8px auto;
}

ul.top_keylinks li	{
	width:	234px;
	height:	174px;
	display:	block;
	text-indent:	-9999px;
	float:	left;
}

ul.top_keylinks li a:link,ul.top_keylinks li a:visited,ul.top_keylinks li a:hover	{
	display:	block;
	width:	234px;
	height:	174px;
	text-indent:	-9999px;
	background-image:	url("/images/top_genres.png");
	background-repeat:	no-repeat;
}

ul.top_keylinks li#genre1	{
	padding:	0px 8px 0px 0px
}
ul.top_keylinks li#genre2	{
	padding:	0px 8px 0px 0px
}
ul.top_keylinks li#genre3	{
	padding:	0px 8px 0px 0px
}
ul.top_keylinks li#genre4	{
	padding:	0px 0px 0px 0px
}

ul.top_keylinks li#genre1 a:link,ul.top_keylinks li#genre1 a:visited	{
	background-position:	0px 0px;
}
ul.top_keylinks li#genre1 a:hover	{
	background-position:	0px -174px;
}

ul.top_keylinks li#genre2 a:link,ul.top_keylinks li#genre2 a:visited	{
	background-position:	-234px 0px;
}
ul.top_keylinks li#genre2 a:hover	{
	background-position:	-234px -174px;
}

ul.top_keylinks li#genre3 a:link,ul.top_keylinks li#genre3 a:visited	{
	background-position:	-468px 0px;
}
ul.top_keylinks li#genre3 a:hover	{
	background-position:	-468px -174px;
}

ul.top_keylinks li#genre4 a:link,ul.top_keylinks li#genre4 a:visited	{
	background-position:	-702px 0px;
}
ul.top_keylinks li#genre4 a:hover	{
	background-position:	-702px -174px;
}

.top_keylinks_more {
	position: relative;
}

ul.top_keylinks_btn	{
	width:	960px;
	margin:	8px auto 22px;
}
ul.top_keylinks_btn li	{
	width:	234px;
	display:	block;
	float:	left;
	padding:	0px 8px 0px 0px;
}
ul.top_keylinks_btn li:last-child {
	padding: 0;
}
ul.top_keylinks_btn li a {
	display: block;
}

.top_keylinks_more_text {
	position: absolute;
	display: none;
	padding: 13px;
	width: 960px;
	margin: auto;
	color: #ffffff;
	line-height: 3;
	text-align: center;
	background: rgba(113, 24, 24, .9);
	z-index: 10;
	left: 10px;
	top: 58px;
	box-sizing: border-box;
}
.top_keylinks_more_text:after {
	content: "";
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent rgba(113, 24, 24, .9) transparent;
}
#more_genre1:after {
	left: 12.5%;
}
#more_genre2:after {
	left: 37.5%;
}
#more_genre3:after {
	left: 62.5%;
}
#more_genre4:after {
	left: 87.5%;
}
.top_keylinks_more_text ul {

}
.top_keylinks_more_text ul li {
	width: 33.3%;
	display: block;
	float: left;
	text-align: left;
}
.top_keylinks_more_text ul li a {
	color: #ffffff;
	background:	url("/common/images/icon_w.png") 0 center no-repeat;
	padding-left: 14px;
}

/* IS製品リンク -------------------------------------------- */

ul.IS_products	{
	width:	957px;
	height:	180px;
	margin:	0px auto 0px;
	padding-bottom:	24px;
}

ul.IS_products li	{
	width:	315px;
	height:	180px;
	display:	block;
	float:	left;
	margin-left:	6px;
}

ul.IS_products li:first-child	{
	margin-left:	0px;
}


/* キーワードリンク ---------------------------------------- */

.wordsearch	{
	margin:	6px auto 0px;
	width:	960px;
	background:	url("../../images/keyword_back.gif") repeat-y 0px 0px;
	padding:	12px 0px 12px;
}

.wordsearch ul	{
	width:	240px;
	float:	left;
}

.wordsearch ul li	{
	margin:	0px 4px 10px 0px;
	padding:	0px 0px 0px 32px;
	background-image:	url("../images/tri_magenta.gif");
	background-repeat:	no-repeat;
	background-position:	20px 5px;
}

/* お知らせ・サブリンク ------------------------------------ */
.top_newsoutline	{
	width:	960px;
	margin:	0px auto 0px;
	padding:	10px;
	background-color:	#401212;
	background-image:	url("../../images/newsareaback.gif");
	background-repeat:	repeat-x;
	background-position:	top left;
}

.whatsnews	{
	width:	666px;
	padding:	0px 20px 12px 12px;
	float:	left;
}

.whatsnews h2	{
	display:	block;
	position:	relative;
	width:	666px;
	height:	32px;
}

span.newsmore	{
	display:	block;
	position:	absolute;
	top:	2px;
	right:	0px;
	width:	166px;
	height:	16px;
	text-indent:	-9999px;

}

span.newsmore a	{
	display:	block;
	width:	152px;
	height:	18px;
	background-image:	url("/images/news_more.gif");
	background-repeat:	no-repeat;
}

span.newsmore a:link,span.newsmore a:visited	{
	background-position:	0px 0px;
}

span.newsmore a:hover	{
	background-position:	0px -18px;
}

table.newstable	{
	width:	666px;
	margin:	0px;
	padding:	2px 16px 4px;
	background-image:	url("/images/topnews_base.png");
	background-repeat:	no-repeat;
	background-position:	bottom right;
}

table.newstable th	{
	padding:	10px 10px 10px 0px;
	border-top:	dotted 1px #8c7777;
}

table.newstable td	{
	padding:	10px 10px 10px 80px;
	border-top:	dotted 1px #8c7777;
	background-repeat:	no-repeat;
	background-position:	4px 11px;
	width: 430px;
}

table.newstable tr:first-child th,table.newstable tr:first-child td	{
	border:	none;
}

/* 「お知らせ」ジャンル表示 -------------------------------- */


/* 展示会 */
table.newstable td.exhibition	{
	background-image:	url("../../images/news_exhibition.gif");
}

/* ニュース */
table.newstable td.info	{
	background-image:	url("../../images/news_news.gif");
}

/* 事例 */
table.newstable td.fact	{
	background-image:	url("../../images/news_fact.gif");
}

/* その他 */
table.newstable td.other{
	background-image:	url("../../images/tip_other.gif");
}

/* サイドリンク -------------------------------------------- */

.sidelinks	{
	width:	262px;
	padding-top:	32px;
	float:	left;
}

/* 透過リンク */

.IS_products li a img:hover,
.sidelinks a img:hover	{
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}





/* IS製品リンク2 (2013_7020追加)-------------------------------------------- */

ul.IS_products2,
ul.IS_products3	{
	width:	957px;
	height:	82px;
	margin:	0px auto 0px;
	padding-bottom:	10px;
}
ul.IS_products2 li,
ul.IS_products3 li	{
	width:	315px;
	height:	82px;
	display:	block;
	float:	left;
	margin-left:	6px;
}
ul.IS_products2 li:first-child,
ul.IS_products3 li:first-child	{
	margin-left:	0px;
}
/* 透過リンク */

.IS_products2 li a img:hover,
.IS_products3 li a img:hover,
.sidelinks a img:hover	{
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}