@charset "utf-8";
/* ===================================================================
CSS information

	file name  :style.css
	author     :Tatsuya Kougami
	style info :コンテンツエリア関係 他
 
このスタイルシートの構成
基本設定、リンクカラー、見出し設定など
	汎用class
	各種スクリプト用class
	テーブル・表組用class
	タブ機能実装用
	 #navSkip
レイアウト、横幅設定など
	 #page
 	 #contents
	  #site_image
	  #main
	  #sub
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	background-image: url(../images/share/back_ground.gif);
	background-repeat: repeat-x;
}

#top_page {

}

#main_page {
	background-repeat: repeat-x;
	background-position: 0px 0px;
}


a:link {
	color: #039;
}

a:visited {
	color: #603;
}

a:hover {
	color: #933;
}

a:active {
}

hr {
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: dotted; /* 線種 */
	border-color: #CCC; /* 線色 */
	height: 1px; /* 高さ */
}


/*----------------------------------------------------
	基本設定、見出しタグなど
----------------------------------------------------*/

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

.red {
	color: #C00;
}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.clear_both {
	clear: both;
	margin-bottom: 1em;
	display: block;
}

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.posiC {
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 1em;
}

.alignC {
	display: block;
	margin-bottom: 1em;
	text-align: center;
}

.alignR {
	text-align: right;
}

.left70 {
	padding-left: 70px;
}

.arrows {
	font-size: 92%;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 13px;
	line-height: 100%;
}

.arrows li {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 11px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: -3px;
	list-style-type: none;
}

#main h1 img {
	display: block;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}

#main #img_h1{
	padding: 0px;
	clear: both;
	float: none;
	height: auto;
	width: auto;
	background-image: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#main .btn_space{
	margin-right: -36px;
}


/*----------------------------------------------------
	#navSkip (NavigationSkip)
----------------------------------------------------*/
span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}


/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	width: 960px;
	margin: 0 auto;
	position: relative;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E1E1E1;
	border-left-color: #E1E1E1;
	background-color: #FFF;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	width: 960px;
	clear: both;
	position: relative;
	background-color: #FFF;
}

#contents .pageTop {
	clear: both;
	text-align: right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 2px;
}





/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#main {
	float: left;
	width: 680px;
	background-color: #FFF;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 16px;
	padding-left: 16px;
}

#main h1 {
	background-image: url(../images/share/h1_background.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding-top: 6px;
	padding-left: 26px;
	font-size: 123%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: #e1e1e1;
	border-left-color: #e1e1e1;
	padding-bottom: 10px;
}

#main h2 {
	background-image: url(../images/share/h2_background.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding-top: 7px;
	padding-left: 26px;
	font-size: 108%;
	color: #333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-bottom: 9px;
	width: 648px;
	clear: both;
}


* #main h2 {
	display: inline-block;
}


#main h3 {
	height: 22px;
	padding-top: 7px;
	padding-left: 16px;
	font-size: 100%;
	color: #980000;
	border: 1px solid #E1E1E1;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	background-color: #eee;
}

#menu table,#main ol,#main ul,#main dl,#main blockquote,#main pre,#main p {
	margin-bottom: 1em;
}









/*----------------------------------------------------
	#main ul li
		メインのリスト関連
----------------------------------------------------*/



#main ul {
	list-style-position: inherit;
	margin-left: 0px;
}

#main li {
	list-style-type: disc;
	list-style-position: inherit;
	margin-left: 36px;
	margin-bottom: 5px;
}


#main .arrows {
	font-size: 100%;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 13px;
	margin-left: 13px;
	line-height: 100%;
}

#main .arrows li {
	background-image: url(../images/item/icon_arow_glay.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: -3px;
	list-style-type: none;
}

#main ol li .abc {
	list-style-type: lower-alpha;
	list-style-position: inherit;
	margin-left: 36px;
}


#main ol li {
	list-style-type: decimal;
	list-style-position: inherit;
	margin-left: 36px;
}

#main ol li ul li {
	list-style-type: circle;
	list-style-position: inherit;
	margin-left: 60px;
}


#main .btn_menu {
	clear: both;
}

#main .btn_menu li {
	list-style-type: none;
	float: left;
	padding: 0px;
	margin: 3px;
}

#main .btn_menu_pub {
	clear: both;
}

#main .btn_menu_pub dt {
	list-style-type: none;
	float: left;
	padding: 0px;
	margin: 4px;
}

#main .btn_menu_pub dd {
	list-style-type: none;
	margin: 4px;
	width: 190px;
	height: 130px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}




/*----------------------------------------------------
	#main_top
		メイン
----------------------------------------------------*/
#main_top {
	float: left;
	width: 683px;
	position: relative;
	margin-right: 0px;
	margin-left: 16px;
	margin-top: 6px;
	display: inline;
}





/* #gNav_img
----------------------------------------------------------- */
#gNav_img {
	overflow: hidden;
	padding: 0px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

* #gNav_img {
	height: 1%;
}

#gNav_img li {
	float: left;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#gNav_img li a {
	text-align: center;
	margin: 0px;
	background-repeat: repeat-x;
	background-position: center center;
	color: #333;
	display: inline;
	padding: 0px;
}


#gNav_img li a:hover {
	text-align: center;
	margin: 0px;
	background-repeat: repeat-x;
	background-position: center center;
	color: #C00;
	display: inline;
	padding: 0px;
}

#spt {
	float: right;
	display: block;
}


/*----------------------------------------------------
	#main_left
		メイン
		

		
----------------------------------------------------*/
#main_left {
	float: left;
	width: 234px;
}

#main_left ul,li {
	margin: 0px;
	padding: 0px;
}

	





/* -----------------------------------------------------------
	#sub
		サイドバー、サブ
----------------------------------------------------------- */
#sub {
	float: left;
	width: 234px;
	display: inline;
	padding-left: 16px;
}

#sub table,#sub ol,#sub ul,#sub dl,#sub blockquote,#sub pre {
	margin-bottom: 1em;
}

#sub ul,li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#sub h3 {
	background-image: url(../images/item/icon_arow_red.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;
	padding-left: 23px;
	padding-top: 7px;
	height: 18px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	font-size: 13px;
	line-height: 16px;
	border: 1px solid #CCC;
	padding-bottom: 4px;
	background-color: #f5f5f5;
}










/*----------------------------------------------------
	各種スクリプト用class
----------------------------------------------------*/

/* テーブルストライプ用の指定 */
.stripe .odd {
	background-color: #EEE;
}
.stripe .even {
	background-color: #FFF; 
} 


/* 外部リンクは別窓用の指定 */
.externalIcon {
	padding-left: 5px;
	vertical-align: middle;
}

/* clearfix */
#hoge:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}






/*----------------------------------------------------
	サイドバナー用class
----------------------------------------------------*/
/* サイドバナー用の指定 */

.campaign  {
	margin-bottom: 15px;
	clear: both;
	margin-top: 15px;
}

.campaign li  {
	margin-bottom: 4px;
	clear: both;
	display: block;
}

#campaign h2 {
}




/*----------------------------------------------------
	ヘッダパンクズ用class
----------------------------------------------------*/
/* ヘッダパンクズ用の指定 */


.head_bread {
	clear: both;
	display: block;
	font-size: 12px;
	height: 20px;
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 10px;
	background-image: url(../images/item/pankuzu_bk.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

.bread dt {
	display: none;
	height: 0px;
}

.bread dd {
	display: inline;
}




/*----------------------------------------------------
	フッタパンクズ用class
----------------------------------------------------*/
/* フッタパンクズ用の指定 */


.foot_bread {
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	margin-bottom: 10px;
	display: block;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	position: relative;
	height: 14px;
	font-size: 12px;
	background-image: url(../images/item/footer_bread_bk.gif);
	background-repeat: repeat-x;
	width: 940px;
	margin-right: 10px;
	margin-left: 10px;
}

.bread {
	margin: 0px;
	padding: 2px;
	display: block;
	width: 940px;
	height: 14px;
}

.bread li {
	display: block;
	float: left;
	padding: 0px;
	height: 14px;
	line-height: 110%;
	white-space: nowrap;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.bread li a {
	cursor:pointer;
}

.bread .avtive {
	background-image: url(../images/item/icon_arow_bule.gif);
	background-repeat: no-repeat;
	background-position: 4px 2px;
	padding-left: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
}

.bread .now {
	background-image: url(../images/item/icon_arow_red.gif);
	background-repeat: no-repeat;
	background-position: 4px 2px;
	padding-left: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}


.page_top{
	position: absolute;
	right: 6px;
	top: 3px;
}




/*----------------------------------------------------
	サイドメニュー用class
----------------------------------------------------*/
/* サイドメニュー用の指定 */


.local_menu {
	width: 232px;
	margin-bottom: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.local_menu li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	list-style-type: none;
}


.local_menu a {
	cursor:pointer;
	color: #333;
	display: block;
	font-size: 100%;
	text-decoration: none;
	background-image: url(../images/item/icon_arow_glay.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 110%;
	width: 204px;
	overflow: visible;
	padding-left: 28px;
}

.local_menu a:hover {
	color: #039;
	display: block;
	font-size: 100%;
	text-decoration: none;
	background-image: url(../images/item/icon_arow_bule.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 110%;
	width: 204px;
	overflow: visible;
	padding-left: 28px;
}

.externalLink{
	display:inline
}



/* TOP用 */

#main_top h2 {
	background-image: url(../images/share/h2_back.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 31px;
	width: 657px;
	padding-top: 6px;
	padding-left: 26px;
	padding-bottom: 4px;
	position: relative;
}

#main .arrows_point {
	font-size: 100%;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 13px;
	margin-left: 13px;
	line-height: 100%;
}

#main .arrows_point li {
	background-image: url(../images/item/icon_arow_point.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: -3px;
	list-style-type: none;
}

.line {
	position: absolute;
	float: left;
	padding-right: 0px;
	left: 0px;
}



.list_menu li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	list-style-type: none;
	margin: 0px;
	padding: 4px;
	display: inline-table;
}

.mmdd_red {
	float: left;
	background-image: url(../images/item/icon_arow_red.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline-block;
}

.mmdd_green {
	float: left;
	background-image: url(../images/item/icon_arow_green.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline-block;
}

.mmdd_bule {
	float: left;
	background-image: url(../images/item/icon_arow_bule.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline-block;
}

.link_icon {
	float: left;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline-table;
	width: 35px;
	text-align: center;
}

.article {
	display: block;
	float:right;
	width:520px;
}

.list_menu li {
	border-bottom-style: dotted;
	border-bottom-color: #666;
	width: 650px;
}

/* フォントカラー */

.green {
	color: #046101;
}

.white {
	color: #fff;
}

/* 事業所一覧 */


.address h4 {
	font-size: 110%;
	line-height: 120%;
	font-weight: bold;
	background-image: url(../address/images/arow.gif);
	background-repeat: no-repeat;
	background-position: 0 0.1em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 18px;

}

.address-l {
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
}

.address-r {
	float: right;
	width: 530px;
	/* margin: 0 50px 0 0; */
	margin: 0;
	padding: 0;
}

.hr_dot {
	clear: both;
	border-top-style: dotted;
	margin-top: 0px;
	margin-bottom: 10px;
}

/* 新着・トピックスの一覧表示 */

#main .list_menu {
	list-style-position: outside;
	margin-right: 1em;
	margin-left: 1em;
}

#main .list_menu li {
	border-bottom-style: dotted;
	border-bottom-color: #666;
	width: 650px;
	list-style-type: none;
	margin-left: 0px;
}


/* 募集要項の表示 */

#main .list_table {
	padding: 4px;
	display: inline-table;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
	list-style-position: outside;
	list-style-image: url(../images/share/blank.gif);
}

#main .mmdd_table {
	background-position: 4px 4px;
	padding-left: 11px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	display: inline-block;
	list-style-position: outside;
	list-style-type: none;
}