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

Gazikobo contents style

Version:    2008.09/02
Set for:	all_page
-----------------------------------------------
*/

/* INDEX

-------------------------------------------

1. basic tags 

2. basic rules

3. basic rules  - color

4. link rules

5. layout

	5-1.layout for common

	5-2.layout for TOPpage

6. common parts

7. page parts

8. sidemenu

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


/* 1. basic tags 

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

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
	background-color: #f0f0f0;
	background-image: url(../00_images/back.gif);
	background-position: center;
	background-repeat: repeat-y;
}





hr {
	display: none;
}





p{
}





h1{
}





h2{
}





h3{
}





h4{
}





a {}
a:link {
	text-decoration: none;
}




a:visited {
	text-decoration: none;
}




a:hover {
	color: #FF3300;
	text-decoration: underline;
}




a:active {
	color: #FF3300;
	text-decoration: underline;
}





a.foot {
	font-size: 85%;
}




a.foot:link {
	color: #FFFFFF;
	text-decoration: none;
}




a.foot:visited {
	color: #FFFFFF;
	text-decoration: none;
}




a.foot:hover {
	color: #FFFFFF;
	text-decoration: underline;
}




a.foot:active {
	color: #FFFFFF;
	text-decoration: underline;
}






/* 2. basic rules 

-------------------------------------------*/
.hide{
	display: none;
}





.imgc{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}





/* �e�L�X�g�z�u */
.txtc{
	text-align: center;
}




.txtr{
	text-align: right;
}




.txtl{
	text-align: left;
}




.txtvt{
	vertical-align: top;
}




.txtvm{
	vertical-align: middle;
}




.txtvb{
	vertical-align: bottom;
}





/* Float */
.fright{
	float: right;
}




.fleft{
	float: left;
}




.fright_b{
	float: right;
	display: block;
}




.fleft_b{
	float: left;
	display: block;
}





/* Clear */
.clr{
	clear: both;
	font-size: 0;
	line-height: 0;
}




.clr_l{
	clear: left;
}




.clr_r{
	clear: right;
}




.clr_b{
	clear: both;
}





/* ��]�� */
.top_5{
	margin-top: 5px;
}




.top_8{
	margin-top: 8px;
}




.top_10{
	margin-top: 10px;
}




.top_20{
	margin-top: 20px;
}




.top_38{
	margin-top: 38px;
}




/* ���]�� */
.Bottom_em{
	margin-bottom: 1em;
}




.Bottom_3{
	margin-bottom: 3px;
}




.Bottom_5{
	margin-bottom: 5px;
}




.Bottom_7{
	margin-bottom: 7px;
}




.Bottom_10{
	margin-bottom: 10px;
}




.Bottom_15{
	margin-bottom: 15px;
}




.Bottom_20{
	margin-bottom: 20px;
}




.Bottom_30{
	margin-bottom: 30px;
}





.Bottom_50{
	margin-bottom: 50px;
}




.Bottom_100{
	margin-bottom: 100px;
}





/* �E�]�� */
.Right_05{
	margin-right: 5px;
}




.Right_07{
	margin-right: 7px;
}




.Right_10{
	margin-right: 10px;
}




.Right_20{
	margin-right: 20px;
}





/* ���]�� */
.left_05{
	margin-left: 5px;
}




.left_07{
	margin-left: 7px;
}





.left_10{
	margin-left: 10px;
}




.left_20{
	margin-left: 20px;
}





/* font style */
.Style65{
	font-size: 65%;
}




.Style70{
	font-size: 70%;
}




.Style75{
	font-size: 75%;
}




.Style80{
	font-size: 80%;
}




.Style85{
	font-size: 85%;
}




.Style90{
	font-size: 90%;
}




.Style120{
	font-size: 120%;
}




.StyleB{
	font-weight: bold;
}




.newsday{
	font-size: 80%;
	font-weight: normal;
	color: #333333;
}




/* Text Indent */
.Indent{
	text-indent: 1em;
}





/* LineHeight */
.LineH120{
	line-height: 120%;
}




.LineH130{
	line-height: 130%;
}




.LineH140{
	line-height: 140%;
}




.LineH150{
	line-height: 150%;
}





/* Text Space */
.SpCh{
	margin-right: 0.5em;
}




.SpC01{
	margin-right: 1em;
}




.paT10{
	padding-top: 10px;
}



.mb005{
	margin-bottom: 5px;
}




/* 3. basic rules  - color

-------------------------------------------*/
/* �w�i�F */
.Bcolor_lglay{
	background-color: #CCCCCC;
}




.Bcolor_pink{
	background-color: #FFC9BD;
}





/* �e�L�X�g�F */
.Tcolor_white{
	color: #FFFFFF;
}




.Tcolor_red{
	color: #FF0000;
}




.Tcolor_blue{
	color: #0000FF;
}




.Tcolor_green{
	color: #006600;
}




.Tcolor_orenge{
	color: #F58002;
}







/* 4. link rules 

-------------------------------------------*/
#Pankuzu a{
	color: #999999;
}




#Pankuzu a:link{
	text-decoration: none;
}




#Pankuzu a:visited{
	text-decoration: none;
}




#Pankuzu a:hover{
	text-decoration: underline;
}




#Pankuzu a:active{
	text-decoration: underline;
}





a.visit{
	color: #F58002;
}




a.visit:link{
	text-decoration: none;
}




a.visit:visited{
	color: #F58002;
	text-decoration: none;
}




a.visit:hover{
	color: #F58002;
	text-decoration: underline;
}




a.visit:active{
	color: #F58002;
	text-decoration: underline;
}






/* 5-1. layout 

-------------------------------------------*/
#back{
	width: 100%;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(../images/00_Commonness/back_g.gif);
	background-position: top;
	background-repeat: repeat-x;
}





#header{
	width: 846px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}





#main_con_b{
	width: 844px;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
	text-align: center;
	background-image: url(../images/00_Commonness/con_back.gif);
	background-repeat: repeat-y;
}





#main_con{
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(../images/00_Commonness/sideback.gif);
	background-position: left top;
	background-repeat: repeat-y;
}





#footer{
	width: 100%;
	margin-top: 0px;
	text-align: center;
	background-color: #870000;
}





#foot_yosi{
	height: 50px;
	width: 280px;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: left;
}





#foot_yosi p{
	padding-left: 85px;
	text-align: left;
	background-image: url(../images/00_Commonness/foot_rogo.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}







/* 5-2. layout for TOPpage 

-------------------------------------------*/
.topics{
	list-style-position: inside;
	list-style-type: disc;
}







/* 6. common parts

-----------------------------------------------*/
.navi_menu{
	width:185px;
	height:100%;
	float:left;
	padding-right:7px;
	margin-right:0px;
	padding-top:5px;
	margin-top:0px;
	overflow:hidden;
	vertical-align:top;
	/*background-color:#eeeeee;*/
}




/*.navi_Kawanishi{
	float: left;
	width: 185px;
	margin-top: 20px;
	margin-right: 7px;
	overflow: hidden;
	background-color: #eeeeee;
}



*/
.navi{
	clear: both;
	width: 185px;
	margin: 0px;
	list-style: none;
}




.navi li{
	float: left;
	height: 42px;
	overflow: hidden;
	display: block;
}




.navi li.kirari{
	height: 20px;
}




.navi a{
	float: left;
	height: 42px;
	overflow: hidden;
	display: block;
	background-position: top;
}




.navi a:hover{
	background-position: bottom;
}




.navi01{
	background-image: url(../images/00_Commonness/navi_01.gif);
}




.navi02{
	background-image: url(../images/00_Commonness/navi_02.gif);
}




.navi03{
	background-image: url(../images/00_Commonness/navi_03.gif);
}




.navi04{
	background-image: url(../images/00_Commonness/navi_04.gif);
}




.navi05{
	background-image: url(../images/00_Commonness/navi_05.gif);
}




.navi06{
	background-image: url(../images/00_Commonness/navi_06.gif);
}




.navi07{
	background-image: url(../images/00_Commonness/navi_07.gif);
}




.navi08{
	background-image: url(../images/00_Commonness/navi_08.gif);
}




.navi09{
	background-image: url(../images/00_Commonness/navi_09.gif);
}



.navi10{
	background-image: url(../images/00_Commonness/navi_10.gif);
}

.navi11{
	background-image: url(../images/00_Commonness/navi_11.gif);
}




.main{
	float: right;
	width: 648px;
	padding: 6px 0 0 0;
	margin: 0;
	overflow: hidden;
	background-color: #FFFFFF;
}











/* 7. page parts

-----------------------------------------------*/
/* ���� */
.acti{
	clear: both;
	height: 35px;
	width: 648px;
	margin: 0px;
	list-style: none;
}




.acti li{
	float: left;
	height: 35px;
	width: 216px;
	overflow: hidden;
	display: block;
}




.acti a{
	float: left;
	height: 35px;
	width: 216px;
	overflow: hidden;
	display: block;
	background-position: bottom;
}




.acti a:hover{
	background-position: top;
}




.acti01{
	background-image: url(../images/04_Activity/active_navi_01.gif);
}




.acti02{
	background-image: url(../images/04_Activity/active_navi_02.gif);
}




.acti03{
	background-image: url(../images/04_Activity/active_navi_03.gif);
}





.ac table{
	margin: 3px auto;
	border: 2px solid #ffffff;
	border-collapse: collapse;
}




/*.ac th,td{
	border: 2px solid #ffffff;
	border-collapse: collapse;
}

*/


.ac th{
	color: #FFFFFF;
	background-color: #B0E49E;
}




.ac a{
	height: auto;
	height: 100%;
	padding: 5px;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
	display: block;
}




.ac a.backB{
	background-color: #B0E49E;
}




.ac a:hover{
	height: auto;
	height: 100%;
	color: #006600;
	text-decoration: none;
	background-color: #D5FFC4;
}




.ac_b_color{
	color: #000000;
	background-color: #eeeeee;
}




#Yb td{
	padding: 3px;
	border: 1px solid #666666;
}




#Yb table{
	border: 1px solid #666666;
	border-collapse: collapse;
}




.hako{
	width: 585px;
	margin: 0px auto 0px auto;
}




.hako .Link td{
	padding: 2px;
	line-height: 120%;
}





.pri{
	list-style-position: inside;
	list-style-type: disc;
}





/* CSS Document */


/*  */
.NpoTxtBox{
	width: 608px;
	margin: 0 auto 20px auto;
}




.NpoTxtBox h3{
	margin-bottom: 1em;
	font-weight: bold;
	text-align: left;
}




.NpoTxtBox ul{
	list-style-type: disc;
}




.NpoTxtBox li{
	margin-bottom: 1em;
	margin-left: 30px;
	font-size: 85%;
	line-height: 120%;
	text-align: left;
}





/*  */
.NameBox{
	float: right;
	margin-bottom: 20px;
	font-size: 85%;
	line-height: 120%;
}





/* */
.GaziTable table,.GaziTable td{
	border: 1px solid #666666;
	font-size: 85%;
	line-height: 120%;
	border-collapse: collapse;
}




.GaziTable td{
	padding: 2px 5px;
}




.GaziTable2 table,.GaziTable2 td{
	border: 1px solid #666666;
	line-height: 120%;
	border-collapse: collapse;
}




.GaziTable2 td{
	padding: 1px 3px;
}




/*TOPICS*/
.TopicsBox{
	width: 608px;
	margin: 10px auto;
	border: 1px solid #888888;
}




.IndexBox{
	height: 150px;
	width: 608px;
	margin: 10px auto;
	overflow: auto;
	border: 1px solid #888888;
}




.TopicsBox p,.IndexBox p{
	margin-bottom: 1em;
	font-size: 85%;
	line-height: 120%;
	text-align: left;
}




.TopicsBox ol,.IndexBox ol{
	width: 568px;
	margin: 5px 10px;
	text-align: left;
	list-style: none;
}




.TopicsBox li,.IndexBox li{
	margin-bottom: 0.5em;
	font-size: 85%;
	line-height: 120%;
	text-align: left;
}




.TopicsBox-inner{
	width: 588px;
	margin: 5px 10px;
}





.Topi_head{
	width: 608px;
	margin-bottom: 10px;
	background-color: #6a0000;
}




.Topi_head h1{
	float: left;
	width: 570px;
	margin: 2px 10px 2px 2px;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 120%;
	text-align: left;
}




.Topi_head p{
	float: right;
	margin-bottom: 0;
	font-size: 85%;
	font-weight: normal;
	color: #FFFFFF;
	text-align: right;
}




.Tphoto01{
	float: left;
	margin-right: 8px;
	margin-bottom: 5px;
}






/**/
.AccessBox{
	width: 608px;
	margin: 10px auto;
}




.AccessBox ul{
	width: 588px;
	margin: 5px 10px 5px 20px;
	list-style-type: disc;
}




.AccessBox li{
	margin-bottom: 0.5em;
	margin-left: 20px;
	font-size: 85%;
	line-height: 120%;
	text-align: left;
}




/* 商工会 */
#Syokokai{
	width: 608px;
	margin: 0 auto 0 auto;
	border: 1px solid #666666;
	font-size: 80%;
	border-collapse: collapse;
}



#Syokokai th{
	padding: 5px;
	border: 1px solid #666666;
	font-size: 90%;
	text-align: center;
	background-color: #CEFFD0;
	border-collapse: collapse;
}



#Syokokai th.sidename{
	text-align: left;
}



#Syokokai td{
	padding: 5px;
	border: 1px solid #666666;
	line-height: 120%;
	text-align: left;
	background-color: #FFFFFF;
	border-collapse: collapse;
}



#Syokokai td.Shopname{
	font-weight: bold;
	background-color: #DFFDFF;
}



p.shop{
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: 80%;
	line-height: 150%;
	text-align: right;
}



h1.title{
	height: 100px;
	width: 648px;
	margin-bottom: 10px;
	display: block;
	background: url(../10_syokokai/images/title.jpg) no-repeat;
}



h1.title span{
	display: none;
}


/* 080917 */
#Syokokai td.back_faffe4{
	background-color: #faffe4;
}



#Syokokai td.Shopname02{
	font-weight: bold;
}




/*=====
0906 add
=====*/

.clerfix{
	overflow: hidden;
}


*html .clerfix{
	zoom: 1;
}



ul.activity{
	height: 90px;
	width: 648px;
	margin: 10px 0 10px;
}



.activity li{
	float: left;
	height: 25px;
	width: 124px;
	margin: 0 5px 5px 0;
}



div.activ-box{
	width: 585px;
	margin: 5px auto 20px;
	overflow: hidden;
}


.activ-box img{
	float: left;
	margin: 0 3px 7px 0;
}


.activ-box p{
	padding: 0;
	margin: 10px 0 0 0;
	font-size: 90%;
	line-height: 140%;
	letter-spacing: 0.1em;
	text-align: left;
}


.activ-box p strong{
	font-size: 100%;
	font-weight: bold;
	color: #000099;
}


.activ0906 td{
	padding: 3px;
	font-size: 85%;
	line-height: 140%;
	letter-spacing: 0.1em;
}




/*----------------------------
Version:    2009.11/06
Set for:	ec site
----------------------------*/
.clearfix:after{
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}


.clearfix{
	display: inline-block;
}


.clearfix{
	zoom: 100%;
}



/* ec-site */
#ec-site{
	clear: both;
	height: auto;
	width: 608px;
	padding: 0 20px;
	margin-bottom: 35px;
	overflow: hidden;
	text-align: left;
}


#ec-site h2{
	margin: 0 0 10px 0;
	clear: both;
	
}

#ec-site h3{
	clear: both;
	font-weight: bold;
	text-align: left;
}

#ec-site .headline{
	height: 25px;
	width: 608px;
	padding: 0 0 0 10px;
	margin: 20px 0 5px 0;
	font-size: 13px;
	color: #0f4100;
	line-height: 25px;
	background: url(../images/11_ecsite/h3-bg.jpg) no-repeat;
	clear:both;
}


#ec-site p{
	line-height: 150%;
	letter-spacing: 0.1em;
}


#ec-site img.left{
	float: left;
	margin: 0 20px 10px 0;
}

#ec-site .link-b{
	float: right;
	margin: 10px 20px 10px;
}


#ec-site img.recruit{
	float: left;
	margin:0 7px 0 0;
}


#ec-site ol{
}

#ec-site ol li{
	margin-bottom: 10px;
	line-height: 150%;
	letter-spacing: 0.1em;
	text-align: left;
	list-style-position: inside;
	list-style-type: decimal;
}


ul.ec-site{
	padding: 0 5px;
	margin: 0 20px;
}

ul.ec-site li{
	margin: 0 0 10px 0;
	font-size: 85%;
	line-height: 150%;
	text-align: left;
	list-style-image: url(../images/11_ecsite/list-pic.jpg) ;
	list-style-position: outside;
}


table.ec-site{
	height: auto;
	width: 548px;
	margin: 0 auto;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	clear:both;
}

.ec-site caption{
	height: 25px;
	width: 568px;
	padding: 0 0 0 20px;
	margin: 15px 0 5px 0;
	font-size: 85%;
	font-weight: bold;
	line-height: 25px;
	background: url(../images/11_ecsite/caption.jpg) no-repeat;
}

.ec-site th{
	height: auto;
	width: 50%;
	padding: 5px;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	background: #deefa0;
}

.ec-site td{
	height: auto;
	width: 50%;
	padding: 5px;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	font-size: 85%;
	text-align: center;
}


/* rule */
#rule-box{
	clear: both;
	height: auto;
	width: 608px;
	padding: 0 20px;
	margin-bottom: 35px;
	overflow: hidden;
	font-size:80%;
	text-align: left;
	line-height: 150%;
}

#rule-box h3{
	font-weight:bold;
	line-height:150%;
	color:#006600;
	border-bottom:1px solid #006600;
	margin:0 0 10px 0;
}

#rule-box h4{
	font-weight:bold;
	line-height:150%;
	margin-bottom:10px;
}

#rule-box p{
	margin-left: 1em;
	margin-bottom:15px;
	font-size:90%;
	line-height:150%;
}

.left-1em{
	margin-left:1em;
}
#rule-box ol li{
	margin-bottom: 10px;
	margin-left: 1em;
	line-height: 150%;
	letter-spacing: 0.1em;
	text-align: left;
	list-style-position: inside;
	list-style-type: decimal;
	
}

#rule-box ul li{
	list-style-type:disc;
	margin-bottom: 10px;
	margin-left: 1em;
	line-height: 150%;
	letter-spacing: 0.1em;
	text-align: left;
	list-style-position: inside;
}

#rule-box address{
	margin-left: 1em;
	margin-bottom:15px;
	font-size:90%;
	line-height:150%;
	text-align:left;
}

#ec-site address{
	margin-left: 1em;
	margin-bottom:15px;
	font-size:90%;
	line-height:150%;
	text-align:left;
}