@charset "euc-jp";
/* CSS Document */

/* =====================================================================
*    0.   Common Item
*    1.   Snack : item list
*    1.2. Karamucho
* =================================================================== */

/* =====================================================================
*
*    0.   Common Item
*
* =================================================================== */

.footstamp      { height: 27px; padding: 3px 0 0 25px;}
.footstamp li   { float: left;}
.footstamp span { color: #666666;}

html>/**/body .footstamp {padding /*\**/: 10px 0 0 25px\9; height: 21px\9;} /*for IE 8*/


/* =====================================================================
*
*    1. Snack : item list
*
* =================================================================== */

.content-foot           { padding-bottom: 14px; background: url(../images/bg-content-foot.gif) left bottom no-repeat;}
.content-head           { width: 770px; height: 126px !important; background: url(../images/bg-content-head.gif) 0 0 no-repeat;}
.snack .content-head h1 { width: 556px; height: 22px; padding: 24px 0 0 24px; float: left;}
.snack .content-head p  { width: 124px; padding: 25px 22px 5px 0; float: right;}
.snack .content-head img{ vertical-align:baseline;}
	ul.lnavi-snack      { width: 730px; border: 1px solid #000000; border: 0; padding: 9px 20px 0; float: left;}
	ul.lnavi-snack li   { float: left; margin-bottom: 4px;}
	ul.lnavi-snack li span {
		display: block;
		margin:0 4px 0 0;
		padding: 2px 10px;
		background:#9e9782;
		color: #fff;
		font-size: 77%;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;}
	ul.lnavi-snack li a span {
		background:#f5f1df;
		color: #333;}
	ul.lnavi-snack li a:hover { text-decoration: none;}
	ul.lnavi-snack li a:hover span{ background: #9e9782; color: #fff;}



.content-body           { border-left: 1px solid #E2E0D8; border-right: 1px solid #E2E0D8; padding: 0 9px; background: #FFFEF9;}
	p.pagetop-area      { width: 102px; height: 16px; padding: 11px 0 0 648px;}

/* ---------------------------------
*    accordion    */

#accordion { width: 750px;}

.ac-contents                     { width: 750px; margin: 0 0 0 0; overflow: hidden;}
	#accordion .header           { width: 750px; height: 80px; overflow: hidden; margin: 10px 0 0 0; background: 0 -160px no-repeat; cursor: pointer; background-image: url(../images/list-item/header_bg_plus.jpg);}
	#accordion .selected .header { background-position: 0 0; }
	#accordion .minus            { background-image: url(../images/list-item/header_bg_minus.jpg); }
		#accordion .header .cont { padding: 4px;}
		#accordion .header h2    { width: 127px; padding: 8px 0 0 29px; float: left; font-size: 100%; font-weight: bold; color: #333333;}
		#accordion .logoBox      { float: left;}
			#ac-popato .logoBox     { width: 184px; padding-top: 3px;}
			#ac-karamucho .logoBox  { width: 181px; padding: 3px 0 0 3px;}
			#ac-suppamucho .logoBox { width: 145px; padding: 4px 0px 0 39px;}
			#ac-scone .logoBox      { width: 176px; padding: 13px 0 0 8px;}
			#ac-dontacos .logoBox   { width: 179px; padding: 6px 0 0 5px;}
			#ac-polinky .logoBox    { width: 177px; padding: 6px 0 0 7px;}
			#ac-popnow .logoBox     { width: 173px; padding: 8px 0 0 11px;}
		#accordion .thumbBox     { width: 320px; padding-top: 6px; float: left;}

/* ---------------------------------
*    .itemList    */

.itemList                { display: none; width: 736px; padding: 7px 7px 0;}
	.itemList p.subttl   { width: 711px; height: 33px; padding: 7px 0 0 25px; background: url(../images/list-item/bg-subttl.gif) 0 0 no-repeat; color: #FFFFFF; font-size: 100%; text-shadow: 0 2px #000000;}
	.itemList ul         { width: 736px; background: url(../images/list-item/bg-tile.gif) 0 0 repeat;}
		.tbox            { float: left; width: 184px; height: 190px; overflow: hidden; background: url(../images/list-item/tile_bg.jpg) no-repeat; position: relative;}
		.tbox .thumbCont { padding: 13px 0 0 37px; background: url(../images/list-item/loading.gif) center center no-repeat;}
		.tbox h3         { width: 184px; position: absolute; top: 142px; left: 0; text-align: center; line-height: 1.3em;}
		.tbox p.mark-ltd { width: 70px; position: absolute; top: 3px; left: 110px;}

/* =====================================================================
*
*    1.0. allergie
*
* =================================================================== */
.allergie-unit{padding:18px 10px 0 ; line-height:1.5em;}
.allergie-unit h2{ margin-bottom:20px; padding-bottom: 5px; border-bottom:1px #EFB9BB solid;}
.allergie-unit h3{ padding-bottom:5px;}
.allergie-attention{font-weight:bold; color:#C9151E;}
.allergie-Ul li{ padding:0 0 0 10px; background:url(../../common/images/allergie/allergie_list01.gif) no-repeat left 8px;}
.allergie-btn{text-align:center;}
.allergie-date{text-align:right; margin-bottom:10px; font-size:93%;}

/*allergie-List*/
.spParts{ display:none; }
.allergie-List{border-collapse:collapse; width:750px;}
.allergie-List td{border:1px solid #C1BEB6; font-size:77%; padding:2px 5px;}
td.listCaption{ background:#F7F2E6;}
td.listName{ background:#FDF2BD;}
td.listName img{ vertical-align:middle; margin:0 2px 0 0 ;}
td.listCategory{ background:#F9DC53;}
td.listTitle{ background:#40528E; color:#fff; line-height:1.2em;}
td.listTitle2{ background:#C8395E; color:#fff; line-height:1.2em; text-align:center;} 



/* =====================================================================
*
*    1.2. snack-detail
*
* =================================================================== */

/*----snack-detail-base----*/
.exochips .snack-base { padding-bottom: 10px; background: url(../images/exochips-base-foot.gif) bottom left no-repeat; background-color: #bf0024;}
.karamucho .snack-base { padding-bottom: 10px; background: url(../images/snack-base-foot.gif) bottom left no-repeat; background-color: #c00;}
.polinky .snack-base { padding-bottom: 10px; background: url(../images/snack/polinky-base-foot.gif) bottom left no-repeat; background-color: #E9250A;}
.popnow .snack-base { padding-bottom: 10px; background: url(../images/snack/popnow-base-foot.gif) bottom left no-repeat; background-color: #FFCC00;}
.potatochips .snack-head{height: 10px; background: url(../images/snack/potato-base-top.gif) top left no-repeat; width:750px; padding:0; font-size:0px; }
.potatochips .snack-base { padding-bottom: 10px; background: url(../images/snack/potato-base-foot.gif) bottom left no-repeat; background-color:#FFF100;}
.scorn .snack-base { padding-bottom: 10px; background: url(../images/snack/scorn-base-foot.gif) bottom left no-repeat; background-color: #568912;}
.suppamucho .snack-base { padding-bottom: 10px; background: url(../images/snack/suppa-base-foot.gif) bottom left no-repeat; background-color: #F9D117;}
.dontacos .snack-base { padding-bottom: 10px; background: url(../images/snack/dontacos-base-foot.gif) bottom left no-repeat; background-color: #A9080D;}
.potechi .snack-base { padding-bottom: 10px; background: url(../images/snack/potechi-base-foot.gif) bottom left no-repeat; background-color: #EB008B;}
.uniqueproject .snack-base { padding-bottom: 10px; background: url(../images/snack/uniqueproject-base-foot.gif) bottom left no-repeat; background-color: #F7931D;}
.chibinowa .snack-base { padding-bottom: 10px; background: url(../images/snack/chibinowa-base-foot.gif) bottom left no-repeat; background-color: #F5BB4A;}
.potenone .snack-base { padding-bottom: 10px; background: url(../images/snack/potenone-base-foot.gif) bottom left no-repeat; background-color: #E60012;}
.limited .snack-base { padding-bottom: 10px; background: url(../images/snack/limited-base-foot.gif) bottom left no-repeat; background-color: #FC5570;}
.gankoage .snack-base { padding-bottom: 10px; background: url(../images/snack-base-foot.gif) bottom left no-repeat; background-color: #af6722;}
.tortilla .snack-base { padding-bottom: 10px; background: url(../images/tortilla-base-foot.gif) bottom left no-repeat; background-color: #d0e26c;}
.poterican .snack-base { padding-bottom: 10px; background: url(../images/snack/poterican-base-foot.gif) bottom left no-repeat; background-color: #004098;}
.nonfryitem .snack-head{height: 10px; background: url(../images/snack/nonfryitem-base-top.gif) top left no-repeat; width:750px; padding:0; font-size:0px; }
.nonfryitem .snack-base { padding-bottom: 10px; background: url(../images/snack/nonfryitem-base-foot.gif) bottom left no-repeat; background-color: #E60012;}



/*----snack-category----*/
.snack-category{padding:15px ; width:720px;}
* html .snack-category{padding:15px 15px 5px; width:720px;}

.snack-category-ttl{padding-bottom:7px;}
.snack-category ul{height:15px; width:690px;}
.snack-category ul li{ float:left; height:15px; line-height: 0em;}
.snack-category ul li img{vertical-align:bottom; margin:0 10px 0 0;}

.head-img              { padding: 10px 0 0;}
.karamucho .snack-base { padding-bottom: 10px; background: url(../images/snack-base-foot.gif) bottom left no-repeat; background-color: #CC0000;}
.gankoage .snack-base { padding-bottom: 10px; background: url(../images/gankoage-base-foot.gif) bottom left no-repeat; background-color: #af6722;}
.snack-bnr-area        { padding: 0 5px;}
	.snack-bnr-area li { float: left; padding: 0 5px;}
.sep-line              { height: 10px;}
.item-unit-foot                   { margin: 0 10px; padding:10px 0 9px; background: url(../images/item_unit_foot.png) bottom left no-repeat;}
.item-unit-head                   { padding-top: 10px; background: url(../images/item_unit_top.png) 0 0 no-repeat;}
.item-unit                        { padding: 10px 20px 10px 17px; background: #FFFFFF;}
.item-unit h2                     { padding: 0 0 0 6px; line-height: 1.3em;}
	.snack-data                   { padding-top: 15px;}
		.snack-databox            { width: 440px; float: right;}
		.snack-databox h3         { line-height: 1.6em;}
		.snack-databox p          { border-bottom: 1px solid #C1BEB6; padding: 17px 3px 0;}
		.snack-databox p b        { font-weight: bold; line-height: 1.4em;}
		.snack-databox blockquote { line-height: 1.8em;}
		.snack-databox div.allergie-box      { width: 440px; border-bottom: 1px solid #C1BEB6; padding: 17px 3px 0;}
			.snack-databox p.allergie-ttl    { width: 237px; border: none; padding: 0; float: left;}
			.snack-databox p.update-box      { width: 197px; border: none; padding: 0; float: right; text-align: right;}
			.snack-databox p.update-box span { letter-spacing: 0; line-height: 1.2em;}
		.snack-databox dt         { float: left; font-weight: bold;}
		.snack-databox dd         { float: left;}
		.snack-databox p.detail   { width: 70px; border: none; padding: 0 0 0 370px;}
		
		
/*--0811追加--*/
.snack-main-image{position:relative; width:226px; height:226px; float:left;} 
.snack-main-image span{display:block; width:82px; height:82px; z-index:100; position:absolute; top:0; left:144px;}
/*--0811変更--*/
	.item-info                    { width: 700px; margin: 0 -5px 0 -2px;}
		.item-info dl             { width: 130px; padding: 20px 5px 0; float: left;}
		.item-info dt             { height: 144px; padding: 0 0 10px; text-align: center; overflow:visible; position:relative; width:100%;}
		.item-info dt .item-info-img       { display:block; position:absolute; bottom:0; left:10px; text-align:center; overflow:visible;}
		.item-info dt .item-info-img .mark-ltd-01{ display:block; position:absolute; top:0; right:0; text-align:right; z-index:100; }
/*--0811変更ここまで--*/
		.item-info dd             { padding-top: 4px; text-align: center; line-height: 1.4em; margin-top:10px; background: url(../images/bg-item-info.gif) left top no-repeat;}
	.list-comp                    { padding-left: 3px;}
		.list-comp p              { padding: 17px 3px 0;}
		.list-comp table          { width: 100%;}
		.list-comp tr.zebra       { background: #ECF6F7;}
		.list-comp th             { height: 10px; border: 1px solid #E2E0D8; padding: 7px 0 8px 20px; background: #F9F6EC;}
		.list-comp td             { height: 24px; border: 1px solid #E2E0D8; padding: 1px 0 0 20px;}
	p.backtolist                  { padding: 20px 0 0 279px;}

/* =====================================================================
*
*    2. profile
*
* =================================================================== */
/*--------------------------------------------
	common
--------------------------------------------*/

/*headnavi*/
.profile-head        { width: 770px; height: 80px !important; background: url(../images/headnavi/bg-profile-head.gif) 0 0 no-repeat;}
.profile-head h1     { width: 556px; height: 22px; padding: 25px 0 0 24px; float: left;}
ul.lnavi-profile    { width: 720px; border: 1px solid #000000; border: 0; padding: 8px 25px 0; float: left; }
ul.lnavi-profile li { float: left; line-height: 0em;}
.profile-head img    { vertical-align:baseline;}

.profile-unit { padding: 10px 20px 10px 20px; background: #FFFFFF;}
.profile-unit h2 { margin-bottom:20px; padding-bottom: 5px; border-bottom:1px #EFB9BB solid;}
.profile-detail{ margin-bottom:50px;}
.profile-detail2{ margin-bottom:0px;}

.profile_table {width:690px; margin:0; }
.profile_table th {border-right:1px #fff solid; border-bottom:1px #EFECE7 solid; background:#BEB4A0; color:#fff; font-weight:bold; padding:5px 0; }
.thwide th{ text-align:left; padding-right:10px; padding-left:10px; vertical-align:top; }
.thnarrow th{ width:50px; text-align:center; }

.profile_table td {border-bottom:1px #dcdcdc solid; color:#544C3A; padding:5px 12px; vertical-align:top; }
.profile_table .white{background:#fff; }
.profile_table .brown{background:#F9F6EC; }


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

.group-img{	width:690px;}
.group-img01{	background:url(../images/profile/outline_img01bg.jpg) no-repeat left top;	margin:0 153px 0 150px;	width:387px;	height:206px;}
.group-img01 .img01{	padding:16px 21px 44px 29px;	float:left;}
.group-img01 .img01b{	width:207px;	padding-top:34px;	float:left;	font-size:85%;	line-height:140%;}

.group-imgarea{	background:url(../images/profile/outline_imghead.jpg) no-repeat left top;}
.group-imgarea .body{	background:url(../images/profile/outline_imgfoot.jpg) no-repeat left bottom;}
.group-imglist .logo td{	padding:56px 16px 10px;}
.group-imglist .text td{	padding:0 16px 120px;	font-size:85%;	line-height:140%;	text-align:left;	vertical-align:top;}

/*--------------------------------------------
	profile/world
--------------------------------------------*/
.world_map{	padding:0 127px 20px 126px;}
.world_imgarea{	padding:20px 127px 0;}

/*--------------------------------------------
	profile/map
--------------------------------------------*/
.map_img{	padding:0 101px;}
.map_txt{	text-align:center;}

/*--------------------------------------------
	profile/csr
--------------------------------------------*/
.csr_ttl15{	padding-bottom:15px;}
.csr_box{	width:690px;	margin-bottom:40px;}
.csr_box02 h5{	border-bottom:#EFB9BB dotted 1px;	padding-bottom:4px;	margin-bottom:10px;}
img.csr_img01{	width:156px;	padding-right:10px;	float:left;}
.csr_txt01{	float:left;	margin-top:50px;	font-weight:bold;}
.csr_img02{	padding:20px 0 0;	margin:0;}
.csr_img02 li{	float:left;	line-height:0;	list-style-type:none;}
.csr_img03{	width:414px;	padding:0 138px;}
.csr_img04_1{	widows:536px;	padding:0;	margin:0 77px 35px;}
.csr_img04_1 li{	float:left;	line-height:0;	list-style-type:none;	padding:0 5px 5px;}
.csr_img04_2{	width:631px;	padding:0;	margin:0 29px 0 30px;}
.csr_img04_2 li{	float:left;	line-height:0;	list-style-type:none;}
.csr_img04_3{	width:582px;	margin:20px 54px 0 54px;}
.csr_img04_3 img{	float:left;}

/* =====================================================================
*
*    news
*
* =================================================================== */

.news-base { padding-bottom: 10px; background: url(../images/snack-base-foot.gif) bottom left no-repeat; background-color: #CC0000;}
.news-unit-foot                   { margin: 0 10px; padding: 0 0 10px; background: url(../images/item-unit-foot.gif) bottom left no-repeat;}
.news-unit-head                   { padding-top: 10px; background: url(../images/item-unit-head.gif) 0 0 no-repeat;}
.news-unit                        { padding: 10px 20px 10px 17px; background: #FFFFFF;}

.content-h2-news{ width:720px; padding:15px 0;}
ul.news-bnList{width: 720px; border: 1px solid #000000; border: 0; padding:7px 15px 0;}
ul.news-bnList li{float: left;}
ul.news-bnList li a{color:#666; background:url(../images/news-line01.gif) no-repeat right center; text-decoration:none; display:block;	padding-right:10px;	margin-right:6px; font-weight:bold;}
ul.news-bnList li a:hover,
ul.news-bnList li a.current{text-decoration:underline;}

.newsListArea{width:690px; zoom:1;}
.newsListArea dl {width:670px; margin:5px 10px; font-size:93%; line-height:150%;}
.newsListArea dl dt{width:120px;  font-weight:bold; float:left; }
.newsListArea dl dd{width:530px;  float:left;}

.newsL01{background:#FAF8F0 url(../images/newsL-top.gif) no-repeat left top; padding-top:12px;}
.newsL02{background:#fff; border-bottom:1px solid #DDDDDD; padding:12px 0;}

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

.news-detail .news-datail-txt table{ border-collapse:collapse !important; border:1px solid #666 !important;}
.news-detail .news-datail-txt table th, 
.news-detail .news-datail-txt table tbody, 
.news-detail .news-datail-txt table td{ padding:5px !important; border:1px solid #666 !important;}
.news-detail .news-datail-txt table tbody{text-align:left; border-collapse:collapse !important;}

.news-detail-ttl{width:690px; background:url(../../common/images/news_d_ttl_b.gif) no-repeat bottom center; padding-bottom:13px;}
.news-detail-ttl h3{font-weight:bold; font-size:116%; padding:0 20px; width:650px; background:url(../../common/images/news_d_ttl_m.gif) repeat-y center;}
.news-detail-date{text-align:right; font-size:93%; padding-top:15px; }
.news-datail-txt{font-size:93%;}
.news-datail-txt a:link,
.news-datail-txt a:visited{text-decoration:underline; color:#333;}
.news-datail-txt a:hover  {text-decoration:none; color:#333;}
.news-detail-image{margin:30px auto; text-align:center; width:690px;}
.news-detail h4{ font-weight:bold; font-size:116%; padding:30px 0 10px; margin-bottom:15px; border-bottom:1px solid #EFB9BB;}

.news-detail-image .Center{text-align:center;}
.news-detail-image .Left{float:left;}
.news-detail-image .Right{float:right;}
.news-detail-image p{text-align:center!important;}

.news-detail-image table{margin:0 auto !important;}
.news-detail-image table td{ text-align:center !important; padding:5px !important;}


/* =====================================================================
*
*   useage
*
* =================================================================== */
/* usage-base */
.useage-head        { width: 770px; height: 80px !important; }
.useage-base { padding-bottom: 10px; background: url(../../common/images/useage/useage_base_foot.gif) bottom left no-repeat; background-color: #81B10E;}
.useage-unit-foot                   { margin: 0 10px; padding: 0 0 10px; background: url(../../common/images/useage/useage_unit_foot.gif) bottom left no-repeat;}
.useage-unit-head                   { padding-top: 10px; background: url(../../common/images/useage/useage_unit_top.gif) 0 0 no-repeat;}
.useage-unit                        { padding: 10px 20px 10px 17px; background: #FFFFFF; font-size:93%; line-height:1.5em;}

/* usage-contents */
.useage-unit h3                       { padding:0 0 13px;}
.useage-unit h4                       { padding:0 0 10px;}

.useage-rss-list{width:690px; background:url(../../common/images/useage/dotline_01.gif) repeat-x top;margin:0 0 30px; padding-top:1px;}
.useage-rss-list li{float:left; width:345px; padding:10px 0; height:20px; background-image:url(../../common/images/useage/dotline_01.gif); background-repeat:repeat-x; background-position:bottom;}
.useage-rss-list li a{ display:block; width:280px; height:20px; }
.useage-rss-list li img{ float:left; margin:0 5px 0 10px;} 
.useage-rss-list li a:link, .useage-rss-list li a:visited{text-decoration:underline; color:#333;}
.useage-rss-list li a:hover, .useage-rss-list li a:active{text-decoration:none; color:#333;}
.rss-list01{background-color:#F9F6EC;}
.rss-list02{background-color:#FFF;}
.useage-rss-list li a.dotline{ background:url(../../common/images/useage/dotline_02.gif) no-repeat right center;}

.useage-list{ background:url(../../common/images/useage/dotline_01.gif) repeat-x bottom; padding:0 0 10px; margin:0 0 10px;}

/* =====================================================================
*
*   privacy
*
* =================================================================== */
/*------------------------
        Font CSS
------------------------*/
#privacy .bold{ font-weight:bold;}
#privacy .red{ color:#C8161E;}
/*------------------------
      Contents CSS
------------------------*/
#privacyContents{background: url(../images/privacy/bg_privacy01.gif) repeat-y;}
#privacyContents-inner{background: url(../images/privacy/footer_privacy01.gif) no-repeat bottom center; padding:10px 0 13px;}
#privacyBox02-head {padding:0 10px;}
#privacyBox02{ width:750px; background: url(../images/privacy/bg_privacy02.gif) repeat-y center; padding:0; margin:0 auto;}
#privacyBox02-inner{background: url(../images/privacy/box_privacy02.gif) no-repeat bottom center;	padding:0 0 19px; line-height:135%;}

#privacyDetail{	padding:30px;}
#privacyDetail h2{  margin-bottom:20px;	padding:0 0 5px 5px;	border-bottom:1px #FFD326 solid;	width:685px;}
#privacyDetail h3.subTtlPrivacy{  margin:20px 0 10px 0;	padding:0;	border-bottom:none;}
#privacyDetail ul.privacyList01 {	margin:10px 0 20px 0;}
#privacyDetail ul.privacyList01 li{  list-style:url(../images/privacy/icon_privacy01.gif) ;	margin-left:20px;}
#privacyDetail ul.privacyList02 li{  margin-bottom:10px;}
#privacyContents02 .privacyFoot {  margin-bottom:20px;}
#privacyContents02 .privacyTxtEnd, #privacy .privacyTxtEnd{  margin-top:20px;	text-align:right;}



/* =====================================================================
*
*   sitemap
*
* =================================================================== */

#sitemapBox{ margin:10px 10px 0;}
#sitemapContents{	background: url(../images/sitemap/bg_sitemap01.gif) repeat-y;}
#sitemapDetail{	background: url(../images/sitemap/bg_sitemap02.gif) repeat-y;	padding:30px; margin-bottom:0;}
#sitemapContents .sitemapFoot {  margin-bottom:20px;}
#sitemapContents .sitemapTxtEnd {  margin-top:20px;	text-align:right;}
#sitemapDetail .leftArea { width:334px; float:left; margin:0 20px 0 0}
#sitemapDetail .rightAarea { width:334px; float:left;}
#sitemapDetail .mapBox{ margin-bottom:20px;}
#sitemapDetail .mapBox ul { margin:0; padding:0 13px 0 13px;}
#sitemapDetail .mapBox li { padding:7px 0 0 0; margin:0;}
#sitemapDetail .mapBox2{ margin:0;}
#sitemapDetail .mapBox2 ul { margin:0; padding:0 13px 0 13px;}
#sitemapDetail .mapBox2 li { padding:7px 0 0 0; margin:0;}
#sitemapDetail ul a{ text-decoration:none; zoom: 1;}
#sitemapDetail ul a:hover{ text-decoration:underline;}
#sitemapDetail ul li.line{background:url(../images/sitemap/sitemapline01.gif) left center no-repeat; padding-left:20px;}
#sitemapDetail ul li.line2{background:url(../images/sitemap/sitemapline02.gif) left top no-repeat; padding-left:20px; width:280px;}
#sitemapDetail ul li.line3{background:url(../images/sitemap/sitemapline03.gif) left top no-repeat; padding-left:20px; width:280px;}
#sitemapDetail ul li.line2b{ background:url(../images/sitemap/sitemapline02.gif) left top no-repeat; padding-left:20px; width:240px;}
#sitemapDetail ul li.line3b{ background:url(../images/sitemap/sitemapline03.gif) left top no-repeat; padding-left:20px; width:240px;}


/* =====================================================================
*
*   campaign
*
* =================================================================== */
/*---index.html---*/
.cp-index-contents{width:750px; padding-top:10px;}
.cp-index-contents h2{width:370px; margin-bottom:10px;}

.cpBnr-01{
	position:relative;
	height:420px;
}
.cpBnr-02{
	position:relative;
	height:140px;
}
.cpBnr-01 a,.cpBnr-02 a{
	display:block;
	}
.cpBnr-01 .mark-member,.cpBnr-02 .mark-member{
	position:absolute;
	z-index:100;
	top:0;
	left:300px;
	display:block;
}

.cpumLeft .snsArea {
	margin:40px 0 0 0;
}

.cpumLeft .snsArea .snsContents{
	background: url(/campaign/images/sns_bg.gif) no-repeat bottom;
	padding: 0 20px 10px 20px;
	margin:0;
	}

.cpfrLeft .snsArea {
	margin:40px 0 0 0;
}

.cpfrLeft .snsArea .snsContents{
	background: url(/campaign/images/sns_bg.gif) no-repeat bottom;
	padding: 0 20px 10px 20px;
	margin:0;
	}
	
.newCP .bnrS{ display:none; }

/* =====================================================================
*
*   virtual-factory　&　funclub
*
* =================================================================== */
#NewsBox{ margin:10px 10px 0;}
#NewsContents{	background: url(../images/sitemap/bg_sitemap01.gif) repeat-y;}
#NewsDetail{	background: url(../images/sitemap/bg_sitemap02.gif) repeat-y;	padding:20px 30px; margin-bottom:0;}

#NewsDetail h2{margin-bottom:20px;	padding:0 0 5px 5px; width:685px; border-bottom: 1px solid #DBD8CE;}

#NewsDetail02{	background: url(../images/news/bg_member02.gif) repeat-y;	padding:20px 30px; margin-bottom:0;}

#NewsDetail02 h2{margin-bottom:20px;	padding:0 0 5px 5px; width:685px; border-bottom: 1px solid #DBD8CE;}


/* =====================================================================
*
*    2.   TVCM : Gallery
*
* =================================================================== */

/*TVCM common*/

.accordion{
padding:20px 0 0;
}
#cmflashContainer, #cmflashContainer2{
	height:532px;
	background:url(../../tvcm/images/tvcm_bg.gif) repeat-y center;
}

.tvcm .content-head    { width: 770px; height: 80px !important; background: url(../../tvcm/images/bg-content-head.gif) 0 0 no-repeat;}
.tvcm .content-head h1 { width: 556px; height: 22px; padding: 25px 0 0 24px; float: left;}

.subttl-area h2 { padding: 15px 0 0 15px;}
.subttl-area p  { padding: 5px 0 10px 18px; color: #331E15; font-weight: bold;}

.tvcm-head { padding-top: 15px; background: url(../../tvcm/images/tvcm-base-head.gif) top left no-repeat;}
.tvcm-foot { padding: 0 10px 15px; background: url(../../tvcm/images/tvcm-base-foot.gif) bottom left no-repeat; background-color: #4C2F2E;}
.tvcm-body { height: 722px; padding: 15px 20px 0; background: url(../../tvcm/images/bg-player.gif) 20px 15px no-repeat; background-color: #FFFFFF;}

.flow-bnr-area { padding: 42px 20px 15px; background: url(../images/bar-separate.gif) 20px 0 no-repeat; background-color: #FFFFFF;}

.accordionTitle{ display:block;	padding:0 10px 0; height:81px; margin:0 0 3px;}
a:link.accordionTitle, a:visited.accordionTitle{background:url(../../tvcm/images/accodion_ttl_off.png) no-repeat left bottom;}
a:hover.accordionTitle{background:url(../../tvcm/images/accodion_ttl_off.png) no-repeat left bottom;}
.active a.accordionTitle{background:url(../../tvcm/images/accodion_ttl_on.png) no-repeat left bottom;}



/*TVCM gallery*/

.flash-notice         { border-right: 10px solid #4C2F2E; border-left: 10px solid #4C2F2E; padding: 15px 20px; background-color: #FFFFFF;}
.flash-notice2         {  padding: 15px 20px; background-color: #FFFFFF;}
.flash-notice a       { text-decoration: underline;}
.flash-notice a:hover { text-decoration: none;}

.area-icon-desc    { height: 29px; border: 1px solid #000000; border: 0; padding: 0 20px 0 132px; background: url(../../tvcm/images/bg-icon-desc.gif) 20px 0 no-repeat; background-color: #FFFFFF;}
.area-icon-desc p  { height: 26px; padding-top: 3px; float: left; font-size:  77%; font-weight: bold;}
.area-icon-desc dl { width: 480px; height: 29px; border: 1px solid #000000; border: 0; float: left;}
.area-icon-desc dt { height: 24px; padding: 5px 0 0 22px; background: url(../../tvcm/images/icon-desc-separate.gif) 0 0 no-repeat; float: left; line-height: 0em;}
.area-icon-desc dd { height: 26px; padding: 3px 0 0 6px; float: left; font-size:  77%;}
.area-icon-desc dt.special { padding-left: 12px; background: none;}


/* =====================================================================
*
*    2.1. TVCM : Player
*
* =================================================================== */
.series01 { width: 455px; height: 545px; float: left;}
.series02 { width: 225px; height: 545px; float: right;}
.series03 { width: 690px; height: 175px; float: left;}
.series01 li,
.series02 li,
.series03 li { width: 205px; height: 140px; float: left;}
.series01 li.people01 { padding: 2px 0 0 10px; background: url(../../tvcm/images/bg-people01.gif) 10px 2px no-repeat;}
.series01 li.people02 { padding: 2px 0 0 25px; /*background: url(../../tvcm/images/bg-people02.gif) 25px 2px no-repeat;*/}
.series01 li.people03 { width: 435px; padding: 40px 0 0 10px; background: url(../../tvcm/images/bg-people03.gif) 10px 40px no-repeat;}
.series01 li.people04 { padding: 40px 0 0 10px; /*background: url(../../tvcm/images/bg-people04.gif) 10px 40px no-repeat;*/}
.series01 li.people05 { padding: 40px 0 0 25px; background: url(../../tvcm/images/bg-people05.gif) 25px 40px no-repeat;}
.series02 li.people06 { padding: 2px 0 0 10px; /*background: url(../../tvcm/images/bg-people06.gif) 10px 2px no-repeat;*/}
.series02 li.people07 { padding: 40px 0 0 10px; background: url(../../tvcm/images/bg-people07.gif) 10px 40px no-repeat;}
.series02 li.people08 { padding: 40px 0 0 10px; background: url(../../tvcm/images/bg-people08.gif) 10px 40px no-repeat;}
.series03 li.people09 { padding: 2px 0 0 10px; background: url(../../tvcm/images/bg-people09.gif) 10px 2px no-repeat;}
.series03 li.people10 { padding: 2px 0 0 25px; background: url(../../tvcm/images/bg-people10.gif) 25px 2px no-repeat;}
.series03 li.people11 { padding: 2px 0 0 30px; background: url(../../tvcm/images/bg-people11.gif) 30px 2px no-repeat;}
.series01 dl,
.series02 dl,
.series03 dl { position: relative;}
.series01 dt { padding: 5px 0 0 5px;}
.series02 dt { padding: 5px 0 0 105px;}
.series03 dt { padding: 5px 0 0 5px;}
.series03 li.people11 dt { padding: 5px 0 0 105px;}
.series01 dd,
.series02 dd,
.series03 dd { position: absolute; top: 0; left: 0;}
	*html .series01 dd,
	*html .series03 dd { position: absolute; top: 0; left: -5px;}
	*html .series02 dd { position: absolute; top: 0; left: -105px;}
	*html .series03 li.people11 dd { position: absolute; top: 0; left: -105px;}
.series01 dd a,
.series02 dd a,
.series03 dd a { width: 205px; height: 140px; display: block;}
.series01 dd a img { padding: 100px 10px 14px 110px;}
.series02 dd a img { padding: 100px 111px 14px 9px;}
.series03 dd a img { padding: 100px 10px 14px 110px;}
.series01 li.people03 dd a { width: 435px; height: 140px; display: block;}
.series01 li.people03 dd a img { padding: 100px 10px 14px 240px;}
.series03 li.people11 dd a img { padding: 100px 111px 14px 9px;}

/* modal window */
.player-wrapper            { width: 690px; padding: 30px; background: #F9F6EC;}
.player-img-area           { width: 340px; float: left;}
.player-list-area          { width: 350px; float: right;}
.player-list-area dl       { padding-left: 15px;}
.player-list-area dt       { width: 100px; float: left; font-weight: bold; font-size: 92%;}
.player-list-area dd       { width: 220px; float: left; font-size: 92%;}
.player-list-area dd.coron { width: 15px; font-weight: bold;}
.player-list-area a        { text-decoration: underline;}
.player-list-area a:hover  { text-decoration: none;}

/* =====================================================================
*
*   search/
*
* =================================================================== */

.SerchContents a:link,
.SerchContents a:visited{
	text-decoration:underline;
	color:#333;
}
.SerchContents a:hover{
	text-decoration:none;
	color:#333;
}
.ResultHead b, .Spell b, .Spell b a, .SeachPage b, .SeachPage b a{
	font-weight:bold !important;
	}
.ResultHead{
	text-align:right;
	border-bottom:1px solid #333;
	margin:0 0 20px;
}
.Spell{
	padding:0 30px 20px;
	font-size:141%;
}
.Spell span{
	color:#CC0000;
}
.ResultBox {
	padding:0 30px 20px;
}
.ResultTitle{
	font-size:141%;
}
.ResultLink{
	color:#660000;
}
.SeachPage{
	text-align:center;
	padding:0 0 20px;
}
.SeachPage span{
	padding-right:10px;
}

.ResultBox-None{
	font-size:133%;
	padding:0 30px 20px;
}
.ResultBox-None p{
	padding:0 0 20px;
}
.ResultBox-None ul {
	padding:0 0 20px 40px;

}

.ResultBox-None ul li{
	list-style-type:disc;
}


/* =====================================================================
*
*   SmartPhone Style
*
* =================================================================== */

#logo_sp, #navMenu, #snsBtn, #contM2_sp,
#gnavi2, #contM_sp, .companyLink,
#scroll, #cp,
#ttlSp, .spParts{
	display:none;}