@charset "utf-8";
@import url(css/responsive/shared.css);

.linebox {border:1px solid #e2ddd7;padding:16px;background:#feeef5;}

h1, #gnav, #gnav a {color: #333333;}

h3::before, h4::before, h4::after, h5::before, .h3::before, .h4::before, .h4::after, .h5::before, #news > dl > dt::before {border-left: 4px solid #fdf52a;}
h3::before, .h3::before, #news > dl > dt::before { border-color: #fdf52a; }
h3, .h3, #news > dl > dt { background:#e62f82;border-top:2px solid #000000;border-right:3px solid #000000;border-bottom:3px solid #000000;border-left:2px solid #000000; }

h4::before, .h4::before { border-color: #e62f82;}
h4::after, .h4::after { background:none; border: 0 none; width: 4px; z-index: 2; }
h4, .h4 { border-bottom: 1px solid #000000; }

h5, .h5 {border-bottom: 1px solid #d0d0d0;}
h5, .h5, h6, .h6 {color: #333333;}

h6, .h6 {border-left: 4px solid #fdf52a;}

th, td, button, input, select, textarea {border: 1px solid #333333;}
th {background: none repeat scroll 0 0 #feeef5;}

button, input[type="button"], input[type="reset"], input[type="submit"] {background: none repeat scroll 0 0 #df1545;}

#gnav {top: 110px;}
#gnav>p a{background:url("../../images/design/nav_contact.png") 0 -42px no-repeat;width:100px;height:42px;}

#news > dl { border: none; padding:0; }
#news > dl > dd > span { color: #202020; }

#menu {border-bottom: 1px solid #d0d0d0;}
#menu ul {background: none repeat scroll 0 0 #f0f0f0;}
#menu li {border-top: 1px solid #d0d0d0;}
#menu li li:first-child {border-top: 1px solid #d0d0d0;}

#header {background: none repeat scroll 0 0 #eeeeee;}

#topicpath {margin-top: 12px;}

.pnav li{margin-bottom:5px;border:2px solid #000;border-width:2px 3px 3px 2px;}
.pnav li>span,.pnav li a{background:#e62f82;color:#fff;}
#main .pnav li a:hover{background:#df1545;text-decoration:none;}

.app{padding:10px; border:2px solid #000000; background:#fcb252 url("/images/bg_app.png") no-repeat left top;}
.app dl dd{padding-top:10px;font-weight:bold;}
.app ul{margin:0; padding:10px 10px 5px 10px; border:2px solid #000; background:#fff;}
.app ul li{margin-bottom:5px;}

@media only screen and (max-width:970px){
#info>dl{ background:#e62f82;border-bottom:3px solid #000000; }
#menu::before {background:#e62f82; color:#FFFFFF;}
}
@media only screen and (max-width:720px){
#gnav>p a,#navbtn a{background:url("../../images/design/mail.png") center center no-repeat;width:42px;height:42px;border-radius:5px;}
}
@media only screen and (max-width: 500px) {
#gnav {top: 75px;}
#gnav>p a,#navbtn a,#gnav>p>span.info{border-radius:0 0 5px 5px;}
}