@charset "utf-8";



/*********************************

 *

 * MENKYO

 *

 *********************************/



#wrapper { background:url(../images/hataraku/bg_wrapper.jpg) repeat-x; }

a.green { color:#008e43; }



/* header */

#header { background:url(../images/hataraku/bg_header.jpg) repeat-x; }

	#header h1 { position:absolute; top:43px; left:11px; width:265px; height:52px; }

	#header .catch { position:absolute; top:9px; left:19px; width:325px; height:15px; }

	#header .tel { position:absolute; top:5px; right:14px; width:395px; height:42px; }

	#header .mail { position:absolute; top:50px; right:20px; }

		#header .mail a { color:#000; }



/*gmenu */

#gmenu { position:absolute; bottom:0; right:40px; }

	#gmenu li { float:left; }



/* main */

#main { width:950px; margin:15px auto 0 auto; }



/* contents */

.contents { float:left; width:708px; }

	.contents ul.bnr { width:704px; }



/* info */

.info { width:682px; padding:10px; border:1px solid #e9e9ea; }



/* area */

dl.area { width:704px; margin-top:25px; }

	dl.area dt { float:left; width:14px; padding:8px; color:#fff; font-size:14px; font-weight:bold; }

	dl.area dd { float:left; width:640px; }



dl#area01 dt { background:#9E9E9F; }

dl#area02 dt { background:#ea87b1; }

dl#area03 dt { background:#E45853; }

dl#area04 dt { background:#30A947; }

dl#area05 dt { background:#8CA1D0; }

dl#area06 dt { background:#9E9E9F; }

dl#area07 dt { background:#EC8D21; }

dl#area08 dt { background:#AD814F; }



/* pref */

ul.pref { width:704px; }

	ul.pref li { float:left; }



/* sc */

table.sc { width:315px; margin:0 12px; border-bottom:1px solid #ddd;}

	table.sc th, table.sc td { padding:15px 0 15px 5px; line-height:1; }

		thead table.sc th, thead table.sc td { padding:4px 0 7px 5px; font-size:10px; }

		tbody table.sc th { font-size:14px; vertical-align:middle; }

		table.sc th { width:55px; }

		table.sc td { width:165px; }

		table.sc td.price { width:80px; }

		table.sc td.icon { width:250px; height:14px; padding-top:0; }

			table.sc td.icon img { margin-right:2px; }

		table.sc td a { display:block; height:2em; }


/* hsc */

table.hsc { width:660px; margin:0 12px; border-bottom:1px solid #ddd;}

	table.hsc th, table.hsc td { padding:10px 0 5px 5px; line-height:1; }

		thead table.hsc th, thead table.hsc td { padding:4px 0 7px 5px; font-size:10px; }
 
		tbody table.hsc th { font-size:14px; vertical-align:middle; }

		table.hsc th { width:220px; }

		table.hsc td { width:450px; }
 
		table.hsc td.icon { height:18px; width:450px; }  
/*		table.hsc td.icon { width:250px; height:14px; padding-top:0; }  */
/*			table.hsc td.icon img { margin-right:1px; }
  */
		table.hsc td a { display:block; height:2em; }
 





/* smenu */

.smenu { float:right; width:227px; }

	.smenu .search { width:206px; padding:10px; background:#fff url(../images/hataraku/bg_smenu.gif) left bottom repeat-x; border:1px solid #ddd; }

	.smenu .merit { width:206px; padding:10px; background:#fff url(../images/hataraku/bg_smenu.gif) left bottom repeat-x; border:1px solid #ddd; }

		.smenu .merit h3 { text-align:center; }

		.smenu .merit ul { padding:14px 0 0 25px; }

			.smenu .merit ul li { margin-bottom:8px; padding-left:15px; background:url(../images/hataraku/icon_smenu.gif) no-repeat; line-height:1;  }



/* footer */

#footer ul { float:left; padding-right:35px; }

	#footer ul li { float:none !important; margin:0 !important; padding:0 0 10px 15px !important; }







/*********************************

 *

 * SCHOOL

 *

 *********************************/



/* pankuzu */

#pankuzu { width:704px; padding-bottom:10px; color:#fff; }

	#pankuzu a {color:#fff; }



/* sc_ttl */

table.sc_ttl { width:704px; background:#fff url(../images/hataraku/bg_school_ttl.gif) left bottom repeat-x; border-top:1px solid #b7bdc7; border-right:1px solid #b7bdc7; border-left:1px solid #b7bdc7; }

	table.sc_ttl th { width:500px; padding:15px 10px; line-height:1.2; }

		table.sc_ttl th span { font-size:17px; font-weight:bold; }

		table.sc_ttl th p { margin:5px 0 0 10px !important; }

	table.sc_ttl td { padding:15px 10px 15px 0; font-size:16px; line-height:1.3; }



/* sc_menu */

ul.sc_menu {}

	ul.sc_menu li { float:left; }



/* sc_sttl */

h2.sc_sttl { padding:5px 0 5px 10px; background:#fff url(../images/hataraku/bg_school_sttl.gif) left bottom repeat-x; border:1px solid #b7bdc7; font-size:14px; }

	h2.sc_sttl span { font-size:12px; }



/* data */

.data { width:322px; }

	.data h3 { margin-top:10px; font-size:18px; font-weight:bold; }

.scBox { width:346px; }



/* req */

.req { margin-top:30px; padding:10px; background:#fff url(../images/hataraku/bg_school_sttl.gif) left bottom repeat-x; border:1px solid #b7bdc7; }

	.req table th { width:40px; text-align:center; font-size:14px; }

	.req table td { padding-left:20px; font-size:11px; vertical-align:middle; }



/* point */

ul.point { margin-top:15px; }

	ul.point li { float:left; width:215px; margin-right:10px; background:#fce583; }

		ul.point li p { margin-top:0 !important; padding:8px 5px; }



/* price */

table.price { margin-top:15px; width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; }

.tate { writing-mode:tb-rl; }

	table.price th, table.price td { padding:5px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle; }

	table.price .s1 { width:78px; background:#FFF100; }

	table.price .s2 { width:78px; background:#FBE6EF; }

	table.price .s3 { width:78px; background:#D3EDFB; }

	table.price .s4 { width:78px; background:#E1EFD8; }

	table.price .s5 { width:78px; background:#E3CAB8; }

	table.price .s6 { width:78px; background:#E0D6E9; }

	table.price thead th { font-weight:bold; text-align:center; }

	table.price tbody td { text-align:center; }



/* plan */

table.plan { width:340px; border-top:1px solid #ddd; border-left:1px solid #ddd; }

	table.plan th, table.plan td { padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;  }

	table.plan th { width:80px; background:#F7C767; border-right:none; font-size:13px; }



/* calendar */

ul#calendar li { float:left; margin:15px 15px 0 0; }

		ul#calendar li.cmt { width:144px; height:154px; padding:10px; background:url(../images/hataraku/bg_cmt.gif) no-repeat; text-align:left; }



/* reserve */

table.reserve { width:100%; margin-bottom:5px; border:1px solid #B7BDC7; }

	table.reserve th, table.reserve td { width:25%; padding:5px; border:1px solid #B7BDC7; border-top:none; color:#153F7B; font-weight:bold; text-align:center; vertical-align:middle; }

	table.reserve tbody th, table.reserve tbody td { border-bottom:1px dashed #B7BDC7; }

	table.reserve thead th { background:url(../images/hataraku/bg_reserve.gif) left bottom repeat-x; }

	table.reserve tbody th { background:#F8FBFD; }

.orange { color:#EA8453; }

.gray { color:#ccc; }



/* stay */

ul#stay li { float:left; width:340px; margin:15px 24px 0 0; }

	ul#stay dl { border:2px solid #FFE67A; }

		ul#stay dl dt, ul#stay dl dd { padding:5px; }

		ul#stay dl dt { background:#FFE67A; font-size:14px; }



/* facility */

table.facility { margin-top:5px; width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; }

	table.facility th, table.facility td { padding:2px 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle; }

	table.facility th { width:140px; background:#FEEBBE; border-right:none; }

	

/* facility_icon */

table.facility_icon { margin-top:5px; margin-bottom:5px; width:320px; border-top:1px solid #ddd; border-left:1px solid #ddd; }

	table.facility_icon th, table.facility_icon td { padding:2px ; border-right:1px solid #ddd; border-bottom:1px solid #ddd;　 text-align:center; vertical-align:middle; }



	

/* facility2 */

table.facility2 { margin-top:5px; width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; }

	table.facility2 th, table.facility td { padding:2px 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle; }

	table.facility2 th { width:72px; background:#FEEBBE; border-right:none; }

		table.facility2 td { width:72px;  vertical-align:middle;}



/* am */

dl.am {}

	dl.am dt,dl.am dd {float:left;  line-height:1.3; white-space:nowrap;}





/*********************************

 *

 * LOWPRICE

 *

 *********************************/



/* lowprice */

ul.lowprice li {width:315px; margin-top:15px; padding:15px; background:url(../images/hataraku/bg_method.gif) left bottom repeat-x; border:1px solid #ddd; }

ul.lowprice li.long {width:672px; margin-top:15px; padding:15px; background:url(../images/hataraku/bg_method.gif) left bottom repeat-x; border:1px solid #ddd; }

	ul.lowprice li h4 { padding-bottom:5px; border-bottom:1px solid #999; color:#00A0E9; font-size:15px; font-weight:bold; }



/* lowList */

ol.lowList li { margin:0 0 3px 2em; padding:0; width:100%; text-indent:-1em; background:none; border:none; }





/*********************************

 *

 * METHOD

 *

 *********************************/



dl.method dt { padding:15px 0 5px 0; border-bottom:1px solid #999; color:#00A0E9; font-size:15px; font-weight:bold; }

dl.method dd { padding:10px 0; }



/* methodBox */

.methodBox { padding:15px; background:#fff url(../images/hataraku/bg_method.gif) left bottom repeat-x; border:1px solid #ddd; line-height:1.5; }







/*********************************

 *

 * RULES

 *

 *********************************/



.rules h3 { margin-top:30px; padding:5px; border-bottom:1px solid #00A0E9; color:#00A0E9; font-size:16px; font-weight:bold; }

.rules ol { margin:1em 0 0 2em; list-style-type:decimal; }

	.rules ol ul { margin:5px 0 0 2em; list-style-type:lower-alpha; }

.rules table { width:100%; border-top:1px solid #999; border-left:1px solid #999; }

	.rules table th, .rules table td { padding:5px 10px; border-right:1px solid #999; border-bottom:1px solid #999; font-size:11px; }

	.rules table thead th, .rules table thead td { padding:5px 0; background:#f0f0f0; font-weight:bold; text-align:center; }

	.rules table tbody td { width:150px; text-align:center; }







/*********************************

 *

 * MERIT

 *

 *********************************/



dl.merit h3 { padding:5px; background:#F3981F; border-bottom:1px solid #E0860C; color:#fff; font-size:16px; font-weight:bold; }

dl.merit dd { padding:10px 0 20px 0; }

	dl.merit ul li { margin-top:5px; }

	dl.merit ul li h4 { margin-bottom:3px; padding:3px 5px; background:#f0f0f0; font-weight:bold; }

.loanBox { margin-top:5px; padding:5px 10px; border:1px solid #ddd; color:#666; font-size:10px; }







/*********************************

 *

 * 6STEP

 *

 *********************************/



.stepBox { margin-top:5px; padding:10px 15px; background:#fff url(../images/hataraku/bg_method.gif) left bottom repeat-x; border:1px solid #ccc; }

	.stepBox h4 { padding-bottom:5px; border-bottom:1px solid #ddd; color:#5492cc; font-size:14px; font-weight:bold; }







/*********************************

 *

 * FAQ

 *

 *********************************/



dl.faq { margin-top:15px; }

	dl.faq dt { padding:10px 0 10px 50px; background:#5492cc url(../images/hataraku/bg_q.gif) no-repeat; color:#fff; font-size:14px; font-weight:bold; }

	dl.faq dd { padding:10px 0 25px 50px; background:url(../images/hataraku/bg_a.gif) 0 5px no-repeat; }



/*********************************

 *

 * MENKYO TOKUCHOU

 *

 *********************************/


table.hmup { width:700px; margin:0 1px; border-bottom:1px solid #ddd;}
table.hmup td { font-size:10px; padding:1px 2px;  vertical-align:middle;   border:1px solid #333; }
/* table.hmup td.sbj { width:30px;} */
table.hmup td.sbm { width:120px;}
table.hmup td.noline { border:0; height:10px;}
table.hmup td.pmess { border:0; background-color:skyblue; text-align:center; color:white; font-weight:bold; }
/* table.hmup td.sbj { white-space:nowrap; width:60px;} */
/* table.hm { width:170px; margin:0 2px; border-bottom:2px solid #ddd; } */
table.hmup th { font-size:11px; vertical-align:bottom; font-weight:bold; border:0 }


table.hmbth { border:0; }
table.hmbth td { vertical-align:top; border:0;}


/*********************************

 *

 * MOUSIKOKI NYUUKOU
 *

 *********************************/


table.mntd { border:0; }
table.mntd td { vertical-align:middle; }

.hsc_price { font-size:16px; font-weight:bold; vertical-align:middle;}
.hsc_pplan { font-size:12px; vertical-align:middle; }
.hsc_pdesc { font-size:10px; font-weight:normal;}
.hsc_pdescsq { font-size:10px; font-weight:normal; vertical-align:top; }
table.hsc_price { margin-top:15px; width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; }

table.price th.hsc_p2titledesc { vertical-align:bottom; font-size: 10px; text-align:left; font-weight:normal;  }

.smblog1a {style="padding: 0.3em; background: none repeat scroll 0% 0% #85AED9; color: rgb(255, 255, 255); font-weight: bold; cursor: default;"}
.smblog1b {style="padding: 0.3em; background: none repeat scroll 0% 0% #BFDD92; color: rgb(255, 255, 255); font-weight: bold; cursor: default;"}
.smblog1c {style="padding: 0.3em; background: none repeat scroll 0% 0% #F6C580; color: rgb(255, 255, 255); font-weight: bold; cursor: default;"}
.smblog1d {style="padding: 0.3em; background: none repeat scroll 0% 0% #ACDEF9; color: rgb(255, 255, 255); font-weight: bold; cursor: default;"}

/*******************************
 *
 * Color Setting
 *
 *******************************/

.hscbg_oogata { background:#4444ff; }
.hscbg_chuugata { background:#4444ff; }
.hscbg_daitoku { background:green; }
.hscbg_kenin { background:green; }
.hscbg_fork { background:green; }
.hscbg_2shu { background:orange; }
.hscbg_bike { background:#D3EDFB;}
.hscbg_set { background:violet; }