@charset "utf-8";

/*=========================

top

=========================*/
/*---------------------------------------------
main_visual
---------------------------------------------*/
#main_visual { background-color:#192446; border-top:1px solid #ccc; width:100%; }
#main_visual #main_visual_cont { margin:0 auto; text-align:center; width:980px; }
#main_visual #main_visual_cont img { height:auto; width:980px; }

/*---------------------------------------------
main
---------------------------------------------*/
#main { background-image:url(../img/common/bg_dot_pattern.png); background-position:left center; background-repeat:repeat; width:100%; }
#main #main_cont { background-color:#e8e9ec; margin:0 auto; padding:25px 30px 30px; text-align:center; width:980px; }
#main #main_cont #menu_area {}
#main #main_cont #menu_area ul { letter-spacing:-.40em; }
#main #main_cont #menu_area ul li { display:inline-block; letter-spacing:normal; vertical-align:top; }
#main #main_cont #menu_area ul:first-child li { border-radius:3px; height:210px; margin-left:44px; position:relative; width:438px; }
#main #main_cont #menu_area ul:first-child li:first-child { margin-left:0; }
#main #main_cont #menu_area ul:first-child li a { display:block; }

#main #main_cont #menu_area ul:first-child li div { position:absolute; left:40px; top:50%; margin-top:-12px; z-index:10001; }
#main #main_cont #menu_area ul:first-child li div i { color:#2d67b8; font-size:22px; margin-right:10px; }
#main #main_cont #menu_area ul:first-child li div img.logo { width:28px; height:28px; margin-right:10px; }
#main #main_cont #menu_area ul:first-child li div img.title { width:119px; height:24px; }

#main #main_cont #menu_area ul:nth-child(2) li { margin-top:25px; margin-left:22px; width:292px; }
#main #main_cont #menu_area ul:nth-child(2) li:first-child { margin-left:0; }
#main #main_cont #menu_area ul:nth-child(2) li img { border-radius:3px; }

#main #main_cont #menu_area ul:first-child li { transition: all 0.6s ease 0s; }
#main #main_cont #menu_area ul:first-child li:hover { cursor: pointer; transform: scale(1.05, 1.05); }

#main #main_cont #menu_area ul:nth-child(2) li img { transition: all 0.6s ease 0s; }
#main #main_cont #menu_area ul:nth-child(2) li img:hover { cursor: pointer; transform: scale(1.05, 1.05); }

/*---------------------------------------------
news
---------------------------------------------*/
#news { background-color:#fff; margin-top:25px; }
#news dl { background-color:#2d67b8; letter-spacing:-.40em; }
#news dl dt { color:#fff; display:inline-block; font-weight:600; letter-spacing:normal; padding:15px; text-align:center; vertical-align:middle; width:15%; }
#news dl dd { background-color:#fff; display:inline-block; letter-spacing:-.40em; padding:15px 15px; vertical-align:middle; width:85%; }
#news dl dd ol { border-top:1px dotted #ccc; letter-spacing:normal; }
#news dl dd ol li { border-bottom:1px dotted #ccc; padding:8px 0; letter-spacing:normal; text-align:left; }
#news dl dd ol li:first-child { margin-top:0; }
#news dl dd ol li span { display:inline-block; letter-spacing:normal; }
#news dl dd ol li span:first-child { margin-right:10px; }
#news dl dd ol li a { text-decoration:underline; }