@charset "utf-8";
/*
ファイル名：base.css
作成者　　：aizwa
更新日　　：2008/01/06
情報　　　：全体のフレームやヘッダー・フッターなどのベースとなるスタイル
*/

/*---------------------------------------------

	リセット

---------------------------------------------*/

html {
	overflow-y:scroll;
}

body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,brockquote,pre,table,caption,address,form,fieldset,legend,object {
 	margin: 0;
 	padding: 0;
}

h1,h2,h3,h4,h5,h6,pre,table,code,kbd,samp,acronym,input,textarea {
	font-size: 100%;
}

a,ins {
	text-decoration: none;
}

address,em,cite,dfn,var {
	font-style: normal;
}

input,textarea {
	font-family: sans-serif;
	font-weight: normal;
}

img {
	vertical-align: bottom;
}

li {
	list-style-type: none;
}

a img {
	border:none;
}


/*---------------------------------------------

	フォント
	
---------------------------------------------*/

body {
	font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:15px;
	line-height:1.9;
	color:#333;
}

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:90%;
}


/*---------------
	 リンク
---------------*/

a       {text-decoration:underline;color:#00F;}
a:hover {}


/*---------------------------------------------

	ボディと全体を囲むボックスボックス
	
---------------------------------------------*/

html {
	background:url(../img/common/body-bg.jpg);
}

body {
	background:url(../img/common/globalnavi-bg.png) repeat-x 0 142px;
}

body.sougou {
	background-image:none;
}


/*---------------------------------------------

	ヘッダー
	
---------------------------------------------*/

#header {
	margin:0 auto;
	padding:0 9px;
	width:920px;
	height:200px;
	background:url(../img/common/header-bg.png) no-repeat;
	/*透過pngの使用のためIE6は通常の背景画像の指定を無効にしてfilterで指定、画像のパスは絶対パスにて指定する*/
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://kan.co.jp/egoma/img/common/header-bg.png',sizingMethod='crop');
	overflow:hidden;
}


/*---------------
	 総合
---------------*/

body.sougou #header {
	background:url(../img/common/header-bg-sougou.png) no-repeat;
	/*透過pngの使用のためIE6は通常の背景画像の指定を無効にしてfilterで指定、画像のパスは絶対パスにて指定する*/
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://kan.co.jp/egoma/img/common/header-bg-sougou.png',sizingMethod='crop');
	overflow:hidden;
}

#sougou-hidden {
	display:none;
}



/*---------------
	 ヘッダーナビ
---------------*/

#headernavi {
	position:relative;
	margin:17px 0 0 630px;
	height:35px;
	z-index:2;
}

#headernavi li {
	float:left;
	height:35px;
}

#headernavi li a {
	display:block;
	overflow:hidden;
	width:100%;
	padding-top:35px;
	height:0;
	background:url(../img/egoma_abura/header-item.png) no-repeat;
}

#headernavi li#hn01 {width:115px;margin-right:25px;}
#headernavi li#hn02 {width:128px;}

#headernavi li#hn01 a {background-position:0 0}
#headernavi li#hn02 a {background-position:-115px 0}


/*---------------
	 ロゴ
---------------*/

#logo {
	position:relative;
	top:-33px;
	text-align:center;
	margin-left: -350px;
}

#logo img {
	position:relative;
	right:-10px;
	margin:0 5px;
	vertical-align:middle;
}


#logo2 {
	position:relative;
	top:-33px;
	text-align:center;
	margin-left: -370px;
}

#logo2 img {
	position:relative;
	right:-10px;
	margin:0 5px;
	vertical-align:middle;
}


#apDiv1 {
	position:absolute;
	width:360px;
	height:22px;
	z-index:1;
	left: 522px;
	top: 75px;
	display: block;
}

/*----firefox hack----*/

html>/**/body #apDiv1 {
	position:absolute;
	width:360px;
	height:22px;
	z-index:1;
	left: 893px;
	top: 75px;
}
/*--------safari hack---------*/
html:not(:only-child:only-child) #apDiv1 {
	position:absolute;
	width:360px;
	height:22px;
	z-index:1;
	left: 893px;
	top: 75px;
}



/*----firefox hack----*/

html>/**/body #apDiv1_2 {
	position:absolute;
	width:322px;
	height:17px;
	z-index:1;
	left: 923px;
	top: 75px;
}


#apDiv1_2 {
	position:absolute;
	width:322px;
	height:17px;
	z-index:1;
	left: 923px;
	top: 77px;
}


*html #apDiv1_2 {
	position:absolute;
	width:322px;
	height:17px;
	z-index:1;
	left: 550px;
	top: 80px;
}



/*--------safari hack---------*/
html:not(:only-child:only-child) #apDiv1_2 {
	position:absolute;
	width:322px;
	height:17px;
	z-index:1;
	left: 923px;
	top: 77px;
}



*:first-child+html #apDiv1 {
	position:absolute;
	width:360px;
	height:22px;
	z-index:1;
	left: 893px;
	top: 75px;
	display: block;
}


/*---------------
	 グローバルナビ
---------------*/

#globalnavi {
	width:920px;
	height:38px;
	position:relative;
	top:-84px;
}

#globalnavi li {
	float:left;
	height:38px;
	overflow:hidden;
}

#globalnavi li a {
	display:block;
	overflow:hidden;
	width:100%;
	height:0;
	padding-top:38px;
}

body.abura #globalnavi li a {
	background:url(../img/egoma_abura/header-item.png) no-repeat;
}

body.abura #globalnavi li#gn01 {
	width:120px;
}
body.abura #globalnavi li#gn02 {
	width:144px;
}
body.abura #globalnavi li#gn03 {width:132px;}
body.abura #globalnavi li#gn04 {width:156px; margin-left:144px}
body.abura #globalnavi li#gn05 {width:140px;}
body.abura #globalnavi li#gn06 {width: 84px;}

body.abura #globalnavi li#gn01 a {background-position:   0px -35px}
body.abura #globalnavi li#gn02 a {background-position:-120px -35px}
body.abura #globalnavi li#gn03 a {background-position:-264px -35px}
body.abura #globalnavi li#gn04 a {background-position:-396px -35px}
body.abura #globalnavi li#gn05 a {background-position:-552px -35px}
body.abura #globalnavi li#gn06 a {background-position:-692px -35px}

body.abura #globalnavi li#gn01 a:hover {background-position:   0px -73px}
body.abura #globalnavi li#gn02 a:hover {background-position:-120px -73px}
body.abura #globalnavi li#gn03 a:hover {background-position:-264px -73px}
body.abura #globalnavi li#gn04 a:hover {background-position:-396px -73px}
body.abura #globalnavi li#gn05 a:hover {background-position:-552px -73px}
body.abura #globalnavi li#gn06 a:hover {background-position:-692px -73px}


body.buta #globalnavi li a {
	background:url(../img/egoma_buta/header-item.png) no-repeat;
}

body.buta #globalnavi li#gn01 {width: 160px;}
body.buta #globalnavi li#gn02 {width:140px;}
body.buta #globalnavi li#gn03 {width:86px;}
body.buta #globalnavi li#gn04 {
	width:130px;
	margin-left:145px
}
body.buta #globalnavi li#gn05 {
	width:140px;
}
body.buta #globalnavi li#gn06 {
	width: 119px;
}

body.buta #globalnavi li#gn01 a {background-position:   0px -35px}
body.buta #globalnavi li#gn02 a {background-position: -173px -35px}
body.buta #globalnavi li#gn03 a {background-position:-310px -35px}
body.buta #globalnavi li#gn04 a {background-position:-395px -35px}

body.buta #globalnavi li#gn05 a {background-position:-525px -35px}
body.buta #globalnavi li#gn06 a {background-position:-660px -35px}

body.buta #globalnavi li#gn01 a:hover {background-position:   0px -73px}
body.buta #globalnavi li#gn02 a:hover {background-position: -173px -73px}
body.buta #globalnavi li#gn03 a:hover {background-position:-310px -73px}
body.buta #globalnavi li#gn04 a:hover {background-position:-395px -73px}

body.buta #globalnavi li#gn05 a:hover {background-position:-525px -73px}
body.buta #globalnavi li#gn06 a:hover {background-position:-660px -73px}


/*---------------------------------------------

	コンテント
	
---------------------------------------------*/

#content {
	margin:0 auto;
	padding:0 9px;
	width:920px;
	background:url(../img/common/content-shadow.png) repeat-y;
	/*透過pngの使用のためIE6は通常の背景画像の指定を無効にしてfilterで指定、画像のパスは絶対パスにて指定する*/
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://kan.co.jp/egoma/img/common/content-shadow.png',sizingMethod='scale');
}

#content div.inner {
	position:relative;
	background:#FFF url(../img/common/content-bg.jpg) no-repeat;
	overflow:auto;
	_height:1%;
}

body.sougou-home #content div.inner {
	padding-bottom:0;
	background:url(../img/common/content-bg-sougou-top.jpg) #fff no-repeat;
	height:409px;
}

body.sougou-second #content div.inner {
	padding-bottom:10px;
	background:#FFF url(../img/common/content-bg-sougou.jpg) no-repeat;
	overflow:auto;
	_height:1%;
}


/*---------------------------------------------

	メイン（メイン内のスタイルはmain.cssにて）
	
---------------------------------------------*/

body.home #main {
	position:relative;
	margin:0;
	padding:30px 0 111px;
	background:url(../img/common/top-mainvisual-bg.jpg) no-repeat 21px bottom;
}

body.home #main2 {
	position:relative;
	margin:0;
	padding:30px 0 111px;
}

body.second #main {
	float:left;
	position:relative;
	left:1px;
	padding:0 0 0 30px;
	width:653px;
	border-right:1px solid #8ecf0e;
}

body.second #main-inner {
	margin-right:35px;
}

body.sougou-home  #main {
}

body.sougou-second  #main {
	margin:0 20px 0 460px;
}


/*---------------------------------------------

	パン屑リスト

---------------------------------------------*/


#topic-path {
	float:right;
	width:20px;
	text-align:center;
	line-height:1;
}

#topic-path li {
	margin:8px 0 0;
	padding:15px 0 0;
	background:url(../img/common/topicpath-bg.png) no-repeat center top;
}

#topic-path li.home {
	margin-top:0;
	padding-top:0;
	background:none;
}

#topic-path li a {
	text-decoration:none;
}


/*---------------------------------------------

	サイドナビ
	
---------------------------------------------*/

#sidenavi {
	float:right;
	padding:173px 0 30px;
	width:235px;
	border-left:1px solid #8ecf0e;
	background:url(../img/common/sidenavi-bg.jpg) no-repeat center top;
}

#sidenavi li {
	overflow:hidden;
	margin:0 auto 12px;
	width:219px;
	height:65px;
}

#sidenavi li#sn05 {
	height:89px;
}

#sidenavi li a {
	display:block;
	overflow:hidden;
	width:219px;
	padding-top:65px;
	height:0;
	background:url(../img/common/sidenavi-bannar.png) no-repeat;
}

#sidenavi li#sn05 a {
	 padding-top:89px;
}

#sidenavi li#sn01 a {background-position:0 0}
#sidenavi li#sn02 a {background-position:0 -65px}
#sidenavi li#sn03 a {background-position:0 -130px}
#sidenavi li#sn04 a {background-position:0 -195px}
#sidenavi li#sn05 a {background-position:0 -260px;}

#sidenavi li#sn01 a:hover {background-position:-219px 0}
#sidenavi li#sn02 a:hover {background-position:-219px -65px}
#sidenavi li#sn03 a:hover {background-position:-219px -130px}
#sidenavi li#sn04 a:hover {background-position:-219px -195px}
#sidenavi li#sn05 a:hover {background-position:-219px -260px;}


/*==============
site:buta
sidenavi
==============*/

#sidenavi2 {
	float:right;
	padding:173px 0 30px;
	width:235px;
	border-left:1px solid #8ecf0e;
	background-image: url(../img/common/side-buta_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#sidenavi2 li {
	overflow:hidden;
	margin:0 auto 12px;
	width:219px;
	height:65px;
}

#sidenavi2 li#sn05 {
	height:89px;
}

#sidenavi2 li a {
	display:block;
	overflow:hidden;
	width:219px;
	padding-top:65px;
	height:0;
	background:url(../img/common/sidenavi-bannar-buta.png) no-repeat;
}

#sidenavi2 li#sn05 a {
	 padding-top:89px;
}

#sidenavi2 li#sn01 a {background-position:0 0}
#sidenavi2 li#sn02 a {background-position:0 -65px}
#sidenavi2 li#sn03 a {background-position:0 -130px}
#sidenavi2 li#sn04 a {background-position:0 -195px}
#sidenavi2 li#sn05 a {background-position:0 -260px;}

#sidenavi2 li#sn01 a:hover {background-position:-219px 0}
#sidenavi2 li#sn02 a:hover {background-position:-219px -65px}
#sidenavi2 li#sn03 a:hover {background-position:-219px -130px}
#sidenavi2 li#sn04 a:hover {background-position:-219px -195px}
#sidenavi2 li#sn05 a:hover {background-position:-219px -260px;}












/*---------------------------------------------

	クリア～
	
---------------------------------------------*/




/*---------------------------------------------

	フッター
	
---------------------------------------------*/

#footer {
	margin:0 auto;
	padding:15px 10px;
	width:920px;
	background:url(../img/common/footer-shadow.png) no-repeat;
	/*透過pngの使用のためIE6は通常の背景画像の指定を無効にしてfilterで指定、画像のパスは絶対パスにて指定する*/
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://kan.co.jp/egoma/img/common/footer-shadow.png',sizingMethod='crop');	
}



/*---------------
	フッターバナー（トップのみ）
---------------*/

#footerbannar {
	position:relative;
	height:85px;
}

#footerbannar li {
	float:left;
	margin:0 3px;
	_margin:0 2px;
	width:300px;
	height:73px;
	overflow:hidden;
}

#footerbannar li a {
	display:block;
	width:100%;
	height:0;
	padding-top:73px;
	overflow:hidden;
	background:url(../img/common/top-bannar.png) no-repeat;
}

#footerbannar li#fb01 a {background-position:   0px 0}
#footerbannar li#fb02 a {background-position:-300px 0}
#footerbannar li#fb03 a {background-position:-600px 0}

#footerbannar li#fb01 a:hover {background-position:   0px -73px}
#footerbannar li#fb02 a:hover {background-position:-300px -73px}
#footerbannar li#fb03 a:hover {background-position:-600px -73px}



/*===============
 add 20090205
 egomabutaフッター用指定
================*/



#footerbannar2 {
	position:relative;
	height:85px;
}

#footerbannar2 li {
	float:left;
	margin:0 3px;
	_margin:0 2px;
	width:300px;
	height:73px;
	overflow:hidden;
}

#footerbannar2 li a {
	display:block;
	width:100%;
	height:0;
	padding-top:73px;
	overflow:hidden;
	background:url(../img/common/top-butabannar.png) no-repeat;
}

#footerbannar2 li#fb01 a {background-position:   0px 0}
#footerbannar2 li#fb02 a {background-position:-300px 0}
#footerbannar2 li#fb03 a {background-position:-600px 0}

#footerbannar2 li#fb01 a:hover {background-position:   0px -73px}
#footerbannar2 li#fb02 a:hover {background-position:-300px -73px}
#footerbannar2 li#fb03 a:hover {background-position:-600px -73px}


/*===============
総合フッターバナー
================*/

body.sougou #footerbannar li a {
	background:url(../img/common/top-sougoubannar.png) no-repeat;
}

/*---------------
	フッターナビ
---------------*/

#footernavi {
	position:relative;
	border-top:2px solid #75c309;
	_height:1px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	text-align: center;
}


/*---------------
	コピーライト
---------------*/

#copyright {
	clear:left;
	margin:0 0 2px 0;
	position:relative;
	border-bottom:1px solid #75c309;
	text-align:right;
	color:#75c309;
	_height:1px;
}



/*---------------
	コピーライト
---------------*/
.text10{font-size:10px; line-height:1; word-spacing:1.5px;}
.text12{font-size:12px;}


/*===============
2009.4.1 add
===============*/
#footer .footer-img-link {
	border-top:1px solid #75c309;
}
#footer .footer-img-link ul {
	list-style-type:none;
	overflow:auto;
	padding:0px 0 0 230px;
	border-bottom:1px solid #75c309;
	_height:62px;
}
#footer .footer-img-link ul li {
	float:left;
	width:220px;
	margin:0 5px 0 0;
}
/*===============
2009.4.10 add
===============*/
h4 a{
	text-decoration:none;
	color:#001c4d;
}