@charset "shift_jis";


/*------------------------------------------------------------
  ------------------------------------------------------------
  トップページのレイアウトCSSです
  ------------------------------------------------------------
------------------------------------------------------------*/


/*------------------------------------------------------------
  共通
------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #EBEBEB url(../images/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}

/*------------------------------------------------------------
  全体枠/ヘッダー/２段組/フッター
------------------------------------------------------------*/
/* 全体枠 */
#wrapper {
	width: 768px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFF;
	background-image: url(../images/top_leftmenu_bg.gif);
	background-repeat: repeat-y;

}

/* ヘッダー */
#header {
	background: #fff url(../images/common/hedder_bg.gif) repeat-x;
	height: 120px;
}

/* 中央部分まとめ */
#container {
			width:768px;
			margin-left:auto;
			margin-right:auto;
			padding-top:2px;
			text-align:left;
}

/* 二段組右 */
#primary {
		width:507px;
		float:right;
		margin-left:5px;
		background-color: #FFF;	
}

/* 二段組左 */
#secondary {
   width:252px;
   height:100%;
   float:right;
}

/* フッター */
#footer {
	background-color: #FFF;
	text-align:left;
	height:10px;
	padding:0 0 0 10px;
	font-size: 70%;
}

/*------------------------------------------------------------
  ヘッダー
------------------------------------------------------------*/
#logo {
    float:left;
	margin:10px 0px 0px 20px;
	display:inline;
}

#header ul {
    float:left;
	list-style:none;
	margin:50px 0 10px 200px;
}

#header ul li {
	display:inline;
	margin-left:12px;
	list-style-image: none;
	list-style-type: none;
}

/* グローバルナビ */
#globalNav {
	position: absolute;
	top: 69px;
	float:left;
	margin:10px 0px 0px 3px;
	height: 41px;
	list-style-type: none;
	background-color: #000000;
	list-style-image: none;
}

#globalNav li {
	float: left;
	width: 127px;
	list-style-image: none;
	list-style-type: none;

}
#globalNav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:41px;
	padding-top: 41px;
	background-image: url(../images/common/globalnav.gif);
	color: #FFFFFF;
	list-style-image: none;
	list-style-type: none;
}

/*  背景画像の位置
---------------------------------------------*/
	
	/* 通常 */
	#nav01 a { background-position:  0     0; }
	#nav02 a { background-position: -126px 0; }
	#nav03 a { background-position: -253px 0; }
	#nav04 a { background-position: -380px 0; }
	#nav05 a { background-position: -507px 0; }
	#nav06 a { background-position: -633px 0; }

	/* オンマウス */
	#nav01 a:hover { background-position:  0     -42px; }
	#nav02 a:hover { background-position: -126px -42px; }
	#nav03 a:hover { background-position: -253px -42px; }
	#nav04 a:hover { background-position: -380px -42px; }
	#nav05 a:hover { background-position: -507px -42px; }
	#nav06 a:hover { background-position: -633px -42px; }

/*------------------------------------------------------------
  右
------------------------------------------------------------*/


/* パンクズリスト */	
.crumb{
	font-size:69%;
	margin:8px 5px 10px 5px;
}


/* h2 */
h2.general{
	margin:0px 0px 20px 13px;
	padding:2px 3px 0px 5px;
	width:480px;
	background-image: url(../general/images/generaltitle_top.gif);
	background-repeat: no-repeat;
	height: 77px;
	text-indent:-1000em;
}
h2.about{
	margin:0px 0px 20px 13px;
	padding:2px 3px 0px 5px;
	width:480px;
	background-image: url(../general/images/generaltitle_about.gif);
	background-repeat: no-repeat;
	height: 77px;
	text-indent:-1000em;
}
h2.brush{
	margin:0px 0px 20px 13px;
	padding:2px 3px 0px 5px;
	width:480px;
	background-image: url(../general/images/generaltitle_brush.gif);
	background-repeat: no-repeat;
	height: 77px;
	text-indent:-1000em;
}
h2.mainte{
	margin:0px 0px 20px 13px;
	padding:2px 3px 0px 5px;
	width:480px;
	background-image: url(../general/images/generaltitle_mente.gif);
	background-repeat: no-repeat;
	height: 77px;
	text-indent:-1000em;
}
h2.effect{
	margin:0px 0px 20px 13px;
	padding:2px 3px 0px 5px;
	width:480px;
	background-image: url(../general/images/generaltitle_effect.gif);
	background-repeat: no-repeat;
	height: 77px;
	text-indent:-1000em;
}
h2.halitosis{
	margin:0px 0px 20px 13px;
	padding:2px 3px 0px 5px;
	width:480px;
	background-image: url(../general/images/generaltitle_halitosis.gif);
	background-repeat: no-repeat;
	height: 77px;
	text-indent:-1000em;
}
h2.cigarette{
	margin:0px 0px 20px 13px;
	padding:2px 3px 0px 5px;
	width:480px;
	background-image: url(../general/images/generaltitle_cigarette.gif);
	background-repeat: no-repeat;
	height: 77px;
	text-indent:-1000em;
}
h2.qa{
	margin:0px 0px 20px 13px;
	padding:2px 3px 0px 5px;
	width:480px;
	background-image: url(../general/images/generaltitle_qa.gif);
	background-repeat: no-repeat;
	height: 77px;
	text-indent:-1000em;
}
h2.search{
	margin:0px 0px 20px 13px;
	padding:2px 3px 0px 5px;
	width:481px;
	background-image: url(../general/images/generaltitle_search.gif);
	background-repeat: no-repeat;
	height: 78px;
	text-indent:-1000em;
}
h2.kekka{
	margin:0px 0px 20px 13px;
	padding:2px 3px 0px 5px;
	width:481px;
	background-image: url(../general/images/generaltitle_kekka.gif);
	background-repeat: no-repeat;
	height: 78px;
	text-indent:-1000em;
}

h3.general{
	margin:0px 0px 10px 18px;
	padding:5px 6px 5px 6px;
	border-color:#003366;
	border-width:0 0 1px 7px;
	border-style:solid;
	background:#F8F8F8;
	width:450px;
}

h4.general {
	margin:15px 0px 5px 15px;
	padding:5px 15px 15px 20px;
	color: #333333;
	font-size:90%;
	background-image: url(../images/common/h4_bg.gif);
	background-repeat: no-repeat;
	width:450px;
}
h4.general2 {
	margin:15px 0px 5px 15px;
	padding:5px 15px 15px 20px;
	color: #333333;
	font-size:90%;
	background-image: url(../images/common/h4_bg2.gif);
	background-repeat: no-repeat;
	width:450px;
}

h5.general {
	margin:18px 0 8px 10px;
	padding:0px 10px 0px 5px;
	color:#3366CC;
	font-size:90%;
	background:#3366CC;
	height:25px;
	width:470px;
	background:#EDEDED;
	border-color:#FFFFFF #3366CC #3366CC #FFFFFF;
	border-width:1px;
	border-style:solid;
}


h6.general {
	margin:18px 0 8px 0px;
	padding:0px 10px 0px 4px;
	font-size:90%;
}



/* table */
.box01 {
	margin:10px auto;
	width:450px;
	background: #FFFFFF;
}
.box001 {
	margin:2px auto;
	width:450px;
	font-size:80%;
	border:1px solid #cccccc;
	position:relative;
    margin-left:25px;
}

/*------------------------------------------------------------
  左
------------------------------------------------------------*/
/* 一般の方向けメニュー */
#generalNavi {
	padding: 0;
	margin: 0;
	list-style-image: none;
}

#generalNavi li{
          list-style-type:none;
		  text-indent:-1000em;
}

#generalNavi li a {
	display: block;
	overflow: hidden;
	width: 253px;
	height: 0 !important;
	height /**/:41px;
	padding-top: 41px;
	background-image: url(../images/menu.gif);
}


/*  背景画像の位置
---------------------------------------------*/
	
	/* 通常 */
	#nav001 a { background-position:  0     0;     }
	#nav002 a { background-position:  0    -41px;  }
	#nav003 a { background-position:  0    -82px;  }
	#nav004 a { background-position:  0    -123px; }
	#nav005 a { background-position:  0    -164px; }
	#nav006 a { background-position:  0    -205px; }
	#nav007 a { background-position:  0    -246px; }
	#nav008 a { background-position:  0    -287px; }
	#nav009 a { background-position:  0    -328px; }


	/* オンマウス */
	#nav001 a:hover { background-position:  506px  0;    }
	#nav002 a:hover { background-position:  506px -41px; }
	#nav003 a:hover { background-position:  506px -82px; }
	#nav004 a:hover { background-position:  506px -123px; }
	#nav005 a:hover { background-position:  506px -164px; }
	#nav006 a:hover { background-position:  506px -205px; }
	#nav007 a:hover { background-position:  506px -246px; }
	#nav008 a:hover { background-position:  506px -287px; }
	#nav009 a:hover { background-position:  506px -328px; }
	

	/* 現在位置 */
	#nav001 a:stay { background-position:  253px  0;    }
	#nav002 a:stay { background-position:  253px -41px; }
	#nav003 a:stay { background-position:  253px -82px; }
	#nav004 a:stay { background-position:  253px -123px; }
	#nav005 a:stay { background-position:  253px -164px; }
	#nav006 a:stay { background-position:  253px -205px; }
	#nav007 a:stay { background-position:  253px -246px; }
	#nav008 a:stay { background-position:  253px -287px; }
	#nav009 a:stay { background-position:  253px -328px; }


/*------------------------------------------------------------
  フッター
------------------------------------------------------------*/
	/* フッタ背景 */
	.fotter_bg {
	  width: 768px;
	  height:50px;
	  margin:0;
	  background-image: url(../images/common/fotter_bg.gif);
	  clear:right;
	}
	
	/* コピーライト */
	#copyright {
		float: left;
		width: 374px;
		padding:20px 0 20px 0;
	}
	/* フッタリンク */
	#f_link {
		float: left;
		padding:20px 0 20px 105px;
		text-align:right;
	}
	
	#f_link ul {
    	float:left;
		list-style:none;
	}
	
	#f_link ul li {
    	display:inline;
		padding:0 0 0 10px;	
		list-style-image: url(../images/f_link_botan.gif);
	}
	
/* ------------------------------------------------------------
　　テーブル
-------------------------------------------------------------*/
#ichiran {
	text-align: center;
	margin-top: 15px;
}
#ichiran table {
	width: 450px;
	margin: 0 auto;
	font-size: 90%;
	border:1px solid #CCCCCC;
}
#ichiran th {
	padding: 5px;
	margin: 2px;
	text-align: center;
}
#ichiran th {
	background: #E0E0E0 url(../images/th_bg.gif) left bottom repeat-x;
	padding:5px;
}
#ichiran td {
	border-right: 1px solid #E0E0E0;
	border-bottom: 1px solid #CCCCCC;
	background: #FFFFFF;
	padding:5px;
	text-align: left;
}