/*common*/
body {background:#f7f7f7; text-indent:0pt; margin:0; padding:0;}
form, a img {margin:0; padding:0; border:0;}
body, td, div, p, li {font:12px/16px 'Verdana', 'Arial', 'Helvetica', 'sans-serif', 'Osaka'; color:#333333;}
ol, ul {margin:0; padding:3px 0 0 25px;}
li {margin:0; padding:0 0 3px 0;}

a:link, a:visited {color:#006FC3; text-decoration:none;}
a:hover, a:active {color:#084E86; text-decoration:underline;}


/*Page Layout*/
#outer {width:100%;}
#container {background:#f7f7f7 url(img/bg.gif) repeat-y; width:780px; margin-left:auto; margin-right:auto; padding:0 5px;}
#container2 {background:#f7f7f7 url(img/bg2.gif) repeat-y; width:395px; margin-left:auto; margin-right:auto; padding:0 5px; text-align:center;}


/*Header Footer*/
table.header td {vertical-align:top;}
td.foot {padding:0 10px 0 0; font:10px 'Verdana', 'Arial', 'Helvetica', 'sans-serif', 'Osaka'; text-align:right; background:url(img/footer.jpg) no-repeat;}
td.foot a:link, td.foot a:visited {color:#084E86; text-decoration:none;}
td.foot a:hover, td.foot a:active {color:#084E86; text-decoration:underline;}


/*TOP PAGE*/
td.side-hr {background:url(../img/side-hr.gif) repeat-y; vertical-align:top;}
td.under-hr {background:#bccfde;}
td.sol-txt {padding:0 4px;}
td.sol-txt img {margin:0 0 6px 0;}

table.topbox {margin:0 10px 20px 10px;}
td.top-board {background:url(../img/board.gif) no-repeat; font:10px/14px 'Verdana', 'Arial', 'Helvetica', 'sans-serif', 'Osaka'; text-align:right; ;padding:0 5px 0 0;}
td.toptxt {background:#f9f9f9; width:345px; padding:5px 10px;}
td.toptxt div {font:10px/14px 'Verdana', 'Arial', 'Helvetica', 'sans-serif', 'Osaka';}
td.toptxt div.date {padding:0 0 0 15px;}
td.toptxt img {margin:7px 0;}
td.toptxt ul {margin:0; padding:0 0 0 15px;}


/*Main*/
div.main {padding:20px 0 0 10px;}
div.main2 {padding:20px 10px 15px 10px;}
td.left {background:#f1f5f8; vertical-align:top; width:178px;}
td.right {vertical-align:top; padding:19px 20px 0 15px; width:537px;}

td.right p {margin:0 0 15px 0;}
td.right .box {margin:0 0 30px 20px;}
div.txt527 {width:527px;}
td.right .box .subttl img {margin:0 0 10px 0;}
td.right .box .image {margin:10px 0 0 0;}
td.right .gotop {margin:10px 0 20px 20px;}


/*profile*/
table.table-list td {padding:3px; vertical-align:top;}
table.table-list td.l {padding:3px 3px 3px 15px; text-align:right; background:#efefef;}
div.name {padding:3px; background:#efefef; width:521px;}
div.profile {padding:7px 0 15px 20px; width:507px;}
div.portal {padding:3px 0 10px 30px; width:497px;}

/*column*/
table.column-list td {padding:3px 10px 10px 0; vertical-align:top;}
div.columnttl {padding:3px; background:#efefef; width:521px; font:14px/17px 'Verdana', 'Arial', 'Helvetica', 'sans-serif', 'Osaka'; color:#084E86; margin:3px 0 10px 0;}
div.columntxt {padding:3px 3px 10px 3px; width:521px;}

/*Contact*/
table.contact td {padding:3px; vertical-align:middle;}
table.contact td table.no td {padding:0 10px 0 0; vertical-align:middle;}
table.contact td.l {padding:3px 3px 3px 15px; text-align:right; background:#efefef;}
.short {width:120px; border:#666666 solid 1px;}
.middle {width:250px; border:#666666 solid 1px;}
.long {width:340px; border:#666666 solid 1px;}

table.contact span, span.red {color:#ff0000;}

table.s-img img {margin:0 0 10px 0;}

/*board*/
div.boardttl {padding:3px; background:#efefef; width:521px; font:14px/17px 'Verdana', 'Arial', 'Helvetica', 'sans-serif', 'Osaka'; color:#084E86; margin:3px 0;}
div.boardtxt {padding:3px 3px 10px 3px; width:521px;}
div.boarddate {padding:3px; width:521px; text-align:right;}