@charset "utf-8";
@import url("../css/default.css");
@import url("../css/font.css");
@import url("../css/common.css");

/* CSS Document */



/*==========================================
コンテントボトムエリアの設定 
============================================*/
#contentsBottom{
	width:960px;
	margin:0 auto 250px;
    padding-top:55px;
}


/*==========================================
メインコンテントエリアの設定 
============================================*/
#mainContents{
	   float:left;
	   width:670px;
	   
}

#mainContents p.le_sub1{
	padding:3px 0 3px 25px;
	margin-bottom:25px;
	background:url(images/les_icon01.gif) no-repeat left center;
}

#mainContents ul.le1{
	padding-left:25px;
}

#mainContents ul.le1 li{
	padding-bottom:7px;
}
	
#mainContents ul.le1 li span{
	padding-left:10px;
}

/* ご提案の流れエリア*/
#nagare{
	padding:20px 0 35px 0;
}

#nagare p{
	padding-bottom:20px;
}

#nagare ul li{
	float:left;
	padding-left:10px;
	border-left:4px solid #5f87c0;
	white-space:nowrap;
}

#nagare ul li.n1{
	padding-bottom:25px;
}

#nagare ul li.n1,
#nagare ul li.n2,
#nagare ul li.n3{
	padding-right:50px;
	background:url(images/les_icon02.gif) no-repeat 140px center;
}


/* レッスン一覧エリア*/

#mainContents h3{
	border-bottom:1px solid #bebebe;
	margin-bottom:30px;
}
#mainContents .lesson{
	border:2px solid #fff;
	-moz-outline-radius:4px;
	-webkit-outline-radius: 4px;
	-o-outline-radius: 4px;
	-ms-outline-radius: 4px;	
	outline-radius:4px;
	margin-bottom:30px;
	padding:15px;
	/* グラデーションcss3*/
	 background: -moz-linear-gradient(top, #fff 0%, #fff 10%);　/* Firefox用 */  
   background: -webkit-gradient(
  #f3f3f3 0%,
	#fff 10%
);
/*For Modern Browser*/
background: linear-gradient(
	#f3f3f3 0%,
	#fff 10%
);　/* Safari,Google Chrome用 */ 
}

#mainContents .lesson h4{
	padding:5px 0 15px 0;
}

#mainContents .lesson p{
	font-size:109%;
}


#mainContents .lesson ul.naiyou{
	width:210px;
	margin-top:5px;
}


#mainContents .lesson ul.naiyou li{
	float:left;
	white-space:nowrap;
	color:#fff;
	background:#f8899c;
	padding:5px;
	margin:0 5px 5px 0;
}

#mainContents .lesson ul.naiyou1 li{
	background:#f8899c;
}

#mainContents .lesson ul.naiyou2 li{
	background:#f9a941;
}
	
#mainContents .lesson ul.naiyou3 li{
	background:#85b82c;
}


#mainContents .lesson ul.naiyou4 li{
	background:#6394d4;
}


#mainContents .lesson1{
	outline:3px solid #ffd9e0;
	
}


#mainContents .lesson2{
	outline:3px solid #fad7ad;
	
}

#mainContents .lesson3{
	outline:3px solid #bed695;
	
}

#mainContents .lesson4{
	outline:3px solid #c2d3eb;
	
}


#mainContents .lesson .lesson_left{
	float:left;
	margin-right:20px;
}

/* 詳細はこちらボタン*/

#mainContents .lesson p.l_btn{
	text-align:right;
	padding-top:15px;
	margin-top:-5px;
}

#mainContents .lesson p.l_btn a{
		color:#fff;
		padding:7px 7px 7px 35px;
		text-decoration:none;
}

#mainContents .lesson p.l_btn1 a{
	background:url(images/les_icon03.gif) no-repeat 10px center #f8899c;
}

#mainContents .lesson p.l_btn2 a{
	background:url(images/les_icon03.gif) no-repeat 10px center #f9a941;
}

#mainContents .lesson p.l_btn3 a{
	background:url(images/les_icon03.gif) no-repeat 10px center #85b82c;
}

#mainContents .lesson p.l_btn4 a{
	background:url(images/les_icon03.gif) no-repeat 10px center #6394d4;
}

#mainContents .lesson p.l_btn+p{
	margin-top:17px;
}


#mainContents .lesson .osusume{
	margin-top:20px;
	margin-left:230px;
	padding:10px;

}

#mainContents .lesson .osusume1{
	background:#fef3f5;
}

#mainContents .lesson .osusume2{
	background:#fff4e8;
}

#mainContents .lesson .osusume3{
	background:#f4f8ed;
}

#mainContents .lesson .osusume4{
	background:#e3eefe;
}


#mainContents .lesson .osusume p{
	padding:0 0 10px 10px;
	-moz-box-shadow: 0 2px 0 #fff;
  -webkit-box-shadow: 0 2px 0 #fff;
  -ms-box-shadow: 0 2px 0 #fff;
   -o-box-shadow: 0 2px 0 #fff;
    box-shadow: 0 2px 0 #fff;
}

#mainContents .lesson .osusume1 p{
	color:#f8889c;
	border-bottom:1px solid #f8889c;
}

#mainContents .lesson .osusume2 p{
	color:#f9a941;
	border-bottom:1px solid #f9a941;
}

#mainContents .lesson .osusume3 p{
	color:#85b82c;
	border-bottom:1px solid #85b82c;
}

#mainContents .lesson .osusume4 p{
	color:#6394d4;
	border-bottom:1px solid #6394d4;
}


#mainContents .lesson .osusume ul li{
	padding:10px 0 0 30px;
	background:url(images/les_icon04.gif) no-repeat 12px 15px;
	
}

#mainContents .lesson .osusume2 ul li{
	padding:10px 0 0 30px;
	background:url(images/les_icon05.gif) no-repeat 12px 15px;
	
}

#mainContents .lesson .osusume3 ul li{
	padding:10px 0 0 30px;
	background:url(images/les_icon06.gif) no-repeat 12px 15px;
	
}

#mainContents .lesson .osusume4 ul li{
	padding:10px 0 0 30px;
	background:url(images/les_icon07.gif) no-repeat 12px 15px;
	
}


#mainContents .lesson .osusume ul{
	padding-bottom:10px;
}


#mainContents a{
	text-decoration:underline;
}

#mainContents a:hover{
	color:#ef7723;
}