@charset "utf-8";

/* ==========================================
 
 
【サイト全体のレイアウト】
 
 
========================================== */

/* ----- body ----- */

body {
	color: #333333;
	font-size: 14px;
	line-height: 1.75;
	font-family: Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
}

    a:link { color: #666666; text-decoration: none; }
    a:visited { color: #666666; text-decoration: none; }
    a:hover { color: #999999; text-decoration: underline; }
    
    /* サイトデフォルトの文字色・背景色はカスタムCSSで上書きされます。 */

/* ----- site_header ----- */


#site_header_wrapper {
    width: 100%;
    text-align: center;
}

    #site_header_wrapper #header_description {
        /* ヘッダ上部オビの背景色はカスタムCSSで設定。 */   
        width: 980px;
        margin: 0 auto;
    }
    
    /*--------★★　kentaro記述　スマホ設定　★★----------*/
    @media only screen and (max-width: 800px) {
    #site_header_wrapper {
    width: 980px;
    text-align: center;
	}
	
	#site_header_wrapper #header_description {
    /* ヘッダ上部オビの背景色はカスタムCSSで設定。 */   
    width: 95%;
    margin: 0 auto;
    }
    }
    

        #site_header_wrapper #header_description h1 {
            /* ヘッダ上部オビの文字色はカスタムCSSで設定。 */
            font-size: 12px;
            font-weight: normal;
            line-height: 1;
            text-align: left;
            padding: 7px 0 7px 0;
            float: left;
        }

        #site_header_wrapper #header_description p {
            /* ヘッダ上部オビの文字色はカスタムCSSで設定。 */
            font-size: 12px;
            font-weight: bold;
            line-height: 1;
            text-align: right;
            padding: 7px 0 7px 0;
            float: right;
        }
    
    /* ヘッダ上部オビのリンク色はカスタムCSSで設定。 */
    #header_description h1 a:link {  }
    #header_description h1 a:visited {  }
    #header_description h1 a:hover {  }
    
    #site_header_wrapper #site_header {
        width: 980px;
        margin: 0 auto;
        text-align: left;
        padding: 0 0 0 0;
    }
    
        #site_header_wrapper #site_title {
            width: 980px;
	        margin: 0 auto;
	        text-align: left;
	        padding: 0 0 0 0;
            position: relative;
        }
        
            #site_header_wrapper #site_title .logo {
                position: absolute;
                /* ロゴの位置はカスタムCSSで設定。 */
            }
        
        
        
            #site_header_wrapper #site_title .btn {
                position: absolute;
                /* お問い合わせボタンの位置はカスタムCSSで設定。 */
            }
    
    #site_header_wrapper .main_visual_wrapper {
	    width: 100%;
		text-align: center;
	    background: url('/res/images/common/main_visual_edge.jpg') repeat-x;
    }
    
    
    #site_header_wrapper .main_visual {
	    width: 1200px;
	    height: 390px;
        margin: 0 auto;
        text-align: left;
        padding: 0 0 0 0;
        position: relative;
    }
    
    
    /*-----------slider設定--------------*/
    .main_slider{
    width:100%;
    height:100%;
    }
    
    
    /*-----------スマホのみの改行設定--------------*/
    .sp_br{
    display:none;
    }
   
    
    
    /*--------★★　kentaro記述　スマホ縦設定　★★----------*/
    @media only screen and (orientation: portrait) {
    
    #site_header_wrapper .main_visual {
	    width: 100%;
	    height: 100%;
        margin: 0 auto;
        text-align: left;
        padding: 0 0 0 0;
        position: relative;
    }
    
    .main_slider{
    width:100%;
    height:100%;
    }
    }
    
    
     /*--------★★　kentaro記述　スマホ横設定　★★----------*/
    @media only screen and (orientation: landscape ) {
    
     #site_header_wrapper .main_visual {
	    width: 94%;
	    height: 100%;
        margin: 0 auto;
        text-align: left;
        padding: 0 0 0 0;
        position: relative;
    }
    
    .main_slider{
    width:100%;
    height:100%;
    }
    }
    
    
    
    #site_header_wrapper .main_visual .mv {
	    position: absolute;
	    top: 0;
	    left: -110px;
    }
    
    #site_header_wrapper #global_nav nav ul { margin: 0; background: #ffffff;}
    #site_header_wrapper #global_nav nav ul:after { content: "."; display: block; clear: both; height: 0px; visibility: hidden; font-size: 0; }
    
    /* ヘッダメニューのデザインはカスタムCSSで設定 */

/* ----- main ----- */

#main_wrapper {
    background: #ffffff url('/res/images/common/wrapper_bg.jpg') repeat-y;
    width: 980px;
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
    text-align: left;
}
    #main_wrapper:after { content: "."; display: block; clear: both; height: 0px; visibility: hidden; font-size: 0; }

    #main_wrapper .main {
        float: right;
        width: 650px;
        padding: 0 20px 0 20px;
    }

/* ----- sidebar ----- */

    #main_wrapper #sidebar_wrapper {
        width: 260px;
        padding: 30px 15px 30px 15px;
    }
    
    /* サイドバーのデザインはカスタムCSSで設定 */

/* ----- site_footer ----- */

#return_nav {
    clear: both;
    text-align: right;
}

.back_to_top {
    margin: 0 15px 0 0;
    line-height: 35px;
}


#site_footer_wrapper {
    /* フッターの背景色はカスタムCSSで設定 */
    padding: 0;
}
    
    #site_footer_wrapper #site_footer {
        width: 980px;
        margin: 0 auto;
        padding: 30px 0 20px 0;
        font-size: 12px;
        line-height: 1;
        /* フッターの文字・背景色はカスタムCSSで設定 */
    }


/* ==========================================
 
 
【見出し関連】
 
 
========================================== */


/* メインカラム見出し1（各h3要素）のスタイルはカスタムCSSで設定 */
/* メインカラム見出し2（各h4要素）のスタイルはカスタムCSSで設定 */