/****************
共通設定
****************/

/****************
ページ全体のフォント設定
****************/


/*wrapper関連**************/
.wrapper{
    width:100%;
    margin:0;
}

.row1{
    border-top:3px solid #263238;
}

.row2{
    background:#263238;
}

.row3{
    background:#ECEFF1;
    margin-bottom:13px;
    padding:13px 0;
}

.row4{
    margin-top:20px;
}

.row5{
    background:#236238;
    clear:both;
}   

/*clearfix**************/
.clearfix:after{
    content:"";
    display:block;
    clear:both;
}


/*ヘッダー**************/

#main_header{
    width:960px;
    margin:0 auto;
    magin_left:0;
}


h1{
    color:red;
} 

/*グローバルナビゲーション**************/
#g_navi{
    width:960px;
    margin:0 auto;
}

#g_navi ul{
    display:table;
    list-style:none;
    margin:0;
    padding:3px 0;
}

#g_navi ul li{
    display:table-cell;
}

#g_navi ul li a{
    display:table-cell;
    vertical-align:middle;
    width:192px;
    height:44px;
    text-align:center;
    line-height:1;
    color:#FFF;
    font-size:12px;
    text-decoration:none;
}

#g_navi ul li a span{
    font-size:10px;
}

#g_navi ul li a:hover{
    background:#455A64;
    font-weight:bold;
}
    
    

/*メインビジュアル**************/
#main_visual{
    width:960px;
    margin:0 auto;
    
}

#main_visual h1{
    float:left;
}

#main_visual h2{
    float:right;
}

/*メインコンテンツ**************/
#main{
    width:960px;
    margin:0 auto;
}

#main_contents{
    float:left;
    width:700px;
}


/*サイドメニュー**************/
#side_contents{
    float:right;
    width:240px;
}



#side_navi{
    margin: 0 0 26px;

}

#side_contact{
    margin_bottom:40px;
    padding:13px;
    border:1px solid #B0BEC5;
    border-radius:5px;
}


#side_contact h2{
    margin:0 0 12px;
    padding-bottom:6px;
    border-bottom:1px dotted #B0BEC5;
    font-size:16px;
}
    


#side_contact address a:hover{
    background:#FF8A65;
}








/*フッター**************/
#main_footer{
    width:960px;
    margin:0 auto;
    padding:13px 0;
    color:#FFF; 
}

#main_footer #copy{
    text-align center;
}