@charset "utf-8";

/* 基本レイアウト ここから↓ */

@import url( ./common.css);

body{
    background-color: #f3f2e9;
    color: #5f5039;
}

header,nav,#breadcrumb,#contents,footer{
    width: 840px;   /* 画面の幅 */
    margin-left: auto;/* 隣接の幅 */
    margin-right: auto;/*  */
}

header h1{
    margin: 0 0 26px 0;
    padding-top: 28px;/*  自分の領域の拡張*/
    text-align: center;/* 行揃え */
}

nav ul{
    list-style-type: none;
    margin: 0 0 20px 0;
    padding-left: 0;
    overflow: hidden;/*  下のブロックを分離する。*/
}

nav ul li{
    width: 210px;
    float: left;
}

nav ul li a{
    display: block;/*表示形式をblock高さを変更できる。  */
    height: 0;
    padding-top: 44px;
    overflow: hidden;
}

nav ul li#nav_concept a{
    background-image: url(../images/nav1.png);
}

nav ul li#nav_plan a{
    background-image: url(../images/nav2.png);
}

nav ul li#nav_fair a{
    background-image: url(../images/nav3.png);
}

nav ul li#nav_contact a{
    background-image: url(../images/nav4.png);
}

#main{
    width: 570px;
    float: left;
}

#sub{
    width: 230px;
    float: right;
}

footer{
    padding-top: 70px;
}

#main h1{
    margin: 0 0 30px 0;
    padding: 35px 0 35px 65px;
    background-image: url(../images/bg_h1_head.png),url(../images/bg_h1_bottom.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left top,left bottom;
    font-size: 165.25%;
}

#concept #nav_concept a,
#plan #nav_plan a,              /* クリックしたらnavの画像が白くなる（今どのページにいるのか） */
#fair #nav_fair a,              /*原理はnavの画像を押し上げている  */
#contact #nav_contact a,        /* hoverはクリックした時の指令 */ 
nav ul li a:hover{
    background-position: 0 -45px;
}

/*  */

/* 基本レイアウト ここまで↑ */

/* トップページ ここから↓ */

#news ul{
    list-style-type: none;   /* 日付の前にある・を消している */
    padding-left: 0;
}

#news ul li{
    padding: 20px 0 20px 175px;
    border-bottom: 1px dotted #6c5f45;
    color: #342300;
    text-indent: -175px;
}


/*  */

/* トップページ ここまで↑ */

/* 「結婚式場のコンセプト」ページ ここから↓ */

.concept_box{
    margin-bottom: 30px;
    overflow: hidden;
}
.concept_box:last-child{
    margin-bottom: 0;
}

/*  */


/* 「結婚式場のコンセプト」ページ ここまで↑ */

/* 「プランのご案内」ページ ここから↓ */

table thead tr th{
    background-color: #eee8cc;
}

table tbody tr:nth-child(odd){
    background-color: #ffffff;
}

/* 「プランのご案内」ページ ここまで↑ */

/* 「ブライダルフェア」ページ ここから↓ */

.gallery_box figure{
    width: 180px;
    margin: 0 0 15px 15px;
    float: left;               /*要素（画像を）を親要素の（左上に）移動 */
}

.gallery_box figure:first-child{
    margin-left: 0;                   /*左の余白を０にすると画像が３つ並ぶ*/
}


/*  */
/* 「ブライダルフェア」ページ ここまで↑ */

/* 「お問い合わせ」ページ ここから↓ */

input[type="text"]{
    width: 200px;
}

input[type="email"]{
    width: 300px;
}



/*  */
/* 「お問い合わせ」ページ ここまで↑ */