/* スタイルシート */

a.top { color: #d9345a;}
a:link {color: #333333; text-decoration:none;}
a.top:visited {color: #a02642; text-decoration:none;}
a.top:hover {color: #888888; text-decoration:underline;}


/******
 BODY
*******/

BODY.box{
margin-top:0px;
padding: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
text-align: center;
vertical-align: top;
line-height: 150%;
background-color:#EEEEEE;
border-top: #04B45F 5px solid;
font-family:'メイリオ',Meiryo;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}



/*****************
 全体　レイアウト
*****************/
div.container{
display:table;
vertical-align:top;
width:900px;
margin-top: 0px;
margin-left: auto;
margin-bottom: 0px;
margin-right: auto;
padding: 0px;
background: #ffffff;
text-align:left;
}





/*********************
 ブロック　レイアウト
*********************/

div.header{
width:900px;
height:60px;
padding: 5px 0px 20px 0px;
vertical-align:middle;
text-align: left;
background-color:#FFFFFF;
line-height:120%;
}

div.header1{
float:left;
height:60px;
margin-left: 10px;
font-size:200%;
font-family:'メイリオ',Meiryo;
line-height:120%;
}


div.link{
width:900px;
height:20px;
padding: 15px 0px 15px 0px;
vertical-align: middle;
text-align: center;
font-size: 24px;
background-color:#FFFFFF;
border-bottom: #04B45F 1px solid;
}

div.top{
width:900px;
text-align: center;
vertical-align:top;
margin-top: 10px;
}


div.topimage-l{
width:900px;
height:100px;
background-color:#FFFFFF;
background-image: url("");
text-align: left;
}



div.body_1{
float:left;
display:table-cell;
width:880px;
font-size:120%;
line-height:170%;
text-align: left;
vertical-align:top;
padding: 10px 10px 30px 10px;
}


div.body_2{
float:right;
display:table-cell;
width:300px;
font-size:100%;
line-height:120%;
text-align: left;
vertical-align:top;
padding: 10px 10px 30px 10px;
}


div.footer{
width:900px;
height:50px;
margin: 0px;
padding: 5px 0px 10px 0px ;
vertical-align: top;
text-align: right;
border-top: #04B45F 2px solid;
font-size: 18px;
line-height: 120%;
color: #363636;
background-color:#58FAAC;
}

p{
margin-left: 30px;
margin-right: 30px;
}

ul{
list-style-type: square;
margin-left: 30px;
margin-right: 30px;
}




/*******************
 メニュータイトル
*******************/

h1.menu1{
width:880px;
height:40px;
margin: 10px 0px 10px 0px;
vertical-align: middle;
text-align: left;
border: #777777 1px solid;
box-shadow: 3px 3px 3px #808080;
font-size: 23px;
line-height: 180%;
color: #363636;
background-color: #D6D6D6;
background-image: -webkit-linear-gradient(top, #FFFFFF, #D6D6D6);
background-image: linear-gradient(to bottom, #FFFFFF, #D6D6D6);
}


/***************
 メニューボタン
***************/
img.top{
width:50%;
border:0px;
opacity: 1.0;
padding: 10px 0px 10px 30px ;
}

img.menu{
width:70px;
height:70px;
border:0px;
padding: 10px 70px 10px 60px ;
}



/***************
 メニューボタン
***************/

#menulist{
width:875px;
height:90px;
margin-bottom:18px;
background-color:#58FAAC;
border: #58FAAC 1px solid;
box-shadow: 3px 3px 3px #808080;
}

#menulist:hover{
color:#FFFFFF;
width:875px;
height:90px;
margin-bottom:18px;
background-color: #04B45F;
border: #04B45F 1px solid;
box-shadow: 3px 3px 3px #808080;
}



div.menu{
display:flex;
text-align: left;
font-size: 35px;
letter-spacing: 5px;
line-height: 270%;
margin-left:0px;
margin-top:auto;
margin-bottom:auto;
}



/***************************
 ご利用にあたって　アイコン
***************************/

span{
color:#04B45F;
font-size:24px;
}