/*-----------------------------------------
オフィス・七田：CSS
2008.7.14 update

SOLU MEDIAGE inc. /// Tawarayama

メインカラー：45a239
-----------------------------------------*/


@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	|
*/




/*--------------------------------
base layout
---------------------------------*/
#header{
	background: url(../img/bg_head1.gif) no-repeat top center;
}

body {
    background:#fff url(../img/bg_top1.gif) repeat-x top center;
}

/*--------------------------------
20111102 base layout_fix
---------------------------------*/
#header_fix{
	background: url(../img/bg_head2.gif) no-repeat top center;
}



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


/* ----------- SUBLINKS ----------- */
	#sublinks ul li a,
	#sublinks ul li a:visited {
		color:#45a239;
	}
	#sublinks ul li a:hover{
		background: #52c044;
	}
/* ----------- SUBMENU ----------- */








/*--------------------------------
以下 オフィス七田 固有指定
---------------------------------*/



/*--------------------------------
contents
---------------------------------*/
h3 {
	color: #45a239;
}



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



/*--------------------------------
form th
---------------------------------*/
#form table th {
	background : #52c044;
}



/*--------------------------------
c1-1 右脳開発とは
---------------------------------*/

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

#c1-1_p2_bg1 {
	background: url(../img/c1-1_gaiyo/p2/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_p3_bg1 {
	background: url(../img/c1-1_gaiyo/p3/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 467px;
	height: auto !important;
	height: 467px;
	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 右脳開発の基本
---------------------------------*/

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

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

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

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



/*--------------------------------
c1-3 波動で美しくなる
---------------------------------*/

#c1-3_p1_bg1 {
	background: url(../img/c1-3_hadob/p1/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 210px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 210px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}
#hadob_list {
	display: block;
	width: 608px;
	padding: 20px;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}
#hadob_list ul {
	margin: 0;
}
#hadob_list ul li {
	list-style-type: decimal;
	margin-left: 2em;
}



/*--------------------------------
c2-1 目的別でさがす
---------------------------------*/
#table_mokuteki {
	width: 650px;
	margin: -10px 0 0 -10px;
}
#table_mokuteki td {
	background: url(../img/c2-1_mokuteki/bt_bg1.gif) no-repeat bottom left;
	min-height: 175px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 175px; /*IE6でmin-heightを有効化*/
}
#table_mokuteki td p {
	display: block;
	width: 235px;
	min-height: 68px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 68px; /*IE6でmin-heightを有効化*/
	font-size: 77%;
	margin: 0 10px 5px;
	line-height: 1.3;
}
#table_mokuteki td img {
	margin: 10px;
}
#table_mokuteki td a img {
	margin: 0;
}



/*--------------------------------
c2-1 目的別でさがす
---------------------------------*/
#c4-2_p1_bg1 {
	background: url(../img/c4-2_smokuteki/p1/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 210px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 210px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}
#c4-2_p2_bg1 {
	background: url(../img/c4-2_smokuteki/p2/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 271px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 271px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}
#c4-2_p3_bg1 {
	background: url(../img/c4-2_smokuteki/p3/bg1.jpg) no-repeat top right;
	display: block;
	min-height: 261px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 261px; /*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: 326px;
	height: auto !important; /*IE6でmin-heightを有効化*/
	height: 326px; /*IE6でmin-heightを有効化*/
	margin: 0 0 20px;
}



/*--------------------------------
c5 会社概要
---------------------------------*/
#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;
}
#ol_p1_bg2 {
	background: url(../img/outline/p1/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;
}