@media screen and (max-width:620px)

body {


 color:#2f2f2f;


 margin:0;


 background-color : #e4e4e4;


 text-align: center;

 /* center on ie */


 width: 100%;


 font-size:80%;

}





ul {list-style-type:none; margin:0;padding:0;}




/*　左右のライン　*/

#outline {


 width:960px;


 text-align:left;


 margin: 0 auto;

 /* center on everything else */


 background-color : #fff;


 border-right:solid 1px #bbb;


 border-left:solid 1px #bbb;

}

/*　グローバルメニュー　*/
#gNavi {  
    margin:10px 0;  
    padding:0;  
    width:960px;
    height:30px;  
    overflow:hidden;  
    background:#009;  
}  
#gNavi li { list-style:none; width:160px; float:left; }  
#gNavi li a {  
    display:block;  
    line-height:30px;  
    color:#fff;  
    text-align:center;  
}  
#gNavi li a:hover { background:#66c; }  

/*　トップページ画像　*/

.box_left {

 width:240px;

 float:left;

}


/*  ボタン関係  */

.square_btn01{
    position: relative;
    display: inline-block;
    font-weight: bold;
    width:260px;
    padding: 0em 0.5em;
    text-decoration: none;
    border: solid 3px #668ad8;
    font-size: 2em;/*文字サイズ*/
    color: #668ad8;/*文字カラー*/
    background: #f5f5f5;
    transition: .4s;
}
.square_btn01:hover {
    background: #668ad8;
    color: #FFF;
}

.square_btn02{
    position: relative;
    display: inline-block;
    font-weight: bold;
    width:260px;
    padding: 0em 0.5em;
    text-decoration: none;
    border: solid 3px #dc143c;
    font-size: 2em;/*文字サイズ*/
    color: #dc143c;/*文字カラー*/
    background: #f5f5f5;
    transition: .4s;
}
.square_btn02:hover {
    background: #dc143c;
    color: #FFF;
}

.square_btn03{
    position: relative;
    display: inline-block;
    font-weight: bold;
    width:260px;
    padding: 0em 0.5em;
    text-decoration: none;
    border: solid 3px #8b008b;
    font-size: 2em;/*文字サイズ*/
    color: #8b008b;/*文字カラー*/
    background: #f5f5f5;
    transition: .4s;
}
.square_btn03:hover {
    background: #8b008b;
    color: #FFF;
}

.square_btn04{
    position: relative;
    display: inline-block;
    font-weight: bold;
    width:260px;
    padding: 0em 0.5em;
    text-decoration: none;
    border: solid 3px #008000;
    font-size: 2em;/*文字サイズ*/
    color: #008000;/*文字カラー*/
    background: #f5f5f5;
    transition: .4s;
}
.square_btn04:hover {
    background: #008000;
    color: #FFF;
}

.box_right {

 width:720px;

 float:right;

}

.down {

 float:left;

}



/*　アウトラインマージン　天地5px,左右10px　*/

.outline-margin {


 margin:5px 10px;


 clear:both;

}




/*　ナビゲータ　*/

.navi {


 background-color:#ddd;


 padding: 3px 3px;


 font-size: 90%;


}


.navi a {

 color: #666;


 text-decoration: none;


/* border-right: 1px #555 solid;*/

 padding: 0px 0.3em;

}

/*　フッター　*/

.footer {


 background-color:#cdc;


 border-top:solid 1px #efe;


 border-right:solid 1px #bcb;


 border-bottom:solid 1px #9a9;


 border-left:solid 1px #ded;


 padding:3px 0;

 text-align:center;


}


div.footer {


 font-size:90%;


 clear:both;


}



/*  link thumb 不要？？ */


/*.arc90_linkpic {


 display: none;


 position: absolute;


 left: 0;
 top: 1.5em;


 width: 160px;


 height: 120px;


}


.arc90_linkpicIMG {


 padding: 0 4px 4px 0;


 background : transparent url(css/linkpic_shadow.gif) no-repeat right bottom;


 width: 160px;


 height: 120px;


}*/


/*  装飾関係  */


h1 {color:#003;font-size:140%;border:0;margin:0;}


h2 {
 color:#003;font-size:130%;
 background:#cfc;
 border-bottom:1px solid #7a7;
 border-left:5px solid #040;
 padding:3px;
}


h3 {color:#003;font-size:120%;}


h4 {color:#003;font-size:110%;}


h5 {color:#003;font-size:100%;}


h6 {color:#003;font-size:100%;}


h7 {color:#003;font-size:100%;}