@charset "shift_jis";
/* CSS Document */

body {
	background:url(../images/bg.jpg) repeat-y center top ;
	text-align:center;
	margin:0;
	padding:0;
}

a:link { color:#EB8400; text-decoration:none; }
a:visited { color:#EF810F; }
a:active { color:#F1BB93; }
a:hover { color:#D86011; text-decoration:underline; }


img { border:none; }



/*	枠
----------------------------------------------------- */
#container {
	text-align:left;
	width:750px;
	margin:0 auto;
	padding:0;
}


/*	ヘッダー
----------------------------------------------------- */
#pagetop {
	height:60px;
	margin:0;
	padding:10px 0 0 0;
}

#pagetop p {
	margin:0;
	padding:10px 0;
	float:left;
}

#pagetop p.tel { padding:3px 8px; float:right; }



/*	メニュー
----------------------------------------------------- */
#menu {
	clear:both;
	margin:0;
	padding:0;
}

#menu ul {
	width:750px;
	height:28px;
	margin:0;
	padding:0;
}

#menu li {
	color:#fff;
	text-align:center;
	background:#008842;
	border-left:1px dashed #BADBC7;
	line-height:28px;
	margin:0;
	padding:0;
	display:inline;
	float:left;
}

#menu li.here { background:#A9C952; }
#menu li.here a:hover { color:#008842; }

#menu li.top, #menu li.top a { width:123px; border-left:none; }
#menu li.last, #menu li.last a { width:129px; }

#menu li a{
	color:#fff;
	text-decoration:none;
	width:123px;
	height:28px;
	display:block;
}

#menu li a:hover { color:#BADBC7; }



/*	picture
----------------------------------------------------- */
#picture {
	clear:left;
	border-bottom:3px solid #008842;
	margin:0;
	padding:0;
}

#picture.int { background:url(../images/pict/interview.jpg) no-repeat; height:180px; }

#picture .name {
	color:#A9B735;
	font:bold 18px/28px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#picture .itext {
	color:#3A3D12;
	font-size:12px;
	line-height:1.6em;
	text-indent:-10px;
	width:420px;
	margin:0;
	padding:10px 0 0 40px;
}


/*	メイン
----------------------------------------------------- */
#main {
	margin:0 30px;
	padding:0 0 10px 0;
}

#main h2 {
	color:#1B932E;
	font:bold 18px/22px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(../images/leaf.gif) no-repeat left 3px;
	margin:20px 30px 5px 0;
	padding:0 0 0 23px;
}

#main h3 {
	color:#008842;
	font-size:16px;
	background:url(../images/line.gif) no-repeat left 2px;
	line-height:35px;
	height:35px;
	margin:20px 0 10px 0;
	padding:0 0 0 49px;
}

#main p {
	line-height:1.5em;
	margin:10px 30px 10px 30px;
	padding:0;
}

#main dl {
	border-top:1px solid #666;
	margin:10px 100px 10px 20px;
	padding:0;
}

#main dt {
	clear:left;
	background:#C5EBEF;
	border-bottom:1px solid #666;
	width:9em;
	margin:0;
	padding:10px 5px 10px 10px;
	float:left;
}

#main dd {
	border-bottom:1px solid #666;
	margin:0 0 0 9em;
	padding:10px 5px 10px 20px;
}


/* ページトップへ */
#main p.pagetop {
	clear:both;
	width:160px;
	position:relative;
	left:176px;
	float:right;
}

#main p.pagetop a {
	background:url(../images/pagetop.gif) no-repeat;
	text-decoration:none;
	display:block;
	width:160px;
	height:45px;
}

#main p.pagetop a:hover { background:url(../images/pagetop-1.gif) no-repeat; }



/* 料金 */
#main table.course {
	border-collapse:collapse;
	margin:5px 0 5px 10px;
	padding:0;
}

#main table.course th {
	text-align:center;
	letter-spacing:1px;
	background:#EDF2C5;
	border:1px solid #231815;
	width:70px;
	margin:0;
	padding:3px;
}

#main table.course td {
	border:1px solid #231815;
	text-align:center;
	width:80px;
	margin:0;
	padding:5px 0;
}

#main table.course td.ltext { text-align:left; width:90px; padding-left:10px; }


#main p.tax {
	margin:0 0 10px 470px;
	padding:0;
}

#main .osusume {
	width:50%;
	margin:10px 0 10px 0;
	padding:0 0 0 20px;
	float:left;
}

#main .mpict img{ margin-right:60px; }


/* 体験プログラム */
#main.learning p.ki {
	margin:30px 0 0 0;
	padding:10px 30px 0 0;
	float:right;
}

#main.learning p.ki2 {
	margin:30px 0 0 0;
	padding:10px 10px 0 10px;
	float:left;
}

#main.learning p.ki3 {
	clear:both;
	text-align:center;
	margin:5px 0 25px 0;
}

#main.learning p.ki4 {
	margin:10px 80px 10px 80px;
}

#main.learning p.mark {
	clear:both;
	text-align:center;
	margin:10px 0;
	padding:0;
}

#main table.season{
	width:390px;
	margin:20px 0;
	padding:0;
}

#main table.season th{
	font-weight:bold;
	text-align:right;
	vertical-align:top;
	line-height:30px;
	margin:0;
	padding:0;
}

#main table.season td{
	font-weight:bold;
	line-height:30px;
	margin:0;
	padding:0 5px 0 0 ;
}

#main table.t-1 { background:url(../images/learning/t-1.jpg) no-repeat; }
#main table.t-2 { background:url(../images/learning/t-2.jpg) no-repeat; }
#main table.t-3 { background:url(../images/learning/t-3.jpg) no-repeat; }
#main table.t-4 { background:url(../images/learning/t-4.jpg) no-repeat; }


/* 暮らしを紡ぐ塾 */
#main p.pit {
	margin:10px 0 0 0;
	padding:0;
	float:right;
}

#main p.pit img { margin-left:60px; }

#main .event {
	font-size:14px;
	width:220px;
	margin:0;
	padding:0;
	float:left;
}

#main .event p { margin:0 3px 0px 5px; }

#main .event p.month {
	margin:0;
	padding:0 8px 10px 0;
	float:left;
}

#main .event p.mtext {
	font-weight:bold;
	font-size:14px;
	height:90px;
	margin:0;
	padding:12px 0 0 0;
}

/* hide hack from Mac-IE5 \*/* html #main p.mtext { height: 1%; }/* end hiding */

#main .tline {
	width:15px;
	margin:0;
	padding:0;
	float:left;
}

#main.jyuku p.line {
	clear:left;
	text-align:center;
	margin:0 0 5px 0;
	padding:0;
}

#main.jyuku p.mpict {
	text-align:right;
	margin:0;
	padding:0;
}


/* インタビュー用 */
#main.int p {
	margin:10px 30px 20px 30px;
	padding:0;
	overflow: hidden;
	_zoom: 1;
}

#main p.qtext {
	color:#808080;
	font-weight:bold;
	margin:40px 30px 0 20px;
}

#main p.limg { float:left; margin-top:20px; }
#main p.rimg { float:right; }
#main .cl { clear:both; }


#main p.navi {
	clear:both;
	text-align:center;
	margin-top:30px;
}

.pagenavi {
	font-size:12px;
	text-align:right;
	margin:0 5px 5px 0;
}

.pagenavi a { text-decoration:underline; }


/* 一日のスケジュール */
#main.time p {
	line-height:2em;
	margin-left:40px;
	padding-top:20px;
}

#main p.time {
	clear:both;
	color:#005731;
	font-size:18px;
	font-weight:bold;
	background:url(../images/day/m-bg1.gif) no-repeat;
	line-height:40px;
	height:40px;
	margin:20px 20px 5px 10px;
	padding:0 0 0 30px;
}

#main .timedt { padding-right:50px; }

#main.time .rimg { width:300px; margin:0; padding:0 30px 10px 0; float:right; }
#main.time .limg { width:300px; margin:0; padding:0 0 5px 50px; float:left; }


/* 交通のご案内 */
#main.map p.left {
	margin:10px 0 20px 0;
	padding:0 10px;
	float:left;
}

#main.map .mtext {
	background:url(../images/map-bg.gif) no-repeat;
	width:225px;
	margin:10px 0;
	padding:15px 20px 15px 5px;
	float:right;
}

#main.map .mtext p {
	height:200px;
	margin:10px 5px 0 10px;
	padding:0;
}

#main.map .mtext p.rpict {
	margin:0;
	padding:0;
}

#map {
	clear:both;
	width:650px;
	height:300px;
	margin:20px 0 15px 30px;
}


/* 研修生募集 */
#main ul {
	margin:10px 30px 10px 50px;
	padding:0;
}

#main li {
	margin:5px 0;
	padding:0;
}

/* 運営者について */
div.famu { margin-left:40px; }
div.famu p {
	display: table-cell;
	vertical-align: middle;
	margin:0;
}

div.famu img { margin-right:15px; }

* html .famua p {
	display: inline;
	zoom: 1;
}
*:first-child+html .famu p {
	display: inline;
	zoom: 1;
}



/*	右側メニュー
----------------------------------------------------- */
#navi {
	width:210px;
	margin:0 0 30px 540px;
	padding:0;
}

#navi p {
	margin:10px 0;
	padding:0;
}


/*	フッター
----------------------------------------------------- */
#footer {
	clear:both;
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	background:#B9D777;
	text-align:center;
	margin:0;
	padding:0;
}

#footer p{
	margin:0;
	padding:8px 0;
}