@charset "UTF-8";
/* CSS Document */

/* 
   ----------------------------------------
   2009.02.26
   NOHMI
   ----------------------------------------*/

/* コンテンツ ######################################## */

.learning_title {
	position:relative;
	width:683px;
	margin:0px auto 40px auto;
}
.learning_menu {
	position:absolute;
	top:94px;
	left:15px;
	width:656px;
}
.learning_menu li {
	float:left;
	margin:0px 2px 2px 0px;
	font-size:1px;
	line-height:1px;
}
.learning_submenu {
	position:absolute;
	width:195px;
	top:168px;
	left:450px;
}
.learning_submenu li {
	float:left;
}
.learning_submenu2 {
	position:absolute;
	width:195px;
	top:230px;
	left:450px;
}
.learning_submenu2 li {
	float:left;
}
.learning_menu_002 {
	position:absolute;
	top:164px;
	left:23px;
	width:656px;
}
.learning_menu_002 li {
	float:left;
	margin:0px 2px 2px 0px;
	font-size:1px;
	line-height:1px;
}
.learning_menu_003 {
	position:absolute;
	top:187px;
	left:15px;
	width:656px;
}
.learning_menu_003 li {
	float:left;
	margin:0px 2px 2px 0px;
	font-size:1px;
	line-height:1px;
}

/* ######################################## */

.learning_001 {
	width:666px;
	margin:0px auto 10px auto;
}
.learning_001 li {
	width:219px;
	float:left;
	margin:0px 3px 10px 0px;
}
.learning_001 li h5 {
	width:219px;
	margin:0px 0px 5px 0px;
}
.learning_002 {
	width:197px;
	height:90px;
	border: 1px solid #d3d3d3;
	padding:5px 10px;
}
.learning_002 p {
	font-size:14px;
	line-height:20px;
	color:#3e3e3e;
}
.learning_002 p img {
	float:right;
	padding:0px 0px 0px 10px;
}
.learning_003 {
	width:197px;
	height:90px;
	border: 1px solid #d3d3d3;
	padding:5px 10px;
}
.learning_003 p {
	font-size:14px;
	line-height:20px;
	color:#3e3e3e;
	vertical-align:middle;
}
.learning_003 p img {
	float:right;
	padding:0px 0px 0px 0px;
}

/* ######################################## */

.learning_101 {
	width:681px;
	margin:0px auto 20px auto;
}
.learning_102 {
	width:638px;
	margin:0px auto 10px auto;
}
.learning_102 p {
	font-size:14px;
	line-height:20px;
	padding:0px 10px;
}
.learning_103 {
	width:638px;
	margin:0px auto 20px auto;
}

/* ######################################## */

.learning_201 {
	width:681px;
	margin:0px auto 20px auto;
}
.learning_202 {
	width:640px;
	margin:0px auto 10px auto;
}
.learning_203 {
	width:630px;
	margin:0px auto 20px auto;
}
.learning_203 p {
	font-size:14px;
	line-height:20px;
	color:#3e3e3e;
}
.learning_204 {
	width:630px;
	margin:0px auto 20px auto;
}
.learning_204 h4 {
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color:#3e3e3e;
	margin:0px 0px 5px 0px;
}
.learning_204 table {
	border: 1px solid #333333;
	border-collapse:collapse;
}
.learning_204 th {
	border: 1px solid #333333;
	border-collapse:collapse;
	background:#ffddba;
	font-size:14px;
	line-height:20px;
	color:#3e3e3e;
	padding:3px 5px;
	font-weight:normal;
	text-align:left;
}
.learning_204 td {
	border: 1px solid #333333;
	border-collapse:collapse;
	background:#f6f5f4;
	font-size:14px;
	line-height:20px;
	color:#3e3e3e;
	padding:3px 5px;
}
.learning_205 {
	width:630px;
	margin:0px auto 20px auto;
}
.learning_205 li {
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	color:#ed811c;
}
.learning_205 p {
	font-size:14px;
	line-height:20px;
	color:#3e3e3e;
}
.learning_206 {
	width:625px;
	margin:0px auto 20px auto;
}
.txt_101 {
	font-size:16px;
	line-height:18px;
	font-weight:bold;
	color:#ed811c;
}

/* ######################################## */

.learning_301 {
	width:681px;
	margin:0px auto 20px auto;
}
.learning_302 {
	width:681px;
	margin:0px auto 20px auto;
	text-align:center;
}
.learning_303 {
	width:681px;
	margin:0px auto 10px auto;
	text-align:center;
}

/* ######################################## */

.learning_401 {
	position:relative;
	width:632px;
	margin:0px auto 20px auto;
}
.learning_402 {
	position:absolute;
	top:40px;
	left:15px;
	width:340px;
}
.learning_402 p {
	font-size:14px;
	line-height:20px;
	color:#000000;	
}
.learning_403 {
	position:absolute;
	top:113px;
	left:45px;
	width:340px;
}
.learning_403 p {
	font-size:14px;
	line-height:20px;
	color:#000000;	
}
.learning_403 p img {
	padding:0px 0px 0px 10px;
}
.learning_403 p a:link {
	text-decoration:underline;
	color:#ec7b1f;
}
.learning_403 p a:visited {
	text-decoration:underline;
	color:#ec7b1f;
}
.learning_403 p a:hover {
	text-decoration:none;
	color:#ec7b1f;
}
.learning_403 p a:active {
	text-decoration:underline;
	color:#ec7b1f;
}

/* ######################################## */

.learning_501 {
	width:640px;
	margin:0px auto 20px auto;
}
.learning_502 {
	width:630px;
	margin:0px auto 10px auto;
}
.learning_502 p {
	font-size:16px;
	line-height:20px;
	color:#ed811c;
	padding:0px 15px;
	font-weight:bold;
}
.learning_503 {
	width:630px;
	margin:0px auto 10px auto;
}
.learning_503 p {
	font-size:14px;
	line-height:20px;
	color:#3e3e3e;
	padding:0px 0px 0px 35px;
}
.learning_504 {
	width:585px;
	background:#fdf5df;
	padding:10px;
	margin:0px auto 20px 59px;
}
.learning_504 li {
	font-size:14px;
	line-height:24px;
	color:#ed811c;
	padding:0px 15px;
	font-weight:bold;
}
.learning_505 {
	width:640px;
	margin:0px auto 20px auto;
}
.learning_505_left {
	width:439px;
	float:left;
}
.learning_505_left h5 {
	font-size:14px;
	line-height:20px;
	color:#ed811c;
	padding:0px 15px;
	font-weight:bold;
	margin:0px 0px 5px 0px;
}
.learning_505_left p {
	font-size:14px;
	line-height:20px;
	color:#3e3e3e;
	padding:0px 0px 0px 35px;
	margin:0px 0px 10px 0px;
}
.learning_505_right {
	width:201px;
	float:right;
}
.learning_506 {
	width:439px;
	text-align:center;
	margin:0px 0px 10px 0px;
}
.learning_507 {
	width:640px;
	text-align:center;
	margin:0px auto 20px auto;
}

/* ######################################## */

.learning_601 {
	position:relative;
	width:632px;
	margin:0px auto 20px auto;
}
.learning_602 {
	width:550px;
	position:absolute;
	top:39px;
	left:20px;
}
.learning_602 h5 {
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color:#ed811c;
	margin:0px 0px 5px 0px;
}
.learning_602 p {
	font-size:14px;
	line-height:20px;
	color:#000000;
	padding:0px 15px;
	margin:0px 0px 15px 0px;
}

/* ######################################## */

.learning_701 {
	width:617px;
	height:127px;
	padding:10px;
	margin:0px auto 20px auto;
	background:url(../img/product/learning/contents/1503.jpg) no-repeat;
}
.learning_701 li {
	font-size:16px;
	line-height:24px;
	color:#ed811c;
	padding:0px 15px;
	font-weight:bold;
}
.learning_702 {
	width:604px;
	margin:0px auto 20px 59px;
}

.learning_801_left {
	width:439px;
	float:left;
}
.learning_801_left p {
	font-size:14px;
	line-height:20px;
	color:#3e3e3e;
	padding:0px 0px 0px 10px;
	margin:0px 0px 10px 0px;
}

/* middle_menu ######################################## */

#middle_menu {
	width:259px;
	margin:0px 14px 10px auto;
}
.middle_menu_left {
	width:131px;
	float:left;
}
.middle_menu_right {
	width:128px;
	float:right;
}
.middle_left_left {
	width:131px;
	float:left;
	padding:4px 0px 0px 0px;
}
.middle_right_left {
	width:65px;
	float:left;
}
.middle_right_left li {
	font-size:10px;
	line-height:12px;
	padding:4px 0px 0px 0px;
	text-align:right;
}
.middle_right_right {
	width:57px;
	height:18px;
	float:right;
	padding:3px 0px 0px 6px;
	background:url(../img/common/middle_menu_back.gif) no-repeat;
}
.middle_right_right li {
	float:left;
	margin:0px 3px 0px 0px;
	font-size:1px;
	line-height:1px;
}
.font_small a {
	width:15px;
	height:15px;
	display:block;
	background:url(../img/common/middle_menu_004.gif) no-repeat;
	text-indent:-9876px;
}
.font_small a:hover {
	width:15px;
	height:15px;
	display:block;
	background:url(../img/common/middle_menu_007.gif) no-repeat;
	text-indent:-9876px;
}
.font_middle a {
	width:15px;
	height:15px;
	display:block;
	background:url(../img/common/middle_menu_011.gif) no-repeat;
	text-indent:-9876px;
}
.font_big a {
	width:15px;
	height:15px;
	display:block;
	background:url(../img/common/middle_menu_006.gif) no-repeat;
	text-indent:-9876px;
}
.font_big a:hover {
	width:15px;
	height:15px;
	display:block;
	background:url(../img/common/middle_menu_009.gif) no-repeat;
	text-indent:-9876px;
}

/* ############################################## */