@charset "utf-8";
@import "css/0-import.css";
/*
Theme Name: フレッシュ・フーズ 駿河屋
Version: 1.0
Author: 株式会社　電脳職人村
*/
#main .title {
	margin: 0 0 20px;
	padding: 7px 10px 5px;
	background: #fff url(img/subtitle_deco/h2_back.gif) repeat-x;
	border: 1px solid #e7e4e4;

	color: #212a6c;
	font-size: 15px;
	font-weight: bold;
}

#conts .news dt {
	margin: 0 0 7px 10px;
	padding: 0 0 0 20px;
	background: url(img/icon/01.gif) no-repeat left center;

	float: left;
	clear: left;

	color: #223165;
}

	* html #conts .news dt {
		margin-left: 5px;
	}


#conts .news dd {
	margin-bottom: 7px;
	padding: 0 0 8px 10em;
	background: url(img/line/01.gif) repeat-x left bottom;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#conts .news dd {
	padding-left: 12em;
}
}

#conts .more {
	text-align: right;
}

#conts .articleList li {
	margin-top: 15px;
}

#conts .articleList img {
	vertical-align: top;
}

#conts h3.subTitle {
	margin: 0;
	padding: 0 0 3px 30px;
	border-bottom: 1px dotted #b2b2b2;
	background: url(img/icon/02.gif) no-repeat 10px top;
}

#conts .articleTxt {
	margin-bottom: 20px;
	padding: 7px 0 0;
}

/*------------------------------------------------------------
	取り組み
------------------------------------------------------------*/
#activities h3 {
	margin: 30px 0 10px;
}

#activities h3.first {
	margin-top: 0;
}

#activities h4 {
	margin: 10px 0;
}

#activities h5 {
	margin: 10px 0;
}

#activities .far {
	margin-bottom: 20px;
}

#activities .far dt {
	margin: 0 0 7px;
	padding-left: 10px;
	float: left;
	clear: left;

	color: #1f2c6f;
}

#activities .far dd {
	margin: 0 0 7px;
	padding: 0 0 6px 125px;
	background: url(img/line/01.gif) repeat-x left bottom;
}

	* html #activities .far dd {
		padding-left: 122px;
	}

#activities .flow {
	width: 568px;
	background: url(img/activities/box01_back02.gif) no-repeat left bottom;
}

#activities .flow .inner {
	padding: 15px 20px;
	background: url(img/activities/box01_back01.gif) no-repeat;
}

#activities .flow .photos {
	margin: 5px 0 0;
	float: right;

	text-align: right;
}

#activities .flow .photos img {
	vertical-align: top;
}

#activities .flow .photos li {
	margin: 0 0 10px -4px;
	padding: 0 0 0 8px;
	display: inline;
}

#activities .flow .photos li.first {
	display: block
}

#activities .flow ol li {
	margin: 0 220px 5px 0;
	padding: 0 0 20px;
	background: url(img/activities/arrow01.gif) no-repeat center bottom;
}

#activities .flow ol li.last {
	margin: 0;
	padding: 0;
	background: none;
	clear: both;
}

#activities .photos {
	margin: 10px 0 20px;
}

#activities .photos li {
	margin: 0 -4px 0 0;
	padding-right: 9px;
	display: inline;
}

#activities .photos li img{
	vertical-align: top;
}

#activities .photos li.last {
	padding: 0;
}

#activities .photoL {
	margin: 10px 0 20px;
}

#activities .photoL .photos {
	margin: 0 10px 0 0;
}

#activities .photoL li {
	margin: 0;
	float: left;
}

#activities .photoL .floatL {
	margin-right: 10px;
	float: left;
}

#activities .logo5ADAY {
	margin: 0 25px 0 0;
}

#activities .logo5ADAY .logo {
	margin: 5px 0 0;
	float: right;
}

#activities .num01 {
	margin: 15px 0 10px;
	padding: 0 0 0 35px;
	background: url(img/activities/num01.gif) no-repeat left top;
}

#activities .why {
	margin: 0 0 25px;
	position: relative;
}

#activities .why .box {
	padding: 20px;
	width: 286px;
	background: #ffffee;
	border: 1px solid #ccc;

	float: left;
}

#activities .why .box p {
	margin: 5px 0 10px;
}

#activities .why .box ol span {
	margin: 0 0.5em 0 0;
	font-weight: bold;
}

#activities .why .box ol li {
	margin: 0 0 10px;
	padding-left: 1.5em;

	text-indent: -1.5em;
}

#activities .why .box ol li.last {
	margin: 0;
}

#activities .why .photos {
	margin: 0 0 25px;
	width: 225px;

	float: right;

	text-align: center;
}

#activities .why .photos p {
	margin: 10px 0;
}

#activities .why .photos .bottom {
	position: absolute;
	right: 0;
	bottom: 0;
}

#activities .num02 {
	padding: 0 0 0 35px;
	background: url(img/activities/num02.gif) no-repeat left top;
}

#activities .num03 {
	padding: 0 0 0 35px;
	background: url(img/activities/num03.gif) no-repeat left top;
}

#activities .photoR {
	margin: 20px 0 0;
}

#activities .photoR .photos {
	margin: 0 -14px 0 10px;
	width: 340px;
}

#activities .photoR li {
	margin: 0;
	float: left;
}

#activities .photoR .floatR {
	margin-left: 20px;
	float: right;
}

/*------------------------------------------------------------
	駿河屋宣言
------------------------------------------------------------*/
#conts .flyer h3 {
	margin: 15px 0;
}

#conts .flyer h3.first {
	margin: 20px 0 10px;
}

#conts .flyer img {
	margin: 0 9px 15px 0;
}

#conts .flyer img.last {
	margin: 0 0 15px 0;
}

/*------------------------------------------------------------
	駿河屋宣言　下層
------------------------------------------------------------*/
#conts .declaration img {
	vertical-align: top;
}

#conts .declaration .floatR {
	float: right;
}

#conts .declaration .floatL {
	float: left;
}

#conts .declaration .fcRed {
	color: #f00;
}

#conts .declaration .bold {
	font-weight: bold;
}

#conts .declaration .textC {
	text-align: center;
}

#conts .declaration .read {
	margin: 15px 0;
}

#conts .declaration .pr {
	margin: 0 0 20px;
}

#conts .declaration .pr img {
	margin: 0;
}

#conts .declaration .pr p {
	margin: 10px 310px 0 0;
}

#conts .declaration h3 {
	margin: 20px 0 10px;
}

#conts .declaration h3.brandTitle {
	margin-bottom: 20px;
}

#conts .declaration .sanchi {
	margin: 0 0 30px;
}

#conts .declaration .sanchi li {
	margin-right: 15px;
	width: 179px;

	float: left;
}

#conts .declaration .sanchi li.last {
	margin-right: 0;
}

#conts .declaration .introduction {
	margin: 0 0 30px;
}

#conts .declaration .introduction .box {
	margin: 0 0 20px;
}

#conts .declaration .introduction p {
	margin: 0 0 1em 280px;
}

#conts .declaration .brand {
	margin: 15px 0 0;
	padding: 0 0 16px;
	background: url(img/line/01.gif) repeat-x left bottom;
}

#conts .declaration .brand .box {
	margin-right: 15px;
	width: 179px;
	overflow: hidden;

	float: left;
}

#conts .declaration .brand .box.last {
	margin-right: 0;
}

#conts .declaration .brand .box img {
	display: block;
}

#conts .declaration .brand .box h4 {
	margin: 5px 0 0;
	font-weight: bold;
}

#conts .declaration .brand .box h4 span {
	display: block;

	color: #f60;
}

#conts .declaration .brand .box h4 span span {
	display: inline;

	color: #333;
}

#conts .declaration .brand .box p {
	margin-top: 5px;
}

#conts .declaration .brand .box .fcRed {
	margin-top: 1em;
}

#conts .declaration .about {
	margin: 0 0 10px;
}

#conts .declaration .about img {
	margin: 3px 0 0;
	vertical-align: top;
}

#conts .declaration .about p {
	margin-left: 265px;
}

#conts .declaration .alive {
	margin: 0 0 15px;
	background: url(img/declaration/fruit/alive_back.gif) no-repeat left bottom;
	zoom: 1;
}

#conts .declaration .alive img {
	margin: 0 0 5px;
	vertical-align: top;
}

#conts .declaration .alive p {
	padding: 0 20px 10px;
}

#conts .declaration .why {
	text-align: center;
}

#conts .declaration .reason {
	margin: 0 0 10px;
}

#conts .declaration .reason img {
	vertical-align: top;
}

#conts .declaration .reason dt {
	width: 41px;
	float: left;
}

#conts .declaration .reason dd {
	padding: 15px 10px 0;
	width: 217px;
	height: 95px;
	background: url(img/declaration/fruit/reason_back.gif) no-repeat;
	float: left;
}

#conts .declaration .reason dd.reason01,
#conts .declaration .reason dd.reason03 {
	margin-right: 12px;
}

#conts .declaration .reasonArrow {
	margin: -8px 0 5px;
	text-align: center;
}

#conts .declaration .price {
	margin: 0 0 30px;
	padding: 15px;
	border: 1px solid #9c9;
}

#conts .declaration .price dt {
	float: left;
}

#conts .declaration .price dd {
	padding: 0 0 0 38px;
}

#conts .declaration .price img {
	vertical-align: top;
}

#conts .declaration .kodawari {
	margin: -10px 0 15px;

	text-align: center;
}

#conts .declaration .best3 {
	margin: 7px 0 10px;
}

#conts .declaration .best3 .boxL {
	width: 295px;
	float: left;
}

#conts .declaration .best3 .box {
	width: 273px;
	float: left;
}

#conts .declaration .best3 .boxL dl,
#conts .declaration .best3 .box dl {
	margin-left: 135px;
}

#conts .declaration .best3 .boxL dd {
	margin-right: 20px;
}

#conts .declaration#foods .meat {
	margin: 0 0 13px;
}

#conts .declaration#foods .bread {
	margin: 0 0 30px;
}

#conts .declaration#foods .ramen {
	margin: 0 0 15px;
}

#conts .declaration#foods .brandTitle {
	margin-bottom: 15px;
}

#conts p.pagetop {
	margin-top: 20px;
	text-align: left;
	}

/*------------------------------------------------------------
	社長挨拶
------------------------------------------------------------*/
#greetings h3 {
	margin: 15px 0;
}

#greetings h3.first {
	margin: 20px 0 10px;
}

#greetings h4 {
	margin: 15px 0;
}

#greetings h4.first {
	margin: 30px 0 10px;
}

#greetings .img01 {
	margin-top: 0;
}

#greetings .img02 {
	margin-top: 0;
}

/*------------------------------------------------------------
	会社概要
------------------------------------------------------------*/
#company h3 {
	margin: 15px 0 5px;
	color: #1f2c6f;
	}

#company h3.first {
	margin: 0 0 5px;
	color: #1f2c6f;
	}

#company table {
	width: 568px;
	margin-bottom: 30px;
	}

#company table.last {
	width: 568px;
	margin-bottom: 0;
	border-top: 1px dotted #b2b2b2;
	}

#company td.type01-lf {
	width: 100px;
	padding: 0 10px 5px;
	}
#company td.type01-rf {
	width: 428px;
	padding: 0 10px 5px;
	}
#company td.type01-l {
	width: 100px;
	padding: 5px 10px;
	}
#company td.type01-r {
	width: 428px;
	padding: 5px 10px;
	}

#company td.type02-l {
	width: 125px;
	padding: 5px 10px;
	}
#company td.type02-r {
	width: 403px;
	padding: 5px 10px;
	}

#company td.type01-lf, #company td.type01-l, #company td.type02-l {
	color: #1f2c6f;
	border-bottom: 1px dotted #b2b2b2;
	}

#company td.type01-rf, #company td.type01-r, #company td.type02-r {
	border-bottom: 1px dotted #b2b2b2;
	}

/*------------------------------------------------------------
	採用情報
------------------------------------------------------------*/
#recruit h3 {
	margin: 30px 0 20px;
}

#recruit h3.first {
	margin: 0 0 20px;
}

#recruit h3.second {
	margin: 30px 0 0;
}

#recruit h4 {
	margin: 10px 0 5px;
}

#recruit h5 {
	margin: 10px 0 5px;
}

#recruit h5.first {
	margin: 0 0 5px;
}

#recruit .message .photoF-l {
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
	}

#recruit .message .txtF-r {
	float: right;
	width: 373px;
	margin: 0;
	padding: 0;
	}

#recruit .message .txtF-r p.name {
	margin-top: 10px;
	font-weight: bold;
	}

#recruit .jobs .txt01 {
	margin: 10px 0 5px;
	}

#recruit .jobs td.type01-l {
	width: 140px;
	padding: 5px 0;
	}
#recruit .jobs td.type01-r {
	width: 428px;
	padding: 5px 0;
	border-bottom: 1px dotted #b2b2b2;
	}

#recruit .aim .txt01 {
	margin: 10px 0 5px;
	}

#recruit .education .txtF-l {
	float: left;
	width: 353px;
	}

#recruit .education .photoF-r {
	float: right;
	width: 200px;
	}

#recruit .essential table {
	width: 568px;
	margin-bottom: 20px;
	}

#recruit .essential table.last {
	width: 568px;
	margin-bottom: 0;
	}

#recruit .essential td.type01 {
	width: 568px;
	padding: 5px 10px;
	color: #1f2c6f;
	font-weight: bold;
	background: #deedf9;
	border-bottom: 1px dotted #b2b2b2;
	}
#recruit .essential td.type01-l {
	width: 105px;
	padding: 5px 10px;
	color: #1f2c6f;
	border-bottom: 1px dotted #b2b2b2;
	}
#recruit .essential td.type01-r {
	width: 423px;
	padding: 5px 10px;
	border-bottom: 1px dotted #b2b2b2;
	}

#recruit .essential ul {
	width: 400px;
	padding-left: 15px;
	}
#recruit .essential ul li {
	list-style-type: disc;
	}

#recruit .essential .details dl.summary01 {
	width: 350px;
	margin: 0;
	}
#recruit .essential .details dl.summary01 dt {
	float: left;
	width: 270px;
	}
#recruit .essential .details dl.summary01 dd.text {
	float: left;
	width: 80px;
	}

#recruit .essential .details dl.summary02 {
	width: 270px;
	margin: 0;
	}
#recruit .essential .details dl.summary02 dt {
	float: left;
	width: 70px;
	}
#recruit .essential .details dl.summary02 dd.text {
	float: left;
	width: 200px;
	}

#recruit .essential .txt01 {
	margin-top: 10px;
	}