@charset "utf-8";

/*
Theme Name: 亜細亜食品
Author: Caribou
Author URI: http://www.caribou.co.jp
Description: 亜細亜食品
*/

/*
-------------------------------------------------------------- */

/* ===================================================================
CSS information

 file name  : style.css
 last update: 13.02.05
 author     : caribou
 style info : all style
 other      : !important
 
=================================================================== */

/* ==========================================================================================================

     Common
 
============================================================================================================ */

/* =wrapper
-------------------------------------------------------------- */
#wrapper {}
#container { clear: both; width: 980px; margin: 10px auto 0 auto; overflow: hidden;}


/* =header
-------------------------------------------------------------- */
.description { width: 100%; background: #ebebeb; margin: 0; padding: 1px 0; border-bottom: 1px solid #ccc;}
.description h1 { width: 980px; margin: 0 auto; padding: 3px 0; font-size: 12px; font-weight: normal;}

.header { width: 980px; margin: 0 auto; padding: 10px 0; overflow: hidden;}
.header .left { width: 765px; float: left;}
.header .right { width: 215px; float: right; padding-top: 10px;}
.header .right p { padding-bottom: 5px;}

/* =footer
-------------------------------------------------------------- */
#footer { clear: both; width: 100%; margin-top: 40px; background: url(http://asiashokuhin.com/common/images/footerbg.jpg) 0 70px repeat-x;}
#footer .footerInn { width: 980px; margin: 0 auto; padding: 20px 0 10px; border-top: 1px solid #ccc; overflow: hidden;}
#footer .footerInn dl { width: 130px; float: left; background: url(http://asiashokuhin.com/common/images/footerLine.gif) 0 0 repeat-y; padding: 0 10px;}
#footer .footerInn dl.footNav04 { width: 400px; float: right; background: none; }
#footer .footerInn dl dt { padding-top: 5px;}
#footer .footerInn dl dd { padding: 0 0 0 10px;}

#footer p { clear: both; width: 980px; margin: 0 auto; padding: 20px 0; text-align: right;}
#footer .footerInn a { font-size: 12px; color: #333;}
#footer .footerInn dt a { font-weight: bold;}


/* =nav
-------------------------------------------------------------- */
.gnav { clear: both; width: 100%; background: url(http://asiashokuhin.com/common/images/gNavibg.jpg) 0 0 repeat-x; overflow: hidden;}
.gnav ul { width: 980px; margin: 0 auto;}
.gnav ul li { width: 196px; float: left;}
.gnav ul li.gnav01 { background: url(http://asiashokuhin.com/common/images/gnavi01_on.jpg) 0 0 no-repeat;}
.gnav ul li.gnav02 { background: url(https://ssl.xaas.jp/siashokuhin.com/common/images/gnavi02_on.jpg) 0 0 no-repeat;}
.gnav ul li.gnav03 { background: url(http://asiashokuhin.com/common/images/gnavi03_on.jpg) 0 0 no-repeat;}
.gnav ul li.gnav04 { background: url(http://asiashokuhin.com/common/images/gnavi04_on.jpg) 0 0 no-repeat;}
.gnav ul li.gnav05 { background: url(http://asiashokuhin.com/common/images/gnavi05_on.jpg) 0 0 no-repeat;}


/* =Common
-------------------------------------------------------------- */
a { color: #930; text-decoration: none;}
a:hover { color: #e63464; text-decoration: underline;}

h3.subTtl { padding-bottom: 10px;}
.summary { clear: both; padding: 5px 0 15px; line-height: 1.4em;}
.breadcrumbs { padding: 5px 0 10px; font-size: 12px;}


.mab { margin-bottom: 20px;}
.pat { padding-top: 20px;}
.pab { padding-bottom: 10px;}




/* text-aligns
-------------------- */
.align_center { text-align: center !important;}
.align_right { text-align: right !important;}
.align_left { text-align: left !important;}

/* vertical-align
-------------------- */
.vertical_top { vertical-align: top !important;}
.vertical_middle { vertical-align: middle !important;}
.vertical_bottom { vertical-align: bottom !important;}

/* font-color
-------------------- */
.colors_930 { color: #993300;}
.colors_10a { color: #10A0C0;}

/* font-size
-------------------- */
.font_wb { font-weight: bold;}
.font_wn { font-weight: normal;}

/* font-size
-------------------- */
.font_sizeS { font-size: 10px;}
.font_sizeM { font-size: 12px;}
.font_sizeL { font-size: 18px;}

.font_size13 { font-size: 13px !important;}
.font_size14 { font-size: 14px !important;}
.font_size15 { font-size: 15px !important;}
.font_size16 { font-size: 16px !important;}
.font_size18 { font-size: 18px !important;}


/* border
-------------------- */
.border_all { border: 1px solid #0a3c96; padding: 3px;}
table.border_none,
table.border_none td { border: none; border-width: 0 !important;}


/* background-color
-------------------- */
.bg_colors_ced { background: #ced8ea;}

/* letter-spacing
-------------------- */
.les_1p { letter-spacing: -1px;}

/* float
-------------------- */
.float_left { float: left;}
.float_right { float: right;}
.float_none { float: none;}
.clear { clear: both;}


/* =columnLeft
-------------------------------------------------------------- */
.columnLeft { width: 200px; float: left; padding-right: 20px;}
.bnrLinks { padding: 10px 0;}


/* =accordion
-------------------------------------------------------------- */
#accordion {
	list-style: none;
	width: 192px;
	font-size: 16px;
	line-height: 1;
	margin: 0;
	padding: 0 0 0 1px;
}
#accordion > li {
	padding: 0 0 3px 0;
}
#accordion li a {
	display: block;
	position: relative;
	text-decoration: none;
	color: #333;
}
#accordion li a.img {
	margin: 0;
	padding: 0;
	height: 58px !important;
}
#accordion > li:first-child > a{
	border-top: 0px;
}
#accordion li > a:hover .arrow {
	color: #2f7f99;
}
#accordion li ul {
	list-style: none;
	margin: 0;
}
#accordion li ul li {
	border: 1px solid #f0f0f0;
	width: 191px;
}
#accordion li ul li a {
	position: relative;
	background: none;
	line-height: 1;
	padding: 12px 45px;
}
#accordion li ul li a:before {
	position: absolute;
	top: 52%;
	left: 30px;
	content: "▶";
	font:16px/100%;
	color: #9c3703;
	margin-top: -6px;
	-webkit-transition: .3s;
	   -moz-transition: .3s;
		-ms-transition: .3s;
		 -o-transition: .3s;
			transition: .3s;
}
/* =tab
-------------------------------------------------------------- */
.select {
}
.disnon {
	display: none;
}


/* =main
-------------------------------------------------------------- */
.main { width: 750px; float: left; padding: 0 5px;}

/* =hero -topLinks-
-------------------------------------------------------------- */
.topLinks { clear: both; padding: 35px 0 15px 0; overflow: hidden;}
.topLinks li.left { width: 370px; float: left;}
.topLinks li.right { width: 360px; float: left;}



/* =bestArea
-------------------------------------------------------------- */
.bestArea { clear: both;}
.bestArea .bestBox01 { clear: both; width: 759px; height: 280px; padding-top: 20px; background: url(/best/images/boxbg01.jpg) 0 128px no-repeat;}
.bestArea .bestBox01 dd { width: 290px; padding: 20px 0; line-height: 1.6em;}
.bestArea .bestBox01 dd p { font-size: 14px;}
.bestArea .bestBox02 { clear: both; width: 759px; height: 166px; background: url(/best/images/boxbg02.jpg) 0 83px no-repeat;}
.bestArea .bestBox02 dd { width: 290px; padding: 5px 0 0 130px; line-height: 1.6em;}
.bestArea .bestBox02 dd p { font-size: 14px;}
.bestArea .bestBox03 { clear: both; width: 759px; height: 274px; background: url(/best/images/boxbg03.jpg) 0 104px no-repeat;}
.bestArea .bestBox03 dd { width: 290px; padding: 20px 0; line-height: 1.6em;}
.bestArea .bestBox03 dd p { font-size: 14px;}

.bestArea .tab { background: #fcfaed; width: 728px; overflow: hidden;}
.bestArea .tab li { width: 182px; height: 80px; float: left;}
.bestArea .tab .select img { opacity: 0.9;}
.bestArea .content_wrap { clear: both; width: 730px; padding: 5px 0;}
.bestArea .content_wrap .left { clear: both; width: 373px; float: left; padding-bottom: 10px;}
.bestArea .content_wrap .right { width: 357px; float: left; padding-bottom: 10px;}
.bestArea .content_wrap p { clear: both; text-align: right;}

.bestArea .content_wrap .packBox { width: 345px; height: 605px; padding: 0 0 10px 385px; background: url(/2013new/images/pack01bg.jpg) 0 0 no-repeat;}
.bestArea .content_wrap .packBox h6 { padding: 15px 0 0 0;}
.bestArea .content_wrap .packBox p.txt { width: 327px; text-align: left;}
.bestArea .content_wrap .packBox p.img { width: 327px; text-align: right;}
.bestArea .content_wrap .packBox ul li { margin: 0; padding: 0;}

.bestArea .content_wrap .alcoholBox { width: 345px; height: 456px; padding: 0 0 10px 385px; background: url(/2013new/images/alcohol01bg.jpg) 0 0 no-repeat;}
.bestArea .content_wrap .alcoholBox h6 { padding: 15px 0 0 0;}
.bestArea .content_wrap .alcoholBox p.txt { width: 327px; height: 180px; text-align: left;}
.bestArea .content_wrap .alcoholBox ul li { margin: 0; padding: 0;}



/* =listArea
-------------------------------------------------------------- */
.listArea { clear: both;}
.listArea ul { padding: 20px 0 0 40px;}
.listArea ul li { padding-bottom: 15px;}
.listArea ul li.left { clear: both; width: 365px; float: left;}
.listArea ul li.right { width: 350px; float: left;}
.listArea dl { clear: both; width: 758px; overflow: hidden;}
.listArea dl dt { font-size: 18px;}
.listArea dl dd { width: 390px; font-size: 14px;}
.listArea .detailbox01 { height: 145px; background: url(/list/images/detailbg01.jpg) 0 0 no-repeat;}
.listArea .detailbox01 dt { padding: 30px 0 5px 140px;}
.listArea .detailbox01 dd { padding: 3px 0 0 140px;}
.listArea .detailbox02 { height: 124px; background: url(/list/images/detailbg02.jpg) 0 0 no-repeat;}
.listArea .detailbox02 dt { padding: 20px 0 5px 140px;}
.listArea .detailbox02 dd { padding: 3px 0 0 140px;}
.listArea .detailbox03 { height: 138px; background: url(/list/images/detailbg03.jpg) 0 0 no-repeat;}
.listArea .detailbox03 dt { padding: 25px 0 5px 140px;}
.listArea .detailbox03 dd { padding: 3px 0 0 140px;}
.listArea .detailbox04 { height: 128px; background: url(/list/images/detailbg04.jpg) 0 0 no-repeat;}
.listArea .detailbox04 dt { padding: 20px 0 5px 140px;}
.listArea .detailbox04 dd { padding: 3px 0 0 140px;}
.listArea .detailbox05 { height: 136px; background: url(/list/images/detailbg05.jpg) 0 0 no-repeat;}
.listArea .detailbox05 dt { padding: 35px 0 5px 140px;}
.listArea .detailbox05 dd { padding: 3px 0 0 140px;}
.listArea .detailbox06 { height: 137px; background: url(/list/images/detailbg06.jpg) 0 0 no-repeat;}
.listArea .detailbox06 dt { padding: 35px 0 5px 140px;}
.listArea .detailbox06 dd { padding: 3px 0 0 140px;}
.listArea .detailbox07 { height: 137px; background: url(/list/images/detailbg07.jpg) 0 0 no-repeat;}
.listArea .detailbox07 dt { padding: 35px 0 5px 140px;}
.listArea .detailbox07 dd { padding: 3px 0 0 140px;}
.listArea .detailbox08 { height: 137px; background: url(/list/images/detailbg08.jpg) 0 0 no-repeat;}
.listArea .detailbox08 dt { padding: 30px 0 5px 140px;}
.listArea .detailbox08 dd { padding: 3px 0 0 140px;}


/* =orderArea
-------------------------------------------------------------- */
.orderArea { clear: both;}
.orderArea .orderBox01 { padding: 20px 0; overflow: hidden;}
.orderArea .orderBox01 .left { width: 440px; padding-right: 10px; float: left; font-size: 14px; line-height: 1.6em;}
.orderArea .orderBox01 .right { width: 265px; float: left; font-size: 14px;}
.orderArea .orderBox01 .right dl { padding-bottom: 15px;}

.orderArea .txtBox { width: 358px; float: left; padding: 10px 10px 20px 0; line-height: 1.6em;}

.orderArea .contLeft { clear: both; width: 239px; padding-right: 5px; float: left; line-height: 1.6em;}
.orderArea .contCenter { width: 274px; float: left; line-height: 1.6em; padding: 5px; border: 1px solid #ccc; border-radius: 4px;}
.orderArea .contCenter dt { text-align: center; font-weight: bold;}
.orderArea .contRight { width: 173px; float: left; padding-left: 7px;}
.orderArea .contRight dt { background: #ccc; color: #fff; text-align: center; padding: 4px;}
.orderArea .contRight dd { padding-top: 10px;}

.orderArea .orderBox02 { clear: both; overflow: hidden; padding: 30px 0;}
.orderArea .orderBox02 .left { width: 257px; float: left;}
.orderArea .orderBox02 .right { width: 448px; float: left; padding: 5px; border: 1px solid #ccc;}
.orderArea .orderBox02 .right dl { width: 415px;  padding: 15px; border: 1px solid #ccc;}

/* =privacyArea
-------------------------------------------------------------- */
.privacyArea { clear: both;}
.privacyArea .sum { padding: 15px 0; font-size: 14px; line-height: 1.6em;}
.privacyArea table { width: 680px; margin: 10px auto;}
.privacyArea table td { vertical-align: top; padding: 5px;}


/* =catalogArea
-------------------------------------------------------------- */
.catalogArea { clear: both;}
.catalogArea p.txt { padding: 5px 0; color: #930;}
.catalogArea ul li { padding-bottom: 10px;}

.catalogArea .cataBox { width: 172px; float: left; padding-right: 14px;}
.catalogArea .first { clear: both;}
.catalogArea .last { padding: 0;}

.catalogArea .cataTtl { padding: 10px 0;}
.catalogArea .cataBox img { width: 172px;}
.catalogArea .cataBox dl { padding-bottom: 20px; overflow: hidden;}
.catalogArea .cataBox dl dt { width: 40px; background: #666; padding: 2px; color: #fff; font-weight: bold; text-align: center; float: left;}
.catalogArea .cataBox dl dd { width: 120px; float: left; padding: 3px 0 0 5px; font-size: 14px;}
.catalogArea .cataBox dl dd a { color: #333;}

.catalogArea .iconLine { clear: both; width: 730px; padding: 5px; border: 1px solid #ccc;}
.catalogArea .iconLine td { vertical-align: middle; font-size: 13px;}


/* =greetArea
-------------------------------------------------------------- */
.greetArea { clear: both;}
.greetArea .subTtl { width: 758px; height: 151px; background: url(/company/greeting/images/pageTtl.jpg) 0 0 no-repeat;}
.greetArea .subTtl ul { padding: 122px 0 0 445px;}
.greetArea .subTtl ul li.left { width: 160px; float: left;}
.greetArea .subTtl ul li.right { width: 150px; float: left;}

.greetArea .conTtl { clear: both; padding: 8px 0 0; border-bottom: 1px solid #ccc;}
.greetArea .txtImg { padding: 10px 0;}
.greetArea .general { padding-bottom: 40px; overflow: hidden;}
.greetArea .general .left { width: 360px; float: left;}
.greetArea .general .right { width: 390px; float: left;}

.greetArea .photoBox01 { width: 330px; padding: 30px; float: left; overflow: hidden;}
.greetArea .photoBox01 dt { width: 170px; float: left;}
.greetArea .photoBox01 dd { width: 147px; float: left;}

.greetArea .photoBox02 { width: 330px; padding: 30px 30px 30px 0; float: left; overflow: hidden;}
.greetArea .photoBox02 dt { width: 170px; float: left;}
.greetArea .photoBox02 dd { width: 147px; float: left;}

.greetArea .photoBox03,
.greetArea .photoBox04,
.greetArea .photoBox05,
.greetArea .photoBox06,
.greetArea .photoBox07,
.greetArea .photoBox08,
.greetArea .photoBox09,
.greetArea .photoBox10 { width: 170px; padding: 10px 5px; float: left; overflow: hidden;}

.greetArea .photoBox03 dt,
.greetArea .photoBox04 dt,
.greetArea .photoBox05 dt,
.greetArea .photoBox06 dt,
.greetArea .photoBox07 dt,
.greetArea .photoBox08 dt,
.greetArea .photoBox09 dt,
.greetArea .photoBox10 dt { padding: 5px; text-align: center;}

.greetArea .photoBox03 dd,
.greetArea .photoBox04 dd,
.greetArea .photoBox05 dd,
.greetArea .photoBox06 dd,
.greetArea .photoBox07 dd,
.greetArea .photoBox08 dd,
.greetArea .photoBox09 dd,
.greetArea .photoBox10 dd { padding: 10px; width: 160px;}

.greetArea .pageLinks { clear: both; padding: 30px 0 0 445px; border-bottom: 1px solid #ccc; overflow: hidden;}
.greetArea .pageLinks li.left { width: 160px; float: left; margin: 0; padding: 0; height: 29px;}
.greetArea .pageLinks li.right { width: 150px; float: left; margin: 0; padding: 0; height: 29px;}


.greetArea table { width: 530px; margin: 20px 0; float: left;}
.greetArea table td { font-size: 14px; padding: 5px; vertical-align: top;}

.greetArea .right p.scripLogo { width: 160px; padding-top: 230px; float: right;}

.greetArea p.maps { clear: both; font-size: 14px; padding: 10px 0 5px;}


/* =inqArea / samArea
-------------------------------------------------------------- */
.inqArea { clear: both;}
.inqArea .inqBox { width: 720px; margin: 20px 0; padding: 5px; border: 1px solid #ccc; overflow: hidden;}
.inqArea .inqBox .left { width: 235px; float: left; padding: 5px; border-right: 1px dotted #ccc;}
.inqArea .inqBox .right { width: 460px; float: left; padding: 5px;}
.inqArea .inqBox .right dt { clear: both; width: 90px; float: left; background: #999; margin-bottom: 3px; padding: 2px; text-align: center; color: #fff;}
.inqArea .inqBox .right dd { width: 357px; float: right; margin-bottom: 3px;}


.samArea .samBox { width: 640px; margin: 20px auto; padding: 5px; overflow: hidden;}
.samArea .samBox .left { width: 350px; float: left;}
.samArea .samBox .left h4 { font-size: 15px; padding-bottom: 15px; line-height: 1.6em;}
.samArea .samBox .right { width: 269px; float: left; padding: 5px;}


.inqArea .wrap-form dl { width: 100%; border-bottom: 1px solid #ccc; padding: 5px; display: table;}
.inqArea .wrap-form dt { width: 140px; float: left; color: #333; font-weight: bold; padding: 5px;}
.inqArea .wrap-form dd { width: 380px; float: left; color: #666; padding: 5px 0 5px 20px; border-left: 2px solid #ccc;}




.input-b { width: 136px; height: 35px; background: url(http://asiashokuhin.com/inquiry/images/btn.jpg) 0 0 no-repeat; ; border: none; margin-top: 20px; padding: 5px; color: #ffffff; font-weight: bold;}
.copy{ display: none; visibility: hidden;}
.hiss { color: #f90; font-size: 80%; padding-left: 10px; background-color: #fff;}
.err { color: red; background-color: #fff;}
.point { color: #3B6C53; background-color: #fff;}
.align-c { text-align: center;}
.input-s { width: 200px;}
.input-m { width: 300px;}
.input-l { width: 400px;}
.inp4 { width: 80px;}
.inp2 { width: 40px;}

input[type=text],
textarea,
select {
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: inset 1px 1px 1px 0px #ddd;
	   -moz-box-shadow: inset 1px 1px 1px 0px #ddd;
		    box-shadow: inset 1px 1px 1px 0px #ddd;
}

input[type=text]:focus,
textarea:focus,
select:focus {
	border: 1px solid #e5e5e5;
	box-shadow: 0 0 3px 2px rgba(117, 185, 240, 0.3), inset 1px 1px 1px 0px #dddddd;
}
input[type=text].form-error:focus,
textarea.form-error:focus,
select.form-error:focus {
	border: 1px solid #e5e5e5;
	box-shadow: 0 0 3px 2px rgba(117, 185, 240, 0.3), inset 1px 1px 1px 0px #dddddd;
}
textarea {
	width: 540px;
	width/*\**/: 540px\9 !important;
}
input[type=text] {
	width: 80%;
	height: 25px;
	padding: 0px 0 0 6px;
}


/* =fancybox -themes-
-------------------------------------------------------------- */
.fancybox_themes { clear: both; width: 720px; margin: 0 auto; overflow: hidden;}
.fancybox_themes .mainImg { width: 320px; padding: 15px 0 0 20px;}
.fancybox_themes .left { float: left;}
.fancybox_themes .detailBox { width: 320px; padding: 15px 20px 0 0;}
.fancybox_themes .right { float: right;}

.fancybox_themes .detailBox h1 { font-size: 32px; padding-bottom: 5px; line-height: 32px;}
.fancybox_themes .detailBox dl.codeLine { width: 320px; padding: 5px 0; border: 1px solid #666; border-width: 1px 0; overflow: hidden;}
.fancybox_themes .detailBox dl dt.numbering { width: 70px; padding: 5px; background: #999; font-size: 30px; color: #fff; float: left; text-align: center;}
.fancybox_themes .detailBox dl dd.janCode { width: 220px; padding: 7px 10px 3px; font-size: 16px; float: left;}

.fancybox_themes .descriptionBox { clear: both;}
.fancybox_themes .descriptionBox td.icon { padding: 7px 5px 5px 0; line-height: 2em; vertical-align: top;}
.fancybox_themes .descriptionBox td.thumbnail { padding: 7px 0 5px 3px; font-size: 14px; vertical-align: top;}

.fancybox_themes .descriptionBox td.thumbnail ul { clear: both; width: 100%; display: table;}
.fancybox_themes .descriptionBox td.thumbnail ul li.cellsLeft { width: 60px; padding: 7px 5px 5px 0; font-size: 12px; display: table-cell;}
.fancybox_themes .descriptionBox td.thumbnail ul li.cellsRight { width: 210px; padding: 7px 0 5px 3px; font-size: 12px; display: table-cell;}

.fancybox_themes .statusBox { clear: both; width: 320px; border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0;}
.fancybox_themes .statusBox td { padding: 3px 5px; text-align: right; font-size: 12px; border: 1px #E3E3E3 solid; border-width: 0 0 1px 1px;}
.fancybox_themes .statusBox td.statusTtl { width: 90px;}
.fancybox_themes .statusBox td.border_none { padding:3px 0; border-width: 0 0 1px 0;}


/* =IE7
-------------------------------------------------------------- */

#ie7 article.intro {
    margin: 0 -7.6%;
    padding: 0 -7.6%;
    max-width: 1000px;
}
#ie7 section.featured-post {
    margin: 0 -7.6%;
    max-width: 850px;
}
#ie7 section.recent-posts {
    margin-right: 7.6%;
}

/* =IE8 
-------------------------------------------------------------- */