@charset "UTF-8";


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
★　CSS　トップページ設定　★
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２-1．トップメイン画像
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



#main_img {
	width:750px;
	margin:0 0 40px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■１．トップコンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#top_content{
	padding: 0 0;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２-2．トップ用コンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



#top_content01_bg{
	width:750px;
	padding:0;
	margin:0;
	background:url(../images/t_best_bg.jpg) repeat-y;
}
#top_content01{
	padding:0 0 38px 20px;
	margin:0 0 30px;
	background:url(../images/t_best_btm.jpg) no-repeat left bottom;
}

#top_content01 li{
	float:left;
	width:128px;
	margin:0 17px 0 0 ;
}
#top_content01 li .photo{
	margin:0 0 10px;
}
#top_content01 li .photo a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}

#top_content01 li .name{	
	font-size:13px;
	color:#4A443A;
	line-height:1.5;
	margin:0 0 5px;
}
#top_content01 li .name a{
	color:#4A443A;
	text-decoration:underline;
}
#top_content01 li .name a:hover{
	color:#8C692F;
	text-decoration:underline;
}

#top_content01 li .price{	
	font-size:15px;
	font-weight: bold;
	color:#831515;
}
#top_content01 li .price span{
	font-size:11px;
	font-weight:normal;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２-3．トップ用コンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#top_content02{
	position:relative;
	width:750px;
	height:444px;
	padding:0;
	margin:0;
}
#top_content02 .txt{
	position:absolute;
	top:200px;
	left:123px;
	font-size:13px;
	line-height:1.7;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２-4．トップ用コンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#top_content03{
	position:relative;
	width:750px;
	height:430px;
	padding:0;
	margin:0;
}
#top_content03 .t_about{
	position:absolute;
	top:40px;
	left:198px;
}

#top_content03 .txt{
	position:absolute;
	width:690px;
	color:#FFFFFF;
	top:93px;
	left:30px;
	text-align:center;
}
#top_content03 .txt a{
	color:#FFFFFF;
	text-decoration:none;
}
#top_content03 .txt a:hover{
	color:#EBE0D9;
	text-decoration: underline;
}
#top_content03 ul{
	position:absolute;
	width:696px;
	color:#FFFFFF;
	top:163px;
	left:33px;
	text-align:center;
}
#top_content03 ul li{
	width:337px;
	height:257px;
	font-size:13px;
	line-height:1.5;
}

#top_content03 ul li.btn01{
	float:left;
	background:url(../images/t_history_off.jpg) no-repeat;
}
#top_content03 ul li a{
	width:187px;
	height:162px;
	padding:95px 120px 0 30px;
	display:block;
	text-decoration:none;
	color:#44403F;
	text-align:left;
}
#top_content03 ul li.btn01 a:hover{
	color:#666666;
	text-decoration:none;
	background:url(../images/t_history_on.jpg) no-repeat;
}


#top_content03 ul li.btn02{
	float:right;
	background:url(../images/t_flow_off.jpg) no-repeat;
}

#top_content03 ul li.btn02 a{
	width:187px;
	height:150px;
	padding:107px 120px 0 30px;
	display:block;
	text-decoration:none;
	color:#44403F;
	text-align:left;
}
#top_content03 ul li.btn02 a:hover{
	color:#666666;
	text-decoration:none;
	background:url(../images/t_flow_on.jpg) no-repeat;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２-5．トップ用コンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#top_content04{
	width:750px;
	padding:0;
	margin:0 0 20px;
}
#top_content04 li{
	position:relative;
	width:179px;
	height:386px;
	cursor:pointer;
}
#top_content04 li .txt{
	position:absolute;
	width:145px;
	top:310px;
	left:20px;
	font-size:13px;
	line-height:1.5;
	color:#FFFFFF;
}

#top_content04 li a{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
#top_content04 li a:hover{
	opacity: 0.2;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	background-color:#FFFFFF;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２-6．トップ用コンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#top_content05{
	width:750px;
	height:286px;
	padding:0;
	margin:0;
	background:url(../images/t_shop_bg.jpg) no-repeat left 159px;
}
#top_content05 .txt{
	text-align:center;
	font-size:13px;
	margin:0 10px 10px;
}

#top_content05 .nav {
	margin:0 0 0 20px;
}
#top_content05 .nav li{
	float:left;
	width:228px;
	height:30px;
	color:#FFFFFF;
	margin:0 13px 0 0;
}
#top_content05 .nav li.last{
	margin-right:0;
}

#top_content05 .nav li a{
	width:208px;
	height:23px;
	display:block;
	font-size:12px;
	line-height:1.5;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	padding:7px 10px 0;
	background:url(../images/t_shop_btn_off.jpg) no-repeat;
}

#top_content05 .nav li:nth-child(2) a{text-align: left !important;
                                      font-size: 11px !important;}

#top_content05 .nav li a:hover{
	color:#FFFFFF;
	text-decoration:none;
	background:url(../images/t_shop_btn_on.jpg) no-repeat;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２-6．トップ用コンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#top_content06{
	position:relative;
	width:750px;
	height:350px;
	padding:0;
	margin:0;
}

#top_content06 h3{
	position:absolute;
	top:123px;
	left:319px;
}

#top_content06 .txt{
	position:absolute;
	width:320px;
	color:#FFFFFF;
	font-size:13px;
	line-height:1.5;
	top:222px;
	left:353px;
}


#top_content06 .btn{
	position:absolute;
	top:288px;
	left:413px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２-8．新着
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


#t_news_wrap{
	width:750px;
	margin:0 0 15px;
}

#t_news_wrap .t_news_title{
	padding:0 0 25px;
	background:url(../images/t_news_line.jpg) no-repeat left bottom;
}

#t_news_wrap .t_news_title h3{
	float: left;
}

#t_news_wrap .t_news_content{
	width:740px;
	height:290px;
	overflow:auto;
	padding:10px 10px 0 0px;
}

#t_news_wrap .t_news_content dl dt {
	float:left;
	font-size:12px;
	line-height:1.5;
	color:#44403F;
	font-weight:bold;
	padding:10px 0 10px 15px;
	margin: 0 0 0 17px;
	background:url(../images/t_news_icon.jpg) no-repeat left 15px;
}
#t_news_wrap .t_news_content dl dd {
	font-size:12px;
	line-height:1.5;
	color:#44403F;
	padding:10px 0 10px 130px;
}
#t_news_wrap .t_news_content dl dd .title{
	font-weight:bold;
	margin:0 0 5px;
	color:#484059;
}

#t_news_wrap .t_news_content dl dd .txtarea{
}

#t_news_wrap .t_news_content dl dd a,
#t_news_wrap .t_news_content dl dd a:link,
#t_news_wrap .t_news_content dl dd a:visited {
	color:#D43F22;
	text-decoration:underline;
}

#t_news_wrap .t_news_content dl dd a:hover,
#t_news_wrap .t_news_content dl dd a:active {
	color:#978975;
	text-decoration:underline;
}

