@charset "UTF-8";


/* clearfix 
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
*/

.cf li  {
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#843C14), to(#450F00));　/* Safari,Google Chrome用 */ 

}
.cf li {	line-height: 45px;	
	background-image: -moz-linear-gradient(top, #843C14, #450F00);　/* Firefox用 */  
}

.cf a:link{
	color: #E3DD32;
}
.cf a:hover{
	color: #E17373;
}
.cf a:visited{
	color: #E17373;
}

.cf li:first-child{
background-image: -webkit-gradient(linear, left top, left bottom, from(#F46C86), to(#BC3B54));　/* Safari,Google Chrome用 */ 

}
.cf li:first-child{
	background-image: -moz-linear-gradient(top, #F46C86, #BC3B54);　/* Firefox用 */  
}
.cf li:first-child a:link{
	color: #FFF;
}
.cf li:first-child a:hover{
	color: #510716;
}
.cf li:first-child a:visited{
	color: #510716;
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
/*  PC向けのスタイル：521px～ */

@media only screen and (min-width: 521px) {

.cf li {
	text-align: center;
	font-size: 95%;
	font-weight: lighter;
    float:left;
	width: 16.5%;
	border-right:1px dotted #967345;
	border-radius: 8px 8px 0px 0px;
 }
 

	
a#voice_icon {
	display: block;
	width: 180px; /* 画像1枚分の横幅 */
	height: 45px; /* 画像1枚分の高さ */
	text-indent: -1000px; /* 文字を見えなくする */
	background-image: url(icon/voice.gif); /* 画像ファイル名 */
}
a#voice_icon:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

a#kaizen_icon {
	display: block;
	width: 180px; /* 画像1枚分の横幅 */
	height: 45px; /* 画像1枚分の高さ */
	text-indent: -1000px; /* 文字を見えなくする */
	background-image: url(icon/kaizen.gif); /* 画像ファイル名 */
}
a#kaizen_icon:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}
a#innai_icon {
	display: block;
	width: 180px; /* 画像1枚分の横幅 */
	height: 45px; /* 画像1枚分の高さ */
	text-indent: -1000px; /* 文字を見えなくする */
	background-image: url(icon/innai.gif); /* 画像ファイル名 */
}
a#innai_icon:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

a#shitsumon_icon {
	display: block;
	width: 180px; /* 画像1枚分の横幅 */
	height: 45px; /* 画像1枚分の高さ */
	text-indent: -1000px; /* 文字を見えなくする */
	background-image: url(icon/shitsumon.gif); /* 画像ファイル名 */
}
a#shitsumon_icon:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

a#erabikata_icon {
	display: block;
	width: 180px; /* 画像1枚分の横幅 */
	height: 45px; /* 画像1枚分の高さ */
	text-indent: -1000px; /* 文字を見えなくする */
	background-image: url(icon/erabikata.gif); /* 画像ファイル名 */
}
a#erabikata_icon:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

	
}
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
/*  PC向けのスタイル：〜520px”限定” */

@media only screen and (max-width: 520px) {
.cf li {
  text-align: center;
  float: left;
  width: 48.5%;
  border:1.5px solid #967345;
  border-radius: 6px;
}



.cf li:nth-child(odd)
{
	margin-left:1%;
	}

.cf a:link{
	font-weight: normal;
	text-decoration:none;
}
	
.cf li:first-child{
  border:1.5px solid #AA5061;
}

	
.next_menu_m li{
 background-image:-moz-linear-gradient(top, #F7F1D7, #D6BE9A);
	} 
	
.next_menu_m li{
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #F7F1D7),color-stop(1, #D6BE9A));
		}
	
.next_menu_m li{
	color:#604020;
	font-size:18px;
	line-height:40px;
	border:1px solid #B7A474;
	border-radius: 8px;
	box-shadow: 0 2px 2px #F9F8E1 inset;
	margin-bottom:1%;
	} 
	
.next_menu_m li	a{
	color:#643232;
	}
.next_menu_m li a:link{
	color: #643232;
}
.next_menu_m li a:hover{
	color: #C66;
}
}