/****************************************/
/*** MaruzenFoods Officail Site *********/
/****************************************/

/**Base**/
h1,h2,h3,h4,h5,h6,p,ul,li {
	margin:0;
	padding:0;
}
li {
	list-style:none;
}
a,
a:focus {
	outline: none;
}

body {
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
  font-size: 11px;
  line-height: 1.6;
  color: #333333;
}
body {	
	position:relative;
}
/*.overlayer {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
}
.graylayer {
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.5;
	
}
.stage {
	width:960px;
	height:450px;
	position:absolute;
	background-color:#fff;
	z-index:1;
}*/
#cboxOverlay {
    background-color: #000000 !important;
    opacity: 0.6 !important;
}
.specialty #cboxPrevious, 
.specialty #cboxNext, 
.specialty #cboxSlideshow, 
.specialty #cboxClose {
    background: rgba(0, 0, 0, 0) url("../images/specialty/btn_close.png") no-repeat scroll 0 0;
    border: 0 none;
    height: 53px;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    top: -20px;
    width: 53px;
}
.specialty #cboxClose:hover {
	background-position:left top!important;
}
.specialty #cboxLoadedContent {
	width: 958px!important;
	background: transparent none repeat scroll 0 0 !important;
}
.specialty #cboxContent{
	background: transparent none repeat scroll 0 0 !important;
    background: none!important;
}

/**WrapperBasic**/

header,
.main h2,
.contents,
footer {
	width: 960px;
	margin: 0 auto;
}

.header {
	height:80px;
	border-bottom:1px solid #e7dbc7; 
	position: fixed;
	z-index: 100;
	background-color: #ffffff;
	top: 0;
	width: 100%;
}
header h1 {
	width:204px;
	height:42px;
	margin-top:23px;
	float:left;
}
header h1 a {
	width:204px;
	height:0px;
	padding-top:42px;
	display:block;
	overflow:hidden;
	background:url(../images/common/logo.jpg) left center no-repeat;
}
header .snavi {
	height:37px;
	line-height:37px;
	text-align:right;
	float:right;
}
header .snavi li {
	display:inline;
}
header .snavi li.menu01 {
	margin-right:10px;
}
header .snavi li.menu02 {
	margin-left:10px;
}
header .snavi li a {
	color:#d63520;
	text-decoration:none;
}
header .snavi li a:hover {
	color:#f06650;
}
header nav {
	float:right;
	width:754px;
	height:43px;
} 
header nav ul.gnavi{
	float:right;
} 
header nav li {
	height:43px;
	float:left;
} 
header nav li.menu01 {
	width:113px;
}
/*header nav li.menu02 {
	width:186px;
}
header nav li.menu03 {
	width:219px;
}*/
header nav li.menu04 {
	width:115px;
}
header nav li.menu05 {
	width:99px;
}
header nav li a {
	height:0px;
	padding-top:43px;
	display:block;
	overflow:hidden;
} 
header nav li.menu01 a {
	width:113px;
	background:url(../images/common/top_01.jpg) left center no-repeat;
}
/*header nav li.menu02 a {
	width:186px;
	background:url(../images/common/top_02.jpg) left center no-repeat;
}
header nav li.menu03 a {
	width:219px;
	background:url(../images/common/top_03.jpg) left center no-repeat;
}*/
header nav li.menu04 a {
	width:115px;
	background:url(../images/common/top_04.jpg) left center no-repeat;
}
header nav li.menu05 a {
	width:99px;
	background:url(../images/common/top_05.jpg) left center no-repeat;
}
header nav li.menu01 a:hover {
	background:url(../images/common/top_01_on.jpg) left center no-repeat;
}
/*header nav li.menu02 a:hover {
	background:url(../images/common/top_02_on.jpg) left center no-repeat;
}
header nav li.menu03 a:hover {
	background:url(../images/common/top_03_on.jpg) left center no-repeat;
}*/
header nav li.menu04 a:hover {
	background:url(../images/common/top_04_on.jpg) left center no-repeat;
}
header nav li.menu05 a:hover {
	background:url(../images/common/top_05_on.jpg) left center no-repeat;
}


/*main*/
.main {
	width:100%;
	background:url(../images/top/bg-main-image.jpg) bottom center no-repeat;
	clear:both;
	padding-top: 80px;
}
.main h2 {
	height:540px;
}



/*contents*/
.contain {
	width:100%;
	background:url(../images/common/bg.jpg) top center ;
	clear:both;
	padding-bottom:65px;
	min-height:500px;
}
.contents {
	padding-top:80px;
	position:relative;
}
.contents .recipe {
	width:996px;
	position:absolute;
	top:-20px;
	left:-18px;
}
.contents .recipe li {
	width:229px;
	height:233px;
	background:url(../images/top/bg_point_recipe.png) left center no-repeat;
	padding:10px 10px 0 10px;
	float:left;
}
.contents .recipe li img {
	border-radius:110px 110px 0 0;
	height:114px;
	margin:0 auto;
	display:block;
}
.contents .recipe li .img {
	border-radius:110px 110px 0 0;
	height:114px;
	margin:0 auto;
	display:block;
	background-size:cover;
	background-position: left center;
	width: 96%;
}
.contents .recipe li span {
	width:180px;
	margin:0 auto;
	display:block;
	height:25px;
	line-height:25px;
	font-size:12px;
}
.contents .recipe li a {
	width:180px;
	margin:0 auto;
	display:block;
	font-size:13px;
	color:#d63520;
}
.contents .recipe li a:hover {
	color:#f06650;
}
.contents .copy {
	width:702px;
	height:186px;
	margin:0 auto;
	margin-bottom:50px;
	background:url(../images/top/copy.png) left center no-repeat;
}
.contents .copy h3,
.contents .copy p {
	display:none;
}
.contents .osusume {
	width:830px;
	margin:0 auto;
	margin-bottom:70px;
}
.contents .osusume .menu01 {
	float:left;
}
.contents .osusume .menu02 {
	float:right;
}
.contents .osusume .menu03 {
	float:left;
}
.contents .news {
	background:url(../images/top/bg_trans.png) left center repeat; 
	width:900px;
	margin:0 auto;
	padding:30px 20px;
}
.contents .news h3 {
	margin-bottom:10px;
}
.contents .news ul {
	line-height:33px;
	font-size:13px;
}
.contents .news li:first-child,
.contents .news li:last-child{
	border-bottom:none;
}
.contents .news li {
	height:33px;
	border-bottom:1px dotted #e7dbc7;
}
.contents .news a {
	color:#333333;
	text-decoration:none;
}
.contents .news a:hover {
	color:#AAAAAA;
}
.contents .news li .day {
	margin-right:20px;
}

/*footer*/
footer {
	clear: both;
	height:40px;
	text-align:center;
	line-height:40px;
}
footer address {
	font-style:normal;
}
.footer {
	width: 100%;
}


.bold {
	font-weight:bold;
}
.hidden {
	display:none;
}
.center {
	text-align: center;
}


/*UnderLayer Common*/
.underlayer .main {
	width:100%;
	background:url(../images/common/bg_loop.jpg) bottom center repeat;
	clear:both;
}
.underlayer .main h2 {
	height:291px;
}
.underlayer .main-index {
	width:960px;
	height:291px;
	margin:0 auto;
	position:relative;
}
.underlayer .main-index ul.crumb {
	width:100%;
	position:absolute;
	left:0;
	top:10px;
	font-size:12px;
	font-weight:normal;
}
.underlayer .main-index ul.crumb li {
	display:inline;
}
.underlayer .main-index ul.crumb li a {
	color:#d63520;
}
.underlayer .main-index ul.crumb li a:hover {
	color:#f06650;
}
.underlayer .contain {
	background-image:none;
}

.standard.nira header nav li.menu01 a {
	background:url(../images/common/top_01_on.jpg) left center no-repeat;
}
.standard.onion header nav li.menu02 a {
	background:url(../images/common/top_02_on.jpg) left center no-repeat;
}
.standard.chill header nav li.menu03 a {
	background:url(../images/common/top_03_on.jpg) left center no-repeat;
}
.specialty header nav li.menu04 a {
	background:url(../images/common/top_04_on.jpg) left center no-repeat;
}
.faq header nav li.menu05 a {
	background:url(../images/common/top_05_on.jpg) left center no-repeat;
}

	
/*standard*/

.standard .item-info
 {
	width:336px;
	position:absolute;
	left:0;
	top:65px;
}
.company .item-info h3,
.faq .item-info h3,
.contact .item-info h3,
.standard .item-info h3,
.specialty .item-info h3 {
	margin-bottom:5px;
}
.company .item-info p,
.faq .item-info p,
.contact .item-info p,
.standard .item-info p,
.specialty .item-info p {
	font-size:14px;
	margin-bottom:25px;
}
.standard .item-info .btn {
	width:509px;
}
.standard .item-info .menu01,
.specialty .item-info .menu03,
.specialty .item-info .menu02,
.specialty .item-info .menu01{
	float:left;
	margin-right:10px;
}
.standard .item-info .menu02{
	float:left;
	margin-right:10px;
}
.standard .item-info .menu03{
	float:left;
	margin-right:15px;
}
.standard .item-info .menu04{
	float:left;
}
.specialty .item-info .menu02,
.specialty .item-info .menu03 {
	float:left;
}
.faq #contain,
.standard #contain,
.specialty #contain,
.company #contain  {
	width: 100%;
	clear:both;
}
.faq .contents,
.standard .contents,
.specialty .contents,
.company .contents {
	width: 960px;
	padding: 0px;
	margin: 0 auto;
	padding-bottom:10px;
}

.standard .section1,
.specialty .section1 {
	padding-top:140px;
}

.standard #contain.section2 {
	background:url(../images/common/bg_loop.png) top center repeat;
}
.standard #contain.section2 .top {
	background:url(../images/common/bg_loop_top.png) top center repeat;
	height:20px;
	margin-bottom:75px;
}
.standard #contain .detail {
	width:480px;
	float:right;
}
.standard #contain .detail h3 {
	margin-bottom:25px;
}
.standard #contain .detail .desc {
	font-size:14px;
	margin-bottom:25px;
}
.standard #contain .detail .desc {
	margin-bottom:20px;
}
.standard #contain .detail table,
.company #contain table {
	width:478px;
	margin-bottom:10px;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
.standard #contain .detail th,
.company #contain th {
	width:78px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background-color:#f3f3f3;
	text-align:center;
	color:#333333;
}
.standard #contain .detail td,
.company #contain td {
	width:400px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background-color:#ffffff;
	padding:10px 20px;
	color:#333333;
}
.standard #contain .image {
	float:left;
}
.standard #contain h4 {
	padding-top:60px;
	clear:both;
	margin-bottom:30px;
	text-align:center;
}
.standard #contain ul {
	width:900px;
	margin:0 auto;
	margin-bottom:25px;
}
.standard #contain li {
	width:300px;
	float:left;
}
.standard #contain li.menu01 {
	text-align:left;
}
.standard #contain li.menu02 {
	text-align:center;
}
.standard #contain li.menu03 {
	text-align:right;
}
.standard #contain .btn {
	width:236px;
}
.standard #contain .btn.left {
	float:left;
}
.standard #contain .btn.right {
	float:right;
}
.standard .caution {
	margin-bottom: 10px;
}
.standard .tmp_box {
	display:none;
}
.standard #contain {
	padding-bottom:80px;
}

/*standard*/
.specialty .item-info .btn {
	width:656px;
}
.specialty .item-info
 {
	width:350px;
	position:absolute;
	left:0;
	top:65px;
}
.specialty #contain h3 {
	text-align:center;
	margin-bottom:30px;
}
.specialty #contain ul {
	width:960px;
}
.specialty #contain li {
	width:320px;
	text-align:center;
	float:left;
	margin-bottom:30px;
}
.specialty #contain .btn_box {
	width:530px;
	margin:0 auto 80px auto;
}
.specialty #contain .btn_l {
	width:256px;
	float:left;
}
.specialty #contain .btn_r {
	width:256px;
	float:right;
}
.company #contain {
    padding-bottom: 25px;
}
.specialty #contain.section2,
.company #contain.section2 {
	background:url(../images/common/bg_loop.png) top center repeat;
}
.specialty #contain.section2 .top,
.company #contain.section2 .top {
	background:url(../images/common/bg_loop_top.png) top center repeat;
	height:20px;
	margin-bottom:60px;
}
.standard #contain.section3 .top,
.specialty #contain.section3 .top {
	background:url(../images/common/bg_loop_bottom.png) top center repeat;
	height:20px;
	margin-bottom:80px;
}

.preload_outer{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:101;
	display:none;
	opacity:0;
}

.overlay {
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:0.6;
	z-index:102;
}
.preload {
	width:100%;
	height:100%;
	position:relative;
}
.preload .preload_inner{
	z-index:103;
	width:980px;
	height:450px;
	position:absolute;
	top:0;
	left:0;
}
.preload .preload_inner a{
	width:53px;
	height:53px;
	display:block;
	position:absolute;
	top:-26px;
	right:-26px;
}

.preload .preload_inner iframe {
	width:980px;
	height:450px;
	background-color: #ffffff;
    border: medium none;
}

/*company*/

.company .main {
    background: rgba(0, 0, 0, 0) url("../images/company/main-image.jpg") repeat scroll center bottom;
    clear: both;
    width: 100%;
	height:178px;
}
.company .main .main-index {
	height:178px;
}
.company .item-info
 {
	width:336px;
	position:absolute;
	left:0;
	top:65px;
}
.company .section1 h3 {
	float:left;	
	width:400px;
	margin-top:96px;
	margin-bottom: 20px;
}
.company .section1 .mess {
	float:left;	
	width:479px;
	font-size:14px;
	line-height:24px;
}
.company .section1 .ceo {
	float:right;	
	width:400px;
	margin-top:33px;
	position:relative;
}
.company .section1 .ceo p {
	position:absolute;
	top:270px;
	left:270px;
}
.company .section2 p.image {
	float:left;
}
.company #contain .box {
	padding-top:40px;
	float:right;
	margin-top:0px;
}
.company #contain .box h3 {
	margin-bottom:20px;
}


/*contact*/
.contact .item-info
 {
	width:336px;
	position:absolute;
	left:0;
	top:60px;
}
.contact .contents {
    padding-top: 30px;
    position: relative;
    margin-bottom: 80px;
}
.contact table {
	padding-right:100px;
}
.contact th,
.contact td {
	padding:10px;
	font-size:1.5em;
	color:#333333;
	text-align:left;
}
.contact th {
	width:20%;
}
.contact.confirm th {
	width:35%;
}
.contact td span.haifun {
	padding:0 5px;
}
.contact td span.item {
/*	width:30%;
	display:block;
	float:left;*/
}
.contact td li {
	margin-bottom:5px;
    font-size: 0.9em;
}
.contact td .w50 {
	width:50px;
}
.contact td .w100 {
	width:100px;
}
.contact td .w150 {
	width:150px;
}
.contact td .w250 {
	width:250px;
}
.contact td .w400 {
	width:400px;
}
.contact td .w100p {
	width:98%;
	height:220px;
}
.contact input[type="text"],
.contact textarea {
	border-radius:3px;
	border:1px solid #cccccc;
	padding:5px;
}
.contact input[type="submit"].submit {
	width:236px;
	height:0px;
	padding-top:41px;
	background-image:url(../images/contact/btn_03.png);
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
	border:0px;
	margin:0 auto;
	background-color: #ffffff;
	line-height:2;
}
.contact.confirm #submit {
	width:236px;
	height:0px;
	padding-top:41px;
	background-image:url(../images/contact/btn_05.png);
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
	border:0px;
	margin:0 auto;
	line-height:2;
	background-color: transparent;
}
.contact.confirm #submit:hover {
	background-image:url(../images/contact/btn_05_on.png);
}
	
.contact #copyright,
.contact #back {
	display:none;
}
.contact input[type="submit"].active:hover {
	background-image:url(../images/contact/btn_03_on.png);
}
.contact p.desc {
	background-color:#eeeeee;
	padding:20px;
	font-size:0.8em;
}
.contact .box {
	text-align:right;
}
.contact .submit_area {
	padding-top:50px;
	text-align:center;
}

.contact .main .main-index {
    height: 178px;
}
.contact .caution {
	font-size:1.8em;
	text-align:center;
}
.contact .caution2 {
	font-size:1.4em;
	text-align:center;
	margin-bottom:30px;
}

/*faq*/

.faq .main {
    background: rgba(0, 0, 0, 0) url("../images/company/main-image.jpg") repeat scroll center bottom;
    clear: both;
    width: 100%;
	height:178px;
}
.faq .main .main-index {
	height:178px;
}
.faq .item-info
 {
	width:336px;
	position:absolute;
	left:0;
	top:65px;
}
.faq .contents {
    padding-top: 30px;
    position: relative;
}
.faq dt {
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-size:20px;
	border-bottom: 1px dotted #d63520;
	margin-bottom: 10px;
	color: #d63520;
}
.faq dd {
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-size:14px;
	margin-bottom: 30px;
}
.faq dt span {
	margin-right: 10px;
}