/* ヘッダーの固定 */
header#header-fixed {
    position: fixed; /* ヘッダーの固定 */
    top: 0; /* 位置(上0px) */
    left: 0; /* 位置(右0px) */
    width: 100%; /* 横幅100%　*/
    height: 140px; /* 縦幅140px */
}

p.siteTitle {
    font-size: large;
}

p.siteTitle a{
    color:#000000;
}
p.siteTitle a:hover{
    text-decoration:none;
    color:#555555;
}

nav div.container {
    padding: 5px 0 5px 0; /* bodyの上下に余白を取る */
}

/* header */
.navbar {
    min-height: 40px !important
}

.navbar-default {
    background-color: #65baad;
    border-color: #3e6962;
}

/* ボディの定義 */
div#body-container {
    padding: 80px 0 80px 0; /* bodyの上下に余白を取る */
}

div.loginArea {
    float: right;
}

h2.title {
    color: #ffffff;
    display: block;
    width: 9em;
    text-align: center;
    border-radius: 5px;
    padding: 7px 2px 2px 2px;
    margin-bottom: 20px;
    box-shadow: 1px 2px 2px 1px #999;
    background: rgb(51, 51, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(51, 51, 255, 1) 1%, rgba(0, 143, 232, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(51, 51, 255, 1)), color-stop(100%, rgba(0, 143, 232, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(51, 51, 255, 1) 1%, rgba(0, 143, 232, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(51, 51, 255, 1) 1%, rgba(0, 143, 232, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(51, 51, 255, 1) 1%, rgba(0, 143, 232, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(51, 51, 255, 1) 1%, rgba(0, 143, 232, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3333ff', endColorstr='#008fe8', GradientType=0); /* IE6-9 */
}

img.userPict {
    width: 36px;
    height: 36px;
    border-radius: 40px;
    border:1px solid #333;
}

img.icon {
    width: 160px;
}

.nearby-hotels {
    color: #ffffff;
    display: block;
    width: 9em;
    text-align: center;
    border-radius: 5px;
    padding: 7px 2px 2px 2px;
    margin-top: 20px;
    margin-bottom: 10px;
    box-shadow: 1px 2px 2px 1px #999;
    background: rgb(51, 51, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(51, 51, 255, 1) 1%, rgba(0, 143, 232, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(51, 51, 255, 1)), color-stop(100%, rgba(0, 143, 232, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(51, 51, 255, 1) 1%, rgba(0, 143, 232, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(51, 51, 255, 1) 1%, rgba(0, 143, 232, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(51, 51, 255, 1) 1%, rgba(0, 143, 232, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(51, 51, 255, 1) 1%, rgba(0, 143, 232, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3333ff', endColorstr='#008fe8', GradientType=0); /* IE6-9 */
}

.breadcrumbs {

}

.temple-detail {
    border-radius: 10px;
    background-color: #ffffff;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 3px 2px #999;
}

.temple-name {
    margin-bottom: 5px;
}

.photoFrame {
    text-align:left;
    margin:10px 0;
}

.photoFrame img {
    background-color:#ffffff;
    border: solid 2px #000000;
    padding:2px;
    box-shadow: 0 3px 3px 1px #999;
    margin:0 auto;
}

.clear {
    clear:both;
}

.reiba {
    margin-bottom: 20px;
}