/*-----------------------------------------
ENGLISH：CSS
2008.8.18 update

SOLU MEDIAGE inc. /// Tawarayama

メインカラー：0b67bd / 
-----------------------------------------*/


@import url("../../css/global.css");
@charset "utf-8";
/*charsetが後なのは、Safariでimportを読まないバグを回避させるため*/

/*
		Font-size Adjustment.
			77% = 10px	|	123.1% = 16px	|	167% = 22px
			85% = 11px	|	131% =  17px	|	174% = 23px 
			93% = 12px	|	138.5% = 18px	|	182% = 24px 
			100% = 13px	|	146.5% = 19px	|	189% = 25px 
			108% = 14px	|	153.9% = 20px	|	197% = 26px 
			116% = 15px	|	161.6% = 21px	|
*/
body {
    background: url(../../img/bg_top1.gif) repeat-x top left !important;
}
body#eng1 {
    background: url(../../kyoiku/img/bg_top1.gif) repeat-x top left !important;
}
body#eng2 {
    background: url(../../life/img/bg_top1.gif) repeat-x top left !important;
}
body#eng3 {
    background: url(../../office/img/bg_top1.gif) repeat-x top left !important;
}

/*--------------------------------
base layout (グループ共通)
---------------------------------*/
#lefter {
	width: 900px;
}

#header{
	height:105px;
	margin:0 0 20px;
	width:900px;
	background: url(../img/bg_head0.gif) no-repeat top center;
}
body#eng1 #header{
	height:105px;
	margin:0 0 20px;
	width:900px;
	background: url(../img/bg_head1.gif) no-repeat top center;
}
body#eng2 #header{
	height:105px;
	margin:0 0 20px;
	width:900px;
	background: url(../img/bg_head2.gif) no-repeat top center;
}
body#eng3 #header{
	height:105px;
	margin:0 0 20px;
	width:900px;
	background: url(../img/bg_head3.gif) no-repeat top center;
}

#bt_eng2 a,
#bt_eng2 a:visited {
	display: block;
	width: 77px;
	height: 27px;
	text-indent: -9999px;
	position: absolute;
	top: 22px;
	right: 80px;
}
#bt_eng2 a:hover {
	background: url(../img/mm_bt_eng_e.gif) no-repeat top left;
}

#bt_chn2 a,
#bt_chn2 a:visited {
	display: block;
	width: 77px;
	height: 27px;
	text-indent: -9999px;
	position: absolute;
	top: 22px;
	right: 0;
}
#bt_chn2 a:hover {
	background: url(../img/mm_bt_chn.gif) no-repeat top left;
}

#header #global_menu li.bt1 a:hover {
	background: url(../img/mm_bt1_group_e.gif) no-repeat scroll left top;
}
#header #global_menu li.bt2 a:hover {
	background: url(../img/mm_bt2_kyoiku_e.gif) no-repeat top left;
}
#header #global_menu li.bt3 a:hover {
	background: url(../img/mm_bt3_life_e.gif) no-repeat top left;
}
#header #global_menu li.bt4 a:hover {
	background: url(../img/mm_bt4_office_e.gif) no-repeat top left;
}
#header #global_menu li.bt5 a:hover {
	background: url(../img/mm_bt5_mall_e.gif) no-repeat top left;
}












/*--------------------------------
mainmenu
---------------------------------*/
/* ----------- NAVIGATION----------- */


/* ----------- SUBLINKS ----------- */
	#sublinks ul li a,
	#sublinks ul li a:visited {
		color:#0b67bd;
	}
	#sublinks ul li a:hover{
		background: #0b67bd;
	}
/* ----------- SUBMENU ----------- */








/*--------------------------------
以下 固有指定
---------------------------------*/

strong {
	font-weight: bold;
	color: #f39700;
}

/*--------------------------------
contents
---------------------------------*/
h3 {
	color: #0b67bd;
}
#eng2 h3 {
	color: #fb7e7e;
}
#eng3 h3 {
	color: #45a239;
}
p {
	width: 650px!important;
}

table {
	width: 648px;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
}

table th,
table td {
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
	padding: 10px;
}
table th {
	text-align: right;
}



/*--------------------------------
sub_menu
---------------------------------*/
#sub_menu li a:hover {
	background: #cfe3f6;
}



/*--------------------------------
form th
---------------------------------*/
#form table th {
	background : #0b67bd;
}




/*--------------------------------
c1-1
---------------------------------*/

#c1-1_p1_bg1 {
	background: url(../img/c1-1_gaiyo/p1/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 380px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 380px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}

#c1-1_p1_bg2 {
	background: url(../img/c1-1_gaiyo/p1/bg2.jpg) no-repeat top right;
	display: block;
	min-height: 327px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 327px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}

#c1-1_p3_bg1 {
	background: url(../img/c1-1_gaiyo/p3/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 316px;
	height: auto !important;
	height: 316px;
	margin: 0 0 20px;
}

#c1-1_p5_bg1 {
	background: url(../img/c1-1_gaiyo/p5/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 768px;
	height: auto !important;
	height: 768px;
	margin: 0 0 20px;
}




/*--------------------------------
c1-2_makoto
---------------------------------*/

#c1-2_p1_bg1 {
	background: url(../img/c1-2_makoto/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 301px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 301px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}




/*--------------------------------
c1-3_books
---------------------------------*/

#c1-3_p1_bg1 {
	background: url(../img/c1-3_books/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 301px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 301px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}

table.table_books {
	width: 648px;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
}

table.table_books th,
table.table_books td {
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
	padding: 10px;
}
table.table_books th {
	text-align: center;
	background: #0b67bd;
	color: #fff;
}




/*--------------------------------
c1-4_school
---------------------------------*/

#c1-4_p1_bg1 {
	background: url(../img/c1-4_school/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 391px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 391px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}


/*--------------------------------*/
#sj_tabber {
	width: 650px;
	padding: 0;
}
#sj_tabber #tabber {
	display: block;
	width: 650px;
	height: 57px;
	background: url(../img/c1-4_school/bt.gif) no-repeat top center;
}
#sj_tabber #tabber li {
	float: left;
}
#sj_tabber #tabber li a {
	text-indent: -9999px;
	display: block;
	width: 108px;
	height: 57px;
}
#sj_tabber #tabber li a.spr {
	width: 109px;
}
#sj_tabber #tabber li a:hover {
	text-indent: 0px;
	background: transparent;
}
#sj_tabber dl {
	margin: 0;
}
#sj_tabber dl dt {
	margin: 0;
	padding: 0;
	display: block;
	width: 650px;
	height: 451px;
}
#sj_tabber dl dd {
	padding: 0;
	margin: 0;
	background: url(../img/c2-3_syoujou/bg3.gif) repeat-y top center;
}
#sj_tabber dl dd table {
	background: transparent;
	width: 650px;
	margin: 0;
}
#sj_tabber dl dd table tr {
}
#sj_tabber dl dd table tr th {
	border-bottom: #ccc 1px solid;
	width: 250px;
	text-align: right;
	padding: 0.5em 10px 0.5em 0;
}
#sj_tabber dl dd table tr td {
	border-bottom: #ccc 1px solid;
	background: url(../../img/bullet.gif) no-repeat center left;
	padding: 0.5em 0 0.5em 15px;
}
#sj_tabber dl dd table tr td a {
	text-decoration: underline;
}
#sj_tabber #tabber_foot {
	background: url(../img/c2-3_syoujou/bg2.gif) no-repeat bottom center;
	text-align: center;
	padding: 10px;
}


/*--------------------------------*/
#sj_tabber_school {
	width: 650px;
	padding: 0;
}
#sj_tabber_school #tabber {
	display: block;
	width: 650px;
	height: 57px;
	background: url(../img/c1-4_school/bt.gif) no-repeat top center;
}
#sj_tabber_school #tabber li {
	float: left;
}
#sj_tabber_school #tabber li a {
	text-indent: -9999px;
	display: block;
	width: 108px;
	height: 57px;
}
#sj_tabber_school #tabber li a.spr {
	width: 109px;
}
#sj_tabber_school #tabber li a:hover {
	text-indent: 0px;
	background: transparent;
}
#sj_tabber_school dl {
	margin: 0;
}
#sj_tabber_school dl dt {
	margin: 0;
	padding: 0;
	display: block;
	width: 650px;
	height: 43px;
}
#sj_tabber_school dl dd,
#sj_tabber_school dl dd img {
	padding: 0;
	margin: 0;
}
#sj_tabber_school dl dd table {
	background: transparent;
	width: 650px;
	margin: 0 0 10px;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
}
#sj_tabber_school dl dd table tr {
}
#sj_tabber_school dl dd table tr th {
	border-bottom: #ccc 1px solid;
	width: 250px;
	text-align: right;
	padding: 0.5em 10px 0.5em 0;
}
#sj_tabber_school dl dd table tr td {
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
	padding: 10px;
}
#sj_tabber_school dl dd table tr td a {
	text-decoration: underline;
}
#sj_tabber_school #tabber_foot {
	text-align: center;
	padding: 10px;
}
.c1-2_bg1 {
	background: url(../../kyoiku/img/c1-2_sekai/p2/bg1.jpg) no-repeat right 10px;
	display: block;
	height: 195px;
}







/*--------------------------------
c2-1_kyoiku
---------------------------------*/
#c2-1_p1_bg1 {
	background: url(../img/c2-1_kyoiku/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 301px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 301px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}
#c2-1_p1_bg2 {
	background: url(../img/c2-1_kyoiku/bg2.jpg) no-repeat top right;
	display: block;
	min-height: 332px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 332px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}



/*--------------------------------
c2-2_life
---------------------------------*/
#c2-2_p1_bg1 {
	background: url(../img/c2-2_life/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 301px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 301px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}
#c2-2_p1_bg2 {
	background: url(../img/c2-2_life/bg2.jpg) no-repeat top right;
	display: block;
	min-height: 258px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 258px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}



/*--------------------------------
c2-3_office
---------------------------------*/
#c2-3_p1_bg1 {
	background: url(../img/c2-3_office/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 301px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 301px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}
#c2-3_p1_bg2 {
	background: url(../img/c2-3_office/bg2.jpg) no-repeat top right;
	display: block;
	min-height: 258px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 258px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}



/*--------------------------------
c4-1 通信コース
---------------------------------*/
#courser1,
#courser2 {
	position: relative;
	width: 320px;
	height: 599px;
}
#courser1 a:hover,
#courser2 a:hover {
	background: transparent;
}
#courser1 {
	background: url(../img/c4-1_course/p1/g1.jpg) no-repeat top left;
}
#courser2 {
	background: url(../img/c4-1_course/p1/g2.jpg) no-repeat top left;
}
#courser1 .bt0,
#courser2 .bt0 {
	position: absolute;
	left: 40px;
	top: 268px;
}
#courser1 .bt1,
#courser2 .bt1 {
	position: absolute;
	left: 41px;
	top: 340px;
}
#courser1 .bt2,
#courser2 .bt2 {
	position: absolute;
	left: 167px;
	top: 340px;
}
#courser1 .bt3,
#courser2 .bt3 {
	position: absolute;
	left: 41px;
	top: 423px;
}
#courser1 .bt4,
#courser2 .bt4 {
	position: absolute;
	left: 167px;
	top: 423px;
}





/*--------------------------------
c4-2 エンジェル通信コース
---------------------------------*/
#c4-2_p1_bg1 {
	background: url(../img/c4-2_angel/p1/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 214px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 214px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}




/*--------------------------------
c4-2 右脳イメージ通信コース
---------------------------------*/
#c4-3_p1_bg1 {
	background: url(../img/c4-3_unou/p1/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 233px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 233px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}




/*--------------------------------
c5 夢そだて友の会
---------------------------------*/
#c5_p1_bg1 {
	background: url(../img/c5_kai/p1/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 300px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 300px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}




/*--------------------------------
会社概要
---------------------------------*/
#ol_p1_bg1 {
	background: url(../img/outline/p1/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 264px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 264px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}




/*--------------------------------
まこと会
---------------------------------*/
#makotokai_bg1 {
	background: url(../img/makotokai/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 233px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 233px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}