@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;
}
 a.imgbtn:hover {
    opacity:0.7;
}
#spNav {
    display:none;
}
.sp {
    display:none;
}

/* ------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------ */
header {
    margin:0 auto;
    width:1024px;
    position:relative;
    height:350px;
    border-top:3px solid #c62024;
    background: url(../img/top/bg_mainvisualb.jpg) center center no-repeat;
    background-size:cover;
}
header .box {
    margin:0 auto;
    width:1024px;
    position:relative;
}
header .box ul {
    height:35px;
    right:0;
    position: absolute;
    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 li {
    padding:0 10px;
    float:left;
    color:#FFF;
    font-size:11px;
    line-height:35px;
    background: url(../img/top/sub_navi_border.png) right 10px no-repeat;
}

header .box ul li:last-child {
    background:none;
}

header .box ul a {
color:#FFF;
text-decoration: none;
}

header .box h1 {
    top:40px;
    left:80px;
    position: absolute;
}
header .box h2 {
    top:70px;
    right:50px;
    position: absolute;
}

/* ------------------------------------------------------------ */
/* お知らせ */
/* ------------------------------------------------------------ */
#news {
    margin:0 auto;
    padding-bottom:60px;
    width:1024px;
}
#news ul.abtn li {
    margin-bottom:60px;
    float:left;
}
#news h3 {
    margin-bottom:40px;
    text-align:center;
}
#news ul.information {
    padding-bottom:20px;
}
#news ul.information li {
    margin:0 0 10px;
    padding:0 30px 10px 0;
    clear:both;
    overflow:hidden;
    font-size:14px;
    line-height:1.5;
    border-bottom:1px solid #e2e2e2;
}
#news ul.information li img {
    margin-right:20px;
    float:left;
    border:1px solid #cdcdcd;
}
#news ul.information li span {
    margin-bottom:10px;
    display:block;
    font-size:16px;
}
#news ul.information li a {
    color:#c62024;
    text-decoration:none;
}
#news ul.information li a:hover {
    text-decoration:underline;
}
#news p {
    text-align:center;
}

/* ------------------------------------------------------------ */
/* 品達品川 */
/* ------------------------------------------------------------ */
#shinagawa {
    padding-bottom:40px;
    clear:both;
    overflow:hidden;
}
#shinagawa nav {
    margin-bottom:40px;
    height:69px;
    background-color:#FFF;
}
#shinagawa nav ul {
    margin:0 auto;
    width:1024px;
}
#shinagawa nav ul li {
    padding-right:1px;
    float:left;
    background: url(../img/top/navi_border.png) right 0 no-repeat;
}
#shinagawa nav ul li:first-child {
    padding-right:24px;
}
#shinagawa h3 {
    margin-bottom:40px;
    text-align:center;
}
#shinagawa ul.item {
    margin:0 auto;
    width:1024px;
    clear:both;
}
#shinagawa ul.item li {
    margin-right:12px;
    margin-bottom:20px;
    width:245px;
    height:385px;
    float:left;
    position:relative;
    background-color:#FFF;
    border:1px solid #d1d1d0;
}
#shinagawa ul.item li:nth-child(4),
#shinagawa ul.item li:nth-child(8) {
    margin-right:0px;
}
#shinagawa ul.item li:after {
    content:'';
    position:absolute;
    z-index:-1;
    top:50%;
    bottom:0;
    left:15px;
    right:15px;
    -webkit-box-shadow:0 0 40px rgba(0,0,0,0.7);
    -moz-box-shadow:0 0 40px rgba(0,0,0,0.7);
    box-shadow:0 0 40px rgba(0,0,0,0.7);
    -moz-border-radius:100px / 40px;
    -o-border-radius:100px / 40px;
    border-radius:100px / 40px;
}
#shinagawa ul.item li p {
    margin:10px 10px 0;
    font-size:13px;
    line-height:1.4;
    height:66px;
}
#shinagawa ul.item li span img {
    margin:10px 10px 0;
}

/* ------------------------------------------------------------ */
/* 品達羽田 */
/* ------------------------------------------------------------ */
#haneda {
    padding-bottom:40px;
    clear:both;
    overflow:hidden;
}
#haneda nav {
    margin-bottom:40px;
    height:69px;
    background-color:#FFF;
}
#haneda nav ul {
    margin:0 auto;
    width:1024px;
}
#haneda nav ul li {
    padding-right:1px;
    float:left;
    background: url(../img/top/navi_border.png) right 0 no-repeat;
}
#haneda nav ul li:first-child {
    padding-right:22px;
}
#haneda h3 {
    margin-bottom:40px;
    text-align:center;
}
#haneda ul.item {
    margin:0 auto;
    width:1024px;
    clear:both;
}
#haneda ul.item li {
    margin-right:12px;
    margin-bottom:20px;
    width:245px;
    height:370px;
    float:left;
    position:relative;
    background-color:#FFF;
    border:1px solid #d1d1d0;
}
#haneda ul.item li:nth-child(4) {
    margin-right:0px;
}
#haneda ul.item li:after {
    content:'';
    position:absolute;
    z-index:-1;
    top:50%;
    bottom:0;
    left:15px;
    right:15px;
    -webkit-box-shadow:0 0 40px rgba(0,0,0,0.7);
    -moz-box-shadow:0 0 40px rgba(0,0,0,0.7);
    box-shadow:0 0 40px rgba(0,0,0,0.7);
    -moz-border-radius:100px / 40px;
    -o-border-radius:100px / 40px;
    border-radius:100px / 40px;
}
#haneda ul.item li p {
    margin:10px 10px 0;
    font-size:13px;
    line-height:1.4;
    height:55px;
}
#haneda ul.item li span img {
    margin:10px 10px 0;
}


/* ------------------------------------------------------------ */
/* 個人情報保護方針 */
/* ------------------------------------------------------------ */
#content {
    margin:0 auto;
    padding:60px 0;
    width:900px;
}
#content ul.abtn li {
    margin-bottom:60px;
    float:left;
}
#content h3 {
    margin-bottom:40px;
    text-align:center;
}
#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:400px;
}

/* ------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------ */
footer {
    padding:20px 0;
    background-color:#242424;
}
footer .line {
    margin:0 auto 30px;
    clear:both;
    overflow:hidden;
    width:1024px;
    text-align:left;
}
footer ul {
    margin:0 auto 20px;
    color:#FFF;
    clear:both;
    overflow:hidden;
    width:1024px;
}
footer ul li {
    margin-left:20px;
    padding-left:30px;
    float:left;
    font-size:12px;
    background: url(../img/top/footer_link_bg.png) 0 0 no-repeat;
}

footer ul li.pricy {
    margin-left:20px;

    float:left;
    font-size:12px;
    background: url(../img/top/footer_link_bg.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;
}