@charset "Shift_JIS";

/* ----------------------------------------------------------- */
.only_pc_ {
display:block;
}
.pcbr_ {
display:block;
}
.only_sp_ {
display:none;
}
.spbr_ {
display:inline;
}
.pages_ a{
color:#038bca;
}
#area_ttl{
width:768px;
position:relative;
background:url("../img/common/ttl_bg.gif") left bottom no-repeat;
margin-bottom:15px;
}
#area_ttl h1{
font-size:24px;
line-height:1.1;
font-weight:bold;
padding:30px 30px 25px;
}
#area_ttl h1.img_{
margin:0;
padding:0;
}
#area_ttl .catch_{
}
#area_ttl .nav_{
font-size:12px;
}


.area_ttl_{
width:768px;
position:relative;
background:url("../img/common/ttl_bg.gif") left bottom no-repeat;
margin-bottom:15px;
}
.area_ttl_ hl_{
font-size:24px;
line-height:1.1;
font-weight:bold;
padding:30px 30px 25px;
}
.area_ttl_ hl_.img_{
margin:0;
padding:0;
}
.area_ttl_ .catch_{
width:350px;
position:absolute;
left:27px;
top:90px;
}
.area_ttl_ .nav_{
font-size:12px;
}


#area_ttl .nav_ a{
padding-right:12px;
background:url("../img/common/ico_arw_blue_dn.gif") right center no-repeat;
color:#038bca;
text-decoration:none;
}
#area_ttl .nav_ a:hover{
text-decoration:underline;
}
#area_ttl .nav_ .page_ a{
background:url("../img/common/ico_arw_blue.gif") right center no-repeat;
}
.area_cnt_{
width:700px;
margin:0px;
padding-bottom:30px;
overflow:hidden;
position:relative;
zoom:1;
}

.area_cnt_02{
margin:20px 0 0 0;
padding-bottom:10px;
overflow:hidden;
position:relative;
zoom:1;
}

@media screen and (max-width: 769px) {
.area_cnt_02{
margin:0;
}
}

.area_cnt_03{
margin-bottom: 16px;
padding-top:20px;
overflow:hidden;
position:relative;
zoom:1;
}

.area_cnt_ .recipe_list_{
	margin-right: -20px;
	margin-bottom: 10px;
overflow:hidden;
}
.area_cnt_ .recipe_list_ li{
	display: inline-block;
	width: 210px;
	text-align: center;
	margin-right: 20px;
float:left;
}
.area_cnt_ .recipe_list_ li img{
	max-width: 150px;
	max-height: 150px;
}
.area_cnt_ .recipe_list_ li dt{
min-height:170px;}
.area_cnt_ .recipe_list_ li dd{
min-height:40px;}

h2.ttl_{
margin-top:10px;
margin-bottom:10px;
padding:10px 5px 10px 20px;
border-top:1px #cccccc solid;
background:url("../img/company/ttl_h2_2.gif") left top no-repeat;
line-height:22px;
font-size:16px;
font-weight:bold;
}


/* -------------------- */
.office_ .cnt_{
width:100%;

}
.office_ h2.ttl_{
margin-bottom:0;

}
.office_ .cnt_ h3{
border-bottom:1px #cccccc solid;
font-size:14px;
font-weight:bold;
}
.office_ .cnt_ h3 a{
color: #038bca;
font-weight: bold;
text-decoration: none;
}
.office_ table{
}
.office_ th,
.office_ td{
vertical-align:top;
}
.office_ th{
padding:2px;
border:none;
width:8em;
}
.office_ td{

padding:2px;
border:none;
}
.office_ td.add_ div{
display:inline;
}
.office_ td.add_ span{
display:none;
}
.office_ td a{
color:#038bca;
}
.office_ .map_{
width:100%;

}