@charset "Shift_JIS";

/* ★全体設定 ここから★
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body {
	text-align:center;
	padding: 0;
	margin: 0;
	background: #FFFFFF url(../img/bg_all_hana.gif) no-repeat fixed right bottom;
}

body{
 color:#000;
 font-size:94%;
 line-height:1.6;/* 単位は付けないこと */
 font-family: Verdana, sans-serif;
	padding:0;
	margin:0;
}

table th,td{
 color:#000;
 font-size:94%;
 line-height:1.6;
 font-family: Verdana, sans-serif;
	padding:0;
	margin:0;
}

table th,td table th,td {/* TABLEの入れ子でも文字の大きさが変わらないようにする */
 font-size: 100%;
}

a:link{
}
a:visited{
}
a:hover{
 color:#ff8800;
}
a:active{
}

h1{/* 会社ロゴ（トップページへのリンク設定） */
 font-weight:normal;
	margin:0;
}

h2.subttl{
	width:500px;
	height:44px;
	background: url(../img/bg_subttl_h2.gif) no-repeat left top;
	color:#737373;
	font-size:24px;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	line-height: 44px;
	margin:0;
}


h2 {/* 強調する見出し・オレンジ */
	color: #FFFFFF;
	background: url(../img/bg_ttl_h2.gif) no-repeat left top;
	text-indent: 10px;
	font-size: 100%;
 line-height: 2.0;
	height: 30px;
	width: 500px;
	margin:0px;
}

h3 {/* 通常の見出し */
	background: url(../img/lis_h3.gif) no-repeat left center;
	padding-left:22px;
	font-size: 100%;
	color: #4EBBC6;
	border-bottom: 3px solid #BFE7F0;
	margin:10px 0px 10px;/* 上・左右・下 */
}

h4 {/* 見出しの中の見出し */
	font-size: 100%;
	color: #990000;
	background: #F0F3F4;
	line-height: 2.0;
	text-indent: 5px;
}

img {
 border: 0;
}

address {
	font-style: normal;
	padding: 10px 5px 0px 10px;
}

div.clear {/*段組を解除*/
 clear: both;
}

div.counter{/* カウンター（トップページのみ） */
 text-align:right;
	padding-right:5px;
	padding-bottom:5px;
}

iframe{
 margin-left:10px;
}

/* ★全体設定 ここまで★
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */




/* ★レイアウト(■箱)の設定 ここから★
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ■全体■幅を730pxに固定 */
#wrap{
 width:730px;
	color: #333;/*文字色（濃いグレー）*/
	text-align: left;
 margin: 0 auto;
}

/* ■メニュー■ */
#menu{
	width:730px;
	background: url(../img/bg_menu.gif) no-repeat left top;
}

/* ■コンテンツ■段組（left・right） */
#contents{
	width:730px;
}

/* ■右側■メインの段組 */
#right{
 width:500px;
 float:right;
}

/* ■左側■ */
#left{
 margin-right:527px;
}

/* ■下：ナビゲーションリンク■ */
#bottomlink{
 width:500px;
	float:right;
	text-align:right;
	color:#CCCCCC;
	font-size:90%;
	border-top: 1px solid #CCCCCC;
	padding-top:10px;
}

/* ■コピーライト■ */
#copy{
	background: url(../img/bg_copy.gif) no-repeat center top;
	letter-spacing: 0.1em;
	text-align: center;
	height: 37px;
	width: 730px;
	color: #888888;
	font-size: 12px;
	line-height: 37px;
	margin:10px 0px;
}
/* ★レイアウト(■箱)の設定 ここまで★
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


/* ★箱ごとの設定 ここから★
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ■wrap
━━━━━━━━━━ */

/* 文字の大きさ変更ボタン ここから -- */
#wrap form{
 margin:10px 0px 0px;/* 上・左右・下 */
}
#wrap form LEGEND{
 color:#0076A3;
	font-size:14px;
	letter-spacing:0.2em;
}
#wrap .btn{
 width:100px;
 height:30px;
 vertical-align:middle;
 margin:3px 0px;
}
/* 文字の大きさ変更ボタン ここまで -- */


/* ■menu
━━━━━━━━━━
一番下にあります。（長いので）
 */



/* ■contents
━━━━━━━━━━ */
#contents .panlist{/* パンくずリスト */
 color:#777777;
	font-size:80%;
	line-height:3.0;
	text-align:right;
	padding-right:5px;
}

/* ■left
━━━━━━━━━━ */
#left ul.menulink{/* 左：サブページのメニューに使用 */
	list-style-image: url(../img/lis_ya.gif);
	line-height:1.4;
	margin: 0 0 0 1.5em;
	padding: 5px 5px 7px 0px;/*上　右　下　左*/
}

#left ul.menulink li.menu_on{/* 該当ページ */
	list-style-image: url(../img/lis_ya_on.gif);
}
#left ul.menulink li.menu_on a:link,
#left ul.menulink li.menu_on a:visited,
#left ul.menulink li.menu_on a:active{
 color:#ff8800;
	font-weight:bold;
	text-decoration:none;
}
#left ul.menulink li.menu_on a:hover{
	text-decoration:underline;
}

#left ul.menulink li.menu02{
	list-style-image: url(../img/lis_01.gif);
	line-height:1.4;
	margin: 0 3px 0 1.3em;
}


/* 左：事業所案内などの枠(01-03でひとつ)　ここから -- */
#left div.l_waku_01_t{/* top：上 */
	font-weight: bold;
	color: #FFFFFF;
	background: url(../img/bg_l_waku_01_t.gif) no-repeat left top;
	text-align: left;
	line-height: 30px;
	height: 30px;
	width: 200px;
	text-indent: 10px;
}
#left div.l_waku_01_tmenu{/* top：上：サブページメニューのみ */
 font-size:14px;
	font-weight: bold;
	color: #FFFFFF;
	background: url(../img/bg_l_waku_01_tmenu.gif) no-repeat left top;
	text-align: left;
	line-height: 30px;
	height: 30px;
	width: 200px;
	text-indent: 10px;
}
#left div.l_waku_01_c{/* center：真ん中：文字が入る */
	background: url(../img/bg_l_waku_01_c.gif) repeat-y;
}
#left div.l_waku_01_b{/* bottom：下 */
	background: url(../img/bg_l_waku_01_b.gif) no-repeat;
	width: 200px;
	height: 15px;
	margin-bottom:10px;
}
/* 左：事業所案内などの枠(01-03でひとつ)　ここまで -- */


/* ■right
━━━━━━━━━━ */
#right div.message{/* トップページ：どんなところ？ */
 background:url(../img/bg_message.gif) repeat-y center top;
	width:500px;
}
#right div.message p{
 margin:10px;
}
#right div.message_bottom{
 background:url(../img/bg_message_bottom.gif) no-repeat center top;
	width:500px;
	height:25px;
}

#right p{/* 文章：字下げ */
 margin-left:10px;
}

/* ★「rss.css」へ移動★#right dl.whatnew{更新履歴：文字サイズ
	margin:0;
}
#right dl.whatnew dt{更新履歴：日付の文字（サイズ・色）
	background: url(../img/lis_01.gif) no-repeat left center;
	color:#73c47f;
	font-size:85%;
	line-height:1.0;
	padding-left:10px;
}*/


#right dl.sitemap{/* サイトマップ */
 padding:0;
	margin-top:20px;
	margin-left:20px;
}
#right dl.sitemap dt{
 background:url(../img/lis_ya02.gif) no-repeat left center;
	padding-left:22px;
 margin-top:10px;
}
#right dl.sitemap dd{
 background:url(../img/tree.gif) no-repeat left top;
	padding-left:22px;
	margin-left:20px;
}
#right dl.sitemap dd.tree_end{
 background:url(../img/tree_end.gif) no-repeat left top;
	padding-left:22px;
	margin-left:20px;
}


#right div.pagetop{/* ▲このページの上へ */
 text-align:right;
 color:#666666;
	font-size:12px;
	margin-top:10px;
	margin-bottom:20px;
}


#right UL.list_p{/*ピンクのリストマーク：リンクページに使用*/
 margin:5px 0px 5px 30px;
	list-style-image: url("../img/ico_li_p.gif");
	text-align: left;
	vertical-align: middle;
}

/* ★箱ごとの設定 ここまで★
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


/* ★汎用設定 ここから★
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.comment{/* トップページのみ */
 color:#999999;
	font-size:12px;
	line-height:1.0;
	text-align:center;
	margin-top:5px;
}

.note{/* 小さい文字 */
 color:#999999;
	font-size:86%;
	line-height:1.0;
}

.gray{/* 文字色：グレー */
 color:#666666;
}

.red{/* 文字色：赤 */
 color:#FF0000;
}


img.img_left {/* 画像：左，文字：右 */
	float: left;
	margin-right: 5px;
}

img.img_right {/* 画像：右，文字：左 */
	float: right;
	margin-left: 5px;
}

strong.name{/* 文字色：オレンジ(事業所名) */
 color:#ff8800;
	font-size:110%;
}

strong.green{/* 文字色：黄緑 */
 color:#99CC33;
}


/* 汎用TABLE(ｸﾞﾚｰの枠線)　ここから
---------------------------- */
table.tbl-common {
	border: 1px solid #576678;
	border-collapse: collapse;
	background:#FFFFFF;
	margin-left:10px;
}
table.tbl-common th,
table.tbl-common td,{/* 枠線の色：ﾌﾞﾙｰｸﾞﾚｰ */
	border: 1px solid #576678;
	padding: 2px 4px;
}
/* 汎用TABLE　ここまで
---------------------------- */

/* ★汎用設定 ここまで★
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


/* ★メニュー(ロールオーバー) ここから★
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#menu ul{
 list-style:none;
 width:100%;
	margin:auto;
	text-align:center;
}
#menu ul li{
 list-style:none;
 float:left;
 width:100px;
}

#menu ul li a{
 display:block;
 width:100px;
 height:45px;
 text-indent:-9999px;
	text-decoration:none;
 background-image:url(../img/menu.gif);
 overflow:hidden;
}

#menu ul li a.home{/* ホーム */
 background-position:0px 0px;
}
#menu ul li a.home_on{
 background-position:0px -45px;
}
#menu ul li a:hover.home{
 background-position:0px -45px;
}

#menu ul li a.jigyou{/* 事業内容 */
 background-position:-100px 0px;
}
#menu ul li a.jigyou_on{
 background-position:-100px -45px;
}
#menu ul li a:hover.jigyou{
 background-position:-100px -45px;
}

#menu ul li a.access{/* アクセス */
 background-position:-200px 0px;
}
#menu ul li a.access_on{
 background-position:-200px -45px;
}
#menu ul li a:hover.access{
 background-position:-200px -45px;
}

#menu ul li a.bosyuu{/* 求人募集 */
 background-position:-300px 0px;
}
#menu ul li a.bosyuu_on{
 background-position:-300px -45px;
}
#menu ul li a:hover.bosyuu{
 background-position:-300px -45px;
}

#menu ul li a.event{ /* イベント・活動 */
 background-position:-400px 0px;
}
#menu ul li a.event_on{
 background-position:-400px -45px;
}
#menu ul li a:hover.event{
 background-position:-400px -45px;
}

#menu ul li a.toukou{/* 投稿広場 */
 background-position:-500px 0px;
}
#menu ul li a.toukou_on{
 background-position:-500px -45px;
}
#menu ul li a:hover.toukou{
 background-position:-500px -45px;
}

#menu ul li a.link{/* リンク */
 background-position:-600px 0px;
}
#menu ul li a.link_on{
 background-position:-600px -45px;
}
#menu ul li a:hover.link{
 background-position:-600px -45px;
}

/* ★メニュー(ロールオーバー) ここまで★
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */