@charset "UTF-8";

/* 
 * body スタイル
 */
body{  
    margin: 0;
    padding: 60px 0px 10px 120px;
    line-height: 1.5;
    background:url(../img/kirin01.png) no-repeat right 0.5em bottom;
    background-attachment: fixed;
    font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

h1 {
    padding: 0px;
    margin: 0;
}
/*
h2 {
   border-left: 8px solid #E96;
   padding-left: 15px;
}
*/

/*
 *  ヘッダ（固定）
 */
.headLeft {
    float: left;
    position: fixed;
    padding: 5px 0px 0px 0px;
    top: 0;
    width:300px;
}
.headRight {
    float: right;
    position:fixed;
    padding: 40px 10px 100px 200px;
    top:10px;
    right:30px
    text-align: center;
}


#content {
    height: 100%;
    padding: 20px;
}



/* ロゴリンク */
.cLogo {
    width: 652px;
    height: 132px;
    display: block;
    background: url(../img/logo4.png) no-repeat;
    background-size:contain;
}

/*
 * フッダ（固定）
 */
footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 0;
    color: #000;
    text-align: center;
}

/* 隠し文字 */
.hidden {
    border: none;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.box {
    float: left;
    width:400px;
}

.boxContainer {
    overflow: hidden;
    margin: 120px 60px 40px 120px;
}
/*
.top_box1 {
     margin: 20px 20px 20px 20px;
     border:none;
     width: 100%;
     height: 100px;
}

.top_box2 {
     margin: 20px 20px 20px 20px;
     border:solid;
     width: 100%;
     height: 150px;
}
*/
/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}
 
.boxContainer:after {
    clear: both;
}
/*

.profile {
    background: #18769A;  
    padding: 10px;  
    border: 5px solid #000;  
    color: #fff;  
    opacity: 0.6;  
}
*/