@charset "utf-8";
           
					  
/* ----------------------------------見出し */
	
div#contents div.title  {
	width: 680px;
    margin: 0 auto 30px;
}

div#contents div.title img{
	border-radius: 4px;
	box-shadow: 1px 1px 3px #ccc;
}

div#contents h2{
	color: #fff;
    font-size: 138.5%;
    font-weight: bold;
	letter-spacing: 0.15em;
	text-shadow: 1px 1px 1px #333; 
    padding: 8px 20px 5px;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.6);
	border-radius:4px;
	margin: 30px auto 20px;
	box-shadow: 1px 1px 3px #ccc;
}

div#contents h2.orange{
	background-color: #f15a24;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8be1e), to(#f14a24));
	background: -moz-linear-gradient(top, #f8be1e, #f15a24);
	background: -ms-linear-gradient(top, #f8be1e, #f15a24); /* IE10+ */
	border:1px solid #f14a24;
}

div#contents h2.blue{
	background-color: #005bac;
	background: -webkit-gradient(linear, left top, left bottom, from(#47c9ea), to(#005bac));
	background: -moz-linear-gradient(top, #47c9ea, #005bac);
	background: -ms-linear-gradient(top, #47c9ea, #005bac); /* IE10+ */
	border:1px solid #005bac;
}

div#contents h2.green{
	background-color: #007726;
	background: -webkit-gradient(linear, left top, left bottom, from(#9ec25c), to(#007726));
	background: -moz-linear-gradient(top, #9ec25c, #007726);
	background: -ms-linear-gradient(top, #9ec25c, #007726); /* IE10+ */
	border:1px solid #007726;
}



div#contents h3{
    font-size:116%;
    font-weight: bold;
	letter-spacing: 0.1em;
    padding: 6px 0 4px 10px;
	margin: 30px auto 20px;
}

div#contents h3.red{
	color: #e60024;
    border-left: 10px solid #e60024;
    border-bottom: 1px solid #e60024;
}

div#contents h3.blue{
	color: #005bac;
    border-left: 10px solid #005bac;
    border-bottom: 1px solid #005bac;
}

div#contents h3.green{
	color: #007726;
    border-left: 10px solid #007726;
    border-bottom: 1px solid #007726;
}


										 
div#contents p{
	font-size: 108%;
	letter-spacing: 0.13em;
	line-height: 1.6;
	margin: 0 20px;
}


/* ----------------------------------リンク */


div#contents p.link{
	width: 510px;
	margin: 20px 0 20px auto;
	text-align: center;
}

div#contents p.link a{
	text-decoration: none;
	padding: 5px 10px 3px;
	border-radius: 20px;
	border: 1px solid #ccc;
	background-color: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(top, #fff, #eee);
	background: -ms-linear-gradient(top, #fff, #eee); /* IE10+ */
	display: block;
}

div#contents p.link a:hover{
	color: #fff;
	border: 1px solid #6cc;
	background-color: #6cc;
	background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#6cc));
	background: -moz-linear-gradient(top, #efefef, #6cc);
	background: -ms-linear-gradient(top, #efefef, #6cc); /* IE10+ */
}						  

/* ----------------------------------index */

div#contents h2.index{
	margin: 0 auto 30px;
}

div#contents h3.index{
	margin: 0 auto;
}

	
div#contents ul.index{
	margin: 0 auto 30px;
	overflow: hidden;
}

div#contents ul.index li{
	width: 300px;
	float: left;
	margin: 10px 0 0 20px;
	text-align: left;
}

div#contents ul.produ li{
	margin: 10px 0 15px 20px;
}

div#contents ul.index li img{
	width: 143px;
	height: 93px;
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
	border-radius: 5px;
}

div#contents ul.index a{text-decoration: none;}
div#contents ul.index a:hover{color: #f14a24;}
div#contents ul.index a:hover img{border: 1px solid #f14a24;}

div#contents ul.index li span{
	font-weight: bold;
	font-size: 108%;
	display: inline-block;
	border-bottom: 1px solid #666;
	margin-bottom: 5px;
}

div#contents p.soudan{
	margin-top: 30px;
	font-weight: bold;
	font-size: 116%;
}