@charset "UTF-8";


/*==================================================================
	1: layout setting
===================================================================*/

/* Body
-----------------------------------------------------------------------------  */
body{
	font-size:77%;
	background:url(/img/common/bg_body2.gif) repeat-x 0 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
}
body#p-contact{
	font-size:77%;
background:url(/img/common/bg_body2.gif) repeat-x 0 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
}

body#p-home{
	font-size:77%;
	background:url(/img/common/bg_body.jpg) repeat-x;
	}
/* Wrapper
-----------------------------------------------------------------------------  */
#wrapper{
	background:url(/img/common/bg_wrapper.gif) no-repeat 100% 0;
	}

/* Container
-----------------------------------------------------------------------------  */
#container{
    width:950px;
	}

/*==================================================================
	2: header
===================================================================*/


/* header
-----------------------------------------------------------------------------  */
#header{
	position:relative;
	height:112px;
	width:950px;
	background:url(/img/common/bg_header.gif) no-repeat 0 0;
	}
#header #logo{
	position:absolute;
	top:25px;
	left:28px;
	}

/* gn
-----------------------------------------------------------------------------  */
#header ul#gn{
	position:absolute;
	top:79px;
	left:200px;
	height:
	}
#header ul#gn li{
	float:left;
}
#header ul#gn li a{
	display:block;
	text-indent:-5000px;
	height:33px;
	}
#header li#gnHome a{
	background:url(/img/common/gn.gif) no-repeat 0px 0px;
	width:143px;
	}
#header li#gnHome a:hover{
	background-position:0px -33px;
	}
#header li#gnNew a{
	background:url(/img/common/gn.gif) no-repeat -143px 0px;
	width:158px;
	}
#header li#gnNew a:hover{
	background-position:-143px -33px;
	}
#header li#gnProduct a{
	background:url(/img/common/gn.gif) no-repeat -301px 0px;
	width:150px;
	}
#header li#gnProduct a:hover{
	background-position:-301px -33px;
	}
#header #p-product li#gnProduct a{
	background-position:-301px -66px;
	}
#header li#gnAbout a{
	background:url(/img/common/gn.gif) no-repeat -451px 0px;
	/*background:url(/img/common/gn5.gif) no-repeat -451px 0px;*/
	width:150px;
	}
#header li#gnAbout a:hover{
	background-position:-451px -33px;
	}
#header #p-about li#gnAbout a{
	background-position:-451px -66px;
	}
#header li#gnContact a{
	background:url(/img/common/gn.gif) no-repeat -601px 0px;
	width:149px;
	}
#header li#gnContact a:hover{
	background-position:-601px -33px;
	}
#header #p-contact li#gnContactt a{
	background-position:-601px -66px;
	}

/* searchArea
-----------------------------------------------------------------------------  */
#header #searchArea{
	position:absolute;
	top:31px;
	left:220px;
	}
#header #searchArea ul{
	position:relative;
	width:500px;
	height:24px;
	}
#header #searchArea ul li{
	position:absolute;
	}
#header li#searchTxt{
	top:5px;
	left:0;
	background:url(/img/common/t_search.gif) no-repeat 0 0;
	width:51px;
	height:14px;
	text-indent:-5000px;
	}
#header li#searchSelect{
	top:0;
	left:55px;
	}
#header li#searchSelect select{
	width:150px;
	height:24px;
	}
#header li#searchForm{
	top:0;
	left:210px;
	}
#header li#searchForm input{
	width:200px;
	}
#header li#searchInput{
	top:1px;
	left:424px;
	}


/* subNavi
-----------------------------------------------------------------------------  */
#header ul#subNavi{
	position:absolute;
	top:10px;
	right:0;
	}
#header ul#subNavi li{
	float:left;
	margin:0 0 0 10px;
	}
#header ul#subNavi li a{
	text-indent:-5000px;
	display:block;
	}
#header ul#subNavi li#subSitemap a{
	background:url(/img/common/t_sitemap.gif) no-repeat 0 0;
	height:15px;
	width:62px;
	}
#header ul#subNavi li#subUser a{
	background:url(/img/common/t_user.gif) no-repeat 0 0;
	height:15px;
	width:66px;
	}
#header ul#subNavi li#subPrivacy a{
	background:url(/img/common/t_privacy.gif) no-repeat 0 0;
	height:15px;
	width:105px;
	}

/*==================================================================
	3: main
===================================================================*/

/* Contents
-----------------------------------------------------------------------------  */
#contents{
	width:950px;
    margin:0 auto;
	background:url(/img/common/bg_contents.gif) repeat-y 0 0;
	}


/* Main
-----------------------------------------------------------------------------  */
#main {
	float:right;
	width:750px;
	}


/*==================================================================
	headline style
===================================================================*/

/*h1 style
-----------------------------------------------------------------------------  */
h1{
	/*
	text-indent:-5000px;
	background:url(/img/common/h1_common.jpg) no-repeat;
	height:100px;
	width:750px;
	}
	*/
	text-indent:-5000px;
	margin:0 0 20px 0;
	background:url(/img/common/h2__common.gif) no-repeat;
	height:20px;
}
#p-home h1{
	background:url(/img/home/keyv.jpg) no-repeat;
	height:240px;
	width:750px;
	}
#p-about h1{
	background-position:0 -100px;
	}
#p-contact  h1{
	background-position:0 -200px;
	}
#p-sitemap h1{
	background-position:0 -300px;
	}
#p-privacy h1{
	background-position:0 -500px;
	}
#p-user h1{
	background-position:0 -400px;
	}
#p-enquete_page h1,
#p-enquete_page_preview h1 {
	text-indent:0px;
	line-height:100px;
	text-align:right;
	font-size:1.4em;
	font-weight:bold;
	color:#5A6593;
	width:740px;
	padding-right:10px;
	background-position:0 -600px;
}

/*h2 style
-----------------------------------------------------------------------------  */
#main #contentsIn h2{
	text-indent:-5000px;
	margin:0 0 20px 0;
	background:url(/img/common/h2__common.gif) no-repeat;
	height:20px;
	}
#p-about #main #contentsIn h2#greetingH2{
	background-position:0 -100px;
	}
#p-about #main #contentsIn h2#companyH2{
	background-position:0 -120px;
	}
#p-contact #main #contentsIn h2{
	background-position:0 -140px;
	}
#p-products #main #contentsIn h2 {
	background-position:0 -20px;
	}
#p-products #main #contentsIn h2#productListH2{
	background-position:0 -20px;
	}
#p-sitemap #main #contentsIn h2{
	background-position:0 -40px;
	}
#p-privacy #main #contentsIn h2{
	background-position:0 -60px;
	}
#p-user #main #contentsIn h2{
	background-position:0 -80px;
	}
/* home
-----------------------------------------------------------------------------  */
#contentsIn{
	padding:12px 20px 20px 20px;
	background:url(/img/common/bg_contents_in.gif) repeat-x 0 0;
	}
#p-home #contentsIn{
	padding:20px;
	background:url(/img/common/bg_contents_in.gif) repeat-x 0 0;
	}
#contentsIn h2{
	height:20px;
	text-indent:-5000px;
	margin:0 0 12px 0;
	}
#newsSection h2{
	margin:0 0 7px 0;
	}
#contentsIn #newsSection{
	width:390px;
	}
#contentsIn #newsSection h2{
	background:url(/img/home/t_h2_news.gif) no-repeat 0 0;
	margin:0 0 7px 0;
	}
#contentsIn #newsSection table th{
	padding:5px 0 0 0;
	}
#contentsIn #newsSection table th a{
	font-weight:bold;
	}
#contentsIn #newsSection table td{
	padding:0 0 5px 0;
	background:url(/img/common/line_dot.gif) repeat-x 0 100%;
	}
#contentsIn #productSection{
	width:300px;
	}
#contentsIn #productSection h2{
	background:url(/img/home/t_h2_highlight.gif) no-repeat 0 0;
	margin:0 0 5px 0;
	}

#contentsIn #productSection #updateSection h2{
	background:url(/img/home/t_h2_update.gif) no-repeat 0 0;
	margin:10px 0 5px 0;
	}

#contentsIn #productSection table th{
	vertical-align:top;
	padding-right:10px;
	text-align:center;
	width:120px;
	}
#contentsIn #productSection table th img{
	border:1px solid #ccc;
	padding:1px;
	}
#contentsIn #productSection table th,
#contentsIn #productSection table td{
	padding:8px 0 5px 0;
	background:url(/img/common/line_dot.gif) repeat-x 0 100%;
	}
#contentsIn #productSection .noImg{
	font-weight:bold;
	text-align:left;
	padding-left:10px;
	width:300px;
	}

/* product
-----------------------------------------------------------------------------  */
#p-products #main #searchArea .formfield{
	width:300px;
	}
.case{
	margin:0 0 10px 0;
	text-align:right;
	}
.case strong,
.case span{
	color:#CC0000;
	}
/* search result*/
.productName{
	font-size:14px;
	font-family:Georgia;
	}
.productNameDetail{
	font-size:18px;
	font-family:Georgia;
	margin:0 0 20px 0;
	color:#333333;
	}
.productNameDetail span{
	font-size:12px;
	color:#666;
	font-family:Arial;
	padding:0 0 0 20px;
	}
.bikou{
	color:#FF6600;
	}
.itemList a{
	padding:0 10px 0 0;
	}
.optionList{
	margin:0 0 10px 0;
	}
.optionList li{
	background:url(/img/icon/arrow3.gif) no-repeat 0 50%;
	padding:0 0 0 10px;
	}
.featureBox{
	margin:0 0 10px;
	padding:10px;
	border:#7594CC 1px solid;
	}
.featureBox h3{
	background:#E0E7F8;
	padding:5px 7px;
	font-weight:bold;
	margin:0 0 10px 0;
	color:#2853AC;
	font-size:13px;
	}
.freeBox h3{
	background:#FDF2E1;
	padding:5px 7px;
	font-weight:bold;
	margin:0 0 10px 0;
	color:#ff9900;
	font-size:13px;
	}
.freeBox{
	margin:0 0 10px;
	padding:10px;
	border:#E3BB77 1px solid;
	}
.freeBox ol li{
	list-style:decimal;
	margin:0 0 0 20px;
	*margin:0 0 0 25px;
	}
.productDetailList{
	margin:0 0 10px 0;
	}
.productDetailList h3{
	font-weight:bold;
	margin:0 0 5px 0;
	}
.hyoujiCount{
	text-align:right;
	margin:0 0 5px 0;
}
.hyoujiCount select{
	width:100px;
}
/* about
-----------------------------------------------------------------------------  */
#p-about #main #greetingBox .leftBox{
	width:200px;
	}
#p-about #main #greetingBox .rightBox{
	width:490px;
	}
#p-about #main table#companyTable{
	width:100%;
	}
#p-about #main table#companyTable th{
	vertical-align:top;
	font-weight:bold;
	}
#p-about #main table#companyTable th,
#p-about #main table#companyTable td{
	padding:10px;
	background:url(/img/common/line_dot.gif) repeat-x 0 100%;
	}

/* contact
-----------------------------------------------------------------------------  */
#p-contact #main h3{
	font-weight:bold;
	margin:0 0 10px 0;
	}
#p-contact #main p{
	margin:0 0 20px 0;
	}

/* user
-----------------------------------------------------------------------------  */
#p-user .leftBox{
	width:300px;
	}
#p-user .rightBox{
	width:390px;
	}
#p-user h3{
	font-weight:bold;
	margin:0 0 10px 0;
	}
#p-user #userBox{
	margin:0 0 10px 0;
	}
#p-user #selectBox{
	margin:0 0 10px 0;
	background:#E1E8F4;
	padding:10px;
	}
#p-user #selectBox input,
#p-user .check input{
	vertical-align:middle;
	margin:0 5px 0 5px;
	}

/* sitemap
-----------------------------------------------------------------------------  */

#p-sitemap dl {
	background:url(/img/sitemap/line_00.gif) repeat-y 0 0;
	padding-left:1px;
	margin-left:25px;
	}
#p-sitemap dl dt {
	background:url(/img/sitemap/line_01.gif) no-repeat 0 65%;
	margin-left:2px;
	list-style-type:square;
	padding:3px 0 0 32px;
	}
#p-sitemap dl dd {
	background:url(/img/sitemap/line_00.gif) repeat-y 0 0;
	padding-left:1px;
	margin-top:8px;
	margin-bottom:25px;
	margin-left:50px;
	}
#p-sitemap dd ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}
#p-sitemap dl dd li {
	background:url(/img/sitemap/line_02.gif) no-repeat 0 10px;
	margin:5px 0 0 1px;
	padding:3px 0 0 10px;
	}
#p-sitemap dl dd li ul {
	background:url(/img/sitemap/line_00.gif) repeat-y 0 0;
	margin-left:25px;
	}
#p-sitemap dl dd li ul li {
	background:url(/img/sitemap/line_02.gif) no-repeat 0 60%;
	margin:5px 0 0 1px;
	padding:3px 0 0 28px;
	}

/*==================================================================
	4: sidebar
===================================================================*/

/* sidebar
-----------------------------------------------------------------------------  */
#sidebar{
	float:left;
	width:200px;
	}
#sidebar #snSearch,
#sidebar #snPrice,
#sidebar #snInfo{
	padding:0 10px;
	margin:0 0 20px 0;
	}
#sidebar h2{
	text-indent:-5000px;
	margin:0 0 8px 0;
	height:19px;
	background:url(/img/common/t_h2_sn.gif) no-repeat;
	}
#sidebar #snSearch h2{
	background-position:0 0;
	}
#snSearch h3,
#snPrice ul li,
#snInfo ul li{
	background:url(/img/icon/arrow.gif) no-repeat 0 50%;
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	font-size:13px;
	}
#snSearch h3 a,
#snPrice ul li a,
#snInfo ul li a{
	color:#444;
	text-decoration:none;

	}
#snSearch h3 a:hover,
#snPrice ul li a:hover,
#snInfo ul li a:hover{
	color:#f90;

	}
#snSearch ul{
	margin:0 0 10px 0;
	*margin:0 0 0 0;
	}
#snSearch ul li{
	padding:0 0 0 5px;
	font-size:12px;
	line-height:180%;
	*padding:0 0 5px 5px;
	}
#snSearch ul li a{

	}
#snSearch ul li img{
	padding:0 3px 0 0;
}
#sidebar #snPrice h2{
	background-position:0 -19px;
	}
#sidebar #snInfo h2{
	background-position:0 -38px;
	}
.productGroupsList{
	margin:0 0 5px 0;
}
.productGroupsList li{
	margin:0 0 0 5px;
}
.productGroupsList li a{
	padding:0 0 0 7px;
	background:url(/img/icon/arrow3.gif) no-repeat 0 50%;
}
#sidebar #bnrList{
	padding:0 9px;
	margin:0 0 20px 0;
	}
#sidebar #bnrList li{
	margin:0 0 7px 0;
	}

/*==================================================================
	5: footer
===================================================================*/

/* footer
----------------------------------------------------*/
#footer{
    background:url(/img/common/bg_footer.gif) repeat-x 0 0;
	text-align:center;
	height:80px;
	text-align:left;
	}
#footerIn{
	width:950px;
	height:80px;
	background:url(/img/common/bg_footer_in.gif) no-repeat 0 0;
	position:relative;
	text-align:left;
	}
#footer ul{
	position:absolute;
	top:20px;
	left:220px;
	}
#footer ul li{
	display:inline;
	font-size:10px;
	padding:0 10px;
	background:url(/img/icon/arrow2.gif) no-repeat 0 50%;
	}
#footer ul li a{
	color:#fff;
	}

/*==================================================================
	6: table
===================================================================*/
/* table
----------------------------------------------------*/
table.searchList{
	width:100%;
	font-size:12px;
	margin:0 0 15px 0;
	}
.searchList thead th{
background:#F3F4FC;
border-top:1px solid #7594CC;
border-bottom:1px solid #7594CC;
}
.searchList thead th a{
text-decoration:underline;
font-weight:bold;
}
.searchList th,
.searchList td {
	padding:3px;
	}
.searchList th {
	border-bottom:1px solid #7594CC;
	text-align:left;
		}
.searchList td {
border-bottom:1px solid #7594CC;
text-align:center;
		}
.searchList td ul:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.searchList td#detailLink{
width:140px;
vertical-align:bottom;
text-align:right;
}

.caution{
	font-size:83%;
	color:#666;
	display:block;
	}
/*newList*/

ul.newList{
margin:0 0 10px 0;
}
ul.newList li{
background:url(/img/icon/arrow3.gif) no-repeat 0 50%;
padding:0 0 0 8px;
}


/*detailLink*/
.detailLink{
	text-align:right;
	}
.detailLink a{
	background:url(/img/icon/arrow3.gif) no-repeat 0 50%;
	padding:0 0 0 10px;
	}
.detailLink2 a{
	background:url(/img/icon/arrow3.gif) no-repeat 0 50%;
	padding:0 0 0 10px;
	}
.mb10{
	margin-bottom:10px;
	}
/*==================================================================
	hacks setting
===================================================================*/

#subNavi:after,
#gn:after,
#contents:after,
#contentsIn:after,
#greetingBox:after,
#userBox:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#subNavi,
#gn,
#contents,
#contentsIn,
#greetingBox,
#userBox{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #subNavi,
* html #gn,
* html #contents,
* html #contentsIn,
* html #greetingBox,
* html #userBox{
	height: 1%;
	}
#subNavi,
#gn,
#contents,
#contentsIn,
#greetingBox,
#userBox{
	display: block;
	}


/*==================================================================
	roll over
===================================================================*/
#header ul#subNavi li a:hover,
#sidebar #bnrList li a:hover img{
	filter:alpha(opacity=90);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	}