﻿@charset "utf-8";

/*******************************************************************************
[1] 共通設定
********************************************************************************/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd{
	margin:0px;
	padding:0px;
}
body{
	background-color:#e2e2e2;
	text-align:center;
}
img{
	border:none;
	vertical-align:bottom;
}
a:link,a:active,a:visited{
	color:#0066cc;
	text-decoration:underline;
}
a:hover{
	color:#0000ff;
	text-decoration:underline;
}

/*******************************************************************************
[2] レイアウト
********************************************************************************/
/*===============================================
 配置
=================================================*/
/* 全体包括用ボックス ---------------------------*/
#wrap{
	margin-right:auto;
	margin-left:auto;
	width:970px;
	background-color:#ffffff;
	overflow:hidden;
}

/*-----------------------------------------------*/
/* ヘッダ ---------------------------------------*/
#header{
	margin-right:auto;
	margin-left:auto;
	padding:6px 0px 0px 0px;
	width:940px;
	position:relative;
	overflow:hidden;
	zoom:100%;
}
#header:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
#hleft{
	width:300px;
	float:left;
	display:inline; 
}
#hleft img{
	margin:6px 0px 6px 12px;
}
#hright{
	width:640px;
	float:right;
	display:inline; 
}
#outlink{
	width:640px;
	height:30px;
}
#snavi{
	padding:12px 0px 0px 0px;
	width:640px;
	clear:both;
}
#snavi img{
	margin:0px 3px 0px 12px;
}
/* ヘッダ メニュー ---------------------------------------*/
#gnavi{
	width:940px;
	height:44px;
	clear:left;
}
#topicpath{
	padding:8px 0px 0px 4px;
	width:936px;
	clear:both;
}
/*-----------------------------------------------*/
/* フッタ ---------------------------------------*/
#footer{
	margin-right:auto;
	padding-left:15px;
	width:940px;
	clear:both;
	float:left;
}
#ftopicpath{
	padding:0px 0px 8px 4px;
	width:743px;
	float:left;
	display:inline; 
}
#ptop{
	padding:0px 12px 8px 0px;
	width:173px;
	float:right;
	display:inline; 
}
#fnavi{
	padding:5px 0px 5px 0px;
	width:940px;
	clear:both;
}
#fsnavi{
	padding:4px 0px 4px 0px;
	width:940px;
}

#fbanner{
	margin:0px;
	padding:5px 0px 0px 5px;
	width:935px;
	height:30px;
	overflow:hidden;
	zoom:100%;
}
#fbanner:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
#flogo{
	margin:0;
	padding:0;
	width:380px;
	float:left;
	text-align:left;
	display:inline; 
}
#karimokulogo{
	margin:0;
	padding:0;
	width:140px;
	float:left;
}
#english{
	margin:0;
	padding:0;
	width:240px;
	float:left;
}
#outlinkf{
	width:555px;
	height:30px;
	float:right;
	display:inline;
}
#copy{
	margin:0;
	padding:0px 0px 5px 5px;
	width:935px;
}

/*===============================================
 書式設定・その他
=================================================*/
/* 全体包括用ボックス ---------------------------*/
/*-----------------------------------------------*/
/* ヘッダ ---------------------------------------*/
#header{
	text-align:left;
}
#header h1{
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
	font-size:0.65em;
	font-weight:normal;
	letter-spacing:0.05em;
}
#hleft a:link,#hleft a:active,#hleft a:visited{
	color:#000000;
	text-decoration:none;
}
#hleft a:hover{
	color:#0000ff;
	text-decoration:underline;
}
#hright{
	text-align:right;
}
#snavi{
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
	font-size:0.75em;
	color:#55698a;
	vertical-align:middle;
}
#snavi img{
	vertical-align:middle;
}
#snavi a:link,#snavi a:active,#snavi a:visited{
	color:#55698a;
	text-decoration:none;
}
#snavi a:hover{
	color:#0000ff;
	text-decoration:underline;
}
/* ヘッダ メニュー ---------------------------------------*/
#topicpath{
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
	font-size:0.75em;
	color:#4f4946;
	text-align:left;
	letter-spacing:0.05em;
}
#topicpath a:link,#topicpath a:active,#topicpath a:visited{
	color:#55698a;
	text-decoration:underline;
}
#topicpath a:hover{
	color:#0000ff;
	text-decoration:underline;
}
/*-----------------------------------------------*/
/* フッタ ---------------------------------------*/
#ftopicpath{
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
	font-size:0.75em;
	color:#4f4946;
	text-align:left;
	letter-spacing:0.05em;
}
#ftopicpath a:link,#ftopicpath a:active,#ftopicpath a:visited{
	color:#55698a;
	text-decoration:underline;
}
#ftopicpath a:hover{
	color:#0000ff;
	text-decoration:underline;
}
#ptop{
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
	font-size:0.75em;
	color:#4f4946;
	text-align:right;
	letter-spacing:0.05em;
}
#ptop a:link,#ptop a:active,#ptop a:visited{
	color:#55698a;
	text-decoration:none;
}
#ptop a:hover{
	color:#0000ff;
	text-decoration:underline;
}
#fnavi{
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
	font-size:0.65em;
	color:#6b6d6c;
	border-top:dashed 1px;
	border-bottom-color:#808080;
	text-align:left;
	line-height:1.5;
	letter-spacing:0.05em;
}
#fnavi a:link,#fnavi a:active,#fnavi a:visited{
	color:#4f4946;
	text-decoration:none;
}
#fnavi a:hover{
	color:#0000ff;
	text-decoration:underline;
}
#fsnavi{
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
	font-size:0.65em;
	color:#6b6d6c;
	background-color:#cdcdcd;
	text-align:right;
	letter-spacing:0.05em;
}
#fsnavi a:link,#fsnavi a:active,#fsnavi a:visited{
	color:#4f4946;
	text-decoration:none;
}
#fsnavi a:hover{
	color:#0000ff;
	text-decoration:underline;
}
#copy{
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka";
	font-size:0.65em;
	color:#4f4946;
	text-align:left;
	letter-spacing:0.1em;
}

/*******************************************************************************
[3] 詳細デザイン
********************************************************************************/
/* ヘッダ ---------------------------------------*/
#outlink ul{
	float:right;
	display:inline; 
	list-style:none;
	line-height:0;
}
#outlink li{
	display:inline; 
	line-height:1;
}
#outlink li a{
	float:left;
	display:block;
	font-size:0.8em;
	color:#ffffff;
	text-indent:-9999px;
	text-align:center;
	text-decoration:none;
	overflow:hidden;
}
#outlink li#domani a{
	margin:0px 0px 0px 5px;
	width:104px;
	height:30px;
	background:url("images/link/domani.gif") no-repeat left top;
}
#outlink li#domani a:hover{
	background-position:0 -30px;
}
#outlink li#karimoku60 a{
	margin:0px 0px 0px 5px;
	width:104px;
	height:30px;
	background:url("images/link/karimoku60.gif") no-repeat left top;
}
#outlink li#karimoku60 a:hover{
	background-position:0 -30px;
}
/* ヘッダ メニュー ---------------------------------------*/
#gnavi ul{
	display:inline; 
	list-style:none;
	line-height:0;
}
#gnavi li{
	display:inline; 
	line-height:1;
}
#gnavi li a{
	float:left;
	display:block;
	font-size:0.8em;
	color:#ffffff;
	text-indent:-9999px;
	text-align:center;
	text-decoration:none;
	overflow:hidden;
}
#gnavi li#product a{
	width:117px;
	height:44px;
	background:url("images/menu/product.gif") no-repeat left top;
}
#gnavi li#product a:hover{
	background-position:0 -44px;
}
#gnavi li#catalog a{
	width:117px;
	height:44px;
	background:url("images/menu/search.gif") no-repeat left top;
}
#gnavi li#catalog a:hover{
	background-position:0 -44px;
}
#gnavi li#concept a{
	width:117px;
	height:44px;
	background:url("images/menu/concept.gif") no-repeat left top;
}
#gnavi li#concept a:hover{
	background-position:0 -44px;
}
#gnavi li#showroom a{
	width:117px;
	height:44px;
	background:url("images/menu/showroom.gif") no-repeat left top;
}
#gnavi li#showroom a:hover{
	background-position:0 -44px;
}
#gnavi li#gallery a{
	width:117px;
	height:44px;
	background:url("images/menu/gallery.gif") no-repeat left top;
}
#gnavi li#gallery a:hover{
	background-position:0 -44px;
}
#gnavi li#repair a{
	width:117px;
	height:44px;
	background:url("images/menu/repair.gif") no-repeat left top;
}
#gnavi li#repair a:hover{
	background-position:0 -44px;
}
#gnavi li#faq a{
	width:117px;
	height:44px;
	background:url("images/menu/faq.gif") no-repeat left top;
}
#gnavi li#faq a:hover{
	background-position:0 -44px;
}
#gnavi li#about a{
	width:121px;
	height:44px;
	background:url("images/menu/about.gif") no-repeat left top;
}
#gnavi li#about a:hover{
	background-position:0 -44px;
}
/* ヘッダ メニュー ov設定---------------------------------------*/
.product #gnavi li#product a{
	background-position:0 -44px;
}
.catalog #gnavi li#catalog a{
	background-position:0 -44px;
}
.concept #gnavi li#concept a{
	background-position:0 -44px;
}
.showroom #gnavi li#showroom a{
	background-position:0 -44px;
}
.gallery #gnavi li#gallery a{
	background-position:0 -44px;
}
.repair #gnavi li#repair a{
	background-position:0 -44px;
}
.faq #gnavi li#faq a{
	background-position:0 -44px;
}
.about #gnavi li#about a{
	background-position:0 -44px;
}
/* フッタ ---------------------------------------*/
/* フッタ メニュー ---------------------------------------*/
#fnavi ul{
	display:inline; 
	list-style:none;
	line-height:0;
}
#fnavi li{
	display:inline; 
	line-height:1.5;
}
#fsnavi ul{
	display:inline; 
	list-style:none;
	line-height:0;
}
#fsnavi li{
	display:inline; 
	line-height:1;
}
#english a.english{
	width:62px;
	height:14px;
	float:left;
	display:block;
	font-size:0.75em;
	color:#ffffff;
	background:url("images/english.gif") no-repeat;
	text-align:center;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}
#english a.english:hover {
	background-position:0px -14px;
}
#english a.contract{
	width:62px;
	height:14px;
	float:left;
	display:block;
	font-size:0.75em;
	color:#ffffff;
	background:url("images/contract.gif") no-repeat;
	text-align:center;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}
#english a.contract:hover {
	background-position:0px -14px;
}
/* フッタブランドリンク ---------------------------------------*/
#outlinkf ul{
	float:right;
	display:inline; 
	list-style:none;
	line-height:0;
}
#outlinkf li{
	display:inline; 
	line-height:1;
}
#outlinkf li a{
	float:left;
	display:block;
	font-size:0.8em;
	color:#ffffff;
	text-indent:-9999px;
	text-align:center;
	text-decoration:none;
	overflow:hidden;
}
#outlinkf li#karimokujp a{
	margin:0px 0px 0px 5px;
	width:86px;
	height:30px;
	background:url("images/link/karimokujp.gif") no-repeat left top;
}
#outlinkf li#karimokujp a:hover{
	background-position:0 -30px;
}
#outlinkf li#karimokunewstandard a{
	margin:0px 0px 0px 5px;
	width:86px;
	height:30px;
	background:url("images/link/karimokunewstandard.gif") no-repeat left top;
}
#outlinkf li#karimokunewstandard a:hover{
	background-position:0 -30px;
}
#outlinkf li#devant a{
	margin:0px 0px 0px 5px;
	width:86px;
	height:30px;
	background:url("images/link/devant.gif") no-repeat left top;
}
#outlinkf li#devant a:hover{
	background-position:0 -30px;
}


/* 商品検索 2009年7月3日追記 */
#gnavi li#searchcategory a{
	width:117px;
	height:44px;
	background:url("images/menu/search.gif") no-repeat left top;
}
#gnavi li#searchcategory a:hover{
	background-position:0 -44px;
}

/* 商品検索 2009年7月3日追記 */
.search #gnavi li#searchcategory a{
	background-position:0 -44px;
}

