@import url(reset.css);

/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */
* html body {     
    background:url(null) fixed;     
}  
body {
	margin:0;
	padding:0;
	color:#231815 !important;
	background-color:#fcf8f0;
	font-family:Arial, Helvetica, sans-serif, Osaka , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
}
html {
	overflow-x:hidden;
} 
.pc {
	display:none;
}

/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
header {
	margin-bottom:10px;
	height:140px;
	border-top:3px solid #c62024;
	background: url(../img/top/bg_mainvisualb.jpg) center center no-repeat;
	background-size:cover;
}
header .box {
	width:100%;
	position:relative;
}
header .box ul {
	padding:0 8px;
	height:16px;
	background-color:#c62024;
    -webkit-border-bottom-right-radius: 3px;  
    -webkit-border-bottom-left-radius: 3px;  
    -moz-border-radius-bottomright: 3px;  
    -moz-border-radius-bottomleft: 3px; 
}
header .box ul a {
color:#FFF;
text-decoration: none;
}
header .box ul li {
	padding:0 5px;
	float:left;
	color:#FFF;
	font-size:10px;
	line-height:16px;
	background: url(../img/top/sub_navi_border.png) right 1px no-repeat;
}
header .box ul li:last-child {
	background:none;
}
header .box h1 {
	top:30px;
	left:40px;
	position: absolute;
}
header .box h1 img {
	width:120px;
}
header .box h2 {
	top:50px;
	right:20px;
	position: absolute;
}
header .box h2 img {
	width:140px;
}

/* ------------------------------------------------------------ */
/* お知らせ */
/* ------------------------------------------------------------ */
#news {
	margin:0 auto;
	padding-bottom:40px;
	width:100%;
}

#news ul.abtn {
	margin-bottom:30px;
}
#news ul.abtn li {
	margin-bottom:10px;
	text-align:center;
}

#news ul.abtn2 li {
	margin-bottom:10px;
	text-align:center;
}

#news ul.abtn li img {
	width:96%;
}

#news ul.abtn2 li img {
	width:96%;
}
#news h3 {
	margin-bottom:20px;
	text-align:center;
}
#news h3 img {
	height:40px;
}
#news ul.information {
	padding-bottom:20px;
}
#news ul.information li {
	margin:0 10px 10px;
	padding:0 20px 10px 0;
	clear:both;
	overflow:hidden;
	font-size:12px;
	line-height:1.5;
	border-bottom:1px solid #e2e2e2;
	background: url(../img/top/icon_news.png) right center no-repeat;
}
#news ul.information li img {
	margin-right:10px;
	float:left;
	width:58px;
	border:1px solid #cdcdcd;
}
#news ul.information li span {
	display:block;
	font-size:12px;
}
#news ul.information li a {
	color:#c62024;
	text-decoration:none;
}
#news ul.information li a:hover {
	text-decoration:underline;
}
#news p {
	text-align:center;
}

#news span {
	width:96%;
}

/* ------------------------------------------------------------ */
/* 品達品川 */
/* ------------------------------------------------------------ */
#shinagawa {
	padding-bottom:40px;
	clear:both;
	overflow:hidden;
}
#shinagawa nav {
	margin-bottom:40px;
	height:69px;
	background-color:#FFF;
}
#shinagawa nav .logo {
	margin-left:10px;
	float:left;
}
#shinagawa nav #spNav {
	display: block;
	position: relative;
}
#shinagawa nav #spNav .btn {
	margin:15px 10px 0 0;
	float:right;
	width:40px;
}
#shinagawa nav #spNav .btn img {
	width:40px;
	height:auto;
}
#shinagawa nav #spNav ul {
	display: none;
	position: absolute;
	top:69px;
	width:100%;
	z-index:1000;
	box-shadow:0 5px 10px #ccc;
}
#shinagawa nav #spNav li {
	border-top:1px solid #ddd;
}
#shinagawa nav #spNav a {
	padding:15px 20px;
	display: block;
	color:#545454;
	font-size:15px;
	text-decoration:none;
	background:#f2f1ec;
}
#shinagawa nav #spNav a:hover {
	color:#FFF;
	background:#000;
}
#shinagawa h3 {
	margin-bottom:20px;
	text-align:center;
}
#shinagawa h3 img {
	height:40px;
}
#shinagawa ul.item {
	margin:0 auto;
	width:100%;
	clear:both;
}
#shinagawa ul.item li {
	margin: 0 6px 20px;
	width:145px;
	float:left;
	position:relative; 
	background-color:#FFF;
	border:1px solid #d1d1d0;
}
#shinagawa ul.item li:after {
    content:'';
    position:absolute;
    z-index:-1;
    top:50%;
    bottom:0;
    left:15px;
    right:15px;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.7);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.7);
    box-shadow:0 0 20px rgba(0,0,0,0.7);
    -moz-border-radius:100px / 20px;
    -o-border-radius:100px / 20px;
    border-radius:100px / 20px;
}
#shinagawa ul.item li p {
	margin:0 5px 5px;
	font-size:13px;
	height:80px;
}
#shinagawa ul.item li span img {
	margin:0 5px 5px;
	width:135px;
}
#shinagawa ul.item li img {
	margin-bottom:10px;
	width:145px;
}


/* ------------------------------------------------------------ */
/* 品達羽田 */
/* ------------------------------------------------------------ */
#haneda {
	padding-bottom:40px;
	clear:both;
	overflow:hidden;
}
#haneda nav {
	margin-bottom:40px;
	height:69px;
	background-color:#FFF;
}
#haneda nav .logo {
	margin-left:10px;
	float:left;
}
#haneda nav #spNav {
	display: block;
	position: relative;
}
#haneda nav #spNav .btn {
	margin:15px 10px 0 0;
	float:right;
	width:40px;
}
#haneda nav #spNav .btn img {
	width:40px;
	height:auto;
}
#haneda nav #spNav ul {
	display: none;
	position: absolute;
	top:69px;
	width:100%;
	z-index:1000;
	box-shadow:0 5px 10px #ccc;
}
#haneda nav #spNav li {
	border-top:1px solid #ddd;
}
#haneda nav #spNav a {
	padding:15px 20px;
	display: block;
	color:#545454;
	font-size:15px;
	text-decoration:none;
	background:#f2f1ec;
}
#haneda nav #spNav a:hover {
	color:#FFF;
	background:#000;
}
#haneda h3 {
	margin-bottom:20px;
	text-align:center;
}
#haneda h3 img {
	height:40px;
}
#haneda ul.item {
	margin:0 auto;
	width:100%;
	clear:both;
}
#haneda ul.item li {
	margin: 0 6px 20px;
	width:145px;
	float:left;
	text-align:center;
	position:relative; 
	background-color:#FFF;
	border:1px solid #d1d1d0;
}
#haneda ul.item li:after {
    content:'';
    position:absolute;
    z-index:-1;
    top:50%;
    bottom:0;
    left:15px;
    right:15px;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.7);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.7);
    box-shadow:0 0 20px rgba(0,0,0,0.7);
    -moz-border-radius:100px / 20px;
    -o-border-radius:100px / 20px;
    border-radius:100px / 20px;
}
#haneda ul.item li p {
	margin:0 5px 5px;
	font-size:13px;
	height:80px;
}
#haneda ul.item li span img {
	margin:0 5px 5px;
	width:135px;
}
#haneda ul.item li img {
	margin-bottom:10px;
	width:145px;
}

/* ------------------------------------------------------------ */
/* 個人情報保護方針 */
/* ------------------------------------------------------------ */
#content {
	margin:0 auto;
	padding:30px 0;
	width:94%;
}
#content ul.abtn li {
	margin-bottom:60px;
	float:left;
}
#content h3 {
	margin-bottom:20px;
	text-align:center;
}
#content h3 img {
	height:30px;
}
#content h4 {
	margin-bottom:10px;
	padding-bottom:10px;
	font-size:20px;
	font-weight:bold;
	background:url(../img/sub/border_01.png) left bottom no-repeat;
}
#content p {
	margin-bottom:40px;
	line-height:1.5;
}


/* ------------------------------------------------------------ */
/* フッターサブ */
/* ------------------------------------------------------------ */
#pagetop {
	text-align:center;
}
#map {
	width:100%;
	height:250px;
}

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */
footer {
	padding:20px 0;
	background-color:#242424;
}
footer .line {
	margin:0 auto 20px;
	clear:both;
	overflow:hidden;
	width:96%;
	text-align:left;
}
footer .line img {
	width:100%;
}
footer ul {
	margin:0 auto 10px;
	color:#FFF;
	clear:both;
	overflow:hidden;
	width:96%;
}
footer ul li {
	margin:0 0 10px 5px;
	padding-left:15px;
	float:left;
	font-size:12px;
	background: url(../img/top/footer_link_bg2.png) 0 0 no-repeat;
}
footer ul li:first-child {
	margin-left:0px;
	padding-left:0px;
	background: none;
}
footer ul li a {
	color:#FFF;
	text-decoration:none;
}
footer ul li a:hover {
	text-decoration: underline;
}
footer address {
	clear:both;
	color:#FFF;
	font-size:12px;
	font-style:normal;
	text-align:center;
}