/* -------------------------initialize---------------------- */

* {
	margin:0;
	padding:0;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	font-size:13px;
	line-height:1.8;
	color: #333333;
	letter-spacing:1px;
}


a {
color:#333333;
text-decoration: underline;
}

a:hover {
color:#F00;
text-decoration:none;
}

.clear {
clear:both;
}

.clearfix:after {  
    content: ".";  
     display: block;       
	 visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
     line-height: 0;  
   clear: both;  
 }
 
 .clearfix {
 display: inline-block;
 }
 
 .alt {
text-indent:-9999px;
font-size:0px;
 }

/* -----font-size----- */

.f9 { font-size:77%; }
.f10 { font-size:85%; }
.f11 { font-size:93%; }
.f12 { font-size:100%; }
.f13 { font-size:108%; }
.f14 { font-size:116%; }
.f15 { font-size:123.1%; }
.f16 { font-size:131%; }
.f17 { font-size:138.5%; }
.f18 { font-size:146.5%; }
.f19 { font-size:153.9%; }
.f20 { font-size:161.6%; }
.f21 { font-size:167%; }
.f22 { font-size:174%; }
.f23 { font-size:182%; }
.f24 { font-size:189%; }
.f25 { font-size:197%; }

/* -----font-color----- */

.green { color:#360; }
.red { color:#900; }
.blue {color:#3a86a8;}
.white {color:#FFFFFF;}
.grey {color:#CCCCCC; font-size:inherit;}
.orange{color:#C60;}
.black {color:#333333;font-size:inherit;}
.b1 {color:#993300; font-weight:bold;font-size:inherit;}

/* -----IE7 ----- */
*:first-child+html dammy {

}
/* -----IE6 ----- */
*html dammy {

}


/* -----bgblack----- */
.bgblack {
	background-color:#000;	
}

/* -----body----- */

body {
	
}

/* ----- firefox ----- */
html  {
	overflow-y:scroll;
}

/* ----- align ----- */
.right {
text-align:right;

}

/* ----------------------center ---------------------- */

div#wrapper {
text-align:center;
margin:0;

}

div#container {
	width:900px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

img#petitlogo {
	position:absolute;
	top:20px;
	left:19px;
}

div#content_area {
	width:740px;
	margin-left:160px;
	padding-top:121px;
}

div#content_inner {
	width:740px;
	border-top:#F00 solid 3px;

}

div.title_area{
	width:740px;
	height:60px;
	background:url(../img/common/nami_line.gif) center bottom no-repeat;
}

div.title_area h1 {
	display:block;
	text-indent:-9999px;	
	width:740px;
	margin-top:10px;
	height:55px;
}

/* ----------------------menu---------------------- */

ul#menu_area {
	position:absolute;
	top:121px;
	left:0px;
	width:125px;
	height:224px;
	background:url(../img/common/menu_bg.gif) no-repeat;
	list-style:none;
}

ul#menu_area li.top {
	height:35px;
	width:125px;
	text-indent:-9999px;
}

ul#menu_area li.top a {
	display:block;
	height:35px;
	width:125px;
	text-decoration:none;
	font-size:0px;
}

ul#menu_area li.top a:hover {
	background:url(../img/common/menu_bg_on.gif) top center no-repeat;	
}

ul#menu_area li.about {
	height:30px;
	width:125px;
	text-indent:-9999px;
}

ul#menu_area li.about a {
	display:block;
	height:30px;
	width:125px;
	text-decoration:none;
	font-size:0px;
}

ul#menu_area li.about a:hover {
	background:url(../img/common/menu_bg_on.gif) 0 -35px;	
}

ul#menu_area li.movie {
	height:30px;
	width:125px;
	text-indent:-9999px;
}

ul#menu_area li.movie a {
	display:block;
	height:30px;
	width:125px;
	text-decoration:none;
	font-size:0px;
}

ul#menu_area li.movie a:hover {
	background:url(../img/common/menu_bg_on.gif) 0 -65px;
}

ul#menu_area li.cm {
	height:30px;
	width:125px;
	text-indent:-9999px;
}

ul#menu_area li.cm a {
	display:block;
	height:30px;
	width:125px;
	text-decoration:none;
	font-size:0px;
}

ul#menu_area li.cm a:hover {
	background:url(../img/common/menu_bg_on.gif) 0 -95px;	
}

ul#menu_area li.download {
	height:32px;
	width:125px;
	text-indent:-9999px;
}

ul#menu_area li.download a {
	display:block;
	height:32px;
	width:125px;
	text-decoration:none;
	font-size:0px;
}

ul#menu_area li.download a:hover {
	background:url(../img/common/menu_bg_on.gif) 0 -125px;	
}

ul#menu_area li.campaign {
	height:32px;
	width:125px;
	text-indent:-9999px;
}

ul#menu_area li.campaign a {
	display:block;
	height:32px;
	width:125px;
	text-decoration:none;
	font-size:0px;
}

ul#menu_area li.campaign a:hover {
	background:url(../img/common/menu_bg_on.gif) 0 -157px; no-repeat;	
}

ul#menu_area li.mobile {
	height:36px;
	width:125px;
	text-indent:-9999px;
}

ul#menu_area li.mobile a {
	display:block;
	height:36px;
	width:125px;
	text-decoration:none;
	font-size:0px;
}



/* ----------------------kuma page ---------------------- */

div.title_area h1#about_kuma {
	background:url(../img/kuma/titles.gif) left top no-repeat;	
}

div.about_kuma {
	background:url(../img/kuma/sideimage.jpg) top right no-repeat;	
	height:705px;
	position:relative;
}

p.kuma_read {
	text-indent:-9999px;
	width:400px;
	height:50px;
	margin-top:10px;
	background:url(../img/kuma/read.gif) top left no-repeat;	
}

img.profile_maintitle {
	position:absolute;
	top:129px;
	left:195px;
}

div.about_kuma h2 {
	position:absolute;
	top:294px;
	left:120px;
	text-indent:-9999px;
	width:340px;
	height:45px;
	background:url(../img/kuma/profile.gif) top center no-repeat;	
}

p.kuma_text01 {
	position:absolute;
	top:346px;
	left:98px;
	text-indent:-9999px;
	background:url(../img/kuma/text01.gif) top left no-repeat;
	width:437px;
	height:225px;
}

div.kuma_footerlink {
	position:absolute;
	top:615px;
	left:10px;
	width:570px;
	height:77px;
		
}

p.kuma_linktext {
	position:absolute;
	text-indent:-9999px;
	background:url(../img/kuma/linktext.gif) top left no-repeat;
	width:273px;
	height:15px;	
	left:20px;
	top:22px;
}

img.kuma_link {
	position:absolute;
	top:20px;
	left:390px;	
}

/* ----------------------download page ---------------------- */

div.title_area h1#download {
	background:url(../img/download/titles.gif) left top no-repeat;	
}

div.download {
position:relative;
}

p.download_read {
	text-indent:-9999px;
	width:400px;
	height:50px;
	margin-top:10px;
	background:url(../img/download/read.gif) top left no-repeat;	
}

div.download_area {
	width:740px;
	padding-left:10px;
	padding-bottom:30px;
		
}

div.download_box {
		width:360px;
		height:150px;
		float:left;
		position:relative;
		margin-bottom:15px;
}

div.downloadbox_left {
		
}

div.downloadbox_left img.download_image {
		border:#CCC solid 1px;
}

div.downloadbox_right {
	position:absolute;
	left:210px;
	top:0px;
	padding-top:70px;
}

div.downloadbox_right img {
	padding-top:5px;	
}


div.notice_box {
	clear:both;
	padding:10px;
	width:710px;
	border:#999 solid 1px;

}

div.notice_box p {
	margin-top:10px;
	font-size:85%;
	color:#666;
		
}


/* ----------------------cm page ---------------------- */

div.title_area h1#cm {
	background:url(../img/cm/titles.gif) left top no-repeat;	
}

div.cm {
	position:relative;
}

p.cm_read {
	text-indent:-9999px;
	width:400px;
	height:50px;
	margin-top:10px;
	background:url(../img/cm/read.gif) top left no-repeat;	
}

div.cm_videoarea {
	width:100%;
	padding:10px;
	margin-bottom:20px;
}

div.videobox {
	float:left;
	width:360px;
	margin-bottom:15px;
	
}

div.videobox p {
	width:330px;
	padding:2px 10px;
	color:white;
	background:#F00;
	font-weight:bold;
	margin-bottom:10px;	
}

div.videobox div.video_waku {
	padding:10px 0;
		width:350px;
		height:180px;
		text-align:center;
		border:#ccc solid 1px;
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */ 
	-moz-border-radius: 10px;   /* Firefox用 */ 
}

/* ----------------------mobile page ---------------------- */

div.title_area h1#mobile {
	background:url(../img/mobile/title.gif) left top no-repeat;	
}

div.mobile {
	background:url(../img/mobile/main_bg.jpg) bottom left no-repeat;
	width:740px;
	height:538px;
	position:relative;
}

p.mobile_read {
	text-indent:-9999px;
	width:520px;
	height:90px;
	margin-top:10px;
	background:url(../img/mobile/read.gif) top left no-repeat;	
}

div.mobile img.qr {
	position:absolute;
	left:76px;
	top:125px;
	
}

div.mobile p.url {
	position:absolute;
	width:300px;
	height:40px;
	text-indent:-9999px;
	background:url(../img/mobile/url.gif) top left no-repeat;
	left: 198px;
	top: 163px;
}

img.mobile_image {
	position:absolute;
	top:5px;
	left:561px;
	border:#CCC solid 1px;
}


/* ----------------------campaign page ---------------------- */

div.title_area h1#campaign {
	background:url(../img/campaign/titles.gif) left top no-repeat;	
}

div.campaign {
	position:relative;
}

p.campaign_read {
	text-indent:-9999px;
	width:600px;
	height:50px;
	margin-top:10px;
	background:url(../img/campaign/read.gif) top left no-repeat;	
}

div.article {
	margin-bottom:40px;
}	

h2.article_title {
	width:720px;
	padding:5px 10px;
	color:white;
	font-weight:bold;
	font-size:120%;
	background:#F00;
	margin-bottom:15px;
}

div.article div.center_article {
	padding:10px;
}	

div.article div.left {
	float:left;
	width:300px;
	margin-bottom:20px;
}

div.article div.right {
	float:right;
	width:410px;
	text-align:left;
	margin-bottom:20px;
}

div.article p.caption_title {
	font-size:120%;
	font-weight:bold;
	margin:10px 0;
}	

img.detail_btn {
	margin:10px 0;	
}


div.article div.article_detail {
	width:740px;
}

div.article div.article_detail div.left {
	width:370px;
	float:left;
	margin-bottom:15px;
}

div.article div.article_detail div.right {
	width:370px;
	float:right;
	text-align:left;
	margin-bottom:15px;
}

div.article div.article_detail div.left p, 
div.article div.article_detail div.right p {
	padding-right:15px;	
}

span.red {
	color:red;
	font-weight:bold;
}

span.mark01 {
	display:inline-block;
	width:55px;
	height:20px;
	background:url(../img/campaign/mark01.gif) top center no-repeat;
}

div.notice {
	margin-top:10px;
	border-top:#F00 1px dotted;	
}

div.notice p {
	padding:15px;
font-size:85%;
	color:#666;	
}

/* ----------------------product page ---------------------- */

body.product {
	background:url(../img/products/bgline.jpg) repeat-x top ;
}

div#mainimage {
	width:900px;
	height:600px;
	position:relative;

}

div.petit_name {
		position:absolute;
		width:347px;
		height:100px;
		top:45px;
		left:410px;
}

div.petit_name h1 {
	text-indent:-9999px;
}

div.petit_name p {
	text-indent:-9999px;
}

div.petit_secret {
	position:absolute;
	width:249px;
	height:144px;
	top:224px;
	left:460px;
}

div.petit_tv {
	position:absolute;
	width:173px;
	height:138px;
	top:414px;
	left:632px;
}



div.white {
	background:url(../img/products/01_mainbg.jpg) 125px 0 no-repeat;	
}

div.sand {
	background:url(../img/products/02_mainbg.jpg) 125px 0 no-repeat;	
}

div.potage {
	background:url(../img/products/03_mainbg.jpg) 125px 0 no-repeat;	
}

div.soybean {
	background:url(../img/products/04_mainbg.jpg) 125px 0 no-repeat;	
}

div.salt {
	background:url(../img/products/05_mainbg.jpg) 125px 0 no-repeat;	
}

div.rice {
	background:url(../img/products/06_mainbg.jpg) 125px 0 no-repeat;	
}

div.consomme {
	background:url(../img/products/07_mainbg.jpg) 125px 0 no-repeat;	
}

div.chili {
	background:url(../img/products/08_mainbg.jpg) 125px 0 no-repeat;	
}

div.choco-chip {
	background:url(../img/products/09_mainbg.jpg) 125px 0 no-repeat;	
}

div.potato {
	background:url(../img/products/10_mainbg.jpg) 125px 0 no-repeat;	
}

div.shrimp {
	background:url(../img/products/11_mainbg.jpg) 125px 0 no-repeat;	
}

div.butter {
	background:url(../img/products/12_mainbg.jpg) 125px 0 no-repeat;	
}

div.chocolate {
	background:url(../img/products/13_mainbg.jpg) 125px 0 no-repeat;	
}

div.calm{
	background:url(../img/products/14_mainbg.jpg) 125px 0 no-repeat;	
}

div.torte{
	background:url(../img/products/15_mainbg.jpg) 125px 0 no-repeat;	
}

div.ebi{
	background:url(../img/products/16_mainbg.jpg) 125px 0 no-repeat;	
}

div.salad{
	background:url(../img/products/17_mainbg.jpg) 125px 0 no-repeat;	
}

div.pepper{
	background:url(../img/products/18_mainbg.jpg) 125px 0 no-repeat;	
}

div.cheese{
	background:url(../img/products/19_mainbg.jpg) 125px 0 no-repeat;	
}

div.corn{
	background:url(../img/products/20_mainbg.jpg) 125px 0 no-repeat;	
}

div.tea{
	background:url(../img/products/21_mainbg.jpg) 125px 0 no-repeat;	
}

div.pretzel{
	background:url(../img/products/22_mainbg.jpg) 125px 0 no-repeat;	
}

div.karinto{
	background:url(../img/products/23_mainbg.jpg) 125px 0 no-repeat;	
}

div.beans{
	background:url(../img/products/24_mainbg.jpg) 125px 0 no-repeat;	
}

div.choco-bis{
	background:url(../img/products/25_mainbg.jpg) 125px 0 no-repeat;	
}

div.nori{
	background:url(../img/products/26_mainbg.jpg) 125px 0 no-repeat;	
}

div.choco-tzel{
	background:url(../img/products/27_mainbg.jpg) 125px 0 no-repeat;	
}


div.next_b {
	text-indent:-9999px;
	position:absolute;
	top:495px;
	left:862px;
	height:39px;
	width:39px;
	background:url(../img/products/next_off.gif) top center no-repeat;
}

div.next_b a, div.prev_b a{
	display:block;
	height:39px;
	width:39px;	
	text-decoration:none;
	font-size:0px;
	
}


div.next_b a:hover {
	background:url(../img/products/next_on.gif) top center no-repeat;
}

div.prev_b {
	text-indent:-9999px;
	position:absolute;
	top:495px;
	left:0px;
	height:39px;
	width:39px;
	background:url(../img/products/prev_off.gif) top center no-repeat;
}	

div.prev_b a:hover {
	background:url(../img/products/prev_on.gif) top center no-repeat;
}

div#thumbnail_area {
	width:900px;
	
}

p.thumb_title {
	text-indent:-9999px;
	background:url(../img/products/title.gif) no-repeat;
	width:170px;
	height:15px;
	margin-top:20px;
	margin-bottom:11px;
}

div.thumb_button {
	width:115px;
	height:211px;
	float:left;
	margin-bottom:20px;
	text-align:left;
	margin-top:25px;
	position:relative;
}

div.thumb_button img.newlogo {
	position:absolute;
	top:-25px;
	left:0px;
}

div.thumb_button_right {
	width:95px;
	height:211px;
	float:left;
	margin-bottom:20px;
	text-align:left;
	margin-top:25px;
	position:relative;
}

img.kuma {
	
}

.petit01 {
	background:url(../img/products/01_middle.jpg) left top no-repeat;	
}

.petit02 {
	background:url(../img/products/02_middle.jpg) left top no-repeat;	
}

.petit03 {
	background:url(../img/products/03_middle.jpg) left top no-repeat;	
}

.petit04 {
	background:url(../img/products/04_middle.jpg) left top no-repeat;	
}

.petit05 {
	background:url(../img/products/05_middle.jpg) left top no-repeat;	
}

.petit06 {
	background:url(../img/products/06_middle.jpg) left top no-repeat;	
}

.petit07 {
	background:url(../img/products/07_middle.jpg) left top no-repeat;	
}

.petit08 {
	background:url(../img/products/08_middle.jpg) left top no-repeat;	
}

.petit09 {
	background:url(../img/products/09_middle.jpg) left top no-repeat;	
}

.petit10 {
	background:url(../img/products/10_middle.jpg) left top no-repeat;	
}

.petit11 {
	background:url(../img/products/11_middle.jpg) left top no-repeat;	
}

.petit12 {
	background:url(../img/products/12_middle.jpg) left top no-repeat;	
}

.petit13 {
	background:url(../img/products/13_middle.jpg) left top no-repeat;	
}

.petit14 {
	background:url(../img/products/14_middle.jpg) left top no-repeat;	
}

.petit15 {
	background:url(../img/products/15_middle.jpg) left top no-repeat;	
}

.petit16 {
	background:url(../img/products/16_middle.jpg) left top no-repeat;	
}

.petit17 {
	background:url(../img/products/17_middle.jpg) left top no-repeat;	
}

.petit18 {
	background:url(../img/products/18_middle.jpg) left top no-repeat;	
}

.petit19 {
	background:url(../img/products/19_middle.jpg) left top no-repeat;	
}

.petit20 {
	background:url(../img/products/20_middle.jpg) left top no-repeat;	
}

.petit21 {
	background:url(../img/products/21_middle.jpg) left top no-repeat;	
}

.petit22 {
	background:url(../img/products/22_middle.jpg) left top no-repeat;	
}

.petit23 {
	background:url(../img/products/23_middle.jpg) left top no-repeat;	
}

.petit24 {
	background:url(../img/products/24_middle.jpg) left top no-repeat;	
}

.petit25 {
	background:url(../img/products/25_middle.jpg) left top no-repeat;	
}

.petit26 {
	background:url(../img/products/26_middle.jpg) left top no-repeat;	
}

.petit27 {
	background:url(../img/products/27_middle.jpg) left top no-repeat;	
}



/* ----------------------movie page ---------------------- */

div.title_area h1#movielist {
	background:url(../img/movie/titles.gif) left top no-repeat;	
}

div.movielist {
	position:relative;
}

div.movieclip {
    width:146px;
	height:120px;
	margin-top:45px;
	float:left;
	position:relative;
}

div.movieclip img.new {
	position:absolute;
	top:-25px;
	left:10px;	
}

div.movieclip a.movielink {
	display:block;
	height:80px;
	width:136px;	
	text-decoration:none;
	font-size:0px;
	margin-left:10px;
}

div.movieclip a.pagelink {
	display:block;
	height:15px;
	width:136px;	
	text-decoration:none;
	font-size:0px;
	margin-left:10px;
	margin-top:25px;
}

div.clip01 {
	background:url(../img/movie/01.jpg) top right no-repeat;
}

div.clip02 {
	background:url(../img/movie/02.jpg) top right no-repeat;
}

div.clip03 {
	background:url(../img/movie/03.jpg) top right no-repeat;
}

div.clip04 {
	background:url(../img/movie/04.jpg) top right no-repeat;
}

div.clip05 {
	background:url(../img/movie/05.jpg) top right no-repeat;
}

div.clip06 {
	background:url(../img/movie/06.jpg) top right no-repeat;
}

div.clip07 {
	background:url(../img/movie/07.jpg) top right no-repeat;
}

div.clip08 {
	background:url(../img/movie/08.jpg) top right no-repeat;
}

div.clip09 {
	background:url(../img/movie/09.jpg) top right no-repeat;
}

div.clip10 {
	background:url(../img/movie/10.jpg) top right no-repeat;
}

div.clip11 {
	background:url(../img/movie/11.jpg) top right no-repeat;
}

div.clip12 {
	background:url(../img/movie/12.jpg) top right no-repeat;
}

div.clip13 {
	background:url(../img/movie/13.jpg) top right no-repeat;
}

div.clip14 {
	background:url(../img/movie/14.jpg) top right no-repeat;
}

div.clip15 {
	background:url(../img/movie/15.jpg) top right no-repeat;
}

div.clip16 {
	background:url(../img/movie/16.jpg) top right no-repeat;
}

div.clip17 {
	background:url(../img/movie/17.jpg) top right no-repeat;
}

div.clip18 {
	background:url(../img/movie/18.jpg) top right no-repeat;
}

div.clip19 {
	background:url(../img/movie/19.jpg) top right no-repeat;
}

div.clip20 {
	background:url(../img/movie/20.jpg) top right no-repeat;
}

div.clip21 {
	background:url(../img/movie/21.jpg) top right no-repeat;
}

div.clip22 {
	background:url(../img/movie/22.jpg) top right no-repeat;
}

div.clip23 {
	background:url(../img/movie/23.jpg) top right no-repeat;
}

div.clip24 {
	background:url(../img/movie/24.jpg) top right no-repeat;
}

div.clip25 {
	background:url(../img/movie/25.jpg) top right no-repeat;
}

div.clip26 {
	background:url(../img/movie/26.jpg) top right no-repeat;
}

div.clip27 {
	background:url(../img/movie/27.jpg) top right no-repeat;
}


/* ----------------------footer ---------------------- */

div#footer {
	clear:both;
	width:900px;
	height:50px;
	border-top:#F00 solid 3px;
	margin-top:20px;
	position:relative;
}

ul.footer_link {
	width:400px;
	height:30px;
	margin-top:10px;
}

ul.footer_link li.toppage_link {
	text-indent:-9999px;
	background:url(../img/common/footer_link01.gif) top left no-repeat;
	display:block;
	width:82px;
	height:10px;
	float:left;
		
}

ul.footer_link li.toppage_link a {
	display:block;
	width:56px;
	height:10px;
	text-decoration:none;
	font-size:0px;
}

ul.footer_link li.guide_link {
	text-indent:-9999px;
	background:url(../img/common/footer_link02.gif) top left no-repeat;
	display:block;
	width:86px;
	height:10px;
	float:left;
		
}

ul.footer_link li.guide_link a {
	display:block;
	width:63px;
	height:10px;
	text-decoration:none;
	font-size:0px;
}

ul.footer_link li.contact_link {
	text-indent:-9999px;
	background:url(../img/common/footer_link03.gif) top left no-repeat;
	display:block;
	width:70px;
	height:10px;
	float:left;
		
}

ul.footer_link li.contact_link a {
	display:block;
	width:53px;
	height:10px;
	text-decoration:none;
	font-size:0px;
}

p.copyright {
	text-indent:-9999px;
	position:absolute;
	top:15px;
	left:550px;
	width:260px;
	height:10px;
	background:url(../img/common/copyright.gif) top left no-repeat;	
}

img.bourbon_link {
	position:absolute;
	top:10px;
	left:819px;	
}