@charset "utf-8";
/* CSS Document */
@import "second.css";

/* =====================================================================
*
*	page_first css
*
* =================================================================== */

/* =====================================================================
*	main
* =================================================================== */
#main #pageheader h1 { background-image: url(../../category/images/h_01.png); }

.applyBox{
	height: auto;
	display: block;
    padding: 0.5em 0 0 0;
}

.applyBox ul {
	display: -moz-box;
	display: -webkit-box;
	-moz-box-pack: center;
	-webkit-box-pack: center;
	-webkit-box-orient: vertical;
}

.applyBox ul li.btnApply { margin-bottom: 0.5em; }

.applyBox ul li a {
	border: medium none;
    border-radius: 10px;
	margin: 0 auto;
    padding: 0px 2px;
	display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.applyBox ul li.btnApply a {
	background: url(../images/btn_apply.png) center 0 no-repeat #54aca6;
	width: 280px;
	min-width: 280px;
	height: 56px;
	background-size: 280px auto;
	margin: 0 auto;
	padding: 0;
}

.applyBox ul li.btnTel a {
	background: url(../images/btn_tel.png) center 0 no-repeat #54aca6;
	width: 280px;
	min-width: 280px;
	height: 88px;
	background-size: 280px auto;
	margin: 0 auto;
	padding: 0;
}

.applyBox ul li a:hover { background-color: #3c8883; }


/* =====================================================================
*	category
* =================================================================== */
#category h2 {
	background: url(../../category/images/bg_h2.gif) top left no-repeat;
	background-size: 16px auto;
	margin: 0 0 1em 1em;
	padding-left: 20px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 1.6em;
	line-height: 1;
}

#category h2 span {
	padding-left: 0.5em;
	font-size: 0.7em;
	font-weight: bold;
}

#category .logo {
	float: right;
	margin: 0 1em 0.5em 1em;
}

#category .logo img { width: 120px; }

#category section {
	margin: 0 1em;
	padding: 3em 0 0 0;
}

#category section h3 {
	margin: 0 0 1em 0;
	font-size: 1.4em;
	font-weight: bold;
	border-bottom: solid 1px #888;
}

#category section article {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: dotted 1px #ddd;
}
#category section article:last-child { border: none; }

#category section article img {
	float: right;
	width: 90px;
	margin: 0 0 1em 1em;
}

#category section article h4 {
	margin: 0 0 0.2em 0;
	font-size: 1.3em;
	font-weight: bold;
}

#category section article .price {
	margin: 0;
	padding: 0;
	color: #CC3F74;
	font-size: 1.3em;
	font-weight: bold;
}

#category section article .summary { margin: 0; }

#category ul {
	margin: 0;
	border-bottom: dotted 1px #ddd;
}

#category ul li {
	clear: both;
	margin: 0 0 1em 0;
	padding: 1em 0 0 0;
	border-top: dotted 1px #ddd;
}
#category ul li:first-child { border: none; }

#category ul li figure img {
	float: left;
	width: 50px;
	margin-right: 10px;
}

#category ul li h4 {
	padding-top: 0.5em;
	font-size: 1.2em;
	font-weight: bold;
}

#category ul li .sampleprice {
	margin: 0;
	color: #CC3F74;
	font-weight: bold;
}

#category ul.notice {
	margin: 0 1em;
	border: none;
}


/* =====================================================================
*	sec_02
* =================================================================== */
.sec_02 h2 {
	margin: 0 1em 0.2em 1em;
	padding: 0;
	color: #54aca6;
	font-size: 1.4em;
	font-weight: bold;
}

.sec_02 p {
	margin: 0 1em 0.5em 1em;
	padding: 0;
	font-size: 1.3em;
}