@charset "utf-8";
/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*全体の設定
---------------------------------------------------------------------------*/


body {  
    margin: 0px;padding: 0px;
    color: #000;	/*全体の文字色*/
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
    font-size: 16px;	/*文字サイズ*/
    line-height: 2;		/*行間*/
    -webkit-text-size-adjust: none;
    background: #fff;	/*背景色*/
    text-align: left;  
}  




div#wrapper {  
    width: 900px;  
    margin: 0 auto;  
}  


h1{
    font-size:12px;
}

h2{
    font-size:1em;
}

p.resizeimage img {  
    width: 100%;
}  


span.to01{
    color:#025eb1;font-size: 20px;line-height: 40px;font-family:ＭＳ Ｐ明朝;font-style: normal;font-variant: normal;
    font-weight: bold;text-shadow:0 0 1px #bbb, 0 0 1px #bbb, 0 0 1px #bbb, 0 0 1px #bbb; 
}


.webyori{
    padding:10px;width:880px;border-style: solid; border-color: red;border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
    text-align : left;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fcdee7), color-stop(0.45, #fcf9f9), color-stop(0.00, #fcdee7));
    background: -webkit-linear-gradient(top, #fcdee7 0%, #fcf9f9 45%, #fcdee7 100%);
    background: -moz-linear-gradient(top, #fcdee7 0%, #fcf9f9 45%, #fcdee7 100%);
    background: -o-linear-gradient(top, #fcdee7 0%, #fcf9f9 45%, #fcdee7 100%);
    background: -ms-linear-gradient(top, #fcdee7 0%, #fcf9f9 45%, #fcdee7 100%);
    background: linear-gradient(to bottom, #fcdee7 0%, #fcf9f9 45%, #fcdee7 100%);


}


a.chumon{
    font-size: 1.3em;
    width:100%;
    line-height:1.5em;
    background-color:#0461af;
    color:#ffffff;
    padding-top:1.1em;
    padding-bottom: 1.1em;
    margin: 0;
    display:block;
    text-align: center;
    text-decoration: none;
    font-weight:bold;
    border-radius: 10px;
    /* CSS3草案 */  
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */  -moz-border-radius: 10px;
    animation: flashing 1.0s ease-out;
    animation-iteration-count: infinite;    /* 繰り返し回数 または infinite */
    /* Firefox用 */  
}
@keyframes flashing {
    0%   { opacity: 0.5; }
    50%  { opacity: 1;}
    100% { opacity: 0.5; }
}


a.chumon:hover{
    background: #abbeef;
}


div.list{
    background-image:url(images/b02.jpg);
    float: left;	/*左に回り込み*/
    width: 46%;	/*ボックス幅*/
    margin: 0 2% 20px 2%;	/*上、右、下、左にとるボックスの外側へのスペース*/
    padding: 0%;	/*ボックス内の余白*/
    height:auto;	/*ボックスの高さ*/
    font-size: 16px;	/*文字サイズ*/
}

.zenkk a{
    text-decoration: none;
    font-size: 0.9em;
    color:#666;
}







/*画面幅480px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:480px){

    
    p.resizeimage img {  
    width: auto;
} 
    

    #wrapper{
        border: double 20px #ffffff;
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
        font-size: 2em;

    }

    div.list{
        clear: both;
        float: none;	/*回り込みの解除*/
        width: 100%;	/*ボックス幅*/
        height: auto !important;	/*ボックスの高さ*/
        margin: 0 0 20px 0;	/*上、右、下、左にとるボックスの外側へのスペース*/
        padding: 10px;
        font-size: 1em;	/*文字サイズ*/
    }
    span.to01{
        font-size: 1.1em;	/*文字サイズ*/
    }

}