/*--------------------------
  ANTEZ CSS
  2008/03/25
  
  ANTEZ
  Tetsuya Ando
----------------------------*/
@charset "utf-8";





/* #############################################################
 基本設定
############################################################# */
/* 全体
---------------------------------------------*/
*{
	margin: 0px;
	padding: 0px;
	}
/* BODY
---------------------------------------------*/
body{
	font-size: 90%;
	line-height: 170%;
	background-image: url(../img/bg_body.gif);
	background-repeat: repeat-x;
	color: #666;
	}
/* wrapper
---------------------------------------------*/
#wrapper{
	width: 950px;
	margin: 0px auto;
	background-image: url(../img/bg_main.gif);
	}
/* header
---------------------------------------------*/
#header{
	height: 80px;
	background-color:#990000;
	background-image: url(../img/bg_header.gif);
	background-repeat: repeat-x;
	}
/* パンくず
---------------------------------------------*/
#pan{
	margin: 5px 0 20px 20px;
	}
/* primary & secondary
---------------------------------------------*/
#primary,
#secondary {
	float: left;
}
#primary {
	width: 710px;
}
#secondary {
	width: 220px;
}

.section {
	margin: 0 0 20px 20px;
}




/* footer
---------------------------------------------*/
#footer{
	clear: both;
	text-align: center;
	}

/* #############################################################
 パーツ設定
############################################################# */

/* h1
---------------------------------------------*/
h1{
	font-size: 12px;
	margin-left: 20px;
	color:#999999;
	}
/* リンク
---------------------------------------------*/
a {
	color: #b30000;
}
a:hover,
a:focus {
	color: #f19149;
}
a:active {
	color: #CC3300;
}
/* サイド画像
---------------------------------------------*/
.side_img{
	margin-bottom: 20px;
	}
/* フッターナビ
---------------------------------------------*/
#navi_lower li{
	display: inline;
	margin-right: 5px;
	list-style:none;
	}
/* ページトップ
---------------------------------------------*/
.pagetop{
	text-align: right;
	}
	
	
	
	
	
	
	
	
	




/* #############################################################
 TOPページ
############################################################# */

/* 店舗紹介
---------------------------------------------*/
.shop{
	margin-top: 20px;
	}
.shop td{
	margin-left: 10px;
	padding-left: 5px;
	}
.shop td.shop_name{
	text-align: left;
	border-left: 8px solid #b30000;
	border-bottom: 1px dotted #ccc;
	color: #b3d465;
	font-size: 120%;
	padding-left: 4px;
	margin: 10px 0 0 0;
	color: #666;
	font-weight:bold;
	}
.shop td.kou{
	border-left: 8px solid #b30000;
	font-weight:bold;
	}
/* インフォメーション
---------------------------------------------*/
#info {
	padding: 0 0 0 10px;
	margin-top: 20px;
	list-style-type: none;
	line-height: 180%;
	}
#info li {
	background: url(../img/info.gif) no-repeat 0 2px;
	margin: 0 0 0 0;
	padding: 0 0 0 17px;
	}







/* #############################################################
 メガネ
############################################################# */

/* 基本
---------------------------------------------*/
#gra h3{
	text-align: left;
	border-left: 8px solid #b30000;
	border-bottom: 1px dotted #ccc;
	color: #b3d465;
	font-size: 130%;
	padding-left: 4px;
	margin: 30px 0 0 0;
	color: #666;
	}
.arossvy_h4{
	color: #b30000;
	margin-top: 30px;
	}
.arossvy_p{
	border: 1px dotted #ccc;
	margin-top: 10px;
	padding: 10px;
	}
	
/* #############################################################
 補聴器
############################################################# */

/* 基本
---------------------------------------------*/
#hocho p{
	margin: 10px 0 0 0;
	}
#hocho img{
	margin: 10px 0 0 0;
	}
#hocho h3{
	text-align: left;
	border-left: 8px solid #b30000;
	border-bottom: 1px dotted #ccc;
	color: #b3d465;
	font-size: 130%;
	padding-left: 4px;
	margin: 30px 0 0 0;
	color: #666;
	}
#hocho h4{
	text-align: left;
	border-left: 8px solid #b3d465;
	color: #b3d465;
	font-size: 120%;
	padding-left: 4px;
	margin: 20px 0 0 0;
	color: #666;
	}
#hocho dl{
	margin: 10px 0 0 0;
	}
#hocho dt{
	font-weight: bold;
	margin: 20px 0 0 0;
	}
#hocho ul{
	margin:10px 0 0 20px;
	}
/* リンク
---------------------------------------------*/
#hocho_link ul {
	padding: 5px 0 0 10px;
	list-style-type: none;
	line-height: 180%;
	text-align: left;
	color: #666;
	}
#hocho_link li {
	background: url(../img/hocho_li.gif) no-repeat 0 30px;
	margin: 0 0 0 0;
	padding: 30px 0 0 30px;
	}
/* 補聴器の形
---------------------------------------------*/
.ho_kata{
	border: 1px dotted #ccc;
	margin-top: 10px;
	padding: 10px;
	}
/* Q&A
---------------------------------------------*/
.q_a{
	border: 1px dotted #ccc;
	margin-top: 10px;
	padding: 10px;
	}
.q{
	font-weight:bold;
	color: #FF9900;
	}
.a{
	font-weight:bold;
	color: #0099FF;
	}	


/* #############################################################
 ショッピング
############################################################# */

#shop_info{
	border: 1px dotted #ccc;
	margin-top: 10px;
	padding: 10px;
	}
#shop h2{
	color: #b30000;
	}
#shop h3{
	text-align: left;
	border-left: 8px solid #b30000;
	border-bottom: 1px dotted #ccc;
	color: #b3d465;
	font-size: 130%;
	padding-left: 4px;
	margin: 30px 0 0 0;
	color: #666;
	}
#shop h4{
	text-align: left;
	border-left: 8px solid #b3d465;
	color: #b3d465;
	font-size: 120%;
	padding-left: 4px;
	margin: 20px 0 0 0;
	color: #666;
	}
#shop hr{
	margin-bottom: 20px;
	}
#hyoki p{
	margin-top: 5px;
	}
/* トピック
---------------------------------------------*/
#shop ul {
	padding: 0 0 0 10px;
	list-style-type: none;
	line-height: 180%;
	text-align: left;
	color: #666;
	}
#shop li {
	background: url(../img/info.gif) no-repeat 0 4px;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	}

/* #############################################################
 会社概要
############################################################# */

/* テーブル（会社概要）
---------------------------------------------*/
table.table_office {
	width: 615px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	line-height: 180%;
	margin: 20px 0 20px 15px;
	}
table.table_office th{
	background-color:#E7E7E7;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 5px;
	text-align: left;
	color: #333333;
	}
table.table_office td {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 5px;
	line-height: 135%;
	text-align: left;
	color: #666;
	}
/* テーブル（社歴）
---------------------------------------------*/
table.table_office_syareki th {
	border: none;
	background-color:#fff;
	font-weight: normal;
	}
table.table_office_syareki td {
	border: none;
	}
/* 経営陣挨拶
---------------------------------------------*/
#aisatsu{
	border: 2px solid #CCC;
	margin: 10px 0;
	padding: 10px;
	background: #E7E7E7;
	color:#000000;
	}
#daihyo{
	text-align: right;
	font-weight: bold;
	color:#000000;
	}
/* 企業活動
---------------------------------------------*/
#katu{
	margin: 20px 0 0 0;
	}

/* #############################################################
 お問い合わせ
############################################################# */

/* テーブル
---------------------------------------------*/
table.table_contact {
	width: 515px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	line-height: 180%;
	margin: 20px 0 20px 15px;
	}
table.table_contact th{
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #E7E7E7;
	padding: 5px;
	text-align: left;
	font-weight: normal;
	}
table.table_contact td {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 5px;
	line-height: 135%;
	text-align: left;
	color: #666;
	}
#p_con {
	margin: 20px 0 0px 15px;
	}


/* トピック
---------------------------------------------*/
#bra ul {
	padding: 5px 0 0 10px;
	list-style-type: none;
	line-height: 180%;
	text-align: left;
	color: #666;
	}
#bra li {
	background: url(../img/info.gif) no-repeat 0 4px;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	}
#bra p {
	margin: 20px 0;
	}



	
/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#stylefour{position:relative;display:block;height:39px;font-size:11px;font-weight:bold;background:transparent url(../img/navi/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-top:4px solid #B30000;}
#stylefour ul{margin:0;padding:0;list-style-type:none;width:auto;}
#stylefour ul li{display:block;float:left;margin:0;}
#stylefour ul li a{display:block;float:left;color:#666;text-decoration:none;padding:11px 20px 0 20px;height:23px;background:transparent url(../img/navi/bgDIVIDER.gif) no-repeat top right;}
#stylefour ul li a:hover,#stylefour ul li a.current{color:#B30000;background:#fff url(../img/navi/bgON.gif) no-repeat top right;}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */