/*
株式会社ぐりんぐらす　CSS
*/

@charset "utf-8";
/*margin paddingを0に*/	
    
* {
    font-family:メイリオ, Meiryo,'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
    margin:0;
    padding:0;
    border:0;
    }
    
    
img {
    vertical-align: bottom;
    }
    
    
body {
    background:#F5F5F5;
	
    }
    
    
#main {
    width:960px;
    background:#ffffff;
    margin:0 auto;
    box-sizing: border-box;
    position:relative;
    }
    
    
#header {
    position:relative;
    background:#5FCE61;
    height:64px;
    width:100%;
    }
    
#header img {
    height:52px;
    margin:8px 0px 0px 15px;
    }
    
    
#line {
    background:#006837;
    height:4px;
    width:100%;
    }
    
#image {
    position:relative;
    width:100%;
    }
    
#image > #main_image {
    width:100%;
    }
    
#image > #logo_l {
    position:absolute;
    bottom:6px;
    right:12px;
    }
    
    
.article {
    border:solid 0px black;
    width:300px;
    height:auto;
    background:#5FCE61;
    margin-bottom:15px;
    margin-left:15px;
    margin-top:15px;
    float:left;
    box-sizing: border-box;
    }
    
    
.article_header {
    color:#ffffff;
    font-size:20px;
    font-weight:bold;
    padding-left:0.5em;
    padding-top:0.2em;
    display:inline-block;
	width:100%;
    }
    
    
.article_main {
    width:300px;
    border:solid 0px red;
    background:#E7F2E7;
    color:#8a8a8a;
    font-size:14px;
    line-height:24px;
    height:15em;
    padding:0.8em;
    box-sizing: border-box;
    float:left;
    }
    
    
#footer {
    background:#5FCE61;
    color:#ffffff;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    padding:0.5em 0.5em 0.5em 15px;
    margin-top:15px;
    }
    
    
.button {
    box-sizing: border-box;
    width:200px;
    height:40px;
    font-size:18px;
    line-height:38px;
    font-weight:bold;
    border:solid 2px #ffffff;
    border-radius:6px;
    background:#006837;
    text-align:center;
    color:#ffffff;
    position:absolute;
    bottom:14px;
    right:14px;
    }
	
a {
    text-decoration:none;
    }
    
#image_text {
    height:1em;
    //width:960px;
	text-align:center;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
	margin:auto auto;
    font-size:32px;
    border:solid 0px red;
    color:#ffffff;
    text-shadow:#b3b3b3 1px 0px,  #b3b3b3 -1px 0px,
    #b3b3b3 0px -1px, #b3b3b3 0px 1px,
    #b3b3b3 1px 1px , #b3b3b3 -1px 1px,
    #b3b3b3 1px -1px, #b3b3b3 -1px -1px,
    #b3b3b3 1px 1px,  #b3b3b3 -1px 1px,
    #b3b3b3 1px -1px, #b3b3b3 -1px -1px,
    #b3b3b3 1px 1px,  #b3b3b3 -1px 1px,
    #b3b3b3 1px -1px, #b3b3b3 -1px -1px,
    0px 0px 8px #000000;
    }