/* 
兵庫県理容生活衛生同業組合
ＨＰ製作TEAM

目次
1．サイト全体のレイアウト
2．グローバルナビゲーション（左袖）
3. ローカルナビゲーション
4．見出し設定
5．画像設定
6．トップページのレイアウト
7. 各ページの設定
8. 店舗一覧のページ
*/

/* ■1．サイト全体のレイアウト ■*/
body {
	margin:0;
	padding:0;
	background-image:url(../image/back00.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#737373;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:15px;
	color:#333333;
	}

div#header {
	width:780px;
	margin:0 auto 0 auto;
	border-right:solid 1px #B0B0B0;
	border-left:solid 1px #B0B0B0;
	clear:both;
	}
	
div#main {
	width:780px;
	margin:0 auto 0 auto;
	padding:0;
	border-right:solid 1px #B0B0B0;
	border-left:solid 1px #B0B0B0;
	background-image:url(../image/back-main.gif);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#F0F0F0;
	clear:both;
	}

div#right {
	width:610px;
	padding:10px 10px 20px 10px;
	background-color:transparent;
	float:right;
	}

div#left {
	width:150px;
	padding:0;
	background-color:transparent;
	float:left;
	}

div#footer {
	width:780px;
	height:30px;
	padding:30px 0 0 0;
	background-image:url(../image/footer00.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	text-align:center;
	clear:both;
	}

div#footer p {
	display:block;
	font-size:13px;
	background-color:transparent;
	}

a:link {	color: #333333;}
a:visited {	color: #333333;}
a:hover {color: #FF6347;}
a:active {color: #333333;}
a {text-decoration: underline;}

p.indent {
	text-indent:  1em;
}
p.left {
	text-align: left;
}
p.center{
	text-align: center;
}
p.right{
  text-align: right;	
}

/* ■2．左袖ナビゲーション ■*/
ul#navi {
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	}
	
ul#navi li {
	margin:0;
	padding:0;
	background-image:url(../image/button-off.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	clear:both;
	}

ul#navi a {
	width:118px;
	height:29px;
	margin:0;
	padding:13px 0 0 30px;
	background-image:url(../image/button-off.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	font-size:14px;
	color:#666666;
	text-decoration:none;
	display:block;
	}
ul#navi a:link {background-image:url(../image/button-off.gif);background-repeat:no-repeat;}
ul#navi a:visited {background-image:url(../image/button-off.gif);background-repeat:no-repeat;}
ul#navi a:hover {background-image:url(../image/button-on.gif);background-repeat:no-repeat;}
ul#navi a:active {background-image:url(../image/button-off.gif);background-repeat:no-repeat;}

div#serch {
	background-image:url(../image/serch-off.gif);
	background-position:19px top;
	background-repeat:no-repeat;
	}
div#serch a {
	width:110px;
	height:106px;
	margin:10px 0 0 20px;
	padding:0;
	text-decoration:none;
	display:block;
	}
div#serch a:link {background-image:url(../image/serch-off.gif);background-repeat:no-repeat;}
div#serch a:visited {background-image:url(../image/serch-off.gif);background-repeat:no-repeat;}
div#serch a:hover {background-image:url(../image/serch-on.gif);background-repeat:no-repeat;}
div#serch a:active {background-image:url(../image/serch-off.gif);background-repeat:no-repeat;}

div#serchriki {
	background-image:url(../image/rikisyo-off.gif);
	background-position:19px top;
	background-repeat:no-repeat;
	}
div#serchriki a {
	width:110px;
	height:106px;
	margin:10px 0 0 20px;
	padding:0;
	text-decoration:none;
	display:block;
	}
div#serchriki a:link {background-image:url(../image/rikisyo-off.gif);background-repeat:no-repeat;}
div#serchriki a:visited {background-image:url(../image/rikisyo-off.gif);background-repeat:no-repeat;}
div#serchriki a:hover {background-image:url(../image/rikisyo-on.gif);background-repeat:no-repeat;}
div#serchriki a:active {background-image:url(../image/rikisyo-off.gif);background-repeat:no-repeat;}

/* ■3．ローカルナビゲーション ■*/
ul#localNavi {
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	}
	
ul#localNavi li {
	margin:0;
	padding:0;
	display:inline;
	float:left;
	}

ul#localNavi a {
	width:120px;
	margin:0;
	padding:4px 0 4px 0;
	border:solid 1px #01A3F7;
	font-size:13px;
	text-align:center;
	text-decoration:none;
	display:block;
	}
ul#localNavi a:link {background-color:#B6E6FC;color:#0033FF;}
ul#localNavi a:visited {background-color:#B6E6FC;color:#0033FF;}
ul#localNavi a:hover {background-color:#01A3F7;color:#FFFFFF;}
ul#localNavi a:active {background-color:#B6E6FC;color:#0033FF;}

/* ■4．見出しの設定 ■*/
h1 {
	margin:0px 0 0 0;
	padding:4px 0 3px 8px;
	color:#99CCFF;
	font-size:11px;
	display:block;
	}
h2 {
	margin:20px 0 0 0;
	padding:4px 0 3px 8px;
	border-left:solid 4px #0066FF;
	background-image:url(../image/h2-back.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color:#01A3F7;
	color:#FFFFFF;
	font-size:20px;
	display:block;
	}
	
h2.orenge {
	border-left:solid 4px #FF9900;
	background-image:url(../image/h2-backorenge.gif);
	background-color:#FF9900;
	}
	
h3 {
	margin:0 0 5px 0;
	padding:3px;
	border-left:solid 4px #90D7FA;
	color:#444444;
	font-size:17px;
	}
	
h3.orenge {
	border-left:solid 4px #fdc35f;
	}
h4 {
	margin: 0 0 5px 0;
	padding: 3px;
	color: #F68800;
	font-size: 16px;
}
	
/* ■5．画像の設定 ■*/
img.imgR {
	margin:0 0 10px 10px;
	float:right;
	}
	
img.imgL {
	margin:0 10px 10px 10px;
	float:left;
	}

	/* ボーダー付き画像の設定　*/	
img.imgRB {
	margin:10px 0 10px 10px;
	border:solid 1px #999999;
	float:right;
	}	

	/* キャプション付き画像の設定　*/
div.imageWithText,.imageWithTextNoneborder {
	margin:10px 0 10px 10px;
	text-align:center;
	float:right;
	}
div.imageWithText img {
	margin:0;
	border:solid 1px #999999;
	clear:both;
	}
p.caption {
	font-size:12px;
	}

/* ■6．トップページのレイアウト ■*/
div.topText,.topText2 {
	width:480px;
	margin:10px 0 0 0;
	}

div.topText p {
	margin:8px 0 0 0;
	padding:0 0 0 30px;
	background-image:url(../image/point-blue.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transprent;
	}

div.topText2 p {
	margin:8px 0 0 0;
	padding:0 0 0 30px;
	background-image:url(../image/point-orenge.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transprent;
	}

div#topRight {
	margin:10px 20 0 0px;
	float:right;
	padding-left: 2px;
	padding-right: 1px;
	width: 115px;
	}

div#baner {
	width:480px;
	margin:5px 0 0 0;
	padding:10px 0 0 0;
	border-top:solid 1px #7CCFFA;
	}

div#baner img {
	padding:0 5px 10 0;
	}

/* ■7．各ページの設定 ■*/
div#local01 {
	margin:10px 0 0 0;
	clear:both;
	}

div#local01 p {
	margin:5px 0 0 0;
	line-height:1.3em;
	}
div.jimutext p {
	margin:8px 0 0 0;
	padding:0 0 0 50px;
	background-image:url(../image/point-blue.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transprent;
	}	
	/* 各ページ内のリスト表示　*/
ul#about {
	margin:0 0 0 40px;
	padding:0;
	display:block;
	clear:both;
	}
	
ul#about li {
	margin:3px 0 0 0;
	list-style:url(../image/point-blue.gif);
	}
	
	/* 各ページ内のリスト表示（追記可能なタイプ）　*/
div#local02 {
	margin:10px 0 0 0;
	clear:both;
	}

div#local02 p {
	margin:5px 0 0 0;
	padding:0 0 0 33px;
	background-image:url(../image/point-blue.gif);
	background-position:3px left;
	background-repeat:no-repeat;
	line-height:1.3em;
	}

/* ■8．店舗検索ページ ■*/	
ul.search {
	margin:10 2 15;
	padding:2;
	list-style:none;
	clear:both;
	}
	
ul.search li {
	margin:0;
	padding:0;
	display:inline;
	float:left;
	}

ul.search a {
	width:120px;
	margin:0;
	padding:4px 0 4px 0;
	border:solid 1px #FF9900;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	display:block;
	}
	
ul.search a:link {background-color:#FCD289;color:#FF6600;}
ul.search a:visited {background-color:#FCD289;color:#FF6600;}
ul.search a:hover {background-color:#FF9900;color:#FFFFFF;}
ul.search a:active {background-color:#FCD289;color:#FF6600;}

table#searchBox td {
	height:24px;
	border-bottom:solid 1px #B6E6FC;
	margin: 5px 2px 2px 5px;
	}

td.no01 {width:220px;}
td.no02 {width:220px;}
td.no03 {width:100px;}