/* CSS Document */

@import "SpryMenuBarHorizontal_top.css";

*{
	padding:0;
	margin:0;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
}

body{
	background:url(/images/2piece/main_bg.jpg) repeat-y top center fixed;
	font-size:0.8em;
	color:#4D4947;
	line-height:1.3;
}

#wrapper{
	width:780px;
	margin:0 auto;	
}
#header{
	height:53px;
	border-top:solid 4px #B5AC32;
	
}

h1{margin-top:13px; 
	float:left;
	}

/* top_right_menu */	
#hlink{
	height:22px;
	margin-top:-17px;
	/*background:url(../images/corporate/top_right_menu.gif) top left no-repeat;*/
	float:right;
	position: relative;
	width:568px;
	z-index: 1030;
	/*\*/
    /*overflow: hidden;*/
	/**/
	}
#hlink ul{
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

#hlink li{
	list-style: none;
	text-indent:-5000px;
	display:inline;
}

#hlink a{
	display:block;
	float:left;
	height:22px;
	border: 0px;
	text-decoration:none;
	background:url(../images/2piece/top_right_menu.gif) top left no-repeat;;
	/*filter:alpha(opacity=70); 
	-moz-opacity: 0.7; 
	opacity: 0.7;*/
	margin: 0px;
	padding: 0px;
	overflow:hidden;
}
/*
#hlink li {list-style: none; position: absolute; }
#hlink li, #hlink a {height: 22px; display:block; text-decoration:none;}*/

#hlink a span{display:none;}	
#hlink1 a{width: 52px; background-position: 0px 0px; }
#hlink2 a{width: 65px; background-position: -52px 0px;}
#hlink3 a{width: 127px; background-position: -118px 0px; }
#hlink4 a{width: 61px; background-position: -246px 0px; }
#hlink5 a{width: 122px; background-position: -308px 0px; }
/*:first-child+html #hlink5 a{width: 122px; background-position: -308px 0px; filter:alpha(opacity=70);}*/
#hlink6 a{width: 74px; background-position: -427px 0px; }
#hlink7 a{width: 62px; background-position: -501px 0px; }
#hlink1 a:hover {background-position:0px -22px ;}
#hlink2 a:hover {background-position:-52px -22px ;}
#hlink3 a:hover {background-position:-118px -22px ;}
#hlink4 a:hover {background-position:-246px -22px ;}
#hlink5 a:hover {background-position:-308px -22px ;}
#hlink6 a:hover {background-position:-427px -22px ;}
#hlink7 a:hover {background-position:-501px -22px ;}
/*
#hlink a span{display:none;}	
#hlink1 {width: 52px; left: 0px; }
#hlink2 {width: 66px; left: 52px;}
#hlink3 {width: 128px; left:118px; }
#hlink4 {width: 62px; left: 246px; }
#hlink5 {width: 123px; left: 308px;}
#hlink6 {width: 75px; left: 431px; }
#hlink7 {width: 62px; left: 493px; }
#hlink1 a:hover, #hlink2 a:hover, #hlink3 a:hover, #hlink4 a:hover, #hlink5 a:hover, #hlink6 a:hover, #hlink7 a:hover {background: url(../images/2piece/top_right_menu.gif)}
#hlink1 a:hover {background-position:0px -22px ;}
#hlink2 a:hover {background-position:-52px -22px ;}
#hlink3 a:hover {background-position:-118px -22px ;}
#hlink4 a:hover {background-position:-246px -22px ;}
#hlink5 a:hover {background-position:-308px -22px ;}
#hlink6 a:hover {background-position:-431px -22px ;}
#hlink7 a:hover {background-position:-493px -22px ;}
*/


#main{
	background:url(/images/2piece/content_bg.gif) repeat-x top ;
	background-color:#FEE3CE;
	padding:17px 30px;
	}

	
#top_img{
	float:left;
	margin-right:30px;
	}
	
/* inner_link */	
#inner_link{
	height:30px;
	background:url(/images/2piece/inner_link.gif) top left no-repeat;
	margin-bottom:5px;
	position: relative;
	width: 340px;
	text-indent:-5000px;
	text-decoration:none;

	}
#inner_link li {list-style: none; position: absolute; }
#inner_link li, #inner_link a {height: 30px; display:block;}
#inner_link a span{display:none;}	
#link1 {width: 140px; left: 0px; }
#link2 {width: 90px; left: 140px;}
#link3 {width: 110px; left: 230px; }
#link1 a:hover, #link2 a:hover, #link3 a:hover {background: url(/images/2piece/inner_link.gif)}
#link1 a:hover {background-position:0px -30px ;}
#link2 a:hover {background-position:-140px -30px ;}
#link3 a:hover {background-position:-230px -30px ;}

#brand{
	height:60px;
	padding:20px 0;
	}

#brand img{
	margin-right:15px;

}

#whats_new_wrapper{
	height:198px;
	}

div.new {
	background: #fff;
	float: left;
	width: 568px;
}

div.new .newList {
	margin: 0 0 10px 0;
	/* width: 325px; */
}

div.new .newList .wn-date {
	/* background: url(/images/common/bg_dot02.gif) repeat-x 0 0; */
	color: #54504c;
	/* font-size: 120%; */
	/* margin: 12px 0 0 0;
	padding: 8px 0 0 3px; */
}

div.new .newList .wn_contents {
	padding: 0 0 0 4px;
}

	
iframe {
	margin-top:10px; 
	background-color:#ffffff;
}	


/* what's new */
.whatsnew{
	width:690px;
	height:110px;
	overflow:auto;
	padding:10px 20px 0px 10px;
	font-size: normal;
	line-height:1.6;
	margin:10px 0px;
	color: #4D4947;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka, ;
	background-color: #ffffff;
}

.wn-date{
	background:url(/images/2piece/listmark_2piece.gif) no-repeat 0px 1px ;
	float:left;
	clear:both;
	width:75px;
	padding-left:18px;
	font-size: 0.9em;
}

.wn_contents{
	margin-left:95px;
	font-size: 0.9em;
}

.whatsnew a{
	color:#D73822;
}

.whatsnew a:link {
	text-decoration:none;
}
.whatsnew a:visited {
	text-decoration:underline;
}
.whatsnew a:hover {
	text-decoration:underline;
}
.whatsnew a:active {
	text-decoration:underline;
}

/*menu_box*/	
.menu_box{
	background-color:#ffffff;
	padding:10px 20px;
	margin:10px 0 20px 0;
	}
.menu_box img{
	float:left;
	margin-right:20px;
}

.menu_box p{
	width:420px;
	margin-left:250px;
	}
p.menu{
	padding-top:10px;
	font-size:0.9em;
	color:#D73822;
	}

.shop_box{
	padding:10px 20px;
	margin:10px 0 20px 0;
	}

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

.shop_box th{
	background-color:#8D1320;
	color:#ffffff;
	white-space:nowrap;
	padding:3px;
}

.shop_box td{
	background-color:#ffffff;
	color:#4D4947;
	padding:3px;
}

.shop_box h3{
	color:#D73822;
	font-size:120%;
	border-left:solid 7px #B5AC32;
	border-bottom:solid 1px #B5AC32;
	padding-left:10px;
	margin-left:300px;
	margin-bottom:5px;
	width:350px;
}

.back{
	margin-left:610px;
}

#footer{
	height:80px;
	padding-top:10px;}
	

	
#pokka{
	float:left;
}

#kojin{
	float:right;;
}	

/* clearfix */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix{display:inline-block;}

/*hides from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/*end hide from IE-mac*/