/* スタイルシート */

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: #358cac 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:30px;
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:150%;
font-family:'メイリオ',Meiryo;
line-height:120%;
}


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

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


div.topimage-l{
width:900px;
height:120px;
background-color:#358cac;
//background-image: url("../images/top.jpg");
color: #fff;

margin-top: 10px;

vertical-align: middle;
text-align: center;
font-size: 34px;
line-height: 120px;
}



div.body_1{
float:left;
display:table-cell;
width:880px;
font-size:100%;
line-height:150%;
text-align: left;
vertical-align:top;
padding: 0px 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: center;
border-top: #efede9 2px solid;
font-size: 18px;
line-height: 120%;
color: #fff;
background-color:#333;
}

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: 0px 0px 20px 0px;
vertical-align: middle;
text-align: left;
border: #777777 1px solid;
box-shadow: 3px 3px 3px #808080;
font-size: 16px;
line-height: 220%;
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: 80px 0px 80px 30px ;
}

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



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

#menulist{
width:875px;
height:60px;
margin-bottom:18px;
background-color:#9b0f0f;
border: #710000 1px solid;
box-shadow: 3px 3px 3px #808080;
}

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



div.menu{
display:flex;
text-align: left;
font-size: 20px;
color:#fff;
letter-spacing: 5px;
line-height: 60px;
margin-left:0px;
margin-top:auto;
margin-bottom:auto;
}



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

span{
color:#9b0f0f;
font-size:20px;
}