@charset "UTF-8";

#access h2 { background: url(../../access/img/title_bg.png) no-repeat center top;}
#access #contents { width: 98%; background: url(../../access/img/con_bg.png) no-repeat center top;}
#access #breadcrumb { width: 1100px; max-width: 98%; margin: 0 auto;}

#access #contents h3 { padding: 25px 0 42px 0; text-align: center;}
#access #contents figure { text-align: center;}
#access #contents>a { display: block; width: 353px; max-width: 100%; margin: 15px auto 0 auto;}
#access #contents>a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

#access .box { width: 1100px; max-width: 100%; margin: 0 auto; padding: 45px 0 0 0;}
#access section { text-align: center;}
#access section h4 { padding: 0 0 10px 0; margin: 0 0 32px 0; text-align: center;}
#access #sec1 { width: 359px; float: left;}
#access #sec1 h4 { border-bottom: 1px solid #0497dc;}
#access #sec2 { width: 715px; float: right;}
#access #sec2 h4 { border-bottom: 1px solid #7eb830;}
#access #sec2 .ver_sp { display: none;}


/* -------------------------------------------------------
clear
------------------------------------------------------- */
#access .box:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}