@charset "utf-8";

body { padding:0; margin:0; }
/* body > #container {height:auto;} */
ul { list-style:none; }
td { padding:0; }
table { border-collapse:collapse; }
a img {border:0;}
a { text-decoration:none; }
a:hover span { cursor:pointer; }

/** アニメーション **/
a, a * {
	-moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s;
}

#container {
	width:100%;
	position:relative;
	margin:auto;
	padding:0;
}

/**　ヘッダー　**/
#header {
	width:100%;
	min-width:1264px;
	height:80px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	background:url(../img/footerbk.gif);
	position:relative;
	clear:both;
	-moz-box-shadow:gray 0 2px 2px 0;
	-webkit-box-shadow:gray 0 2px 2px 0;
	box-shadow:gray 0 2px 2px 0;
}
#header h1 {
	width:225px;
	height:33px;
	margin:0;
	padding:0;
	float:left;
	position:absolute;
	top:16px;
	left:24px;
}
#header h2 {
	color:#fff;

	height:11px;
	font-size:11px;
	letter-spacing:2px;
	font-weight:normal;
	margin:0;
	padding:0;
	position:absolute;
	top:57px;
	left:24px;
}
#header ul {
	width:751px;
	height:36px;
	position:absolute;
	top:30px;
	left:489px;
	border:1px solid #ccc;
	margin:0;
	padding:0;
}
#header ul li {
	width:187px;
	height:36px;
	float:left;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	width:187px;
	height:36px;
}
#he1 a { background:url(../img/headerbt.jpg) no-repeat; }
#he2 a { background:url(../img/headerbt.jpg) no-repeat -187px 0; }
#he3 a { background:url(../img/headerbt.jpg) no-repeat -374px 0; }
#he4 a { background:url(../img/headerbt.jpg) no-repeat -561px 0; }
#he1, #he2, #he3 { border-right:1px solid #ccc; }
#he1 a:hover { background:url(../img/headerbt.jpg) no-repeat 0 -36px; }
#he2 a:hover { background:url(../img/headerbt.jpg) no-repeat -187px -36px; }
#he3 a:hover { background:url(../img/headerbt.jpg) no-repeat -374px -36px; }
#he4 a:hover { background:url(../img/headerbt.jpg) no-repeat -561px -36px; }

/**　メニューボタン　**/
#navi {
	width:100%;
	min-width:1264px;
	height:62px;
	margin:0 auto;
	overflow:hidden;
}
#navi ul {
	float:right;
	width:354px;
	height:22px;
	margin:32px 0 0 0;
}
#navi ul li {
	height:22px;
	float:left;
}
#navi ul li a {
	display:block;
	height:22px;
	text-decoration:none;
}
#navi ul #nv1 a {
	width:82px;
	background:url(../img/navioff.jpg) no-repeat;
}
#navi ul #nv2 a {
	width:106px;
	background:url(../img/navioff.jpg) no-repeat -82px 0;
}
#navi ul #nv3 a {
	width:50px;
	background:url(../img/navioff.jpg) no-repeat -188px 0;
}
#navi ul #nv4 a {
	width:92px;
	background:url(../img/navioff.jpg) no-repeat -238px 0;
}
#navi ul #nv5 a {
	width:72px;
	background:url(../img/navioff.jpg) no-repeat -330px 0;
}
#navi ul #nv1 a:hover {
	background:url(../img/navion.jpg) no-repeat;
}
#navi ul #nv2 a:hover {
	background:url(../img/navion.jpg) no-repeat -82px 0;
}
#navi ul #nv3 a:hover {
	background:url(../img/navion.jpg) no-repeat -188px 0;
}
#navi ul #nv4 a:hover {
	background:url(../img/navion.jpg) no-repeat -238px 0;
}
#navi ul #nv5 a:hover {
	background:url(../img/navion.jpg) no-repeat -330px 0;
}
.column {
	background:#fffeec;
	width:100%;
	min-width:1264px;
	margin:0 auto;
	padding:32px 0;
}
.column div {
	width:820px;
	margin:0 auto;
	color:#2f231d;
	position:relative;
}
#column1 {
	height:2611px;
}
#column1 img, #column1 h4, #column1 ul { position:absolute; }
#column1 h2 {
	width:402px;
	line-height:36px;
	text-indent:21px;
	letter-spacing:2px;
	padding:0 0 8px 0;
	font-size:21px;
	border-bottom:2px dashed #ccc;
}
#column1 p {
	width:402px;
	font-size:12px;
	line-height:24px;
}
#column1 #img1 {
	top:48px;
	right:48px;
}
#column1 #img2 {
	top:356px;
	left:48px;
}
#column1 h3 {
	background:url(../img/column/1_3.gif) no-repeat;
	width:182px;
	font-size:14px;
/*	font-weight:normal;*/
	line-height:22px;
	position:absolute;
	padding:98px 0 0 0;
	top:302px;
	right:48px;
}
#column1 #img4 {
	top:712px;
	left:30px;
}
#column1 h4 {
	top:2264px;
	left:0px;
}
#column1 ul {
	top:2362px;
	left:0px;
}
#column2 h2, #column3 h2, #column4 h2, #column5 h2, #column6 h2 {
	width:100%;
	line-height:36px;
	height:36px;
	margin:32px 0 0 0;
	text-indent:21px;
	letter-spacing:2px;
	padding:0 0 8px 0;
	font-size:21px;
	border-bottom:2px dashed #ccc;
}
#column2 p, #column3 p, #column4 p, #index p, #column5 p, #column6 p {
	width:100%;
	font-size:13px;
	line-height:24px;
}
#column3 p {
	width:820px;
	padding:0 0 32px 0;
}
#index p {
	width:804px;
	padding:0 0 32px 16px;
}
#column2 h3, #column4 h5, #column2 h5, #column3 h3, #column1 h4, #column6 h3, #column6 h5 {
	width:100%;
	font-size:24px;
	font-family:'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	letter-spacing:2px;
	text-indent:18px;
	line-height:28px;
	height:28px;
	margin:32px 0;
	padding:0 0 6px 0;
	border-bottom:1px solid #2f231d;
}
#index h2 {
	font-size:28px;
	font-family:'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	letter-spacing:2px;
	text-indent:18px;
	line-height:28px;
	height:28px;
	margin:32px 0 0 0;
	padding:0 0 6px 0;
	border-bottom:1px solid #2f231d;
}
#column4 h5 {
	position:absolute;
	margin:0;
	top:571px;
	left:0px;
}
#column2 h3 span, #column4 h5 span, #index h2 span, #column2 h5 span, #column3 h3 span, #column1 h4 span, #column6 h3 span, #column6 h5 span {
	font-size:14px;
	font-family:'ＭＳ Ｐゴシック', 'MS PGothic', serif;
}
#column2 ul {
	margin:0;
	padding:0;
	width:100%;
	height:332px;
}
#column2 ul li {
	width:429px;
	height:332px;
	float:left;
}
#column2 ul li.end {
	width:347px;
	float:right;
}
#column2 ul li.end h4 {
	margin:0;
	padding:16px 0 0 16px;
	font-size:16px;
	letter-spacing:2px;
	color:#ec761f;
}
#column2 ul li p {
	clear:both;
}
#column2_3 li.end {
	background:url(../img/column/2_6.gif) no-repeat;
}
#column2_3 li.end p {
	width:315px;
	padding:0 0 0 16px;
	font-size:12px;
	line-height:22px;
}
#column3 img {
	margin:0 0 32px 33px;
}
#column4 h3 {
	width:368px;
	font-size:16px;
	line-height:22px;
	position:absolute;
	margin:0;
	padding:0;
	top:144px;
	left:0px;
}
#column4 h4 {
	width:368px;
	font-weight:normal;
	font-size:12px;
	line-height:24px;
	position:absolute;
	margin:0;
	padding:0px 0 0 0;
	top:176px;
	left:0px;
} 
#column4 #img1 {
	position:absolute;
	top:146px;
	right:0px;	
}
#column4 #img2 {
	position:absolute;
	top:376px;
	right:34px;	
}
#column4 #img3 {
	position:absolute;
	top:896px;
	right:32px;	
}
#column5 h3 {
	border-left:4px solid #ff9933;
	margin:48px 0 0 0;
	height:42px;
	text-indent:16px;
	font:18px 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	line-height:42px;
	letter-spacing:3px;
	background:#eee;
	color:#cc6600;
	clear:both;
}
#column5 ul {
	padding:16px 0 0 0;
	margin:0;
	background:#fff;
}
#column5 ul li {
	float:left;
}
#column5 ul li img {
	margin:12px;
}
#column5 ul li p {
	line-height:19px;
}
ul#dt1 {
	height:400px
}
#dt1 li {
	width:375px;
}
#dt1 p {
	width:363px;
	padding:0 0 0 12px;
}
#dt1 li.end {
	width:445px;
}
ul#dt2 {
	height:524px
}
#dt2 li {
	width:414px;
}
#dt2 li.end {
	width:406px;
}
#dt2 li p {
	width:394px;
	padding:0 12px 0 0;
}
ul#dt3 {
	height:496px
}
#dt3 li {
	width:416px;
}
#dt3 li.end {
	width:404px;
}
#dt3 li p {
	width:404px;
	padding:0 0 0 12px;
}
ul#dt4 {
	height:456px
}
#dt4 li {
	width:226px;
}
#dt4 li.end {
	width:594px;
}
#dt4 li p {
	width:214px;
	padding:0 0 0 12px;
}
ul#dt5 {
	height:432px
}
#dt5 li {
	width:404px;
}
#dt5 li.end {
	width:416px;
}
#dt5 li p {
	width:404px;
	padding:0 12px 0 0;
}
#column6 #img1, #column6 #img2, #column6 #img3 {
	width:754px;
	margin:33px;
}
#column6 h4 {
	width:820px;
	text-align:center;
	line-height:20px;
	font-size:14px;
}



#column6 #balloon1, #column6 #balloon2 {
	position:relative;
	width:310px;
	height:70px;
	padding:12px;
	background:#eee;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}
#column6 #balloon1 {
	margin:24px 0 24px 24px;
	float:left;
}
#column6 #balloon2 {
	margin:24px 24px 24px 0;
	float:right;
}
#column6 #balloon1:after, #column6 #balloon2:after {
	content:"";
	position:absolute;
	top:94px;
	left:15px;
	width:0px;
	height:0px;
	border-style:solid;
	border-width:20px 10px 0px 0px;
	border-color:#eee rgba(0,0,0,0.0) rgba(0,0,0,0.0);
}
#column6 dl, #column6 dl * {
	margin:0;
	display:block;
}
#column6 dl {
	height:100px;
	font:12px 'ＭＳ Ｐゴシック', 'MS PGothic', serif;
	line-height:20px;
}
#column6 dl dt {
	float:left;
	margin:0 0 0 10px;
}
#column6 dl dd {
	float:right;
	margin:0 10px 0 0px;
}

#column6 dl dt, #column6 dl dd {
	padding:10px;
	width:360px;
	background:#fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
}



/* おすすめ商品 */
#column4 ul {
	width:100%;
	position:absolute;
	margin:0;
	padding:0;
	top:632px;
	left:0px;
}
#column2 #reccomend, #column3 ul, #column1 ul, #column6 ul {
	width:820px;
	height:213px;
	margin:0;
	clear:both;
	padding:0 0 32px 0;
}
#column4 ul li, #column2 #reccomend li, #column3 ul li, #column1 ul li, #column6 ul li {
	width:211px;
	height:213px;
	float:left;
}
#column4 ul li.end, #column2 #reccomend li.end, #column3 ul li.end, #column1 ul li.end, #column6 ul li.end {
	width:187px;
}
#column4 ul li a, #column2 #reccomend li a, #column3 ul li a, #column1 ul li a, #column6 ul li a {
	width:187px;
	color:#2f231d;
}
#column4 ul li a img, #column2 #reccomend li img, #column3 ul li img, #column1 ul li img, #column6 ul li img {
	width:187px;
	margin:0 0 8px 0;
}
#column4 ul li a span, #column2 #reccomend li a span, #column3 ul li a span, #column1 ul li a span, #column6 ul li a span {
	font-size:13px;
	line-height:18px;
	text-align:center;
}
#column4 ul li *, #column2 #reccomend li *, #column3 ul li *, #column1 ul li *, #column6 ul li * {
	cursor:pointer;
	display:block;
	position:relative;
}
#column4 {
	height:1510px;
}
#index ul {
	padding:0;
	width:100%;
}
#index ul li * {
	cursor:pointer;
	display:block;
}
#index ul li {
	height:272px;
}
#index ul li a {
	background:#fff;
	width:764px;
	height:186px;
	padding:28px;
	border-radius:12px;
	-moz-box-shadow:gray 2px 2px 2px 0;
	-webkit-box-shadow:gray 2px 2px 2px 0;
	box-shadow:gray 2px 2px 2px 0;
	position:relative;
}
#index ul li a img {
	width:246px;
	height:186px;
	float:left;
}
#index ul li a span {
	padding:0 0 0 28px;
	float:left;
	color:#2f231d;
	font-weight:bold;
	width:490px;
}
#index ul li a span.more {
	width:160px;
	font-size:16px;
	color:#ae0929;
	letter-spacing:3px;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	bottom:28px;
	right:16px;
}
#index ul li a span.memo {
	font-size:14px;
	font-weight:normal;
	line-height:22px;
}
#index ul li a span.title {
	font-size:22px;
	margin:0 0 18px 0;
}
#footer {
	width:100%;
	min-width:1264px;
	height:36px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	letter-spacing:2px;
	color:#fff;
	text-align:center;
	line-height:36px;
	font-size:11px;
	background:url(../img/footerbk.gif);
}

/*---バックボタン-------------- -------- ----*/

#backtop {
	width:60px;
	height:60px;
	margin:0;
	padding:0;
	position:fixed;
	bottom:60px;
	right:24px;
	z-index:9999;
	-moz-box-shadow:gray 2px 2px 2px 0;
	-webkit-box-shadow:gray 2px 2px 2px 0;
	box-shadow:gray 2px 2px 2px 0;
}
#backtop a {
	display:block;
	background:url(../img/backbkon.gif);
}
#backtop a:hover img {
	filter:alpha(opacity=0); -moz-opacity:0; opacity:0;
}
.btn {
	width:73px;
	height:64px;
	margin:0;
	padding:0;
	position:fixed;
	bottom:50%;
	z-index:9999;
}
#prev {	left:16px; }
#next {	right:16px; }
#prev a {
	width:73px;
	height:64px;
	background:url(../img/column/btn.gif);
	display:block;
}
#next a {
	width:73px;
	height:64px;
	background:url(../img/column/btn.gif) 0px 64px;
	display:block;
}