@charset "UTF-8";

* { margin: 0; padding: 0; }
/* Reset CSS */
/*///////////////////////////////////////////////////////*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	vertical-align: baseline;
	}

body{	padding:0 0 35px 0!important;	}


/* Link styles */
/*///////////////////////////////////////////////////////*/
a img{
	border:none;
	cursor: pointer;
	}

a:link, a:visited{
	cursor: pointer;
	color: #7a7b78;
	text-decoration: none;
	}

a:hover{
	cursor: pointer;
	color: #7a7b78;
	text-decoration:underline;
	}

a:active{
	cursor: pointer;
	color: #000;
	}

/* Body elements */

body {
	color:#7a7b78;
	background-color:#FFF;
	text-align:center;
	line-height: 1.5;
	}
	
body div{
	text-align:left;
	margin: 0 auto;
	}
	
/* Custom */
/*///////////////////////////////////////////////////////*/
.right{
	float:right;
	}

.left{
	float:left;
	}

.clear{
	clear: both;
	}
	
	
/* Headings */
/*///////////////////////////////////////////////////////*/
h1{
	text-indent:-9999px;
	position:absolute;
	font-size:0.7em;
	line-height:110%;
	font-weight:normal;
	margin:13px 0 23px 0;
	}
h1 a{
	display:block;
	width:515px;
	height:29px;
	background:url(../image/common/logo.gif) left top no-repeat;
	}
h2{}
h3{}

/* Container */
/*///////////////////////////////////////////////////////*/
#container{
	width:800px;
	display:block;
	_height:100％;
	min-height:100%;
	}
	
#container:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	}
	
/* Header */
/*///////////////////////////////////////////////////////*/
#header{
	width:800px;
	background:url(../image/common/main_line1.gif) bottom left repeat-x;
	position:relative;
	display:block;
	margin-bottom:12px;
	height:65px;
	}

#header p{
	text-indent:-9999px;
	position:absolute;
	font-size:0.7em;
	line-height:110%;
	font-weight:normal;
	}
	
/* Toppage Layout */
/*///////////////////////////////////////////////////////*/
#mainBlock{
	background:url(../image/common/main_line2.gif) bottom left repeat-x;
	padding-bottom:22px;
	display:block;
	min-height:1px;
	margin-bottom:26px;
	}
	
#mainBlock:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	}
	
* html #mainBlock { height:1px; }
	
#mainMenu{
	width:198px;
	margin-right:20px;
	float:left;
 }
 
#mainMenu:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	}
	
* html #mainMenu { height:1px; }
 
 #flashContent{
	 width:582px;
	 height:289px;
	 float:left;
	 }
	 
#searchBox{
	 position:relative;
	 width:198px;
	 height:45px;
}

#searchBox h2{
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;	
	height:12px;
	width:58px;
	background:url(../image/common/txt_search.gif) no-repeat left center;
	text-indent:-9999px;
	line-height:110%;
	font-weight:normal;	
	font-size:0.3em;
}

#searchBox p{
	position:absolute;
	top:0px;
	left:58px;
	z-index:5;
	height:12px;
	width:90px;
	background:url(../image/common/txt_search2.gif) no-repeat left center;
	text-indent:-9999px;
	line-height:110%;
	font-weight:normal;	
	font-size:0.3em;
	margin-left:10px;
	line-height:110%;
}

#searchBox #srchtxt{
	position:absolute;
	top:12px;
	left:-9px;
	z-index:5;
	font-size:10px;	
	margin-left:10px;
	line-height:110%;
	margin-top:5px;
	width:143px;
	color:#7a7b78;
	padding:4px 0 3px 4px;
	}

#searchBox #srchbtn{
	position:absolute;
	top:17px;
	left:155px;
	z-index:5;
}

div.topicsBox{
	position:relative;
	width:582px;
	float:left;
	margin-bottom:25px;
}

div.topicsBox h2{
	text-indent:-9999px;
	line-height:110%;
	font-weight:normal;	
	font-size:0.3em;
	background:url(../image/top/ttl_newstopics.gif) no-repeat top left;
	height:14px;
	width:149px;
	margin-bottom:19px;
}

div.topicsBox p.more{
	position:absolute;
	top:0px;
	left:170px;
	text-indent:-9999px;
	line-height:110%;
	font-weight:normal;	
	font-size:0.3em;
}

div.topicsBox p.more a{
	display:block;
	height:15px;
	width:41px;
	background:url(../image/common/con_more.gif) no-repeat left top;
}

div.topicsBox p.more a:hover{
	background-position:0 -15px;
	}

div.topicsBox div#topicsTxt p{
	padding:3px 0 0 0;
	width:100%;
	background:url(../image/common/line_dot.gif) repeat-x top;
}

div.topicsBox div#topicsTxt p.top{
	background:none;
}

div.topicsBox div#topicsTxt a{
	font-size:10px;
	padding:3px 3px 3px 10px;
	width:569px;
	display:block;
}

div.topicsBox div#topicsTxt a:hover{
	background:#efefef;
	text-decoration:none;
}

div.topicsBox div#topicsTxt span.new{
	background:url(../image/common/p_new.gif) no-repeat right center;
	padding-right:45px;
	margin-right:24px;
}

div.topicsBox div#topicsTxt span.arrow{
	background:url(../image/common/p_arrow.gif) no-repeat right center;
	padding-right:45px;
	margin-right:24px;
}

div.bannerBox{
	width:192px;
	float:left;
	margin:2px 0 0 26px;
	height:176px;
}

div.bannerBox img{
	margin-bottom:8px;
}

div.lineupBox{
	clear:both;
	}

div.lineupBox h2{
	text-indent:-9999px;
	line-height:110%;
	font-weight:normal;	
	font-size:0.3em;
	background:url(../image/top/ttl_lineup.gif) no-repeat left center;
	height:14px;
	width:149px;
	margin-bottom:23px;
}

.col1{
	width:400px;
	float:left;
	height:100px;
	}

.col1 p, input#srchtxt{
	font-family:'ＭＳ ゴシック','ヒラギノ角ゴ W3','Hiragino Kaku Gothic','メイリオ',Meiryo,sans-serif!important;
}


.rightbox{
	width:246px;
	float:right;
	}

div.lineupBox h3{
	text-indent:-9999px;
	margin-bottom:5px;
	}

div.lineupBox h3.panel a{
	display:block;
	height:26px;
	width:246px;
	background:url(../image/top/lup_panel.gif) no-repeat;
}

div.lineupBox h3.poster a{
	display:block;
	height:26px;
	width:246px;
	background:url(../image/top/lup_poster.gif) no-repeat;
}

div.lineupBox h3.sign a{
	display:block;
	height:26px;
	width:246px;
	background:url(../image/top/lup_sign.gif) no-repeat;
}

div.lineupBox h3.system a{
	display:block;
	height:26px;
	width:246px;
	background:url(../image/top/lup_panel_system.gif) no-repeat;
}

div.lineupBox h3.catalog a{
	display:block;
	height:26px;
	width:246px;
	background:url(../image/top/lup_catalog.gif) no-repeat;
}

div.lineupBox h3.display a{
	display:block;
	height:26px;
	width:246px;
	background:url(../image/top/lup_display.gif) no-repeat;
}

div.lineupBox div.col1 p.comment{
	font-size:10px;
	}

div.lineupBox div.col1 p#ph01 a,
div.lineupBox div.col1 p#ph02 a,
div.lineupBox div.col1 p#ph03 a,
div.lineupBox div.col1 p#ph04 a,
div.lineupBox div.col1 p#ph05 a,
div.lineupBox div.col1 p#ph06 a{
	text-indent:-9999px;
	line-height:110%;
	font-weight:normal;	
	font-size:0.3em;
	clear:left;
	display:block;
	width:138px;
	height:54px;
	margin:0;

}

div.lineupBox div.col1 p#ph01 a{
	background:url(../image/top/ph_panel.jpg) no-repeat;
}

div.lineupBox div.col1 p#ph02 a{
	background:url(../image/top/ph_poster.jpg) no-repeat;
}

div.lineupBox div.col1 p#ph03 a{
	background:url(../image/top/ph_sign.jpg) no-repeat;
}

div.lineupBox div.col1 p#ph04 a{
	background:url(../image/top/ph_panel_system.jpg) no-repeat;
}

div.lineupBox div.col1 p#ph05 a{
	background:url(../image/top/ph_catalog.jpg) no-repeat;
}

div.lineupBox div.col1 p#ph06 a{
	background:url(../image/top/ph_display.jpg) no-repeat;
}

div.lineupBox div.col1 p#ph01 a:hover,
div.lineupBox div.col1 p#ph02 a:hover,
div.lineupBox div.col1 p#ph03 a:hover,
div.lineupBox div.col1 p#ph04 a:hover,
div.lineupBox div.col1 p#ph05 a:hover,
div.lineupBox div.col1 p#ph06 a:hover{
	margin:-2px;
	border:2px solid #e9e9e9;
	}

div.lineupBox p.toproduct{
	text-indent:-9999px;
	line-height:110%;
	font-weight:normal;	
	font-size:0.3em;
	float:right;
	background:url(../image/common/con_product.gif) no-repeat;
	margin-top:-10px;
}


div.lineupBox p.toproduct a{
	display:block;
	width:118px;
	height:15px;
	background:url(../image/common/con_product.gif) no-repeat;
}

div.lineupBox p.toproduct a:hover{
	background-position:0 -15px;
	}
	 
/* Mainmenu */
/*///////////////////////////////////////////////////////*/
#mainMenu ul{
	list-style:none;
	margin-bottom:3px;
	}
	
#mainMenu li{
	display:block;
	width:198px;
	font-size:0.3em;
	padding-bottom:10px;
	}

#mainMenu li a{
	text-indent:-9999px;
	font-size:0.3em;
	}
	
#bt01 a{
	display:block;
	background:url(../image/top/btn_info.gif) no-repeat;
	height:19px;
	}
	
#bt02 a{
	display:block;
	background:url(../image/top/btn_products.gif) no-repeat;
	height:19px;
	}
	
#bt03 a{
	display:block;
	background:url(../image/top/btn_concept.gif) no-repeat;
	height:19px;
	}
	
#bt04 a{
	display:block;
	background:url(../image/top/btn_profile.gif) no-repeat;
	height:19px;
	}
	
#bt05 a{
	display:block;
	background:url(../image/top/btn_contact.gif) no-repeat;
	height:19px;
	}
	
#bt06 a{
	display:block;
	background:url(../image/top/btn_sitemap.gif) no-repeat;
	height:19px;
	}
	
#bt07 a{
	display:block;
	background:url(../image/top/btn_link.gif) no-repeat;
	height:19px;
	}
	
#bt08 a{
	display:block;
	background:url(../image/top/btn_catalog.gif) no-repeat;
	height:19px;
	}
	
#bt01 a:hover,
#bt02 a:hover,
#bt03 a:hover,
#bt04 a:hover,
#bt05 a:hover,
#bt06 a:hover,
#bt07 a:hover,
#bt08 a:hover{background-position:0 -19px;}



/* Footer */
/*///////////////////////////////////////////////////////*/
#footer{
	clear:both;
	padding-top:27px;
	border-bottom:2px solid #b4df2b;
	padding-bottom:3px;
}

#footer:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	}
	
* html #footer { height:1px; }

#footer ul{
	list-style:none;
	float:left;
	width:600px;
	}
	
#footer li{
	background:url(../image/common/p_footer.gif) no-repeat left center;
	float:left;
	padding-left:10px;
	margin-right:20px;
	font-size:10px;
	line-height:105%;
}

#footer address{
	text-indent:-9999px;
	font-size:0.4em;
	line-height:110%;
	font-weight:normal;
	background:url(../image/common/txt_copyright.gif) no-repeat;
	float:right;
	width:193px;
	height:13px;
}