@charset "UTF-8";
/**
* 全ページ共通スタイルシート
*/

* {
    margin: 0px;
    padding: 0px;
    font-size: 10pt;
    font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;
    color:#362b26;
}

.float-left {
    float: left;
}

.float-right {
    float:right;
}

.clear-both {
    clear: both;
}

a {
    /* クリック時のボーダー削除 */
    overflow:hidden;
    outline:none;
}

body {
    background-image: url('images/body-bg.jpg');
    background-position:center;
    position:relative;
}

#header {
    height:122px;
    position:relative;
    background-image:url('images/header-bg.jpg');
    background-repeat: no-repeat;
    width:973px;
    margin:0px auto;
}

#header-navigator {
    position:absolute;
    top:30px;
    right:0px;
    height:15px;
    width:50%;
    text-align:right;
}

#header-navigator a {
    color:white;
    text-decoration:none;
    font-size:10.5pt;
}

#header-navigator a:hover {
    text-decoration:underline;
}

#dotline {
    position: absolute;
    top:123px;
    height:9px;
    width:100%;
    background-image: url(images/dotline_pattern.gif);
    z-index:100;
}

#footer-container {
    position:relative;
    height:58px;
    background-image:url(images/footer-bg.jpg);
}
#footer {
    position:relative;
    top:25px;
    height:33px;
    width:973px;
    margin:0px auto;
}
#footer-after {
    position:relative;
    height: 100px;
}

#sub-container {
    position: relative;
    background-image: url(images/sub-bg.jpg);
}

#main {
    margin: 0px auto;
    width: 857px;
    position: relative;
}

#main-contents {
    width:612px;
}

#pankuzu-container-outer {
    position:relative;
    height:110px;
    background-image:url(images/pankuzu-pattern-bg.jpg);
    background-repeat:repeat-x;
}

#pankuzu-container {
    position:relative;
    margin:0px auto;
    height:110px;
    width:857px;
    background-image:url(images/pankuzu-bg-1.jpg);
    background-repeat:no-repeat;
}

#pan {
    position:relative;
    padding: 45px 10px;;
}

#pan,#pan * {
    font-size: 10.5pt;
}

#pan a {
    color:#8b7c63;
    text-decoration: none;
}

#pan a:hover {
    text-decoration: underline;
}

#main a {
    color:#8b7c63;
    text-decoration: none;
}

#main a:hover {
    text-decoration: underline;
}

.mainH1 {
    margin-bottom: 30px;
}

.sub-end {
    position:relative;background-image: url(images/sub-end-bg.jpg);height:108px;
}

#ad {
    position: absolute;
    left:670px;
    top:0px;
}

.side {
    width:160px;
    height:600px;
    position:absolute;
    top:140px;
    z-index:-1;
}

.leftSide {
    left:0;
}

.rightSide {
    right:0;
}

/* clearfix <TAG class="clearfix">
----------------------------------------------- */
.clearfix {
    min-height: 1px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

* html .clearfix {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}