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

html{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
   }

body{
	margin: 0;
	/* setting border: 0 hoses ie5 win window inner well border */
	padding: 0;
	color:#333;
	text-align:center;
	font-size:small;
	line-height:150%;
	background:#E7E3DA;
	}
	
body{
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka;
	}
	
#wrapper{
	margin:0 auto;
	width:850px;
	background:#E7E3DA url(img/back.gif) center repeat-y;
	}
	
#content{
	clear:both;
	width:830px;
	margin:0 auto;
	background:#fff url(img/back_con.gif) center repeat-y;
	color:#333;
	border-bottom:1px solid #C3C5C8;
	text-align:left;
	}
		
#flash{
	width:580px;
	}
	
#leftBox{
	width:220px;
	float:left;
	margin-bottom:30px;
	}
	
#rightBox{
	width:580px;
	float:left;
	margin-bottom:30px;
	text-align:left;
	}
	
#rightBox02{
	width:580px;
	float:left;
	margin-bottom:30px;
	}
	
#footer{
	clear:both;
	width:830px;
	margin:0 auto;
	text-align:left;
	padding-top:10px;
	padding-bottom:20px;
	border-bottom:1px solid #6D6E71;
	}
	
img{
	border:none;
	}
	
h1, h2, h3 ,h4 ,h5 ,h6 ,form ,input{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}
	
blockquote{	
	margin-left:15px;
	}
	
#Topcontent{
	clear:both;
	width:830px;
	margin:0 auto;
	background:#fff;
	color:#333;
	border-bottom:1px solid #C3C5C8;
	}
	
#Topcon{
	width:800px;
	margin:0 auto 30px;
	}
	
#Topflash{
	width:800px;
	margin:0 auto 20px;
	}
	
#TopleftBox{
	width:540px;
	float:left;
	text-align:left;
	margin-bottom:30px;
	}
	
#TopleftBox img{ margin-bottom:14px;}	
#TopleftBox td img{ margin-bottom:0px;}	

#ToprightBox{
	width:258px;
	float:left;
	margin-bottom:30px;
	text-align:left;
	}
	
		
#entry{
	text-align:left;
	background:#FFEED2;
	}
	
#entry ul{ margin:0; padding:0; list-style:none;}
#entry ul li{ background:url(../img_top/blog_li.gif) 0 3px no-repeat; padding-left:25px; padding-top:2px;}

	
/* ヘッダ
---------------------------------------------------- */

#header{
	width:830px;
	height:200px;
	text-align:left;
	background:#fff url(img/head.gif) no-repeat;
	color:#333;
	margin:0 auto;
	}
	
h1{
	padding-top:15px;
	}
	
#asnavi{
	width:830px;
	background:#fff;
	color:#333;
	margin:0 auto;
	height:35px;
	}	
	
.asnaviBox{
	width:785;
	margin:0px 30px 0px 15px;
	}
	
	
	
/* ナビゲーション上部
---------------------------------------------------- */
	
#NaviBox01{
	clear:both;
	width:800px;
	margin:0 auto;
	}	
	
#NaviBox01 #Navi{
	width:450px;
	float:left;
	}
	
#NaviBox01 #Navi ul{
	margin:0;
	padding:0;
	list-style:none;
	}
	
#NaviBox01 #Navi li{
	margin:0;
	padding:0;
	height:27px;
	margin-top:12px;
	float: left;
	width:120px;
	text-indent:-9999px;
	}
	
#NaviBox01 #Navi li.tsushin{
	width:165px;
	}		
	
#NaviBox01 #Navi li a {
	text-decoration:none;	/*FF*/
	display:block;
	height:27px;
	}
	
#NaviBox01 #Navi li#school {	background:url(img/b_A_on.gif);}
#NaviBox01 #Navi li#guardian {	margin-left:10px;	background:url(img/b_B_off.gif);}
#NaviBox01 #Navi li#tsushin {	margin-left:10px; background:url(img/b_C_off.gif);}


#NaviBox01 #Navi li#guardian a:hover{	background:url(img/b_B_on.gif);}
#NaviBox01 #Navi li#tsushin a:hover{	background:url(img/b_C_on.gif);}

p#telemail{
	margin:0;
	padding:0;
	float:right;
	}
	

	
/* グローバルナビゲーション
---------------------------------------------------- */

#gNavi{
	clear:both;
	width:830px;
	}
	
#gNavi ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#gNavi li{
	margin:0;
	padding:0;
	height:45px;
	text-indent:-9999px;
	margin-top:15px;
	float: left;
	}
	
#gNavi li a {
	text-decoration:none;	/*FF*/
	display:block;
	height:45px;
	}

#gNavi li#ssbs {	width:173px;	}
#gNavi li#OneDay {	width:171px;	}
#gNavi li#Curricurum {	width:150px;	}
#gNavi li#Employment {	width:177px;	}
#gNavi li#Recruit {	width:159px;	}

#gNavi li#ssbs a:hover{	background:url(img/g_navi.gif) 0px 0px;	}
#gNavi li#OneDay a:hover{	background:url(img/g_navi.gif) -173px 0px;	}
#gNavi li#Curricurum a:hover{	background:url(img/g_navi.gif) -344px 0px;	}
#gNavi li#Employment a:hover{	background:url(img/g_navi.gif) -494px 0px;	}
#gNavi li#Recruit a:hover{	background:url(img/g_navi.gif) -671px 0px;	}


/* サブナビゲーション
---------------------------------------------------- */

#NaviBox02{
	clear:both;
	width:830px;
	height:29px;
	background:#E0E0E0;
	border-bottom:1px solid #6D6E71;
	}
	
#NaviT{
	width:640px;
	float:right;
	}

#NaviBox02 #NaviT ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#NaviBox02 #NaviT li{
	margin:0;
	padding:0;
	height:29px;
	text-indent:-9999px;
	float: left;
	}
	
#NaviBox02 #NaviT li a {
	text-decoration:none;	/*FF*/
	display:block;
	height:29px;
	}

#NaviBox02 #NaviT li#topPage a{	width:110px;	background:url(img/b_Navi_t.gif) 0px 0px;}
#NaviBox02 #NaviT li#ssbsblog a{ width:110px;	background:url(img/b_Navi_t.gif) -110px 0px;}	
#NaviBox02 #NaviT li#mailMaga a{	width:110px;	background:url(img/b_Navi_t.gif) -220px 0px;}
#NaviBox02 #NaviT li#info a{	width:110px;	background:url(img/b_Navi_t.gif) -330px 0px;}
#NaviBox02 #NaviT li#access a{	width:120px;	background:url(img/b_Navi_t.gif) -440px 0px;}
#NaviBox02 #NaviT li#ryoh a{	width:70px;	background:url(img/b_Navi_t.gif) -560px 0px;}


#NaviBox02 #NaviT li#topPage a:hover{	background:url(img/b_Navi_t.gif) 0px -29px;	}
#NaviBox02 #NaviT li#ssbsblog a:hover{	background:url(img/b_Navi_t.gif) -110px -29px;	}
#NaviBox02 #NaviT li#mailMaga a:hover{	background:url(img/b_Navi_t.gif) -220px -29px;	}
#NaviBox02 #NaviT li#info a:hover{	background:url(img/b_Navi_t.gif) -330px -29px;	}
#NaviBox02 #NaviT li#access a:hover{	background:url(img/b_Navi_t.gif) -440px -29px;	}
#NaviBox02 #NaviT li#ryoh a:hover{	background:url(img/b_Navi_t.gif) -560px -29px;	}



/* 左コンテンツ
---------------------------------------------------- */

#leftBox .inner{
	width:190px;
	}

#leftBox #everyday h2{
	background:url(img/tt_everyday.gif) no-repeat;
	width:190px;
	height:30px;
	text-indent:-9999px;
	}
	
#leftBox #mobile h2{
	background:url(img/tt_mobile.gif) no-repeat;	/*----タイトル----*/
	width:190px;
	height:30px;
	text-indent:-9999px;
	}

#leftBox #mobile h2{
	background:url(img/tt_mobile.gif) no-repeat;	/*----タイトル----*/
	width:190px;
	height:30px;
	text-indent:-9999px;
	}
	
#leftBox #mail h2{
	background:url(img/tt_mailmaga.gif) no-repeat;	/*----タイトル----*/
	width:190px;
	height:30px;
	text-indent:-9999px;
	}
		
#leftBox #menu h2{
	background:url(img/tt_menu.gif) no-repeat;	/*----タイトル----*/
	width:190px;
	height:30px;
	text-indent:-9999px;
	}
	
#leftBox #info h2{
	background:url(img/tt_info.gif) no-repeat;	/*----タイトル----*/
	width:190px;
	height:30px;
	text-indent:-9999px;
	}
	
#leftBox #info h3{
	background:url(img/tel.gif) no-repeat;	/*----電話番号----*/
	width:190px;
	height:30px;
	margin:10px;
	text-indent:-9999px;
	}
	

#leftBox ul{
	margin: 10px;	/*----左側のリスト----*/
	padding: 0px;
	}
	
#leftBox li{
	list-style-type: none;	/*----左側のリスト画像----*/
	padding: 1px 0px 1px 14px;
	background:url(img/ico_sankaku.gif) no-repeat 0px 8px;
	font-size: small;
	text-align: left;
	line-height: 150%;
	}


#leftBox #mobile p , #leftBox #menu p{
	width:170px;	
	text-align:center;
	margin:10px auto;
	}
	
#leftBox #everyday p , #leftBox #mail p , #leftBox #info p{	
	width:170px;	

	margin:10px;
	}
	
	
#leftBox select {	/*----左側のプルダウンメニュー----*/
	width: 170px;
	color: #666;
	background: #fff;
	padding: 1px;
	font: normal small/140% tahoma;
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka;
	text-align:left;
	margin: 10px 10px 15px;
	}
	
#leftBox #mgForm {
	width: 168px;
	border:1px solid #4C4C05;
	background:#fff;
	margin: 10px 10px;
	text-align:center;
	}	
	
#leftBox #mgForm .inner{
	width: 148px;
	text-align:left;
	margin: 10px 10px;
	}
	
#leftBox #mgForm input{
	width: 140px;
	margin-bottom:5px;
	}

	
/* 右コンテンツ
---------------------------------------------------- */

#rightBox #banner {
	width:580px;
	margin-top:30px;
	}

#rightBox #banner p{
	margin-top:0;
	margin-bottom:15px;
	}

#rightBox #banner .leftM {
	margin-left:20px;
	}
	
#rightBox h2{
	background:url(img/mt_everyday.gif) no-repeat;	/*----スミダの毎日タイトル----*/
	width:580px;
	height:30px;
	margin-top:20px;
	margin-bottom:5px;
	text-indent:-9999px;
	}
	
#rightBox h4.rightB , #rightBox02 h4.rightB{
	width:580px;	/*----日付----*/
	text-align:right;
	font-size:small;
	}
	
#rightBox .cont	,#rightBox02 .cont	{
	width:580px;
	border:1px solid #C8C8C8;
	background:#F8F7F5;
	margin-bottom:6px;
	}
	
#rightBox .maruBox ,#rightBox02 .maruBox {
	height:60px;	/*----本文タイトル○部分----*/
	background:url(img/entry_maru.gif) no-repeat;
	padding-left:50px;
	padding-top:5px;
	text-align: left;
	margin-top:20px;
	margin-bottom:10px;
	width:520px;
	}
	
#rightBox .footer ,#rightBox02 .footer	{
	width:580px;
	margin-bottom:20px;
	font-size:x-small;
	margin-top:0;
	}
	
#rightBox .maruBox h3 ,#rightBox02 .maruBox h3{
	color: #735D12;	/*----本文タイトル部分----*/
	font-size: 14px;
	font-weight: bold;
	float:left;
	}
	
#rightBox .maruBox h4 ,#rightBox02 .maruBox h4{
	color: #666666;	/*----本文カテゴリー部分----*/
	font-size: x-small;
	line-height: 110%;
	margin-top:8px;
	}	

#rightBox .maruBox h4 a:link , #rightBox .maruBox h4 a:visited , #rightBox .maruBox h4 a:active ,#rightBox02 .maruBox h4 a:link , #rightBox02 .maruBox h4 a:visited , #rightBox02 .maruBox h4 a:active{

	color: #666;
	text-decoration:none;
	}

#rightBox .maruBox h4 a:hover ,#rightBox02 .maruBox h4 a:hover {
	color: #999;
	text-decoration:none;
	}
	
#rightBox .entryBox	,#rightBox02 .entryBox	{
	width:540px;
	margin:20px auto 20px;
	}
	
#rightBox02 .entryBoxCate	{
	width:580px;
	margin:10px 0 20px;
	}
	
#rightBox ul , #rightBox02 ul{
	margin: 10px;	/*----右側のリスト----*/
	padding: 0px;
	}
	
#rightBox li , #rightBox02 li{
	list-style-type: none;	/*----右側のリスト画像----*/
	padding: 1px 0px 1px 14px;
	background:url(img/ico_sankaku.gif) no-repeat 0px 8px;
	font-size: small;
	text-align: left;
	line-height: 150%;
	}
	
.entryBox ul li {
	list-style-type:disc !important;
	background:none !important;
	margin-left:15px !important;
	padding:0 !important;
	}
	
.entryBox ol li {
	list-style-type:decimal !important;
	background:none !important;
	margin-left:15px !important;
	padding:0 !important;
	}
	
	
/*　右　カテゴリーアーカイブ　月別アーカイブ
---------------------------------------------------- */

#rightBox02 .NtPv{
	margin-top:16px;
	float:right;
	}
	
#rightBox02 .Ptop{
	margin-top:16px;
	}

#rightBox02 h2{
	background:url(img/mt_everyday.gif) no-repeat;	/*----スミダの毎日タイトル----*/
	width:580px;
	height:30px;
	margin-bottom:5px;
	text-indent:-9999px;
	}
	
#rightBox02 .maruBoxCateMon {
	height:60px;	/*----ページタイトル○部分----*/
	background:url(img/tt_maru.gif) no-repeat;
	padding-left:70px;
	padding-top:5px;
	text-align: left;
	margin-top:18px;
	margin-bottom:10px;
	width:510px;
	}

#rightBox02 .maruBoxCateMon h3{
	color: #666666;	/*----タイトル部分----*/
	font-size: 14px;
	font-weight: bold;
	margin-top:16px;
	float:left;
	}
	
#rightBox02 #PtopBox{
	margin-top:20px;
	width:580px;
	border-top:1px dashed #C8C8C8;
	text-align:right;
	}

	
#rightBox #PtopBox{
	margin-top:20px;
	width:580px;
	text-align:right;
	border-top:1px dashed #C8C8C8;
	}
		
#rightBox .Ptop{
	margin-top:16px;
	}
	
	
/*　右　エントリー
---------------------------------------------------- */

#rightBox02 .maruBoxEnt {
	height:60px;	/*----ページタイトル○部分----*/
	background:url(img/tt_maru.gif) no-repeat;
	padding-left:70px;
	padding-top:5px;
	text-align: left;
	margin-top:18px;
	margin-bottom:10px;
	width:510px;
	}
	
#rightBox02 .maruBoxEnt h3{
	color: #666666;	/*----タイトル部分----*/
	font-size: 12px;
	font-weight: bold;
	margin-top:3px;
	}
	
	
/*　フッター
---------------------------------------------------- */
	
#footer ul{
	margin:0;
	padding:0;
	width:620px;
	height:34px;
	list-style:none;
	}

#footer li{
	margin:0;
	padding:0;
	height:34px;
	text-indent:-9999px;
	float: left;
	}
	
#footer li a {
	text-decoration:none;	/*FF*/
	display:block;
	height:29px;
	}
	
#footer li#OneDayB a{	width:100px;	background:url(img/b_Navi_b.gif) 0px 0px;}
#footer li#InsideB a{	width:145px;	background:url(img/b_Navi_b.gif) -100px 0px;}
#footer li#CurricurumB a{	width:125px;	background:url(img/b_Navi_b.gif) -245px 0px;}
#footer li#EmploymentB a{	width:150px;	background:url(img/b_Navi_b.gif) -370px 0px;}
#footer li#RecruitB a{	width:100px;	background:url(img/b_Navi_b.gif) -520px 0px;}

#footer li#OneDayB a:hover{	width:100px;	background:url(img/b_Navi_b.gif) 0px -34px;}
#footer li#InsideB a:hover{	width:145px;	background:url(img/b_Navi_b.gif) -100px -34px;}
#footer li#CurricurumB a:hover{	width:125px;	background:url(img/b_Navi_b.gif) -245px -34px;}
#footer li#EmploymentB a:hover{	width:150px;	background:url(img/b_Navi_b.gif) -370px -34px;}
#footer li#RecruitB a:hover{	width:100px;	background:url(img/b_Navi_b.gif) -520px -34px;}

#footer p{
	clear:both;
	margin-top:8px;
	margin-left:15px;
	}
	
#footer address{
	margin-top:8px;
	margin-left:15px;
	font-style:normal;
	}


/* 就職情報
---------------------------------------------------- */
 
#emp .fontC{color: #666666; font-size: 10px; margin:0 0 0 5px;}
#emp .lNavi, #emp .lNavi2{ padding:6px; border:1px dashed #666;}
#emp .lNavi li{display:inline; background:url(employment/img/salon_y.gif) 0 no-repeat; padding-left:24px; padding-right:10px;}
#emp .lNavi2 li{display:inline; background:url(employment/img/gyoukai_y.gif) 0 no-repeat; padding-left:24px; padding-right:10px;}



/*whats sumida
---------------------------------------------------- */
#whats{ background:#FFF5E8; padding-bottom:10px;}
#whats .underline{ background:#FFc9c9;}
#whats .box01{ padding-left:20px; padding-right:20px;}
#whats .box01.a{ background:url(ssbs/img/01_ill01.gif) top right no-repeat;}
#whats .box01.b{ background:url(ssbs/img/01_ill02.gif) top right no-repeat;}
#whats .box01.c{ background:url(ssbs/img/01_ill03.gif) top right no-repeat;}

/*住田の魅力
---------------------------------------------------- */



/* 沿革
---------------------------------------------------- */
.hisLine{ 
	border-bottom:1px dashed #99cc99;
	}
	
.hissq{
	color:#009933}




/* リンク関連
---------------------------------------------------- */

a {
	text-decoration: underline;	
	}

a:link , a:visited , a:active{
	color: #735D12;
	}

a:hover {
	color: #E8C72F;
	}
	
#footer a:link , #footer a:visited , #footer a:active{
	color: #333333;
	font-weight:bold;
	}

#footer a:hover {
	color: #999999;
	font-weight:bold;
	}
	
#asnavi a:link , #asnavi a:visited , #asnavi a:active{
	color: #0066CC;
	}

#asnavi a:hover {

	color: #003366;
	}
	

/* フォントカラー関連
---------------------------------------------------- */

.FC009{
	color:#009;
	}
	
.FCF00{
	color:#f00;
	}

.FSxsmall{
	font-size:x-small;
	line-height:130%;
	}
	

/* スペース関連
---------------------------------------------------- */

.spB10{
	margin-bottom:10px;
	}
	
.spB15{
	margin-bottom:15px;
	}
	
.spB20{
	margin-bottom:20px;
	}
	
.spB30{
	margin-bottom:30px;
	}
		
.spT10{
	margin-top:10px;
	}
	
.spT20{
	margin-top:20px;
	}
	
.spT30{
	margin-top:30px;
	}
	
.spT50{
	margin-top:50px;
	}		
	
	
.spTB05{
	margin-top:5px;
	margin-bottom:5px;
	}
	
.spTB10{
	margin-top:10px;
	margin-bottom:10px;
	}
	
.spTB20{
	margin-top:20px;
	margin-bottom:20px;
	}
	
.clear{
	clear:both;
	}
	
.center{
	text-align:center;
	}		
	
	
/* その他
---------------------------------------------------- */

.FLleft{
	float:left;
	}
	
.FLright{
	float:right;
	}
	
	
.toright{ text-align:right;}
.toleft{text-align:left;}	
	
	

/* WYSIWYG
---------------------------------------------------- */
	
.PhotoR{
	float:right;
	padding:3px 0 7px 10px;
	font-size:10px;
	text-align:center;
	font-size:10px;
	line-height:130%;
	padding:3px;
	color:#666666;
	}
	
.PhotoL{
	float:left;
	padding:3px 10px 7px 0px;
	font-size:10px;
	text-align:center;
	font-size:10px;
	line-height:130%;
	padding:3px;
	color:#666666;
	}
	
.Photo02x{
	padding:3px 10px 7px 0px;
	font-size:10px;
	text-align:center;
	font-size:10px;
	line-height:130%;
	padding:3px;
	color:#666666;
	}	
	
.PhotoR a img , .PhotoL a img , .Photo02x a img{
	border:1px solid #0000FF;
	}

.PhotoR img , .PhotoL img , .Photo02x img{

	border:1px solid #666666;
	}	

.FontSizeXS{
	font-size:x-small;
	}
	
.FontSizeS{
	font-size:small;
	}
		
.FontSizeM{
	font-size:medium;
	}
	
.FontSizeL{
	font-size:larger;
	}
	
	
/* その他
---------------------------------------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clr{clear:both; visibility: hidden; min-height: 0; height: 0; width:0;}
.left{float:left;}
.right{float:right;}

.toLeft, th.toLeft, td.toLeft {text-align:left;}
.toRight, th.toRight, td.toRight {text-align:right;}
.toCenter, th.toCenter, td.toCenter {text-align:center;}