/***********************************************/
/*       copyright(C)2006 Country Farm         */
/***********************************************/

/* 基本スタイル
---------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

a {
	color: #996633;
}

a:visited {
	color: #FF6600;
}

a:hover {
	color: #FF3300;
}

img {
	border: none;
}

body {
	font-size: 75%;
	line-height: 1.4;
	background-color:#fff;
	font-weight: normal;
	background-image:url(../images/body_bg2.jpg);
	background-repeat:repeat-x;

}

#flame {
	width: 780px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	border-left:solid 2px #FFCC33;
	border-right:solid 2px #FFCC33;
	background-color:#FFFFFF;
	overflow: auto;
}

/* ヘッダー部分
---------------------------------------------*/

#header {
	position: relative;
	height: 99px;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../images/header_bg.jpg);
}

.logo {
	position: absolute;
	left: 12px;
	top: 26px;
	margin: 0;
}

/* グローバルナビ
---------------------------------------------*/

#globalnavi {
	width: 780px;
	height: 40px;
	margin: 0;
}

#globalnavi ul{
	margin: 0;
	list-style:none;
}

#globalnavi li{
	float: left;
	width: 130px;
	padding: 0px;
	margin: 0px;
}

#globalnavi li a{
    display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:40px;
	padding-top: 40px;
	background-image:url(../images/glovalnavi.jpg);
	color: #000000;
}

/*  位置
---------------------------------------------*/
	
	/* 通常 */
	#nav01 a { background-position:  0     0; }
	#nav02 a { background-position: -130px 0; }
	#nav03 a { background-position: -260px 0; }
	#nav04 a { background-position: -390px 0; }
	#nav05 a { background-position: -520px 0; }
	#nav06 a { background-position: -650px 0; }

	/* オンマウス */
	#nav01 a:hover { background-position:  0     -40px; }
	#nav02 a:hover { background-position: -130px -40px; }
	#nav03 a:hover { background-position: -260px -40px; }
	#nav04 a:hover { background-position: -390px -40px; }
	#nav05 a:hover { background-position: -520px -40px; }
	#nav06 a:hover { background-position: -650px -40px; }


/* 見出し
---------------------------------------------*/

#tmidashi {
	width: 780px;
	margin: 0;
}

#umidashi {
	width: 584px;
}

#pla {
	width: 584px;
	margin: 0 0 10px;
}

#pla p {
	padding: 0 0 0 15px;
}

/* コンテンツ部分
---------------------------------------------*/
.orange {
	color:#FF9900;
	font-weight:bold;
}

.green {
	color:#33CC66;
	font-weight:bold;
}


/* コンテンツ部分
---------------------------------------------*/

#maincontents {
	width: 780px;
	margin:5px 0 0 0;
}

#content1 {
	float: left;
	width: 584px;
}

#ber {
	margin: 5px 0px 15px 12px;
	padding: 0;
	width:562px;
}

#con {
	margin: 5px 0px 15px 12px;
	padding: 0;
	width:562px;
}

#con h4 {
	margin:10px 0 10px 12px;
	color:#FF6600;
	font-size:14px;
}

.con_text {
    padding: 0 10px 15px 10px;
	line-height: 22px;
}

#con span {
	font-weight:bold;
}

#ber_news {
	margin: 5px 0px 15px 12px;
	padding: 0;
	width:562px;
}

#ber1 .ber1images {
	margin: 0;
}

#ber1 .ber1text {
	margin: 5px 0 5px 5px;
}

/* TOPナビゲートエリア
--------------------*/

#top_navigate {
	margin: 10px 0px 20px 12px;
	padding: 0;
	width:562px;
}

.j1_image {
    float:left;
	padding: 0;
	width:188px;
}

.j1_intro {
    float:left;
	padding: 0;
	width:374px;
}

.j1_tit {
	padding: 0;
	width:374px;
}

.j1_intro p{
	font-size: 12px;
	line-height: 24px;
	background-image:url(../images/top/p_line.gif);
	background-repeat:repeat-y;
	margin: 15px 8px 4px 8px;
}

.t_imagebox_r{
	float: right;
	margin: 0px;
	padding:10px 10px 0 0 ;
	font-size:12px;
}

/* ナビゲート
--------------------*/

.navigate {
	margin: 5px 0px 5px 12px;
	padding: 0;
	width:562px;
}

.navigate dl {
	float: left;
	width: 281px;
	_width: 281px;
	margin: 0px;
	padding-bottom: 5px;
}

.navigate dt {
	padding: 7px 0px 0px 0px;
}

/* 教材ナビゲートエリア
--------------------*/

#book_navigate {
	margin: 10px 0px 0px 12px;
	padding: 0;
	width:562px;
}

#book_navigate dl {
	float: left;
	width: 280px;
	_width: 280px;
	margin: 0px;
	padding-bottom: 5px;
}

#book_navigate dt {
	padding: 7px 0px 0px 0px;
}

#book_navigate dd {
	margin: 0px;
	padding: 8px 0px 0px 0px;
}

#book_navigate dd p{
	font-size: 12px;
	line-height: 1.4;
	margin: 0px 8px 4px 8px;
}

#book_navigate dd .imagebox_r{
	float: right;
	margin: 0px;
}

.l_line{
	border-left:solid 1px #CCCCCC;
	float:left;
}

/* ブログナビゲート
--------------------*/

#blog_navigate {
	margin: 5px 0px 10px 12px;
	padding: 0;
	width:562px;
}

#blog_navigate dl {
	float: left;
	width: 281px;
	_width: 281px;
	margin: 0px;
	padding-bottom: 5px;
}

#blog_navigate dt {
	padding: 7px 0px 0px 0px;
}

#blog_navigate dd {
	margin: 0px;
	padding: 3px 0px 0px 0px;
}

#blog_navigate dd p{
	font-size: 12px;
	line-height: 1.4;
	margin: 0px 8px 4px 8px;
}

#blog_navigate dd .imagebox_r{
	float: right;
	margin: 0px;
}

/* つむぎクラブナビゲート
--------------------*/

#box_tclub {
	width: 562px;
	height: 257px;
	background-image:url(../images/club_waku.jpg);
	margin:10px 0 5px 12px
}

.club_intro {
	width: 330px;
	float: left;
	padding-top: 30px;
	padding-left: 25px;
}
.gaiyou_ber {
	margin-top: 3px;
}

.gaiyou_image {
	width: 190px;
	padding-top: 25px;
	float: left;
}

.gaiyou_text {
	margin-top: 12px;
	line-height: 20px;

}

.gaiyou_text .imagebox_r{
	float: right;
	margin: 0px;
}


/* 求人バナー
--------------------*/

.t1 {
	margin: 5px 0px 10px 12px;
	padding: 0;
	width:562px;
}

.t1 p {
	font-size:12px;
	line-height:20px;
	padding-left:10px;
	padding-bottom:10px;
}

.sem_btn {
	width:100%;
	list-style:none;
	text-align:center;
	margin-bottom:15px;
}

.sem_btn li{
	list-style:none;
	display:inline;
	margin: 0 4px 0 4px;
}


/* 会社案内
--------------------*/

#box_company {
	width: 562px;
	margin:10px 0 25px 12px
}

#box_company h3 {
	margin:10px 0 10px 12px;
	color:#FF6600;
	font-size:16px;
}

#box_company strong {
	color:#00CC66;
	font-size:14px;
}

.company_image {
	width: 190px;
	padding-top: 10px;
	padding-left: 12px;
	float: left;
}

.company_ac_image {
	width: 331px;
	padding-top: 10px;
	padding-left: 12px;
	float: left;
}

.company_intro {
	width: 350px;
	float: left;
	padding-top: 10px;
}

.company_access {
	width: 210px;
	float: left;
	padding-top: 10px;
}

.company_text {
    padding: 0 10px 15px 10px;
	line-height: 22px;
}

#box_company table {
	margin: 10px 0 0 0;
}

#box_company td {
	padding: 0 0 0 3px;
}
/* 教材詳細
--------------------*/

#booktitle {
	margin: 5px 0px 10px 12px;
	padding: 0;
	width:562px;
	height:25px;
	background-color:#FFCC00;
}

#booktitle h3{
	margin: 2px 0px 0px 12px;
	padding: 0;
	font-size:16px;
	color:#FFFFFF;
}

#box_book {
	width: 562px;
	margin:10px 0 10px 12px
}

.book_intro {
	width: 320px;
	float: left;
	padding-top: 10px;
	padding-left: 25px;
}
.book_ber {
	margin-top: 3px;
}

.book_image {
	width: 190px;
	padding-top: 10px;
	padding-left: 20px;
	float: left;
}

.book_image a {
	color: #FF9900;
}

.book_image a:visited {
	color: #FF9900;
}


.book_image a:hover {
	color: #FF9900;
}


.book_text {
	margin-top: 12px;

}

.book_image_yoko {
	width: 254px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 10px;
	float: left;
}

.book_ber_yoko {
	margin-top: 13px;
}

.book_text_yoko {
	margin-top: 12px;

}


.book_dt {
	margin: 5px 0px 10px 12px;
	padding: 0;
	width:562px;
}

.book_dt h4 {
	margin: 5px 0px 10px 12px;
	padding: 0;
	color:#FF9966;
	font-size:14px;
}

.book_dt p {
	padding: 0 10px 10px 10px;
}

.book_dt_grade {
	margin: 0 0px 25px 12px;
	padding: 0;
	width:562px;
	text-align:center;
}

/* よくある質問
--------------------*/

#faq {
	margin: 5px 0px 10px 12px;
	padding: 0;
	width:562px;
}

#faq h3 {
	margin: 0 0 15px 0;
}

#faq ul {
	margin: 0 0 20px 0;
	list-style:none;
}

#faq li {
	margin: 0 0 20px 10px;
	padding: 7px;
	list-style:none;
	border: dotted 2px;
}

.bod_ora {
	border-color:#FFCC00;
}

.bod_ora a {
	color: #A65300;
}

.bod_ora a:visited {
	color: #A65300;
}

.bod_ora a:hover {
	color: #A65300;
}

.bod_green {
	border-color:#99CC66;
}


/* つむぎクラブ案内
--------------------*/

#box_uclub {
	width: 562px;
	margin:10px 0 25px 12px
}

#box_uclub h3 {
	margin:10px 0 10px 12px;
	color:#FF6600;
	font-size:16px;
}

#box_uclub strong {
	color:#00CC66;
	font-size:14px;
}

.uclub_image {
	width: 193px;
	padding-top: 10px;
	padding-left: 12px;
	float: left;
}

.uclub_intro {
	width: 350px;
	float: left;
	padding-top: 10px;
}
.uclub_text {
    padding: 0 10px 15px 10px;
	line-height: 22px;
}

/* 塾リンク集
--------------------*/

#box_link {
	width: 562px;
	margin:10px 0 25px 12px
}

#box_link .map {
	margin-bottom:5px;
}

#box_link .kugiki {
	margin-bottom:15px;
}

#box_link h2 {
	font-size: 16px;
	font-weight: bold;
	color: #663300;
	padding-left: 6px;
	padding-top: 7px;
	margin:0 0 10px 10px;
	border-left: solid 5px #663300;
}

#box_link h3 {
	background-color: #FFCC00;
	height: 27px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 180%;
	padding-left: 10px;
	margin-bottom: 15px;
}

#box_link h4 {
	padding: 0px 0 0 23px;
	margin: 0 0 5px 9px;
	background-image:url(../images/link/pname.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	display:inline;
}

#box_link h5 {
	font-size: 12px;
	line-height: 180%;
	color: #CC6600;
	margin: 0px;
	padding: 0 0 0 20px;
	display:inline;
}

#box_link a:link {
	font-size: 14px;
	color: #663300;
}
#box_link a:visited {
	font-size: 14px;
	color: #663300;
}
#box_link a:hover {
	font-size: 14px;
	color: #FF3300;
}
.pr {
	background-color: #FFFFCC;
	border: 1px solid #FFCC00;
	padding: 5px 10px;
	margin: 5px 10px 20px 10px;
}
#box_link p {
	font-size: 12px;
	color: #663300;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.howtolink {
	width: 562px;
	margin:10px 0px 10px 12px;
}
/* お問合せ
--------------------*/

.box_contact_point {
	width: 552px;
	margin:15px 0 15px 22px;
}

.box_contact_point p {
	line-height:22px;
	
}

#box_contact {
	width: 546px;
	margin:10px 0 25px 28px;
}

#box_contact td.dot_u {
	border-bottom: 1px dotted #999999;
}



/* サイドメニュー
---------------------------------------------*/

#content2 {
	float: right;
	width: 190px;
}

.banner_box {
	width: 171px;
	margin:0 0 10px 7px;
}

#menu {
	width: 190px;
	height: 100%;
	padding-top: 5px;
	padding-bottom: 15px;
	background: #ffffff;
	
}

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

#menu li {
	margin: 0 0 0 3px;
	padding: 0;
	border-bottom: 1px solid #FFCC00;
	background: #FFFF66 url(../images/menumarker_hover.gif) no-repeat left center;
}

#menu a {
	padding: 5px 0 5px 20px;
	background: #FFFFFF url(../images/menumarker.gif) no-repeat left center;
	display: block;
	width: 167px !important;
	width /**/: 177px;
	color: #333333;
	text-decoration: none;
}

#menu a:hover {
	color: #666666;
	background-image: none;
	background-color: transparent;
}

/* フッタ
---------------------------------------------*/

#footer {
	clear:both;
	width: 780px;
	height: 15px;
	text-align:right;
	background-color:#FFFF99;
	margin: 0;
}

/* エントリー
---------------------------------------------*/
.entry {
	width:560px;
	height: auto;
	margin:15px 0 30px 12px;
	border:dotted 2px #FFCC00;

}

.entry .head{
	width: 560px;
	height: 50px;
	margin: 5px 0 0 0;
	background-image:url(../images/entry_header_bg.jpg);
	background-repeat: no-repeat;
	background-position:left center;
}

.entry .head h2{
	width: 500px;
	padding-left:32px;
	padding-top:8px;
	color:#FF6600;
	font-size:16px;
	line-height:16px;
}

.entry .head p{
	padding-left:32px;
	padding-top: 2px;
	color:#CC0000;
	font-size:12px;
	margin: 3px 0 0 0;
}

.entry .body{
	width:565px;
	background-image:url(../images/entry_body.jpg);
	background-repeat: repeat-y;

}

.entry .body strong {
	color:#33CC66;
}

.entry .body em {
	color:#FF9900;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
}

.entry .body p{
	padding: 0 20px 0 20px;
	margin: 10px 0 0 0;
	background-image: url(../images/p_cms.gif);
	background-repeat: repeat-y;
	line-height: 24px;
	font-size:14px;
	color:#333333;
}

.entry .foot{
	clear:both;
	width:565px;
	height: 27px;
	margin: -2px 0 0 0;
	padding: 8px 0 0 0;
	color:#FFFFFF;
}

.entry .foot li{
	padding-left: 450px;
	font-size:12px;
	list-style:none;
}

.blog_menu {
	width: 190px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #ffffff;
	
}

.blog_menu ul{
	padding: 5px 0 5px 5px;
	list-style:none;
	
}

.blog_menu li{
	padding: 5px 0 5px 20px;
	background-image:url(../images/blogside_li_bg.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	list-style:none;
	border-bottom: dotted 2px #CC9966;
	background-color:#FFF7FF;
	margin-bottom: 12px;
	
}

/*---イメージクラス----------------------------*/

.entry .body img.left {

    float       : left;
    margin      : 1em 1em 1em 0px;
}
.entry .body img.right {

    float       : right;
    margin      : 1em 0px 1em 1em;
}

.news_in {
	margin: 0px;
	padding: 0px;
	width: 562px;
	height: 100px;
}

/*---冬のおすすめ教材----------------------------*/

.win_box {
	margin: 5px 0px 15px 12px;
	padding: 0;
	width:562px;
}

.win_box p {
	line-height:20px;
	padding-left:15px;
}

.win_box_images {
	padding:0 0 15px;
}

.win_box_ber1 {
	padding:20px 0 15px;
}

.f_red {
	color:#FF0000;
}

.f_red16 {
	color:#FF0000;
	font-size:16px;
}

/* 教材解説ビデオ
---------------------------------------------*/
.video_box {
	border:dotted 3px #FF9900;
	margin-bottom:10px;

}


.img_right {
	float:right;
	padding: 0 0 15px 5px;
}

.img_right2 {
	float:right;
	padding: 0 0 0 5px;
}

.bunsu_tab {
	width:562px;
	line-height:18px;
}

.bunsu_tab td {
	padding:5px;
}