@charset "UTF-8";
/* INTERMEZZO BRAND SITE STYLE CSS Document */

/* ---------------------------------------------- main area -- */

#header {
	width: 1180px;
	height: 50px;
	background-color: #efebda;
	margin: 0px 0px 0px 0px;
	z-index:999;
}

#leftside {
	width: 220px;
	height: 700px;
	float: left;
	display: inline;
	background-color: #efebda;
}

#contents_area {
	float: right;
	width: 960px;
	height: 700px;
	display: inline;
}

#footer {
	clear:both;
	width: 1180px;
	height: 40px;
	background-color: #efebda;
	margin: 0px 0px 0px 0px;
}

/* ---------------------------------------------- common -- */

h1#logo img {
	width: 160px;
	height: 24px;
	margin: 12px 30px 0px 30px;
	padding: 0px 0px 0px 0px;
}	

#navigation {
	width: 140px;
	margin: 90px 0px 0px 0px;
}

#navigation ul li {
	height: 20px;
	margin: 0px 0px 18px 0px;
	overflow: hidden;
}

#navigation ul li a {
	height: 20px;
	margin: 0px 0px 18px 0px;
	overflow: hidden;
}

#navigation ul li a:hover img {
	margin-top: -20px;
}

#navigation ul li.current img {
	margin-top: -20px;
}


/* ---------------------------------------------- news -- */

#content_news {
	width: 790px;
	height: 600px;
	margin: 50px 20px 0px 100px;
	overflow: auto;
}

.news {
	clear:both;
	width: 720px;
	margin: 0px 0px 12px 0px;
	padding-bottom: 20px;
	border-bottom: 1px #a5944b solid;
	font-size: 12px;
	line-height: 22px;
	color: #655926;
}

p.newsdate {
	font-size: 12px;
	line-height: 16px;
	color: #655926;
	font-weight: bold;
	margin: 0px 0px 0px 3px;
}

.n_txt_photo {
	clear:both;
	width: 720px;
	margin: 10px 0px 0px 0px;
}

/* ------------------------ 
		日付横のバッジ指定
		p.newsdateと同時に指定
-------------------------- */
.newsbadge {
	background: url(../news/img/news.jpg) 80px no-repeat;
}

.reportbadge {
	background: url(../news/img/report.jpg) 80px no-repeat;
}

/* ------------------------ news txt type01 -- */

/*  テキスト基本形（横幅） */

p.newstxt_def {
	font-size: 12px;
	line-height: 22px;
	color: #655926;
	margin: 10px 0px 20px 3px;
}

/*  テキストが左（横幅350px）※写真の横幅も350px */

p.newstxt_left {
	width: 350px;
	float: left;
	margin: 10px 20px 20px 0px;
}

/*  テキストが右（横幅350px） 写真にもクラス指定　※写真の横幅も350px */

p.newstxt_right {
	width: 350px;
	float: right;
	margin: 10px 0px 20px 20px;
}

.photo_left {
	float: left;
	margin: 10px 0px 20px 0px;
}

p.newstxt_pafter {
	font-size: 12px;
	line-height: 22px;
	color: #655926;
	margin: 20px 0px 0px 3px;
}



.badge {
	margin: -22px 0px 0px 100px;
}


.news p.newstxt2 {
	font-size: 12px;
	line-height: 22px;
	color: #d3d3d3;
	margin: 0px 0px 10px 3px;
	font-weight: bold;
}
.news p.newstxt3 {
	font-size: 10px;
	line-height: 22px;
	color: #d3d3d3;
	margin: 0px 0px 10px 3px;
}
.news p.newstxt4 {
	font-size: 12px;
	line-height: 22px;
	color: #d3d3d3;
	margin: 10px 0px 10px 3px;
}



/* ---------------------------------------------- concept -- */

#concept {
	width: 960px;
	height: 700px;
	background: url(../common_image/concept_img.jpg) 0px no-repeat;
}

#concept h2 {
	font-size: 14px;
	line-height: 1.4em;
	margin: 0px;
	padding: 40px 0px 8px 100px;
}

#concept h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 100px;
}

p.cspt_txt {
	font-size: 12px;
	line-height: 1.6em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 100px;
}

/* ---------------------------------------------- character -- */

#character {
	width: 960px;
	height: 700px;
	background: url(../character/img/character_back.jpg) 0px no-repeat;
	margin: 0px;
}

#character h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0px;
	padding: 340px 0px 8px 100px;
}

#character p {
	font-size: 12px;
	line-height: 1.6em;
	margin: 0px;
	padding: 10px 0px 8px 100px;
}

#character p.site_url {
	font-weight: bold;
}


/* ---------------------------------------------- collection -- */

#collection {
	float: left;
	width: 830px;
	margin: 0px;
	padding: 0px;
}

#collection h2 {
	position:relative;
	top: 80px;
	left: 520px;
	margin: -16px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 1;
	width: 200px;
}

.panel {
	width: 830px;
	height: 700px;
	position: relative;
	font-size: 12px;
	line-height: 1.6em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 0;
}

.price {
	/*width: 330px;*/
	float: left;
	padding: 570px 0px 0px 56px;
}
.colec_img {
	float: left;
	margin: 0px 0px 0px 0px;
}

#coda-nav-1 {
	clear:both;
	padding: 0;
	z-index: 2;
	/*float: right;*/
	position:relative;
	top: -610px;
	left: 520px;
	width: 408px;
	margin: 0px 0px 0px 0px;
}

#coda-nav-1 img {
	padding-left: 0px;
}

#coda-nav-1 ul { margin:0; padding:0; list-style:none; font-size: 10px; }
#coda-nav-1 a { margin:0px; padding:0px 0px; list-style:none; }
#coda-nav-1 li { float: left; margin:0px 10px 0px 0px; padding:0; list-style:none; }
#coda-slider-1 { clear:both; }

#backnum {
	width: 130px;
	height: 30px;
	font-size: 10px;
	line-height: 1.6em;
	font-family:'MS PMincho','ＭＳ Ｐ明朝','ヒラギノ明朝 Pro W6','Hiragino Mincho Pro',serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFF;
	float:right;
	z-index: 5;
}

/* ---------------------------------------------- pickups -- */

h2.pickups_title {
	width: 160px;
	height: 18px;
	margin: 36px 0px 20px 54px;
	display: inline;
	float: left;
}

#pickups_bnum {
	height: 20px;
	width: 130px;
	float: right;
	margin: 0px 0px 0px 0px;
	/*display:inline;*/
	font-size: 10px;
	color: #222;
}

#content_pickups {
	clear: both;
	width: 930px;
	height: 580px;
	overflow: auto;
	margin: 0px 0px 0px 30px;
}

h3.style_title {
	margin: 0px 0px 0px 0px;
}

.style01 {
	width: 420px;
	height: 550px;
	float: left;
	display:inline;
	margin: 0px 0px 0px 20px;
}

.style01 p {
	font-size: 12px;
	line-height: 20px;
	margin:  16px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
}

.style01_photo {
	float: right;
	display:inline;
	margin-bottom: 0px;
	margin-right: 16px;
}

#other_style {
	clear: both;
	width:911px;
	/*margin-top:14px;*/
	margin: 0px 0px 0px -12px;
}

.sub_style {
	width: 260px;
	float: left;
	display:inline;
	margin: 0px 0px 0px 43px;
}
.sub_style img { margin-bottom: 10px;}

.sub_style p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 18px;
}

.ditail_footer {
	clear:both;
	width:890px;
	height: 20px;
	text-align:right;
	padding: 14px 0px 14px 0px;
}
/* ---------------------------------------------- end pickups -- */

/* ---------------------------------------------- shopping -- */

p.shopol_script {
	font-size: 14px;
	line-height: 18px;
	margin: 30px 0px 0px 30px;
}

.for_online {
	margin: 6px 0px 0px 30px;
}

#product_list {
	width: 920px;
	height: 560px;
	background-color: #FFF;
	overflow: auto;
	margin: 16px 0px 0px 10px;
	position:relative;
}
.productDetail {
	margin: 0px 0px 0px 24px;
	height: 1130px;
}

.productDetail ul.list li {
	float: left;
	display: inline;
	width: 150px;
	height: 300px;
	margin-right: 24px;
}

.productDetail ul.list li.pro_img {
	z-index: 0;
	margin:0px;
	position:relative;
}

.productDetail ul.list li p {
	font-size: 12px;
	color: #655926;
	margin: -10px 0px 0px 0px;
}

.shop_but {
	z-index: 1;
	position:relative;
	top: -18px;
	margin:0px;
}

p.pro_no {
	font-size: 12px;
	height: 24px;
	margin: 8px 0px 0px 0px;
	padding-bottom: 10px;
}

.sell {
	margin: 0px 0px -6px 0px;
}
.price_proper {
	color: #F00;
	text-decoration: line-through;
}

.price_sell {
	color: #F00;
	font-weight:bold;
}

p.price_rate {
}

.list_footer {
	clear:both;
	width:870px;
	height: 20px;
	text-align:right;
	padding-bottom: 10px;
}

/* ---------------------------------------------- end shopping -- */

/* ---------------------------------------------- store -- */

#store_map {
	width: 920px;
	height: 560px;
	margin: 60px 0px 0px 0px;
}

.store_area {
	width:460px;
	margin: 8px 0px 0px 0px;
}

.store_header {
	width: 460px;
	margin: 0px 0px 4px 0px;;
	padding: 0px;
	border-bottom: 1px #655926 solid;
}

h4.area_title {
	font-size: 14px;
	line-height: 16px;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝',serif;
	color: #655926;
	font-weight: bold;
	padding: 4px 0px 8px 10px;
}

.store_close {
	width: 460px;
	font-size: 14px;
	line-height: 16px;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝',serif;
	margin: 6px 0px 4px 0px;
	padding: 6px 0px 0px 0px;
	border-top: 1px #655926 solid;
	text-align: right;
}

.store_list {
	overflow-x: hidden;
	margin: 0px;
}
.store_title {  font-size: 14px; line-height: 16px; font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝',serif; color: #655926; font-weight: bold;}
.store_txt { font-size: 12px;  line-height: 16px; font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝',serif; color: #655926;}

.close_txt { font-size:12px; line-height: 16px; font-family:serif; color: #655926; font-weight: bold; padding-right:10px;}




/* ---------------------------------------------- copyright -- */
/*.copyright {
	clear: both;
	width: 1180px; 
	height: 40px;
	margin: 0px auto;
}
*/
.copyright {
	padding-left: 30px;
	padding-top: 16px;
	color: #655926;
	font-size: 10px;
	font-weight: bold;
}


/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 4px solid #888;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #efebda;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}