@charset "utf-8";
/*
Description:香里園スタイル BARAMI（PC用）
Author: Code Factroy Inc.
Author URI: http://www.codefactory.co.jp/
*/

/************************************************
 ヘッダー
************************************************/
#header-logo{
    width:29%;
    max-width:320px;
}

header .header-login img{
    margin-top:2%;
    margin-right:10px;
}

/* ****************************************************
                      メインコンテンツ
******************************************************* */
#main {
}

#main .H2_FRONT{
    font-size:120%;
    background:none;
    border:none;
}

#main .BARAMI_FRONT_H2{
    clear:both;
    padding-top:0;
    padding-bottom:0;
    background:none;
    border:none;
    border-bottom:1px solid #D18D54;
    border-left:10px solid #D18D54;
    margin-left:5px;
}

#main .H3_FRONT{
    color:#B03031;
    border-bottom:1px solid #B03031;
}

#main .BARAMI_SEARCH_AREA ul{
    list-style-type: none;
}

#main .BARAMI_SEARCH_AREA ul li{
    float:left;
    width:45%;
}


/* ****************************************************
                       トピックス
********************************************************/

#BARAMI_FRONT_TOPICS{
    width:360px;
}

.BARAMI_P_WIDTH56{
    width:56%;
}

.BARAMI_P_WIDTH_HALF{
    width:50%;
}

.BARAMI_P_WIDTH35{
    width:35%;
}

.BARAMI_P_WIDTH30{
    width:30%;
}

.BARAMI_P_ALIGN_BOTTOM{
    position: absolute;
    bottom: 0px;
}

/* ****************************************************
                       サイドバー
******************************************************* */

#side{
    float: right;
    width: 26%;
    max-width:280px;
    margin-top: 20px;
    margin-right: 10px;
}

#side .timeline-header{
    margin-bottom:-5px;
}

/************************************************
 ナビゲーション
************************************************/
nav{
    float: right;
    width:70%;
    margin-top:10px;
    background-color:#B03031;
    font-size:10pt;
}

nav ul li{
    list-style-type :none;
}

nav ul li{
    float: right;
    margin-right:3%;
}

nav ul li a:link, nav ul li a:visited, nav ul li a:active{
    display: block;
    color:#FFF;
}

nav ul li a:hover {
    color:#FBE4D0;
}

/* ****************************************************
                        フッター
******************************************************* */

footer .footer_main {
}

footer .copyright {
    text-align:right;
}

img.footer_logo{
    vertical-align:middle;
    margin-right:5px;
}