@charset "utf-8";


/*
===== CONTENTS ===========================================

	1: Second Layout
----------
			1-1: head
			1-2: Main Style
----------	
	2: Common Style
	3: Contents Style
----------
			3-1: Menu
			3-2: Brand
			3-3: Recruit
			3-4: Company
----------
	00: CLEARFIX

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


/* -------------------------------------------------
	1: Second Layout
------------------------------------------------- */

/*
===== 1-1: head =================================
*/

h2 {}
h3 {}


/*
===== 1-2: Main Style =================================
*/

/* Key ---------- */
#key {
	background: url(../img/common/key_bg.jpg) no-repeat left top;
	padding: 21px 0 35px 0;
}
#key h1 {
	font-size: 1.9em;
	line-height: 1.3;
	margin: 0;
	padding: 0 20px 0 45px;
}
#main #key p {
	color: #ae5004;
	font-family: Verdana,Arial,Geneva,sans-serif;
	font-size: 0.83em;
	line-height: 1.3;
	margin: 0;
	padding: 0 0 0 47px;
}


/* Pagetop ---------- */
p.pagetop,
p.pagetop a {
	background: url(../img/common/pagetop.png) no-repeat left top;
	height: 30px;
	width: 144px;
}
p.pagetop { margin: 0 17px 0 789px; }
p.pagetop a {
	display: block;
	overflow: hidden;
	text-indent: -5000px;
}
p.pagetop a:hover { background-position: right top; }

/* Main */
#main #contents p.pagetop,
#main #contents p.pagetop a { 
	background-image: url(../img/common/pagetop_main.png);
	width: 125px;
}
#main #contents p.pagetop { margin: 0 0 15px 565px; }


/* Path（Tempolary） ---------- */
body#sc ol#logobreadcrumbs-breadcrumb a:link,
body#sc ol#logobreadcrumbs-breadcrumb a:visited{ color: #5d310b; }
body#sc ol#logobreadcrumbs-breadcrumb a:hover,
body#sc ol#logobreadcrumbs-breadcrumb a:active{ color: #ed6124; }

body#sc ol#logobreadcrumbs-breadcrumb {
	background: url(../img/common/icon.png) no-repeat left top;
	color: #5d310b;
	font-size: 0.83em;
	margin-bottom: 0;
	padding: 0 0 6px 19px;
	text-indent: 0px;
}
body#sc ol#logobreadcrumbs-breadcrumb li {
	background: none;
	padding-left: 6px;
}
body#sc ol#logobreadcrumbs-breadcrumb li a {
	background: url(../img/common/icon.png) no-repeat right -70px;
	padding: 0 11px 0 0;
}


/* -------------------------------------------------
	2: Common Style
------------------------------------------------- */

#main p { 
	line-height: 1.6;
	margin: 0 0 25px 0;
}

/* 準備中 */
#main p.inactive {
	font-size: 1.2em;
	padding: 78px 0 250px 0;
	text-align: center;
}


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

/* section */
.section { padding: 0 0 10px 0; }
#main .section p { margin: 0 12px 20px 12px; }

/* Box */
.box-out { position: relative; }
.box-l {
	display: inline;
	float: left;
}
.box-r {
	display: inline;
	float: right;
}

/* Image */
.img-l {
	display: inline;
	float: left;
}
.img-r {
	display: inline;
	float: right;
}


/* Font */
.ft-s { font-size: 0.83em; }
.ft-b { font-weight: bold; }

.fc-r { color: #cf3a3a; }
.em {
	color: #ff0000;
	font-weight: bold;
}

/* Position */
.btm10m { margin-bottom: 10px; }

/* Link */
.link a { padding: 0 0 0 16px; }

.imgover a:hover img,
a:hover img.imgover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/* Table */
table.tb-info {
 border-bottom: 1px solid #ccc2b4;
 border-collapse: collapse;
 border-top: 1px solid #ccc2b4;
	margin: 0 0 20px 0;
	width: 690px;
}
table.tb-info th,
table.tb-info td {
	background: url(../img/common/dotline2x1.gif) repeat-x left bottom;
	font-weight: normal;	
	padding: 12px 10px 13px 16px;
	text-align: left;
	vertical-align: top;
}
table.tb-info th { 
	background-color: #fbf1dc;
	font-weight: bold;	
	padding-left: 11px;
}
table.tb-info tr.last th,
table.tb-info tr.last td { background-image: none; } 

/* Form */
.submit {
	margin: 0 10px 45px 0;
	text-align: center;
}
.submit input { margin: 0 8px; }
.submit input:hover {
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}

table ul.form-list li { margin-bottom: 8px; }
table ul.form-list li.end { margin-bottom: 0; }

.wd300 { width: 300px; }
.wd420 { width: 420px; }

/* 2011/10/05 追加 */
.check {
	color: orangered;
	font-size: 120%;
	font-weight: bold;
}

.title {
	color: maroon;
	font-size: 160%;
	font-weight: bold;
}

.img-w {
	margin: 5px;
}

.img-g {
	margin: 5px;
}

.cap-w {
	background-color: white;
	width: 210px;
	font-size: x-small;
}

.cap-g {
	background-color: #f4f4f4;
	width: 210px;
	font-size: x-small;
}


/* -------------------------------------------------
	3: Contents Style
------------------------------------------------- */

/*
===== 3-1: Menu(menulist.css) =================================
*/

/* index
---------------------- */
#menu #main p#topimage { margin: 0 0 17px 0; }

/* topmenu ---------- */
#menu #topmenu { padding: 0 0 5px 0; }
#menu #topmenu ul { width: 690px; }
#menu #topmenu ul li {
	background: url(../img/menu_style.png) no-repeat left top;
	display: inline;
	float: left;
	height: 128px;
	margin: 0 16px 17px 0;
	width: 219px;
}
#menu #topmenu ul li.rt { margin-right: 0; }


/*
===== 3-2: Brand =================================
*/

/* Index
---------------------- */

/* brandbox ---------- */
#brandbox ul li { 
	background-image: url(../img/brand_style2.png);
	background-repeat: no-repeat;
	margin: 0 0 8px 0;
	padding: 0 0 7px 0;
	width: 690px;
}
#brandbox dl {
	background-image: url(../img/brand_style2.png);
	background-repeat: no-repeat;
}

#main #brandbox dl p {
	line-height: 1.8;
	margin: 0 0 20px 0;
}
#main #brandbox dl p.btn {
	height: 58px;
	margin: 0 0 22px 263px;
	width: 371px;
}

/* Style */
#brandbox ul li.brand01,
#brandbox ul li.brand03 { background-position: right bottom; }
#brandbox ul li.brand03 { margin-bottom: 0; }
#brandbox li.brand01 dl,
#brandbox li.brand03 dl { background-position: right -380px; }
#brandbox li.brand01 dl dd,
#brandbox li.brand03 dl dd { 
	width: 670px;
	margin-right: 20px;
}

#brandbox ul li.brand02 { background-position: left bottom; }
#brandbox li.brand02 dl { background-position: left -380px; }
#brandbox li.brand02 dl dd { 
	width: 668px;
	margin-left: 22px;
}

#main #brandbox dl p.img-l {
	margin: 0;
	width: 263px;
}
#main #brandbox dl p.img-r { 
	margin: 0;
	width: 261px;
}


/* photo
---------------------- */
#brand-photo { padding: 0 0 10px 0; }
#brand-photo ul { width: 690px; }
#brand-photo ul li {
	background: url(../img/brand_style.png) no-repeat left top;
	display: inline;
	float: left;
	margin: 0 20px 0 0;
	width: 334px;
}
#brand-photo ul li.rt {
	margin-right: 0;
	display: block;
}

#brand-photo dl { padding: 8px 0 0 0; }
#brand-photo dl dt {
	height: 232px;
	margin: 0 0 15px 0;
	padding: 0 12px 0 7px;
}
#brand-photo dl dd {
	color: #5d310b;
	font-weight: bold;
	line-height: 1.3;
	padding: 0 0 18px 29px;
}
#brand-photo dl dd.nophoto {
}


/*
===== 3-3: Recruit =================================
*/

/* index
---------------------- */

/* topmenu ---------- */
#recruit #topmenu { padding: 0 0 180px 0; }
#recruit #topmenu ul { width: 690px; }
#recruit #topmenu ul li {
}


/*
===== 3-4: Company =================================
*/

/* Table ---------- */
table.tb-info table.tb-company {
	border: none;
	margin: 0;
	width: 450px;
}
table.tb-info table.tb-company th,
table.tb-info table.tb-company td {
	background: none;
	padding: 3px 5px 3px 0;
}
table.tb-info table.tb-company th {
	background-color: transparent;
	font-weight: normal;	
	padding-left: 0;
}


/*
===== 3-5: chococro story =================================
*/

#storyPage .section {
	margin: 0 0 20px;
}
#storyPage h2 {
	background: #604a3e;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 0 18px 0;
	padding: 7px 5px 8px 11px;
}
#storyPage p {
	line-height: 1.67;
}
#storyPage .img-l {
	margin: 0 0px 0 0;
}
#storyPage .img-r {
	margin: 0 0 0 20px;
}

.storyList1 {
	margin: 0 0 0 0px;
	float: right;
	display: inline;
	width: 370px;
}
.storyList1 dt {
	line-height: 1.67;
	font-weight: bold;
	font-size: 117%;
}
.storyList1 dd {
	margin: 0 0 18px;
	line-height: 1.67;
}

.storyList2 {
	margin: 0 0 0 10px;
	float: left;
	display: inline;
	width: 395px;
}
.storyList2 dt {
	background: #f6e792;
	font-weight: bold;
	line-height: 1.3;
	margin: 0 0 11px 0;
	padding: 7px 5px 6px 11px;
	color: #47331a;
}
.storyList2 dd {
	margin: 0 0 22px;
	line-height: 1.67;
}
.storyList2 dd span {
	font-size: 92%;
}

/*
===== 00: CLEARFIX ==========================================
*/

.section,
.box-out {
	min-height:1px; /* IE 7*/
}

.section:after,
.box-out:after {
	clear:both;
	content:".";
	display:block;
	height:0px;
	visibility:hidden;
}

.section,
.box-out {
display:inline-table; }

/* Mac IE  \*/
* html .section,
* html .box-out
{ height:1px; }

.section,
.box-out { display:block; }
/* */