@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------

	ヘッダー

------------------------------------------------------------*/

#header{
	clear:both;
	width:990px;
	margin:10px auto 0;
	text-align:left;
}

h1 a{
	float:left;
	width:300px;
	height:50px;
	background:url(../images/h1.jpg) no-repeat;
	text-indent:-10000px;
}



#header ul{
	margin :10px 0 0 550px;
}

#header ul li{
	display:block;
	float:left;
	width:200px;
	height:30px;
	font-size:90%
}

#header ul li a{
	display:block;
	width:200px;
	height:30px;
	line-height:30px;
	text-indent:35px;
}

#header ul li a.hpp{
	background:url(../images/bg_header-ul-pp.jpg) 0 center no-repeat;
}
	
#header ul li a.hsm{
	background:url(../images/bg_header-ul-sm.jpg) 0 center no-repeat;
}

h2{
	clear:both;
	font-size:90%;
	line-height:3em;
	text-indent:1em;
}


/*------------------------------------------------------------

	a

------------------------------------------------------------*/


a{
	color:#C00;
}
/*------------------------------------------------------------

	グローバルナビゲーション

------------------------------------------------------------*/

ul#globalnavi{
	clear:both;
	margin:0 auto;
	width:980px;
	height:50px;
	
}

ul#globalnavi li,
ul#globalnavi li a{
	display:block;
	float:left;
	width:140px;
	height:50px;
	text-indent:-10000px;
}


ul#globalnavi li.gn01 a{
	background:url(../images/gnavi.jpg) 0 0;
}

ul#globalnavi li.gn01,
ul#globalnavi li.gn01 a:hover{
	background:url(../images/gnavi.jpg) 0 -55px;
}


ul#globalnavi li.gn02 a{
	background:url(../images/gnavi.jpg) -140px 0;
}

ul#globalnavi li.gn02,
ul#globalnavi li.gn02 a:hover{
	background:url(../images/gnavi.jpg) -140px -55px;
}


ul#globalnavi li.gn03 a{
	background:url(../images/gnavi.jpg) -280px 0;
}

ul#globalnavi li.gn03,
ul#globalnavi li.gn03 a:hover{
	background:url(../images/gnavi.jpg) -280px -55px;
}


ul#globalnavi li.gn04 a{
	background:url(../images/gnavi.jpg) -420px 0;
}

ul#globalnavi li.gn04,
ul#globalnavi li.gn04 a:hover{
	background:url(../images/gnavi.jpg) -420px -55px;
}



ul#globalnavi li.gn05 a{
	background:url(../images/gnavi.jpg) -560px 0;
}

ul#globalnavi li.gn05,
ul#globalnavi li.gn05 a:hover{
	background:url(../images/gnavi.jpg) -560px -55px;
}

ul#globalnavi li.gn06 a{
	background:url(../images/gnavi.jpg) -700px 0;
}

ul#globalnavi li.gn06,
ul#globalnavi li.gn06 a:hover{
	background:url(../images/gnavi.jpg) -700px -55px;
}

ul#globalnavi li.gn07 a{
	background:url(../images/gnavi.jpg) -840px 0;
}

ul#globalnavi li.gn07,
ul#globalnavi li.gn07 a:hover{
	background:url(../images/gnavi.jpg) -840px -55px;
}

/*------------------------------------------------------------

	pagenavi

------------------------------------------------------------*/

ul.pagenavi{
	margin:0 0 10px;
	font-size:90%;
}

ul.pagenavi li{
	font-weight:bold;
}

ul.pagenavi li a{
	font-weight:normal;
}

ul.pagenavi li,
ul.pagenavi li a{
	display:block;
	width:200px;
	height:30px;
	
	background:url(../sci/images/pagenavi.jpg) 0 0 no-repeat;
	
	text-align:left;
	line-height:30px;
	text-indent:0.5em;
}

ul.pagenavi li,
ul.pagenavi li a:hover{
	background:url(../sci/images/pagenavi.jpg) -200px 0 no-repeat;
}


dl.side-banner dd{
	float:left;
	width:50%;
}

/*------------------------------------------------------------

	商工会情報

------------------------------------------------------------*/

#sci-map{
	height:400px;
	text-align:left;
	font-size:90%;
}

/*------------------------------------------------------------

	観光情報

------------------------------------------------------------*/

#hidakamap{
	width:720px;
	height:500px;
	margin:0 auto;
	padding:3px 0 0;
	border:3px solid #C00;
	text-align:left;
	font-size:80%;
	line-height:1.5em;
}

ul.hidakamap-list{
	width:720px;
	margin:0 auto;
	padding:0;
	
	
}

ul.hidakamap-list li,
ul.hidakamap-list li a{
	display:block;
	float:left;
	width:240px;
	height:30px;
	text-align:center;
	line-height:30px;
	
}

ul.hidakamap-list li a{
	font-size:90%;	
}
	

ul.hidakamap-list li a{
	background:url(../region/images/bg_ul-hidaka.jpg) center 0 no-repeat;
	
}

ul.hidakamap-list li a:hover{
	background:url(../region/images/bg_ul-hidaka.jpg) center -30px no-repeat;
	color:#FFF;
}

dl.region{
	width:720px;
	margin:0 auto 10px;
}

dl.region dt{
	float:left;
	width:250px;
}

dl.region dd{
	margin-left:255px;
}

dl.region dd p{
	margin:0;
}

dl.region dd table{
	width:95%;
}

dl.region dd table th{
	width:15%;
}

/*------------------------------------------------------------

	会員情報

------------------------------------------------------------*/

ul.cat-member{
	width:720px;
	height:40px;
	margin:0 auto;
	font-size:90%;
	font-weight:bold
}

ul.cat-member li,
ul.cat-member li a{
	display:block;
	float:left;
	width:120px;
	height:40px;
	line-height:40px
}

ul.cat-member li a{
	background:url(../member/images/bg_ul-cat-member.jpg) 0 0 no-repeat;
	color:#C00;
}

ul.cat-member li a:hover{
	background:url(../member/images/bg_ul-cat-member.jpg) 0 -40px no-repeat;
	color:#FFF;
}

iframe{
	width:750px;
	margin:0 auto;
	padding:0;
}

/*------------------------------------------------------------

	img

------------------------------------------------------------*/

img#right-position{
	float:right;
	margin:0px 0px 10px 10px;
}

img#left-position{
	float:left;
	margin:0 10px 10px 0
}

.photo{
	margin:0 0 10px;
	padding:4px;
	border:1px solid #F66;
	background:#FCC;
}

a:hover .photo{
	margin:0 0 10px;
	padding:4px;
	border:1px solid #F33;
	background:#F66;
}

/*------------------------------------------------------------

	メイン画像

------------------------------------------------------------*/

.img-main{
	margin: 10px auto 0;
}

/*------------------------------------------------------------

	ぱんくず

------------------------------------------------------------*/
dl.breadcrumb{
	width:970px;
	height:25px;
	margin:10px auto;
	font-size:80%;
	line-height:25px;
}
dl.breadcrumb dt{
	float:left;
	display:block;
	width:85px;
	height:25px;
	background:url(../images/dl_breadcrumb-dt-bg.jpg) 0 0 no-repeat;
	text-indent:-10000px;
}

dl.breadcrumb dd{
	float:left;
	padding:0 15px 0 5px;
	background:url(../images/dl_breadcrumb-dd-bg.jpg) center right no-repeat;
}

dl.breadcrumb dd#active{
	float:left;
	padding:0 5px;
	background:none;
	color:#8D8D32;
	font-weight:bold
}

/*------------------------------------------------------------

	table

------------------------------------------------------------*/

table{
	background:#ADB221;
	font-size:90%;
	text-align:left;
}

th,td{
	padding:5px;
	line-height:1.4em;
}

th{
	background:#EBEDA0;
}

td{
	padding:2px 4px;
	background:#FFF;
}

table.t-memberhp{
	width:99%;
}

table.t-memberhp th{
	width:20%;
}

table.t-730{
	width:730px;
	margin:0 auto;
}

table.t-730 th{
	width:20%;
}

table.t-730 th,
table.t-730 td{
	padding:3px 5px;
}

table.t-memberhp th.w60{
	width:60%;
}

.cell-address table.t-memberhp td{
	text-align:right;
}

/*------------------------------------------------------------

	PDF

------------------------------------------------------------*/

dl.dl-pdf{
	width:740px;
	margin:10px auto 10px;
	font-size:80%;
	text-align:center;
	line-height:2em;
}

dl.dl-pdf dd{
	display:block;
	float:left;
	width:185px;
	height:40px;
	
}

dl.dl-pdf dd a{
	display:block;
	margin:3px;
	padding:2px;
	border:1px solid #F66;
	background:#FCC;
}

dl.dl-pdf dd a:hover{
	border:1px solid #F33;
	background:#F66;
	color:#FFF;
}

dl.pdf-caution{
	width:730px;
	margin:0 auto 50px;
	border:2px solid #900;
	background:#FCC;
	font-size:80%;
	line-height:1.5em;
}

dl.pdf-caution dt{
	float:left;
	width:168px;
}

dl.pdf-caution dt img{
	margin:5px;
}

dl.pdf-caution dd{
	margin-left:170px;
	padding:5px;
}

/*------------------------------------------------------------

	会員紹介

------------------------------------------------------------*/

dl.memberhp{
	width:720px;
	margin:10px auto 20px;
}

dl.memberhp dt{
	float:left;
	width:210px;
}

dl.memberhp dt a img{
	padding:4px;
	background:url(../member/images/bg_img-memberhp.jpg) ;
	border:1px solid #576A7B
}

dl.memberhp dt a:hover img{
	padding:4px;
	background:url(../member/images/bg_img-hover-memberhp.jpg) ;
	border:1px solid #F60
}

dl.memberhp dd{
	margin-left:220px;
}

/*------------------------------------------------------------

	女性部

------------------------------------------------------------*/

ul#activities{
	width:720px;
	margin:5px auto;
	font-size:90%;
}

ul#activities li{
	float:left;
	width:144px;
	height:33px;
}

ul#activities li a{
	display:block;
	width:134px;
	height:25px;
	background:#FFE1C4;
	border:2px solid #F90;
	line-height:25px;
}

ul#activities li a:hover{
	display:block;
	width:134px;
	height:25px;
	background:#FFC993;
	border:2px solid #F30;
	line-height:25px;
}

dl.actscene{
	width:720px;
	margin:10px auto;
	font-size:90%;
}

dl.actscene dt{
	margin-bottom:10px;
	background:url(../female/images/icon-photo.jpg) 5px center no-repeat #FFEFDF;
	font-weight:bold;
	text-align:left;
	text-indent:25px;
	line-height:2em
}

dl.actscene dd{
	float:left;
	width:240px;
	margin-bottom:10px;
}

dl.actscene dd a img{
	padding:4px;
	background:url(../member/images/bg_img-memberhp.jpg) ;
	border:1px solid #576A7B
}

dl.actscene dd a:hover img{
	padding:4px;
	background:url(../member/images/bg_img-hover-memberhp.jpg) ;
	border:1px solid #F60
}


dl.cell-33 dt{
	font-size:90%;
	line-height:2em;
}

/*------------------------------------------------------------

	リンク

------------------------------------------------------------*/

ul.list-link{
	margin:0 auto 15px;
	width:730px;
}

ul.list-link li{
	float:left;
	width:365px;
}

ul.list-link li a{
	display:block;
	margin:5px;
	padding:5px;
	background:url(../link/images/bg_link.gif) 0 center no-repeat;
	font-size:90%;
	text-align:left;
	text-indent:20px
}



.banner{
	margin:0 0 10px;
}

/*------------------------------------------------------------

	文字の大きさ

------------------------------------------------------------*/

dl.stylechanger{
	margin:0;
	padding:5px;
	background:url(../images/bg_stylechanger.jpg) 0 0;
}

dl.stylechanger dt{
	display:block;
	float:left;
	width:90px;
	height:25px;
	margin:0;
	padding:0;
	background:url(../images/bg_stylechanger-dt.jpg) no-repeat;
	text-indent:-10000px;
}

dl.stylechanger dd{
	float:left;
	width:50px;
	margin:0;
	padding:0;
}

/*------------------------------------------------------------

	加入のメリット

------------------------------------------------------------*/

dl.benefits{
	margin:0 0 10px;
	font-size:90%;
	background:#ADB221;
}

dl.benefits dt{
	width:200px;
	height:35px;
	background:url(../images/dl_benefits-dt.jpg) no-repeat #ADB221;
	text-indent:-10000px;
}

dl.benefits dd,
dl.benefits dd a{
	float:left;
	display:block;
	width:100px;
	height:40px;
	text-indent:-10000px;

	
}



dl.benefits dd.m01 a{
	background:url(../images/dl_benefits-dd.jpg) 0 0 no-repeat;
}


dl.benefits dd.m02 a{
	background:url(../images/dl_benefits-dd.jpg) -100px 0 no-repeat;
}

dl.benefits dd.m03 a{
	background:url(../images/dl_benefits-dd.jpg) 0 -40px no-repeat;
}

dl.benefits dd.m04 a{
	background:url(../images/dl_benefits-dd.jpg) -100px -40px no-repeat;
}

dl.benefits dd.m05 a{
	background:url(../images/dl_benefits-dd.jpg) 0 -80px no-repeat;
}

dl.benefits dd.m06 a{
	background:url(../images/dl_benefits-dd.jpg) -100px -80px no-repeat;
}

dl.benefits dt.btnJoin{
	clear:both;
	width:200px;
	height:45px;
	background-image:none;
	background:#ADB221;
	text-indent:0;

}

/*------------------------------------------------------------

	footwrap dl

------------------------------------------------------------*/

#footwrap dl{
	width:550px;
	margin:0 auto;
	padding:20px 0 0;
}

#footwrap dt{
	display:block;
	float:left;
	width:270px;
	height:45px;
	margin:0;
	padding:0;
	background:url(../images/dl_footer-dt.jpg) no-repeat;
	text-indent:-10000px;
}

#footwrap dd{
	margin-left:280px;
	padding:5px 0 0;
	text-align:left;
	line-height:1.3em;
}

#footwrap p{
	text-align:center;
	}

/*------------------------------------------------------------

	サイトマップ

------------------------------------------------------------*/



ul#linkList ul{
	margin:0 0 15px;
	padding-top:5px;
	background:url(../sitemap/images/sitemap01.jpg) 20px 0px repeat-y;
	/*line-height:1;*/
	list-style-type:none
}

ul#linkList ul li{
	margin:0.3em 0 0.3em 0;
	padding-left:45px;
	background:url(../sitemap/images/sitemap02.jpg) 20px 1em no-repeat;
}



ul#linkList ul li.lastitem{
	background:url(../sitemap/images/sitemap03.jpg) 20px 1em no-repeat;
}

ul#linkList li{
	
	list-style-type:none
}

ul#linkList li ul li,
ul#linkList li ul li ul li,
ul#linkList li ul li ul li ul li{
	font-weight:normal;
}



ul#linkList li a strong{
	color:#0000FF;
	text-decoration:underline
}


ul#linkList li strong{
	display:block;
	background:url(../sitemap/images/application_go.gif) 10px center #FFB4DC no-repeat;
	color:#000;
	text-indent:2.5em;
	line-height:2
}



ul#linkList ul li strong{
	display:block;
	background:url(../sitemap/images/application_go.gif) 10px center #FFC8FF no-repeat;
	
	text-indent:2.5em;
}

ul#linkList ul ul li strong{
	display:block;
	background:url(../sitemap/images/application_go.gif) 10px center #DBDBDB no-repeat;
	
	text-indent:2.5em;
	font-weight:normal
}

ul#linkList ul ul ul li strong{
	display:block;
	background:url(../sitemap/images/application_go.gif) 10px center #EFEFEF no-repeat;
	text-indent:2.5em;
	font-weight:normal
}

ul#linkList ul ul ul ul li strong{
	display:block;
	background:url(../sitemap/images/sitemap_bg.jpg) 0 bottom #FFF repeat-x;
	border-left:3px solid #09c;
	text-indent:1em;
	font-weight:normal
}

/*------------------------------------------------------------

	clearfix

------------------------------------------------------------*/

ul.cat-member:after,
ul.hidakamap-list:after,
dl.benefits:after,
dl.benefits dd:after,
dl.memberhp:after,
dl.pdf-caution:after,
ul.list-link:after,
dl.dl-pdf:after,
dl.stylechanger:after,
.contents-cell:after,
.footer-sitenavi:after,
.footer-sitenavi ul:after,
#left-col:after,
#contentswrap:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
	
	
/* IE6 */
* html ul.cat-member,
* html ul.hidakamap-list,
* html dl.benefits,
* html dl.benefits dd,
* html dl.memberhp,
* html dl.pdf-caution,
* html ul.list-link,
* html dl.dl-pdf,
* html dl.stylechanger,
* html .contents-cell,
* html .footer-sitenavi,
* html .footer-sitenavi ul,
* html #left-col,
* html #contentswrap{
	zoom: 1;
	}
	
/* IE7 */
*:first-child+html ul.cat-member,
*:first-child+html ul.hidakamap-list,
*:first-child+html dl.benefits,
*:first-child+html dl.benefits dd,
*:first-child+html dl.memberhp,
*:first-child+html dl.pdf-caution,
*:first-child+html ul.list-link,
*:first-child+html dl.dl-pdf,
*:first-child+html dl.stylechanger, 
*:first-child+html .contents-cell,
*:first-child+html .footer-sitenavi,
*:first-child+html .footer-sitenavi ul,
*:first-child+html #left-col,
*:first-child+html #contentswrap{
	zoom: 1;
	} 
