@charset "UTF-8";

/*
	pernatorta.com/ layout
	created by Hiroshi Konnai
*/

/**************************************
BASIC
***************************************/
/*All TAG*/
*{
	margin: 0px auto ;
	padding: 0px ;
}
/*body TAG*/
body{
	text-align: center ;
	margin: 0px auto ;
	padding: 0px ;
	font-size: 12px ;
	font-family: "MS Pゴシック","Helvetica Neue","Helvetica","Verdana","Meiryo";
}
/*table TAG*/
table{
	border: none ;
}
/*img TAG*/
img{
	border: none ;
}
a:hover{
	text-decoration: underline ;
}
a:visited{
	color: #333333 ;
}
.clear{
	clear: both ;
	height: 0px ;
}
.red{
	color: #FF3300 ;
}
/**************************************
INDEX.HTML
***************************************/
body#index,body#sub{
	background: url(../img/common/mainback.jpg) left top repeat ;
}
body#index #TotalLayout{
	margin: 0px auto ;
	width: 100% ;
	height: auto ;
	background: url(../img/common/back.jpg) left top repeat-x ;
}
#flash{
	margin: 0px auto ;
	height: 400px ;
}
#menu{
	margin: 0px auto ;
	width: 850px ;
}
#main{
	margin: 0px auto ;
	width: 850px ;
	height: auto ;
	padding: 5px 0px ;
	background: #333333 ;
}
#mainblk{
	margin: 0px ;
	padding: 0px 5px ;
}
#indexnews{
	margin: 0px ;
	float: left ;
	width: 410px ;
	height: auto ;
}
#newsblk{
	padding: 5px 0px 5px 10px ;
	text-align: left ;
}
#newsblk ul{
	list-style: none ;
	margin: 0px ;
}
#newsblk ul li{
	margin: 5px 0px ;
	padding: 3px 1px ;
	border-bottom: 1px solid #757575 ;
	color: #FFFFFF ;
}
#indexmobile{
	float: left ;
	margin: 0px 5px ;
	tex-align: center ;
	width: 208px ;
}
#indexmobile p,#indexshop p{
	padding: 10px ;
	text-align: left ;
	color: #FFFFFF ;
}
#indexshop{
	float: right ;
	margin: 0px 5px 0px 0px ;
	tex-align: center ;
	width: 195px ;
}
#indexbanner{
	margin: 10px auto ;
}
#indexbanner img{
	margin: 5px ;
}
#footerlink{
	text-align: center ;
	padding: 10px 0px ;
}
#footerlink,#footerlink a{
	color: #FFFFFF ;
}
#footer{
	margin: 0px auto ;
	width: 100% ;
	background: #000000 ;
}
#footer p{
	text-align: center ;
	color: #FFFFFF ;
	font-size: 12px ;
	padding: 15px 0px 15px 0px ;
}
/**************************************
SUB COMMON
***************************************/
#menu_header{
	margin: 0px auto ;
	width: 849px ;
}
#logo{
	margin: 0px auto 0px 0px ;
	float: left ;
	width: 222px ;
}
#subheader_btn{
	margin: 0px ;
	padding: 16.5px 12px 0px 0px ;
	float: right ;
	text-align: right ;
}
/**************************************
FMPERNA.HTML
***************************************/
.fmperna_header{
	background: url(../img/sub/fmperna/fmperna_header.jpg) center bottom no-repeat ;
}
body#sub #TotalLayout{
	margin: 0px auto ;
	width: 100% ;
	height: auto ;
	background: url(../img/sub/common/submainback.jpg) left top repeat-x ;
}
#subheader{
	margin: 0px auto ;
	height: 250px ;
}
#fmperna_left{
	float: left ;
	margin: 0px 0px 0px 5px ;
	width: 555px ;
}
/*IE6対策*/
*html #fmperna_left{
	margin: 0px 0px 0px 2px ;
}
#fmperna_left p{
	padding: 10px ;
	text-align:left;
	color: #FFFFFF ;
	line-height: 120% ;
}
#fmperna_write{
	margin: 10px auto ;
	width: 540px ;
	padding: 10px 0px 20px 0px ;
	background-color:#FFFFFF;
	background-image: url(../img/fmperna_18.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
}
#fmperna_write ul{
	margin: 0px 10px ;
	list-style:none;
	text-align: left ;
}
#fmperna_write ul li{
	margin: 1px 0px 6px 0px ;
	padding: 0px 0px 0px 10px ;
	background: url(../img/fmperna_icon1.jpg) left 4px no-repeat ;
}
#fmpernaimg{
	margin: 20px auto 10px auto ;
}
#fmperna_right{
	float: right ;
	margin: 0px 5px 0px 0px ;
	width: 240px ;
}
/*IE6対策*/
*html #fmperna_right{
	margin: 0px 2px 0px 0px ;
}
#past_article{
	margin: 5px auto ;
	padding: 10px ;
	height: 530px ;
	overflow: auto ;
}
#past_article ul{
	margin: 0px ;
	list-style: none ;
	text-align: left ;
}
#past_article ul li{
	padding: 1px 0px 0px 20px ;
	margin: 2px auto ;
	line-height: 140% ;
	background: url(../img/fmperna_icon2.jpg) left top no-repeat ;
}
#past_article ul li a,#sitemap_upper a,#sitemap_left ul li a,#sitemap_right ul li a{
	color: #FFFFFF ;
}

/**************************************
SITEMAP.HTML
***************************************/
.sitemap_header{
	background: url(../img/sub/sitemap/sitemap_header.jpg) center bottom no-repeat ;
}
#sitemap_container,#copyright_container{
	margin: 10px auto ;
	width: 795px ;
}
#sitemap_upper{
	margin: 10px auto ;
	text-align: left ;
	padding: 10px 0px ;
	border-bottom: 1px dotted #FFFFFF ;
}
#sitemap_upper a{
	background: url(../img/sub/sitemap/sitemap_icon.jpg) left top no-repeat ;
	display: block ;
	padding: 3px 25px ;
}
#sitemap_sec{
	margin: 0px auto 10px auto ;
	padding: 0px 0px 5px 0px ;
}
#sitemap_left{
	margin: 0px ;
	width: 390px ;
	float: left ;
	text-align: left ;
}
#sitemap_left ul,#sitemap_right ul{
	margin: 0px ;
	padding: 0px ;
	text-align: left ;
	list-style: none ;
}
#sitemap_left ul li,#sitemap_right ul li{
	margin: 7px 0px ;
	padding: 3px 0px 3px 25px ;
	text-align: left ;
	background: url(../img/sub/sitemap/sitemap_icon.jpg) left top no-repeat ;
}
#sitemap_left ul li.link,#sitemap_right ul li.link{
	margin: 7px 0px 5px 25px ;
}
#sitemap_right{
	margin: 0px ;
	width: 390px ;
	float: right ;
	text-align: left ;
}
/**************************************
COPYRIGHT.HTML
***************************************/
.copyright_header{
	background: url(../img/sub/copyright/copyright_header.jpg) center bottom no-repeat ;
}
#copyimg{
	margin: 15px auto ;
	padding: 20px 0px ;
	width: 775px ;
	background: #FFFFFF ;
}
#copyright_container p{
	padding: 10px 0px ;
	text-align: center ;
	color: #FFFFFF ;
	line-height: 150% ;
}
/**************************************
COMPANY.HTML
***************************************/
.company_header{
	background: url(../img/sub/company/company_header.jpg) center bottom no-repeat ;
}
#company_upper{
	margin: 10px auto ;
	width: 805px ;
	height: auto ;
}
#copmany_left{
	float: left ;
	margin: 0px ;
	width: 520px ;
}
#company_tbl{
	width: 500px ;
	background: #FFFFFF ;
}
#company_tbl td{
	padding: 3px ;
	text-align: left ;
	background: #EDEDED ;
	font-size: 12px ;
	vertical-align: top ;
}
#company_tbl td.title{
	width: 120px ;
}
#copmany_right{
	float: right ;
	width: 275px ;
	margin: 0px ;
}
#company_lower{
	margin: 5px auto ;
	width: 805px ;
	height: auto ;
	padding: 5px 0px ;
	background: url(../img/company_img2.jpg) center center no-repeat ;
}
/**************************************
ABOUT.HTML
***************************************/
.about_header{
	background: url(../img/sub/about/about_header.jpg) center bottom no-repeat ;
}
#about_blk{
	margin: 10px auto ;
	width: 780px ;
	height: 140px ;
	background: url(../img/sub/about/about_img1.jpg) right bottom no-repeat ;
}
#about_blk p,#about_blk1 p{
	color: #FFFFFF ;
	text-align: left ;
	line-height: 140% ;
}
#about_blk1{
	margin: 10px auto ;
	width: 780px ;
}
/**************************************
INQUIRY.HTML
***************************************/
.inquiry_header{
	background: url(../img/sub/inquiry/inquiry_header.jpg) center bottom no-repeat ;
}
#inquiry_blk,#inquiry_blk1,#fminquiry_blk,#fminquiry1_blk{
	margin: 10px auto ;
	width: 780px ;
}
#inquiry_blk p{
	color: #FFFFFF ;
	text-align: left ;
	padding: 10px 20px ;
}
#inq_btnarea{
	margin: 10px auto ;
}
#inq_btnarea img{
	cursor: pointer ;
}
#inq_tbl{
	width: 600px ;
	margin: 10px auto ;
	background: #E3E3E3 ;
}
#inq_tbl td{
	padding: 5px ;
	text-align: left ;
	vertical-align: top ;
	font-size: 12px ;
	background: #FFFFFF ;
}
#inq_tbl td.title{
	width: 140px ;
	background: #F1F1F1 ;
}
#inq_submit{
	margin: 10px auto ;
}
/**************************************
FMPERNA_INQUIRY.HTML
***************************************/
#fminquiry_blk p{
	color: #FFFFFF ;
	text-align: left ;
	padding: 10px 20px ;
	line-height: 140% ;
}

/**************************************
COMMERCE.HTML
***************************************/
#commerce_blk{
	width: 550px ;
	height: auto ;
	margin: 0px auto ;
	background: #FFFFFF ;
}
.com_blk{
	padding: 5px 0px ;
}
.com_title{
	padding: 10px ;
	text-align: left ;
	margin: 0px 10px ;
	color: #FFFFFF ;
	background: #0D0D0D ;
}
.com_blk p{
	text-align: left ;
	line-height: 140% ;
	padding: 5px 12px ;
	margin: 0px ;
}
.com_blk ul{
	margin: 0px ;
	padding: 0px 10px 0px 20px ;
	text-align: left ;
}
.com_blk ul li{
	margin: 10px 10px 5px 10px ;
	padding: 0px ;
	text-align: left ;
}
.com_blk .map{
	height: 430px ;
	text-align: left ;
	background: url(../img/sub/etc/map.gif) center bottom no-repeat ;
}
#commerce_table{
	margin: 10px ;
	background: #FAFAD2 ;
}
#commerce_table td{
	padding: 3px 5px ;
	font-size: 12px ;
}
#commerce_table td.table_title,.daibiki_box td.daibiki_price{
	background: #FFFFFF ;
}
.daibiki_box{
	margin: 10px ;
	width: 500px ;
	background: #F5F5F5 ;
}
.daibiki_box td{
	text-align: left ;
	padding: 3px ;
	font-size: 12px ;
	vertical-align: top ;
}
.daibiki_box td.daibiki_title{
	background: #EEE8AA ;
}
.com_blk p.sub_con{
	padding: 1px 12px 5px 25px ;
	margin: 0px ;
}
/**************************************
COMMERCE2.HTML
***************************************/
.size_btnbox{
	margin: 5px auto ;
}
.size_btnbox td{
	font-size: 12px ;
	padding: 1px ;
}
.size_btnbox td.size_btn_text{
	text-align: center ;
}
.com2_title{
	padding: 5px ;
	text-align: left ;
}
.com2_title1{
	margin: 5px ;
	padding: 5px ;
	text-align: left ;
	background: #0D0D0D ;
	color: #FFFFFF ;
}
.size_table1{
	margin: 10px ;
	width: 530px ;
	background: #D3D3D3 ;
}
.size_table1 td{
	padding: 2px ;
	text-align: left ;
	vertical-align: top ;
	font-size: 12px ;
}
.size_table1 td.size_title3{
	background: #ADD8E6 ;
}
.size_table1 td.size_title4{
	background: #DCDCDC ;
}
.size_table1 td div.size_text2{
	text-align: right ;
}
.size_table1 td.size_text1,.size_table1 td.size_text3{
	background: #FFFFFF ;
}
.size_table1 td.size_title5{
	background: #EEE8AA ;
}
.size_table1 td.size_title6{
	background: #B0E0E6 ;
}
/**************************************
INFO.HTML
***************************************/
.info_header{
	background: url(../img/sub/info/info_header.jpg) center bottom no-repeat ;
}
.info_left{
	margin: 30px 0px ;
	width: 405px ;
	float: left ;
}
.info_left p,.info_right p{
	padding: 10px 20px ;
	line-height: 140% ;
	text-align: left ;
	color: #FFFFFF ;
}
.info_right{
	margin: 30px 0px ;
	width: 405px ;
	float: right ;
}
/**************************************
SHOPPING.HTML
***************************************/
.shopping_header{
	background: url(../img/sub/shopping/shopping_header.jpg) center bottom no-repeat ;
}
#mainblk p.shopping{
	padding: 10px 20px ;
	text-align: center ;
	line-height: 140% ;
	color:#FFFFFF;
}
.shopping_btn{
	margin: 10px auto ;
	width: 820px ;
}
.shopping_btn a.left{
	margin: 0px ;
	float: left ;
}
.shopping_btn a.right{
	margin: 0px ;
	float: right ;
}
/**************************************
GALLERY.HTML
***************************************/
.gallery_header{
	background: url(../img/sub/gallery/gallery_header.jpg) center bottom no-repeat ;
}
.gallery_stage{
	margin: 20px auto ;
	width: 810px ;
	text-align: left ;
}
.gallery_stage p{
	padding: 20px 50px ;
	color: #FFFFFF ;
}
.gallery_stage img{
	margin: 10px 5px ;
}
/**************************************
SHOP_NEWS.HTML
***************************************/
.info_blk{
	margin: 10px auto ;
	width: 700px ;
}
.info_photo{
	margin: 5px ;
	width: 180px ;
	float: left ;
}
*html body .info_photo{
	margin: 5px 3px ;
}
*:first-child+html .info_photo{
	margin: 5px 3px ;
}
.info_photo img{
	border: 1px solid #EEEEEE ;
}
.info_blk dl{
	margin: 3px ;
	float: right;
	width: 500px ;
}
.info_blk dl dt,.info_blk dl dd{
	color:#FFFFFF;
	text-align: left ;
	padding: 3px 5px ;
	margin: 3px ;
	line-height: 120% ;
	background: #363636 ;
}
.info_blk dl dt{
	font-weight: bold ;
}
.info_blk dl dd a,.info_blk dl dd a:visited{
	color: #CCCCCC ;
}
.bdl_1F420C{
	border: 2px solid #1F420C;
}
.bdl_0D507A{
	border: 2px solid #0D507A;
}
/**************************************
SHOPPING PAGE
***************************************/
.shop_blk{
	float: left ;
	width: 190px ;
	margin: 5px ;
	border: 1px solid #666666 ;
}
dl.shop_blk dt{
	margin: 0px ;
	padding: 3px ;
	text-align: center ;
}
dl.shop_blk dd{
	margin: 3px ;
	padding: 3px 10px ;
	text-align: center ;
	color:#FFFFFF;
	background: #444444 ;
}
dl.shop_blk dd.title{
	height: 40px ;
}
dl.shop_blk dd.btn{
	text-align: center ;
}

/**************************************
DETAIL.HTML
***************************************/
#detail_blk{
	margin: 0px auto ;
	width: 710px ;
	background: #333333 ;
}

#detail_blk h2{
	font-size: 14px ;
	color:#FFFFFF;
	margin: 10px auto ;
}
#detail_contents{
	padding: 10px ;
}
#detail_photo{
	margin: 0px ;
	float: left ;
	width: 400px ;
}
#detail_txt{
	margin: 0px ;
	float: right ;
	width: 280px ;
	text-align: center ;
}
#detail_txt table{
	width: 270px ;
}
#detail_txt table td{
	color: #FFFFFF ;
	text-align: left ;
	font-size: 12px ;
	vertical-align: top ;
	padding: 5px ;
	line-height: 140% ;
}
#detail_txt table td.title{
	width: 55px ;
}

#detail_txt form table{
	border: 1px solid #999999 ;
}
#detail_txt form table input{
	text-align: right ;
}
.cartbtn{
	margin: 0px auto ;
	padding: 10px ;
	text-align: center ;
}

.nextback{
	margin: 10px auto ;
}
.nextback,.nextback a:link,.nextback a:visited,.nextback a:hover{
	color:#FFFFFF;
}