@charset "utf-8";
/* ------------------------------------------------------------ common */
body { color: #000; background: #e8e8dd; }
a:link { color: #2499DF; text-decoration: underline; }
a:visited { color: #2499DF; text-decoration: underline; }
a:hover { color: #2499DF; text-decoration: underline; }

/* ------------------------------------------------------------ reset form */

input,
textarea,
a.submit_btn,
a.back,
input[type="file"] { box-sizing: border-box; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

/* input */
input[type="text"],
input[type="password"],
input[type="button"],
textarea { border: 1px solid #c8ced2; padding: 5px; }

input[type="submit"],
input[type="file"],
input[type="button"],
a.submit_btn,
a.back { display: inline-block; *display: block; *zoom: 1; }
a.submit_btn,
a.back { padding: 30px; }

/* button */
input[type="submit"],
input[type="button"],
a.submit_btn,
a.back { background: #41A4DF; padding: 5px 25px; margin: 3px 10px; color: #fff; text-decoration: none; /* line-height: 24px; height: 24px; */
border: 0; -webkit-appearance: none; cursor: pointer; vertical-align: top;
display: inline-block; *display: block; *zoom: 1; }

#list a.submit_btn { padding: 0 10px; margin: 0; }
#list a.send_mail_btn { background: #aaa; cursor: auto; width: 50px; height: 23px; line-height: 23px; }
#list a.send_mail_comp_btn { width: 50px; height: 23px; line-height: 23px; }

p.submit input[type="submit"],
p.submit input[type="button"],
p.submit a.submit_btn,
p.submit a.back { background: #41A4DF; padding: 10px 60px; height: 44px; font-size: 16px; min-width: 100px; }

/* ------------------------------------------------------------ header */

#header { background: /* #3F73BA */#1b55a6; /* width: 220px; position: fixed; float: left; min-height: 100%; height: 100%; background: url('../../images/news/view.jpg'); */ }
#header #name { background: /* #3a4043 */ #fff; color: 000; padding: 15px 0; }
#header #name .logo { float: left; }
#header #name .logo span { font-weight: bold; font-size: 14px; }
#header #name .account { font-size: 12px; float: right; }
#header #nav {  }
#header #nav li { position: relative; display: inline-block; *display: inline; *zoom: 1; box-sizing: border-box; padding: 0 1px 0 0; float: left; }
#header #nav li a { display: block; color: #fff; text-decoration: none; padding: 10px 15px; }
#header #nav li a:hover { background: #5EB2E3; }
#header #nav li.on { background: #5EB2E3; }
#header #nav li .tgl_inner { display: none; position: absolute; left: 0;  }
#header #nav li .tgl_inner li { background: #3F73BA; width: 160px; border: none; float: none; }
#header #nav li .tgl_inner li:hover { background: #5EB2E3; }
#header #nav .title { color: #fff; line-height: 43px; width: 130px; }

/* ------------------------------------------------------------ block */


#body { padding: 20px 10px; /* margin: 0 0 0 220px; min-height: 500px; */ /* background: url(../../images/common/bg_02.gif); */ }
/*#banner { background: #ccc; text-align: center; width: 240px; margin: 0 0 0 10px; float: left; }*/
/* #body #aside { width: 200px; float: left; } */
#body #main { background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; /* width: 820px; */ padding: 30px 10px; /* margin: 0 0 0 20px; float: left; */ }

#body h2 { border-bottom: 1px solid #b3b3b3; font-weight: bold; font-size: 22px; padding: 10px; margin: 0 0 20px; }
#body #aside ul { background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; }
#body #aside ul li { border-top: 1px solid #d8d8d8; }
#body #aside ul li a { display: block; color: #000; font-size: 16px; text-decoration: none; padding: 10px 20px; }
#body #aside ul li.on a { background: #618EBA; color: #fff; }
#body #aside ul li:first-child { border: none; }

/* ------------------------------------------------------------ common */

.view-more { text-align: right; font-size: 12px; }

#global-nav { padding: 10px 0; }
#global-nav li { background: #666; text-align: center; width: 120px; height: 40px; margin: 0 10px 0 0; float: left; }
#global-nav li a { color: #fff; line-height: 40px; text-decoration: none; }

#body h3 { background: #666; color: #fff; font-size: 12px; padding: 5px 10px; margin: 10px 0; }

#blog h4 { font-size: 12px; text-align: right; padding: 5px 10px; }
#blog p { padding: 5px 10px; }

#blogs .article { border: 1px solid #ccc; width: 160px; padding: 5px; margin: 0 5px 0 0; float: left; }
#blogs .article p { font-size: 11px; }
#blogs .article .profiles img { float: left; }
#blogs .article .profiles h5 { width: 125px; float: left; }

#users .article { border: 1px solid #ccc; text-align: center; width: 125px; padding: 5px; margin: 0 5px 0 0; float: left; }
#users .article h4 { font-size: 12px; }

#user #photo { width: 260px; padding: 10px; float: left; }
#user #photo p { font-size: 12px; line-height: 18px; }
#user #profiles { width: 410px; padding: 10px 10px 10px 0; float: left; }
#user #profiles dl { border: 1px solid #ccc; padding: 10px 10px 15px; }
#user #profiles dl dt { border-left: 5px solid #666; line-height: 14px; padding: 0 0 0 5px; margin: 10px 0 0; }
#user #profiles dl dd { border-bottom: 1px dotted #ccc; padding: 0 0 5px; }

#input input[type="text"].short { width: 100px; }

#password { text-align: center; }
#password p { padding: 10px 0; }


.noimage { background: #ccc; text-align: center; line-height: 120px; width: 142px; height: 110px; }

/* ------------------------------------------------------------ pager */
.pager_items { float: right;}
#pager { text-align: center; float: right; }
#pager span { font-size: 14px; background: #2499DF; color: #fff; padding: 4px 7px; margin: 0 2px; border: 1px solid #2499DF; }
#pager a { background: #fff; color: #2499DF; font-size: 14px; padding: 4px 7px; margin: 0 2px; text-decoration: none; border: 1px solid #2499DF; }

#limit-box { float: left; padding-right: 15px;}
#limit-box label { }
#limit-box select { vertical-align: baseline;}

/* ------------------------------------------------------------ class */
small.draft { color: #f50032; }

input[type="button"].limit { background: #bdbbbb; padding: 0 25px; color: #fff; font-weight: bold; text-decoration: none; box-shadow: none; line-height: 24px; height: 24px;
border: 0; -webkit-appearance: none; cursor: default;
display: inline-block; *display: block; *zoom: 1; }

/* ------------------------------------------------------------ class */
.complete { padding: 20px 0; line-height: 24px; text-align: center; font-weight: bold; font-size: 18px; background: #4C4C4C; color: #fff; margin: 0 0 20px; border: 1px solid #fff; }