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

@import "common/layout.css";


/*-------------------------------------------------------------------------
	INDEX
/*-----------------------------------------------------------------------*/

body{
	background:url(../img/howto_lacolab/back.jpg);

}
a{/*リンクされた文字*/
    color:#db4e3d;
    font-style:normal;
	text-decoration:underline;
}
a:link {/*未訪問のリンク*/
    color:#db4e3d;
    font-style:normal;
	 text-decoration:underline;
}

a:hover {/*マウスをのせたとき*/
    color:#925d11;
    font-style:normal;
}
a:active {/*クリック中*/
    text-decoration:none;
}

a:visited {
    color:#db4e3d;
    font-style:normal;
	text-decoration:underline;
    }
#all{
	width:850px;
	margin:0 auto;
	border-bottom:#CCC solid 1px;
	font-size:12px;
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;
}


#content{
	background-color:#fdfaf5;
}
/*Section1*/
#content .section1{
	background:url(../img/howto_lacolab/1_back.jpg);
	background-repeat: no-repeat;
}
#content .section1 p {
	margin-left:30px;
}
#content .section1 ul {
	margin-left:17px;
	 margin-bottom:20px;
}
#content .section1 li {
  display: inline-block;
  width:200px;
  vertical-align: top;

}
/* IE6 */
#content .section1 ul li {
  _display: inline; /* display: inline-block;の代わり */
  _zoom: 1; /* 状況によって使い分ける */
}
 
/* IE7 */
*:first-child+html #content .section1 ul li {
  display: inline; /* display: inline-block;の代わり */
  zoom: 1; /* 状況によって使い分ける */
}

#content .section1 dl dd {
   padding-left:5px;
}


/*Section2*/
#content .section2{
	background:url(../img/howto_lacolab/2_back.jpg);
	background-position:right bottom;
	background-repeat: no-repeat;
}
#content .section2 p {
	margin-left:30px;
	margin-bottom:15px;
	margin-top:10px;
}
#content .section2 ul {
	margin-left:17px;
	 margin-bottom:20px;
}
#content .section2 li {
  display: inline-block;
  width:210px;
  vertical-align: top;

}
/* IE6 */
#content .section2 ul li {
  _display: inline; /* display: inline-block;の代わり */
  _zoom: 1; /* 状況によって使い分ける */
}
 
/* IE7 */
*:first-child+html #content .section2 ul li {
  display: inline; /* display: inline-block;の代わり */
  zoom: 1; /* 状況によって使い分ける */
}

#content .section2 dl dd {
   padding-left:5px;
}

/*Section3*/
#content .section3{
	background:url(../img/howto_lacolab/3_back.jpg);
	background-repeat: no-repeat;
}
#content .section3 p {
	margin-left:30px;
	margin-bottom:15px;
	margin-top:10px;
}
#content .section3 ul {
	margin-left:17px;
	 margin-bottom:20px;
}
#content .section3 li {
  display: inline-block;
  width:200px;
  vertical-align: top;

}
/* IE6 */
#content .section3 ul li {
  _display: inline; /* display: inline-block;の代わり */
  _zoom: 1; /* 状況によって使い分ける */
}
 
/* IE7 */
*:first-child+html #content .section3 ul li {
  display: inline; /* display: inline-block;の代わり */
  zoom: 1; /* 状況によって使い分ける */
}

#content .section3 dl dd {
   padding-left:5px;
}





#content .item{
	padding-bottom:10px;
}

#content .item p{
	padding-top:10px;
}
#content .item .text{
	padding-left:40px;
	font-size:14px;
	color:#666666;
}
#content .item .btn{
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}
	
#content .item .book{
	padding-top:10px;
	padding-left:13px;
}
#content .item ul.book li{
	float:left;
}

#content .item ul.book li.left{
	float:left;
	padding:0;
	margin-right:10px;
	background:url(../img/howto_lacolab/img01.png);
	width:628px;
	height:252px;
}
#content .item ul.book li.left .link{
	padding-left:370px;
	padding-top:40px;
}


#content .item ul.book .name{
		font-size:120%;
		font-weight:bold;
		color:#ff3300 !important;
		padding-top:5px;
		padding-bottom:5px;
}
/*movie*/
#content .item .movie{

}

#content .item .movie .ito{

	padding-left:10px;
}
#content .item  .movie  ul.ito li{
	float:left;
	margin:0;
}
#content .item  .movie  .movie_txt{
	font-size:13px;
	color:#666666;	
}

#content .item .movie ul.ito li.left{
	float:left;
	padding-left:20px;
}

#content .item .movie ul.ito li.left p{
	text-align:left;
	padding-left:13px;
	font-size:14px;
	color:#e13d29;
	font-weight:bold;
}
#content .item .movie ul.ito dl{
	padding-top:30px;
}
#content .item .movie ul.ito dt{
	float:left;		
	padding-left:10px;
	margin:0;
}
#content .item .movie ul.ito .dd{
	float:right;		
	padding-left:2px;
	margin:0;
}
#content .item .movie ul.ito li.right{
	float:left;
	padding-left:40px;
}
#content .item .movie ul.ito li.right p{
	text-align:left;
	padding-left:13px;
	font-size:14px;
	color:#114ab1;
	font-weight:bold;
}

/*syokai*/

#content .item  .syokai{
padding-left:15px;
}

#content .item  .syokai p{
padding-bottom:15px;
}

#content .item  .syokai  ul.ito{
	padding-left:15px;
}


#content .item  .syokai  ul.ito li{
	float:left;
	margin:0;
}

#content .item  .syokai  ul.ito li{
	float:left;
	margin:0;
}

#content .item .syokai ul.ito li.left{
	float:left;
}

#content .item .syokai ul.ito li.left p{
	text-align:left;
	padding-top:12px;
	padding-left:13px;
}
#content .item .syokai ul.ito dl{
	padding-top:30px;
}
#content .item .syokai ul.ito dt{
	float:left;		
	padding-left:10px;
	margin:0;
}
#content .item .syokai ul.ito .dd{
	float:right;		
	padding-left:2px;
	margin:0;
}

#content .item .syokai ul.ito li.right{
	float:left;
	padding-left:16px;	
}

#content .item .syokai ul.ito .name{
		font-size:120%;
		font-weight:bold;
		color:#ff3300 !important;
		padding-top:5px;
		padding-bottom:5px;
}

#content .item .syokai ul.ito{
		font-size:100%;
		color:#666666 !important;
}
#content .item .syokai .attention{
		text-align:center;
	     font-size:12px;
	   color:#000000;	
}
#content .item2{
		padding-bottom:15px;
		padding-top:15px;
}
#content .item2 ul{
		text-align:center;
}
#content .item2 ul li{
			display:inline;
			margin:0 5px 0 0;
}
	
		
#content .item2 p.text002{
			clear:both;
			font-size:140%;
			font-weight:bold;
			text-align:center;
			margin:20px 0 10px 0;
		    color:#4c2b15 !important;
}
	
#content p.btn_mini{
		clear:both;
		text-align:center;
		padding:24px 0 5px 0;
}
	
#content .item2 .textimage{
	padding-top:10px;
	padding-bottom:10px;
}
#content .item2 ul.textimage li{
	float:left;
}

#content .item2 ul.textimage li.left{
	float:left;
	padding-right:30px;
}

#content .item2 ul.textimage dl dt{			
		margin:0;
}

#content .item2 ul.textimage dl dd{			
		padding-bottom:2px;
}


#content .item2 ul.textimage dl{
		font-size:120%;
		font-weight:bold;
		color:#112181 !important;

}