@charset "utf-8";
/* CSS Document */

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

	common.css
	2010.02.19 last update

	01.ヘッダー
	02.a
	03.グローバルナビゲーション
	04.ページナビゲーション
	05.フッターサイトナビゲーション
	06.画像関連
	08.table
	09.PDF用
	10.加入のメリット
	11.商工会案内
	12.部会情報
	13.会員情報
	14.リンク
	15.サイトマップ
	16.clearfix
	
	更新履歴------------------------------------------
	XX.XX.XXs

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


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

	ヘッダー

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

#header{
	clear:both;
	width:960px;
	margin:10px auto 0;
	text-align:left;
}

h1 a{
	float:left;
	width:300px;
	height:50px;
	margin-bottom:10px;
	background:url(../images/h1.jpg) no-repeat;
	text-indent:-10000px;
}

#header dl{
	float:right;
	width:365px;
	text-indent:-10000px;
}

#header dl dt{
	width:365px;
	height:20px;
	background:url(../images/header_address.jpg) no-repeat;
}

#header dl dd{
	float:left;
	height:30px;
}

#header dl dd.tel{
	width:180px;
	background:url(../images/header_tel.jpg);
}

#header dl dd.fax{
	width:185px;
	background:url(../images/header_fax.jpg);
}



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

	a

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


a{
	color:#690;
}
/*------------------------------------------------------------

	グローバルナビゲーション

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

ul#globalnavi{
	clear:both;
	margin:10px auto 0;
	width:990px;
	height:55px;
	background:url(../images/gnavi.jpg) 0 0 no-repeat;
}

ul#globalnavi li,
ul#globalnavi li a{
	display:block;
	float:left;
	width:198px;
	height:55px;
	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 -65px;
}


ul#globalnavi li.gn02 a{
	background:url(../images/gnavi.jpg) -198px 0;
}

ul#globalnavi li.gn02,
ul#globalnavi li.gn02 a:hover{
	background:url(../images/gnavi.jpg) -198px -65px;
}


ul#globalnavi li.gn03 a{
	background:url(../images/gnavi.jpg) -396px 0;
}

ul#globalnavi li.gn03,
ul#globalnavi li.gn03 a:hover{
	background:url(../images/gnavi.jpg) -396px -65px;
}


ul#globalnavi li.gn04 a{
	background:url(../images/gnavi.jpg) -594px 0;
}

ul#globalnavi li.gn04,
ul#globalnavi li.gn04 a:hover{
	background:url(../images/gnavi.jpg) -594px -65px;
}



ul#globalnavi li.gn05 a{
	background:url(../images/gnavi.jpg) -792px 0;
}

ul#globalnavi li.gn05,
ul#globalnavi li.gn05 a:hover{
	background:url(../images/gnavi.jpg) -792px -65px;
}

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

	ページナビゲーション

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

ul.pagenavi{
	margin:0 0 10px;
	font-size:90%;
	background:#BFD7AE;
	border-top:3px solid #BFD7AE;
	border-bottom:3px solid #BFD7AE;
}

ul.pagenavi li{
	font-weight:bold;
}

ul.pagenavi li a{
	font-weight:normal;
}

ul.pagenavi li,
ul.pagenavi li a{
	display:block;
	width:194px;
	height:30px;
	margin:0 auto;
	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;
}


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

	フッターサイトナビゲーション（.foootersitenaviはlayout.css）

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

.footer-sitenavi ul{
	clear:both;
	margin:5px auto 0;
	padding: 0px 0px 5px;
	width:1000px;
}

.footer-sitenavi ul li{
	padding:3px 3px 3px 18px;
	font-size:80%;
}

.footer-sitenavi ul li a{
	padding:3px 3px 3px 18px;
	background:#036}

.footer-sitenavi ul li.sn-privacypolicy,
.footer-sitenavi ul li.sn-sitemap{
	float:left;
}

.footer-sitenavi ul li.sn-arrow{
	float:right;
}

.footer-sitenavi ul li.sn-privacypolicy a{
	
	/*background:url(../images/bg_sitenavi-pp.jpg) 0 center no-repeat;*/
	background:url(../images/bg_sitenavi-pp.jpg) no-repeat;
}

.footer-sitenavi ul li.sn-sitemap a{
	
	/*background:url(../images/bg_sitenavi-pp.jpg) 0 center no-repeat;*/
	background:url(../images/bg_sitenavi-sm.jpg) no-repeat;
}

.footer-sitenavi ul li.sn-arrow a{
	
	/*background:url(../images/bg_sitenavi-pp.jpg) 0 center no-repeat;*/
	background:url(../images/bg_sitenavi-arrow.jpg) no-repeat;
}


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

	画像関連

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

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 #CCC;
	background:#FFF;
}

a:hover .photo{
	margin:0 0 10px;
	padding:4px;
	border:1px solid #F33;
	background:#F66;
}


.img-main{
	margin:0 0 10px;
}

.banner{
	margin:10px 0 0;
}



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

	table

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

table{
	padding:1px;
	background:#090;
	font-size:80%;
	text-align:left;
}

th,td{
	padding:2px;
	line-height:1.4em;
}

th{
	background:#AEF4C5;
}

td{
	padding:2px 4px;
	background:#FFF;
}








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

	table from 東松山市商工会

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

table{
	padding:1px;
	background:#CCC;
	font-size:90%;
	text-align:left;
}

table.m10{
	margin:0 0 10px 10px;
}

th,td{
	padding:5px;
	line-height:1.4em;
}

th{
	background:#E3E3E3;
}

td{
	padding:2px 4px;
	background:#FFF;
}


.contents-cell table{
	float:right;
}

table.namelist{
	width:720px;
	margin:5px auto;
}

table.namelist .fbtc{
	font-weight:bold;
	text-align:center;
}

table.namelist .tc{
	text-align:center;
}

table.namelist th.w15,
table.namelist td.w15{
	width:15%;
}

table.namelist th.w20,
table.namelist td.w20{
	width:20%;
}

table.namelist th.w25,
table.namelist td.w25{
	width:25%;
}

table.namelist th.w30,
table.namelist td.w30{
	width:30%;
}

table.namelist th.w33,
table.namelist td.w33{
	width:33%;
}

.cell-address table,
dl.nashi table{
	width:99%;
}

dl.nashi table th,
dl.nashi table td{
	text-align:center;
}


table#dues{
	text-align:right;
	
}

table#dues td{
	padding:0.5em;
	line-height:1.5em;
}


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

	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.join{
	padding-bottom:10px;
	background:url(../images/bg_dl-benefits.jpg) bottom no-repeat;
}

dl.join dt{
	width:200px;
	height:50px;
	background:url(../images/bg_dl-benefits-dt.jpg) no-repeat;
	text-indent:-10000px;
}

dl.join dd.benefitslist{
	padding-bottom:15px;
	background:url(../images/bg_dl-benefits-dd.jpg) bottom no-repeat;
}

dl.join dd.benefitslist ul{
	padding:3px 25px;
	text-align:left;
	font-size:90%;
	font-weight:bold;
	line-height:2em;
}


.banner{
	margin:10px 0 0;
}


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

	商工会案内

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

#sci-map{
	width:720px;
	height:400px;
	margin:10px auto;
	text-align:left;
	font-size:90%
}

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

	部会情報

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

dl.subcommittee{
	width:740px;
	margin:5px auto 10px;
}

dl.subcommittee dt{
	float:left;
	width:210px;
}

dl.subcommittee dt img{
	padding:4px;
	background:#C1EBFF;
	border:1px solid #24B8FF;
}

dl.subcommittee dd{
	margin-left:215px;
	font-size:80%;
	text-align:left;
	line-height:1.5em;
}

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

	会員情報

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

ul.cat-member{
	width:720px;
	height:40px;
	margin:0 auto;
	font-size:90%;
}

ul.cat-member li,
ul.cat-member li a{
	display:block;
	float:left;
	width:180px;
	height:40px;
	line-height:40px
}

ul.cat-member li a{
	background:url(../member/images/bg_ul-member.jpg) 0 0 no-repeat;
	color:#09F;
}

ul.cat-member li a:hover{
	background:url(../member/images/bg_ul-member.jpg) 0 -40px no-repeat;
	color:#036;
}

iframe{
	width:750px;
		height:600px; /* 2011.8.9　追加 */
	margin:0 auto;
	padding:0;
}



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

	リンク

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

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/icon_flag-blue.gif) 5px center no-repeat;
	font-size:90%;
	text-align:left;
	text-indent:30px
}


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

	サイトマップ

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



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 #D0E8FF 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 #D6FFAC 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,
dl.pdf-caution:after,
ul.list-link:after,
dl.dl-pdf:after,
.contents-cell:after,
.footer-sitenavi:after,
.footer-sitenavi ul:after,
#contentswrap:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
	
	
/* IE6 */
* html ul.cat-member,
* html dl.pdf-caution,
* html ul.list-link,
* html dl.dl-pdf,
* html .contents-cell,
* html .footer-sitenavi,
* html .footer-sitenavi ul,
* html #contentswrap{
	zoom: 1;
	}
	
/* IE7 */
*:first-child+html ul.cat-member,
*:first-child+html dl.pdf-caution,
*:first-child+html ul.list-link,
*:first-child+html dl.dl-pdf,
*:first-child+html .contents-cell,
*:first-child+html .footer-sitenavi,
*:first-child+html .footer-sitenavi ul,
*:first-child+html #contentswrap{
	zoom: 1;
	}