@charset "utf-8";


.itemContentsMain{
	float:right;
	width:720px;
}
.itemContentsSub{
	float:left;
	width:210px;
}


/* メインイメージ　レイアウト
=========================================================================*/
#flowpanes{ 
	position:relative; 
	clear:both; 
}
#flowpanes .items { 
	width:20000em; 
	position:absolute; 
	clear:both;
	margin:0; 
	padding:0; 
}

.mainImgArea{
	margin:0 0 30px;
	width:100%;
	text-align:center;
	background:#EFEFEF;
}
.mainImgInner{
	margin:0 auto;
	width:940px;
	height:355px;
	background:url(/images/common/main_img_bg.jpg) no-repeat 0 0;
	border:5px solid #CCC;
	text-align:left;
	overflow:hidden;
}
#flowpanes .items .contents{
	position:relative;
	float:left;
	width:940px;
	height:355px;
}


/* メインイメージ　左右ナビ
==========================================================*/
.nextPage{
	position:absolute;
	top:157px;
	right:0;
	z-index:50;
	background-position:-40px 0;
}
.prevPage{
	position:absolute;
	top:157px;
	left:0;
	z-index:50;
	background-position:0 0;
}
.custom{
	width:40px;
	height:40px;
	background-image:url(/images/common/btn_next_prev.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	border:none;
}


/* メインイメージ　●ナビ
==========================================================*/
#flowtabs{
	position:absolute;
	bottom:11px;
	left:17px;
	z-index:100;
}
#flowtabs li{
	float:left;
	margin:0 12px 0 0;
	width:10px;
	height:9px;
}
#flowtabs li a{
	display:block;
	width:10px;
	height:9px;
	background-image:url(/images/common/btn_navi.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	font-size:1px;
	cursor:pointer; 
}
#flowtabs li a.current{
	background-position:-10px 0;
}



/* メインイメージ　コンテンツ
==========================================================*/
.mainImgInner .icon{
	position:absolute;
	top:23px;
	left:30px;
}
.mainImgInner .contents .contentsSection{
	position:absolute;
	top:30px;
	left:120px;
	width:340px;
}

.mainImgInner .category{
	margin:0 0 8px;
	font-size:92%;
	line-height:100%;
	color:#DF0247;
}
.mainImgInner h1{
	margin:0 0 7px;
	font-size:28px;
	line-height:100%;
}
.mainImgInner .lead{
	margin:0 0 15px;
	font-size:114%;
	line-height:130%;
	color: #666;
}
.mainImgInner .btn{
}
.imgLead{
	position:absolute;
	top:185px;
	left:120px;
	font-size:92%;
	line-height:100%;
	color:#DF0247;
}

.mainImgInner .smallImage{
	position:absolute;
	bottom:12px;
	left:118px;
}
.mainImgInner .smallImage li{
	float:left;
	margin:0 25px 0 0;
}
.mainImgInner .largeImage{
	position:absolute;
	top:43px;
	right:104px;
}
.mainImgInner .smallImage img,
.mainImgInner .largeImage img,
.mainImgInner .invitationLargeImage img{
	padding:0 0 30px;
	background:url(/images/product/bg_shadow_mainimg.jpg) repeat-x 0 bottom;
}

.mainImgInner .invitationLargeImage{
	position:absolute;
	top:43px;
	right:50px;
}
.mainImgInner .welcomeboardLargeImage{
	position:absolute;
	bottom:0;
	right:150px;
}
.mainImgInner .seatorderLargeImage{
	position:absolute;
	bottom:0;
	right:30px;
}

.mainImgInner .largeImageNoShadow{
	padding:0 0 30px;
	position:absolute;
	top:43px;
	right:104px;
}



/* ページタイトル部分
=========================================================================*/
.pageTitle{
	width:100%;
	background:#F3F3F3;
}
.pageTitleInner{
	margin:0 auto;
	padding:18px 0 0;
	width:940px;
	height:60px;
	overflow:hidden;
}
.pageTitleInner table{
	float:left;
}
.pageTitleInner h1{
	margin:0 0 6px 3px;
	font-size:167%;
	font-weight:bold;
	color:#DF0247;
	line-height:100%;
}
.pageTitleInner .lead{
	margin:0 0 0 5px;
	font-size:85%;
	color:#888;
}
.pageTitleInner .conversionBtnModuleHead{
	float:right;
}
.conversionBtnModuleHead{
	width:224px;
	height:50px;
	overflow:hidden;
}
.conversionBtnModuleHead li{
	float:left;
	padding:0 1px;
}



/* リードテキスト部分
=========================================================================*/
.leadTxtArea{
	position:relative;
	height:98px;
	width:100%;
}
.leadTxtArea ul{
	position:absolute;
	top:0px;
	right:0;
	z-index:100;
}
.leadTxtArea ul li{
	float:left;
	margin:0 0 0 30px;
	_margin:0 0 0 4px;
	padding:5px 4px 0;
	height:17px;
	font-size:92%;
	color:#CCC;
}
.leadTxtArea ul li.current{
	border-bottom:3px solid #DF0247;
	text-align:center;
	font-weight:bold;
	color:#DF0247;
	
}

.leadTxtArea .leadTxt{
	position:absolute;
	bottom:0px;
	_bottom:-1px;
	left:0px;
	width:720px;
	height:94px;
	z-index:10;
}
.leadTxtArea .leadTxt dt{
	float:left;
	margin:0 7px 0 0;
	width:94px;
	height:94px;
}
.leadTxtArea .leadTxt dd{
	float:left;
	padding:38px 0 0 0;
	width:610px;
}
.leadTxtArea .leadTxt dd .lead{
	margin:0 0 15px;
	font-size:107%;
	color: #666;
}
.leadTxtArea .leadTxt dd .link,
.leadTxtArea .leadTxt dd .link-2{
	font-size:107%;
	float:left;
}

.leadTxtArea .leadTxt dd .link a{
	padding:3px 15px 3px 25px;
	background:url(/images/icon/icon_movie.gif) no-repeat 0 0;
}
.leadTxtArea .leadTxt dd .link-2 a{
	padding:3px 0 3px 25px;
	background:url(/images/icon/icon_arrange.gif) no-repeat 0 0;
}
.leadTxtArea .leadTxt dd .link a:link,
.leadTxtArea .leadTxt dd .link-2 a:link-2,
.leadTxtArea .leadTxt dd .link a:visited,
.leadTxtArea .leadTxt dd .link-2 a:visited{
	color:#DF0247;
	text-decoration:underline;
}
.leadTxtArea .leadTxt dd .link a:hover,
.leadTxtArea .leadTxt dd .link-2 a:hover,
.leadTxtArea .leadTxt dd .link a:active,
.leadTxtArea .leadTxt dd .link-2 a:active{
	color:#DF0247;
	text-decoration:none;
}



/* イメージとランキング
=========================================================================*/
.recommendImageArea{
	margin:0 auto 5px;
	width:720px;
	overflow:hidden;
}
.ImageSection{
	float:left;
	width:480px;
}
.ImageSectionInner{
	margin:0 0 5px;
	height:385px;
}
.ImageSectionInnerH360{
	margin:0 0 5px;
	height:360px;
}
.ImageSection .specs{
	line-height:160%;
	font-size:92%;
}
.ImageSection .specs a.set01:link,
.ImageSection .specs a.set01:visited{
	display:inline-block;
	margin:0 10px 0 0;
	padding:3px 0;
	width:96px;
	background:#000;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	line-height:100%;
}
.ImageSection .specs a.set01:hover,
.ImageSection .specs a.set01:active{
	text-decoration:none;
}
.ImageSection .specs a.set02:link,
.ImageSection .specs a.set02:visited{
	display:inline-block;
	margin:0 10px 0 0;
	padding:3px 0;
	width:96px;
	background:#F0B500;
	color:#333;
	text-decoration:none;
	text-align:center;
	line-height:100%;
}
.ImageSection .specs a.set02:hover,
.ImageSection .specs a.set02:active{
	text-decoration:none;
}
.ImageSection .specs a.set03:link,
.ImageSection .specs a.set03:visited{
	display:inline-block;
	margin:0 10px 0 0;
	padding:3px 0;
	width:96px;
	background:#C1C1C1;
	color:#333;
	text-decoration:none;
	text-align:center;
	line-height:100%;
}
.ImageSection .specs a.set03:hover,
.ImageSection .specs a.set03:active{
	text-decoration:none;
}
.ImageSection .specs a.set04:link,
.ImageSection .specs a.set04:visited{
	display:inline-block;
	margin:0 10px 0 0;
	padding:3px 0;
	width:96px;
	background:#DF0247;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	line-height:100%;
}
.ImageSection .specs a.set04:hover,
.ImageSection .specs a.set04:active{
	text-decoration:none;
}


.recommendSection{
	float:right;
	width:230px;
}
.recommendSection .title{
	width:230px;
	height:33px;
	background:url(/images/product/recommend_title_bg.gif) no-repeat 0 bottom;
	font-weight:bold;
	overflow:hidden;
}
.recommendSection .list{
	margin:0 20px 5px 4px;
	font-size:92%;
	float: left;
}
.recommendSection .listAll{
	margin:0 0 0 4px;
	font-size:92%;
}

.recommendBox{
	margin:0 0 10px;
	width:230px;
	height:320px;
	overflow:auto;
}

.recommendBox table{
	margin:0 0 4px;
	width:100%;
}
.recommendBox table .image{
	padding:4px 0 4px 4px;
	width:78px;
	height:58px;
}
.recommendBox table .image img{
	border:1px solid #CCC;
}
.recommendBox table td.txt{
	padding:4px 0 4px 8px;
	vertical-align:middle;
	font-size:92%;
}
.recommendBox table td.txt img{
	margin:0 0 4px;
}


#recommend01 .recommend01,
#recommend02 .recommend02,
#recommend03 .recommend03,
#recommend04 .recommend04,
#recommend05 .recommend05,
#recommend06 .recommend06,
#recommend07 .recommend07,
#recommend08 .recommend08,
#recommend09 .recommend09{
	border:2px solid #C00;
}



.leadTitleArea{
	margin:15px 0 10px;
	width:720px;
}
.leadTitleArea h2{
	margin:0 0 5px;
	font-size:152%;
	font-weight:bold;
	color:#DF0247;
	line-height:130%;
}
.leadTitleArea .lead{
	font-size:92%;
	line-height:180%;
	color:#666;
}


.productPoint{
	width:716px;
}
.productPoint ul{
	padding:10px;
	font-size:107%;
}
.productPoint ul li{
	margin:0 0 10px;
	padding:0 0 0 20px;
	background:url(/images/icon/icon_check.gif) no-repeat 0 0;
}


/*miyauchi css 20100708*/
.mainImgInner .largeImage_halloween{
	position:absolute;
	top:0px;
	right:65px;
}