@charset "UTF-8";
@import url("productname.css");
@import url("top.css");

body {
	font-size: 12px;
	line-height: 150%;
	color: #333333;
	background-color: #FFFFFF;
	margin: 5px auto 0 auto;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Geneva, Arial, Verdana, sans-serif;
	background-image: url(/img/bodybg.jpg);
	background-repeat: repeat-x;
	}

div {
	font-size: 12px;
	color: #333333;
	line-height: 150%;
	}	

p {
	font: 12px/18px;
	}

a{
	outline : 0 ;
}

a:link {
	color: #4e6699;
	}


a:visited {
	color: #7e99cc;
	}
a:hover {
	color: #7e99cc;
	}

a:link,a:visited,a:hover {
	text-decoration: underline;
	}



img {
	border: 0 none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

td {
	padding: 5px;
	text-align: left;
	}


/* clearfix */


.clearfix:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}
	
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}
	
.clearfix {
	display: block;
	}

.both {
	clear: both;
	}

/* body */

#container {
	width: 800px;
	_width: 800px;
	margin: 0 auto;
	}

/* header */

#framelogo {
	width: 560px;
	height: 44px;
	float: left;
	}

.logo {
	margin-left: 10px;
	} 

#frameheaderlink {
	float: left;
	vertical-align: bottom;
	}
	
.headerlink-user {
		margin-left: 10px;
		}
		
/* menu */

#area-menu {
	height: 32px;
	width: 780px;
	}

#menu ul {
	margin: 0 auto;
	}

#menu li {
	list-style: none;
	display: inline;
}

#menu li a {
	height: 32px;
	width: 111px;
	text-indent: -99999px;
	text-decoration: none;
	display: block;
	float: left;
}

#home a {
		background-image: url(/img/menu_home.jpg);
}
#home a:hover {
		background-image: url(/img/menu_home_on.jpg);
}
#product a {
		background-image: url(/img/menu_product.jpg);
}
#product a:hover {
		background-image: url(/img/menu_product_on.jpg);
}
#ask_igeek a {
		background-image: url(/img/menu_ask_igeek.jpg);
}
#ask_igeek a:hover {
		background-image: url(/img/menu_ask_igeek_on.jpg);
}
#news a {
		background-image: url(/img/menu_news.jpg);
}
#news a:hover {
		background-image: url(/img/menu_news_on.jpg);
}
#support a {
		background-image: url(/img/menu_support.jpg);
}
#support a:hover {
		background-image: url(/img/menu_support_on.jpg);
}
#company a {
		background-image: url(/img/menu_company.jpg);
}
#company a:hover {
		background-image: url(/img/menu_company_on.jpg);
}
#call a {
		background-image: url(/img/menu_inquiry.jpg);
}
#call a:hover {
		background-image: url(/img/menu_inquiry_on.jpg);
}

/* submenu */

#search-bg{	
	background-color: #E3E4E6;
	width: 780px;
	height: 25px;
	padding-top: 7px;
	}
	
#search ul {
	margin: 0 auto;
	}

#search li {
	list-style: none;
	display: inline;
	background-repeat: no-repeat;
}

#search li a {
	text-indent: -99999px;
	text-decoration: none;
	display: block;
	float: left;
	background-repeat: no-repeat;
}

#purpose a {
		background-image: url(/img/search_purpose.gif);
}
#purpose a:hover {
		background-image: url(/img/search_purpose_on.gif);
}
#purpose a,#purpose a:hover {
	width: 83px;
	margin-left: 12px;
	}
	
#maker a {
		background-image: url(/img/search_maker.gif);
}
#maker a:hover {
		background-image: url(/img/search_maker_on.gif);
}
#maker a,#maker a:hover {
	width: 105px;
	margin-left: 28px;
	}
	
#name a {
		background-image: url(/img/search_name.gif);
}
#name a:hover {
		background-image: url(/img/search_name_on.gif);
}
#name a,#name a:hover {
	width: 86px;
	margin-left: 28px;
	}

#upglade a {
	background-image: url(/img/download/demo_upglade.gif);
	}
#upglade a:hover {
	background-image: url(/img/download/demo_upglade_on.gif);
	}
#upglade a,#upglade a:hover {
	width: 89px;
	margin-left: 28px;
	}	

#demodl a {
	background-image: url(/img/download/demo_demodl.gif);
	}
#demodl a:hover {
	background-image: url(/img/download/demo_demodl_on.gif);
	}
#demodl a,#demodl a:hover {
	width: 116px;
	margin-left: 28px;
	}	

#dlbuy a {
	background-image: url(/img/download/demo_dlbuy.gif);
	}
#dlbuy a:hover {
	background-image: url(/img/download/demo_dlbuy_on.gif);
	}
#dlbuy a,#dlbuy a:hover {
	width: 116px;
	margin-left: 28px;
	}	
	
#contact-faq a {
	background-image: url(/img/contact_faq.gif);
	}
#contact-faq a:hover {
	background-image: url(/img/contact_faq_on.gif);
	}
#contact-faq a,#faq a:hover {
	width: 63px;
	margin-left: 28px;
	}	

#contact-inquiry a {
	background-image: url(/img/contact_inquiry.gif);
	}
#contact-inquiry a:hover {
	background-image: url(/img/contact_inquiry_on.gif);
	}
#contact-inquiry a,#inquiry a:hover {
	width: 65px;
	margin-left: 28px;
	}	


#press-review a {
	background-image: url(/img/news/press_review.gif);
	}
#press-review a:hover {
	background-image: url(/img/news/press_review_on.gif);
	}

#press-review a,#press-review a:hover {
	width: 83px;
	margin-left: 28px;
	}	

#press-lineup a {
	background-image: url(/img/news/press_lineup.gif);
	}
#press-lineup a:hover {
	background-image: url(/img/news/press_lineup_on.gif);
	}

#press-lineup a,#press-lineup a:hover {
	width: 116px;
	margin-left: 28px;
	}	

/* cartuser */


#cartuser ul {
	margin: 0;
	height: 34px;
	}

#cartuser li {
	list-style: none;
	display: inline;
	background-repeat: no-repeat;
	margin-left: 5px;
}

#cartuser li a {
	text-indent: -99999px;
	text-decoration: none;
	display: block;
	float: left;
	background-repeat: no-repeat;
	margin-left: 5px;
}

#cart a {
		background-image: url(/img/button_cart.gif);
}
#cart a:hover {
		background-image: url(/img/button_cart_on.gif);
}

#user a {
		background-image: url(/img/button_user.gif);
}
#user a:hover {
		background-image: url(/img/button_user_on.gif);
}

#cart a,#cart a:hover {
	width: 89px;
	height: 34px;
	}

#user a,#user a:hover {
	width: 93px;
	height: 34px;
	}




	
/* pankuzu */

#pankuzu {
	padding: 0;
	margin: 0;
	height: 20px;
	padding-bottom: 3px;
	}

.nav {
	font: 10px/20px;
	}

	
/* footer */

#footerlink {
	margin-top: 10px;
	}	

#footerlink2 {
	margin-top: 0;
	}	

#footerlink,#footerlink2 {
	border-top: 1px solid #A4A2A3;
	padding: 3px 0 0 0;
	font-size: 10px;
	}	



.copyright {
	color: #858180;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 10px;
	}

	
/* main */

h1,h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
	}

h1 {
	font-size: 22px;
	font-weight: bold;
	color: #7D99C8;
	}

h2 {
	font: 20px/24px;
	font-weight: bold;
	color: #7D99C8;
	}

h3 {
	font: 16px/20px;
	font-weight: bold;
	color: #7D99C8;
	}

h4 {
	font: 14px/18px;
	font-weight: bold;
	color: #666666;
	}

h5 {
	font: 12px/18px;
	font-weight: bold;
	color: #666666;
	}
	
.date {
	font: 12px/18px;
	color: #CC0000;
	}
	
.cap {
	font: 10px/16p;
	}

.txt-bold {
	font-weight: bold;
	}


#arrow-blue ul {
	margin: 20px 0 0 20px;
	}
	
#arrow-blue li {
	background-image: url(/img/icon_arrow_blue.gif);
	background-repeat: no-repeat;
	list-style: none;
	padding-left: 10px;
	margin: 0;
	background-position: left;
	line-height: 250%;
	}

#arrow-blue-red li {
	background-image: url(/img/icon_arrow_blue.gif);
	background-repeat: no-repeat;
	list-style: none;
	padding-left: 10px;
	padding-bottom: 0;
	margin: 0;
	background-position: left;
	color: #cc0000;
	font-weight: bold;
	}

#arrow-blue-red ul {
	margin: 0;
	padding: 0;
	}
	
#arrow-blue-red p {
	background-image: url(/img/border_dashed.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 5px;
	margin-bottom: 20px;
	margin-left: 10px;
	color: #333333;
	font-weight: normal;
	}

#arrow-blue2 ul {
	margin: 20px 0 0 0;
	}

#arrow-blue3 ul {
	margin: 5px 0 0 0;
	}

	
#arrow-blue2 li,#arrow-blue3 li {
	background-image: url(/img/icon_arrow_blue.gif);
	background-repeat: no-repeat;
	list-style: none;
	padding-left: 10px;
	margin: 0;
	background-position: left;
	line-height: 180%;
	}
	
.title-compnay {
	background-image: url(/img/title_compnay.gif);
	}

.title-faq-lineup {
	background-image: url(/img/title_faq_lineup.gif);
	}
	
.title-productinfo {
	background-image: url(/img/title_productinfo.gif);
		background-repeat: no-repeat;
	width: 777px;
	height: 20px;
	text-indent: -99999px;
	}
	

.title-demo-download {
	background-image: url(/img/title_demo_download.gif);
	}

.title-demo-searchname {
	background-image: url(/img/download/title_download_searchname.gif);
	}

.title-contact {
	background-image: url(/img/title_contact.gif);
	}

.title-faq-detail {
	background-image: url(/img/title_faqdetail.gif);
	}
	
.title_press_detail {
	background-image: url(/img/news/title_press_detail.gif);
	}

.title-press-lineup {
	background-image: url(/img/news/title_press_lineup.gif);
	}

.title-review-detail {
	background-image: url(/img/news/title_review_detail.gif);
	}

.title-review-lineup {
	background-image: url(/img/news/title_review_lineup.gif);
	}

.title-upglade {
	background-image: url(/img/download/title_upglade.gif);
	}

.title-regist {
	/*background-image: url(/registration/img/title_user.gif);*/
	}
	
.title-dlbuy {
	background-image: url(/img/download/title_dlbuy.gif);
	}
	
.title-news {
	background-image: url(/img/title_news.gif);
	}

.title-blank {
	background-image: url(/img/title_blank.gif);
	}			
	
.title-faq-lineup,.title-demo-download,.title-demo-searchname,.title-contact,.title-faq-detail,.title_press_detail,.title-press-lineup,.title-review-detail,.title-review-lineup,.title-upglade,.title-regist,.title-dlbuy,.title-compnay,.title-news,.title-blank {
	background-repeat: no-repeat;
	width: 610px;
	height: 20px;
	text-indent: -99999px;
	}

.bg-title{
	background-image: url(/img/bg_title.gif);
	background-repeat: no-repeat;
	font-size:14px;
	width: 610px;
	height: 20px;
	color: #FFFFFF;
	padding: 1px 0 0 10px;
	margin: 0;
	margin-bottom: -1px;
	_margin-right: -10px;
	font-weight: bold;
	}

#icon-pdf a {
	background-image: url(/img/icon_pdf.gif);
	}

#icon-pdf a:hover {
	background-image: url(/img/icon_pdf_on.gif);
	}

#icon-pdf a,#icon-pdf a:hover {
	width: 29px;
	height: 34px;
	background-repeat: no-repeat;
	text-indent: -999999px;
	display: block;
	}

#icon-pdf2 a {
	background-image: url(/img/icon_pdf2.gif);
	}

#icon-pdf2 a:hover {
	background-image: url(/img/icon_pdf2_on.gif);
	}

#icon-pdf2 a,#icon-pdf2 a:hover {
	width: 194px;
	height: 35px;
	background-repeat: no-repeat;
	text-indent: -999999px;
	display: block;
	}





	
.txt-red {
	color: #ff0000;
	}

.txt-red-bold {
	color: #cc0000;
	font-weight: bold;
	margin-top: 20px;
	}
	
	
.pagetop {
	background-image: url(/img/icon_arrow_blue_vertical.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
	margin: 20px 0 20px 450px;
	}
	
	
#mainflash {
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0;
	text-align: center;
	width: 780px;
	}	

.attention {
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0;
	padding: 0 0 15px 0px;
	width: auto;
	color: #336699;
	}
.attentionBlk {
	font-size: 16px;
	font-weight: bold;
	color: black;
	}