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

.nav{
	overflow:hidden;
	margin-bottom:50px;
}

.nav a:hover img{filter: alpha(opacity=100);-moz-opacity:1;opacity:1;}

.nav li{
	float:left;
	margin-left:25px;
}

.nav li:first-child{
	margin-left:0px;
}

/*----------------------------------------------------
	マイソールの秘密
----------------------------------------------------*/

.himitsu{
	overflow:hidden;
	margin-bottom:60px;
}

.himitsu .img{
	float:right;
	margin-left:20px;
}

.himitsu dt{
	float:left;
	width:90px;
}

.himitsu  dd{
	padding:0 0 0 90px;
}

.himitsu p.txt{
	line-height:2.0;
	margin-bottom:10px;
}

.himitsu .read img{
	margin-bottom:10px;
}

.himitsu li{
	display:table;
	margin-bottom:30px;
}

.himitsu li span.step_icon{
	display:table-cell;
	width:16.3%;
}

.himitsu li span.step_icon img{
	vertical-align:text-top;
}

.himitsu li span.step{
	display:table-cell;
	width:83.7%;
	font-weight:bold;
}

.himitsu li span.step span{
	font-weight:normal;
	font-size:14px;
}

.pd_left10{padding-left: 12px;}


/*----------------------------------------------------
	マイソールはここが違う
----------------------------------------------------*/

.mysole {
	font-weight:bold;

	
}

.mysole li{
	width:460px;
	float:left;
	border:#aea294 3px solid;
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	padding:15px 15px 0; 
	margin-bottom:40px;
	height:220px;
}

.mysole li:nth-child(odd){
	margin-right:40px;
}

.mysole li:nth-last-child(-n+2){
	height:180px;
}

.mysole .ques{
	background:url(../images/about/icon_q.gif) left top no-repeat;
	padding: 0 0 25px 60px;
	color:#5e452a;
}

.mysole .answ{
	background:url(../images/about/icon_a.gif) left top no-repeat;
	padding: 0 0 15px 60px;
	color:#ff6633;
}

.mysole .answ span{
	display:block;
	font-size:14px;
}

.mysole li.qa_02 {
	width:460px;
	float:left;
	border:#aea294 3px solid;
	 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
	padding:15px 15px 0; 
	margin-bottom:40px;
	height:250px;
}



/*----------------------------------------------------
	分野別活用事例
----------------------------------------------------*/

#case{
	margin-bottom:60px;
}

#case ul{
	background:url(../images/bg_01.gif);
	padding:20px 0 15px;
}

#case ul li{
	display:inline;
	padding:15px 19px;
	vertical-align:bottom;
}

#case a:hover img{filter: alpha(opacity=100);-moz-opacity:1;opacity:1;}