@charset "utf-8";
/* CSS Document */

#contents{
	line-height: 1.3em;
}
#contents a{
	color:#ef90b9;
}
#contents h1{
	background-image:url("/test-kitchen/data/main.jpg");
	background-repeat:no-repeat;
	background-size:100% auto;
	margin:0;
}
#contents h1 .photo{
	width:100%;
	height:auto;
}
.view .photo{
	display:block;
	width:49%;
	height:auto;
}
.view .img03,
.view .img04{
	margin-top:2%;
}
#contents h2{
	padding:10px; 
	font-size:24px; 
	border-left:15px solid #ef90b9; 
	border-bottom:2px solid #ef90b9;
	font-weight:normal;
	color:#000;
}
#show-now p{
	margin:0;
}

#show-now #list{
	width:50%;
	float:left;
}
#show-now #list p a{
	display:inline-block;
	color:#333;
	border-bottom:#09C dotted 1px;
	text-decoration:none;
	margin:3px 0;
}
#show-now #list p a:hover{
	color:#09c;
}
#show-now #newest{
	border:#62c5da dashed 1px; 
	width:50%;
	float:right;
	box-sizing:border-box;
	border-radius:20px;
	padding:20px;
}
#show-now #newest p{
	width:50%;
	float:right;
}
#show-now #newest .photo{
	display:block; 
	height:auto; 
	width:48%; 
	margin:auto; 
	float:left;
}
#contents hr{
	width:95%;
	margin:50px auto;
	border:0;
	border-bottom:#999 dashed 1px;
}
#bakery > p{
	width:68%;
	float:left;
}
#bakery > div{
	width:30%;
	float:right;
}
#bakery > div .photo{
	display:block;
	width:100%;
	height:auto;
}
#bakery > div .photo02{
	margin-top:20px;
}
#contents .mt{
	margin-top:50px;
}

@media screen and ( max-width:1024px) {
#show-now #list,
#show-now #newest{
	width:100%;
	float:none;
}
#show-now #newest{
	margin-top:20px;
}
#show-now #newest .photo{
	width:35%;
}
#show-now #newest p{
	width:63%;
}
#bakery > p,
#bakery > div{
	float:none;
	width:100%;
}
#bakery > div{
	text-align:center;
}
#bakery > div .photo{
	display:inline-block;
	width:auto;
	max-width:40%;
	height:auto;
}
#bakery > div .photo02{
	margin-top:0;
	margin-left:20px;
}
}

@media screen and (min-width:0px) and ( max-width:750px) {
#show-now #list p{
	margin-top:10px;
	line-height:1.5em;
}
#show-now #list p a{
	display:inline;
}
#show-now #newest .photo,
#show-now #newest p{
	width:auto;
	height:auto;
	float:none;
}
#show-now #newest .photo{
	margin-top:10px;
}

#bakery > div .photo{
	max-width:45%;
}
#bakery > div .photo02{
	margin-left:2%;
}

#contents .mt{
	margin-top:30px;
}
#contents hr{
	margin:30px auto;
}
}

/********************************************************************************************/

img{
	border:0;
}
#main
    {
     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
     width:1024px;         /* 幅を決定する */
     font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*全国のテストキッチン------------------------------------------------------*/
.sub-title{
	padding:10px; 
	font-size:24px; 
	border-left:15px solid #ef90b9; 
	border-bottom:2px solid #ef90b9;
	margin-bottom:50px;
}

/*地図　外枠------------------------------------------------------*/
.simple-map{
	background-image:url("/test-kitchen/data/map_simple.jpg");
	width:1024px;
	height:647px;
	position:relative;
}

/*地図上の事業所------------------------------------------------------*/
.map-on{
	width: auto;
	height: auto; 
	background-color: #FBE7F0; 
	border: #E2318B solid 1px; 
	border-radius: 10px; 
	font-size: 14px; 
	padding: 10px;	
	display:block; 
	color:#000; 
	text-decoration:none;
}
.map-on:hover{
	width: auto;
	height: auto; 
	background-color: #FBE7F0; 
	border: #E2318B solid 1px;
	opacity:0.5;
	border-radius: 10px; 
	font-size: 14px; 
	padding: 10px;	
	display:block; 
	color:#000; 
	text-decoration:none;
}

/*住所一覧　青------------------------------------------------------*/
.address-bg-blue{
	background-color:#dcf7ff; 
	width:800px; padding:5px; /*margin:0 117px;*/
	font-size:14px; 
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

/*住所一覧　白------------------------------------------------------*/
.address-bg-white{
	background-color:#fff; 
	width:800px; 
	padding:5px; /*margin:0 117px;*/ 
	font-size:14px; 
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

/*住所一覧　地図ピン------------------------------------------------------*/
.pin{
	vertical-align:text-bottom;
}
.pin:hover{
	opacity:0.5;
}

/*○○○営業所/支店/支社　テストキッチン------------------------------------------------------*/
.place{
	background-color:#ef90b9; 
	color:#fff; 
	padding:10px 0; 
	float:left; 
	width:420px; 
	height:32px; 
	font-size:25px;
	margin-top:50px;
	margin-bottom:30px;
	text-align:center; 
	font-weight:bold;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.under-line{
	float:left; 
	width:604px; 
	height:46px; 
	font-size:14px;
	margin-top:50px;
	margin-bottom:30px;
	line-height:26px; 
	border-bottom:#ef90b9 solid 6px;
}

/*各事業所テストキッチン情報のテーブル------------------------------------------------------*/
.each-infomation{
	margin:20px 52px;
	font-size:14px;	
}

/*各事業所の地図背景リンク------------------------------------------------------*/
.map-img{
	width:273px; 
	height:384px; 
	padding:10px; 
	display:block;
	text-decoration:none;
}
.map-img:hover{
	opacity:0.5;
}

/*大阪支社の地図背景リンク------------------------------------------------------*/
.map-img2{
	width:273px; 
	height:321px; 
	padding:10px; 
	display:block;
	text-decoration:none;
}
.map-img2:hover{
	opacity:0.5;
}

/*各事業所の地図上のＭＡＰ文字------------------------------------------------------*/
.map {
	width:273px;
	height:auto;
	background-color:#000;
	color:#FFF;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:10px 0;
	text-decoration:none;
}

/*各事業所の地図上のＭＡＰのピン------------------------------------------------------*/
.pin2{
	vertical-align:text-top;
}

/*各事業所の地図上の住所------------------------------------------------------*/
.address{
	background-color:#FFF; 
	padding:10px; 
	margin-top:10px; 
	color:#000;
}

/*本社テストキッチン　３分類------------------------------------------------------*/
.hosya-yousu{
	padding:5px 10px; 
	display:block; 
	border-left:#80cef3 solid 10px;
	border-bottom:#80cef3 solid 2px;
	text-align:left;
	margin-bottom:10px;
	font-size:18px;
}

/*主な常設機器------------------------------------------------------*/
.jyousetsu{
	background-color:#80cef3;
	border-radius:20px;
	color:#fff;
	margin-bottom:10px;
	padding:5px;
	width:130px;
	text-align:center;
}

/*スチコン・ベーカリー・展示会　の様子------------------------------------------------------*/
.SBT-yousu{
	width:223px; 
	margin:0 35px; 
	display:block; 
	border-bottom:#80cef3 solid 5px;
	text-align:center;
	margin-bottom:10px;
	font-size:16px;
}

.red {
	color: #F00;
}