* {
    margin:0; padding:0;
} 

html {
    overflow-y:scroll;
    margin-bottom:1px;
    height:100%;
    }

body {  
    background-color:#FFEF85;
    text-align: center;  
}
h1 { font-style: normal; font-weight: bold; color:#444444;
 font-size:12pt; line-height:1.3em; font-family: sans-serif;}

a img {
    border-width: 0;
}
p {
    line-height : 180% ;
}

div#wrapper {  
    width: 800px;  
    margin: 0 auto;  
    background-color:#FFFFFF;
    text-align: center;
} 

div#header {
     height:150px;
}

ul#menu {
     height:50px;
}
li#menu01,li#menu02,li#menu03,li#menu04,li#menu05 {
     float:left;
     display:inline;
     list-style-type:none;
}

li#menu01 {
    width: 160px;
    height: 50px;
}
li#menu02 {
    width: 160px;
    height: 50px;
}
li#menu03 {
    width: 160px;
    height: 50px;
}
li#menu04 {
    width: 160px;
    height: 50px;
}
li#menu05 {
    width: 160px;
    height: 50px;
}

div#content {
    width: 780px;
    overflow: hidden;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

div#footer {
    height: 30px;
    text-align: center;
    background-color: #FFEF85;
    padding-top: 5px;
    padding-bottom: 10px;
}
address {
    font-style: normal;
    font-size: small;
    margin-top: 10px;
    margin-bottom: 10px;
}
#gaiyou table{
    text-align: left;
    height: 400px;
    width: 600px;
    border: 1px solid #000;
    vertical-align: middle;
    margin-left: 90px;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}



#gaiyou table tr td {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 16px;
    background-color: #FFF;
    padding-left: 10px;
    height: 40px;
    vertical-align: middle;
    width: 350px;
}
#content #gaiyou table tr {
    vertical-align: middle;
}

#gaiyou table tr th {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 16px;
    background-color: #FCBEAF;
    font-weight: normal;
    font-style: normal;
    width: 150px;
    height: 40px;
    padding-left: 10px;
    text-align: left;
    vertical-align: middle;
}
#gaiyou table tr .aki {
    padding-top: 10px;
    padding-bottom: 10px;

}

/* 2015.08.19 add */
.index-copy {
    text-align: left;
    font-size: 14px;
    font-weight: 800;
    line-height: 160%;
    margin: 0 0 20px 30px;
}

.heading-copy {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    text-align: left;
    font-size: 18px;
    font-weight: 800;
    border-left: 12px solid #D86011;
    border-bottom: 1px solid #D86011;
    margin: 5px 0 10px 0;
    padding: 5px 0 8px 12px;
}
    
.midashi-copy {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    text-align: left;
    font-size: 16px;
    font-weight: 800;
    color: #D86011;
    background-color: #F6E3CF;
    border-top: 1px solid #D86011;
    border-bottom: 1px solid #D86011;
    margin: 5px 0 10px 0;
    padding: 5px 0 5px 10px;
}
    
.komidashi-copy {
    text-align: left;
    font-size: 14px;
    font-weight: 800;
    display: block;
    color: #004E87;
    background-color: #C2D3E4;
    border-top: 1px solid #004E87;
    margin: 5px 0 10px 0;
    padding: 5px 0 5px 10px;
}
    
.ph-l {
    float: left;
    margin: 0 20px 0 0;
}
    
.ph-r {
    float: right;
    margin: 0 0 20px 10px;
}
    
.details-text {
    text-align: left;
    font-size: 14px;
    line-height: 160%;
}
    
.clear {
    clear: both;
}

/*リスト*/
.kome { 
    margin: 0 0 20px 0;
    padding: 0px
}
    
.kome li {
    text-align: left;
    font-size: 14px;
    line-height: 160%;
    list-style-type: none;
}

.kome-price { 
    margin: 0 0 10px 0;
    padding: 0px
}
    
.kome-price li {
    text-align: left;
    font-size: 14px;
    line-height: 160%;
    list-style-type: none;
}

/* テキストカラー・フォントサイズ */
.red  {
    color: #f30;
    font-weight: 800;
}
    
.f-14px {
    font-size: 14px;
}
    
/* リンク要素　*/
.link-box {
    font-size: 16px;
    font-family: Arial Black;
    font-weight: 800;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #337fed;
    padding: 8px;
	width: 450px;
    margin: 10px 0 10px 0;
    text-decoration:none;
    background: -moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
    background: -ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
    background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) );
    background-color :#3d94f6;
    color: #ffffff;
    display: inline-block;
    text-shadow: 1px 1px 0px #1570cd;
     -webkit-box-shadow: inset 1px 1px 0px 0px #97c4fe;
     -moz-box-shadow: inset 1px 1px 0px 0px #97c4fe;
     box-shadow: inset 1px 1px 0px 0px #97c4fe;
}
.link-box:hover {
    background: -moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
    background: -ms-linear-gradient( top, #1e62d0 5%, #3d94f6 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
    background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6) );
    background-color: #1e62d0;
}
.link-box:active {
    position: relative;
    top: 1px;
}

/* マージン・パディング */
.mp-5px   { padding-bottom: 5px }
.mp-10px   { padding-bottom: 10px }
.mp-20px   { padding-bottom: 20px }
.mp-30px   { padding-bottom: 30px }
.mp-40px   { padding-bottom: 40px }
.udmb-5px    { margin-top: 5px; margin-bottom: 5px }
.udmb-10px    { margin-top: 10px; margin-bottom: 10px }
.mb-5px   { margin-bottom: 5px }
.mb-10px   { margin-bottom: 10px }
.mb-15px   { margin-bottom: 15px }
.mb-20px   { margin-bottom: 20px }
.mb-30px   { margin-bottom: 30px }
.mb-40px   { margin-bottom: 40px }
.up-10px { padding-top: 10px }
.up-15px { padding-top: 15px }
.up-20px { padding-top: 20px }
.up-30px { padding-top: 30px }
.mt-5px   { margin-top: 5px }
.mt-10px   { margin-top: 10px }
.mt-15px   { margin-top: 15px }
.mt-20px   { margin-top: 20px }
.mt-30px   { margin-top: 30px }
.mt-40px   { margin-top: 40px }
.padd-5px { padding:5px }
.padd-10px { padding:10px }
.space    { margin-bottom: 300px }