@charset "utf-8";

.M {
   background      : #4169e1;
   color           : #ffffff;
}
.U {
   background      : #f08080;
   color           : #ffffff;
}
.C {
   background      : #20b2aa;
   color           : #ffffff;
}
.S {
   background      : #32cd32;
   color           : #ffffff;
}
.O {
   background      : #dddddd;
   color           : #333333;
}

.warning {
   margin           : 10px 0 20px 0;
   padding          : 10px 10px 10px 10px;
   border           : dashed 1px red;
}
.warning h1 {
   height           : 24px;
   line-height      : 24px;
   margin           : 0 0 5px 0;
   padding          : 0 0 0 10px;
   border-bottom    : solid 1px #d1d1d1;
   font-size        : 18px;
}
.warning div {
   margin           : 0 10px 0 10px;
}
.warning div a {
   text-decoration  : none;
}
.warning div a:hover {
   text-decoration  : underline;
}
.warning p span {
   color            : red;
   font-weight      : bold;
}

.form_result {
   display          : none;
   position         : absolute;
   z-index          : 99;
   top              : 0;
   width            : 100%;
   height           : 48px;
   background       : #555555;
   filter           : alpha(opacity=95);
   -moz-opacity     : 0.95;
   opacity          : 0.95;
}
.form_result p {
   line-height      : 48px;
   text-align       : center;
   color            : #ffffff;
   font-size        : 24px;
   font-weight      : bold;
}

.view_scroll_top {
   position         : fixed;
   top              : -37px;
   left             : 0px;
   z-index          : 999;
   width            : 100%;
   height           : 36px;
   background       : #f4f4f4;
   border-bottom    : solid 1px #d1d1d1;
}
.view_scroll_top table {
   width            : 979px;
   height           : 36px;
   margin           : 0 auto 0 auto;
}
.view_scroll_top table tr td.nav {
   text-align       : left;
   vertical-align   : middle;
}
.view_scroll_top table tr td.nav h1 {
   display          : inline-block;
   height           : 24px;
   line-height      : 24px;
   padding          : 0 10px 0 29px;
   background       : url('/static/common/img/icon_bowlroll24.png') no-repeat 0 0;
}
.view_scroll_top table tr td.nav h1 a {
   color            : #999999;
   text-decoration  : none;
}
.view_scroll_top table tr td.nav h1 a:hover {
   color            : #555555;
}
.view_scroll_top table tr td.nav ul {
   display          : inline-block;
   border-left      : solid 1px #d1d1d1;
}
.view_scroll_top table tr td.nav ul li {
   display          : inline-block;
   width            : 60px;
   text-align       : center;
   border-right     : solid 1px #d1d1d1;
}
.view_scroll_top table tr td.nav ul li a {
   color            : #999999;
   font-weight      : bold;
}
.view_scroll_top table tr td.nav ul li a:hover {
   color            : #555555;
   text-decoration  : none;
}
.view_scroll_top table tr td.info {
   text-align       : right;
   vertical-align   : middle;
}
.view_scroll_top table tr td.info div {
   display          : inline-block;
}
.view_scroll_top table tr td.info div.view {
   height           : 26px;
   line-height      : 26px;
}
.view_scroll_top table tr td.info div.view p {
   display          : inline-block;
}
.view_scroll_top table tr td.info div.view a {
   color            : #999999;
   font-weight      : bold;
}
.view_scroll_top table tr td.info div.view a:hover {
   color            : #555555;
   text-decoration  : none;
}
.view_scroll_top table tr td.info div.view a img {
   width            : 24px;
   height           : 24px;
   border           : solid 1px #999999;
   margin           : 0 5px 0 0;
}
.view_scroll_top table tr td.info div.button {
   padding          : 0 10px 0 10px;
}
.view_scroll_top table tr td.info div.button a {
   display          : inline-block;
   width            : 58px;
   height           : 36px;
   line-height      : 36px;
   border-left      : solid 1px #999999;
   border-right     : solid 1px #999999;
}

.view_scroll_bottom {
   position         : fixed;
   bottom           : -40px;
   right            : 50px;
}
.view_scroll_bottom a {
   display          : block;
   width            : 60px;
   height           : 40px;
   line-height      : 40px;
   text-align       : center;
   background       : #333333;
   border-radius        : 5px 5px 0 0;
   -webkit-border-radius: 5px 5px 0 0;
   -moz-border-radius   : 5px 5px 0 0;
   color            : #ffffff;
   font-size        : 18px;
   text-decoration  : none;
}

.base {
   width            : 979px;
   margin           : 0 auto 0 auto;
}

header {
   width            : 100%;
   margin           : 0 0 5px 0;
   background       : #f4f4f4;
   border-bottom    : solid 1px #d1d1d1;
}
header .title {
   width            : 235px;
   text-align       : center;
   padding          : 21px 0 21px 15px;
}
header .title h1 {
   height           : 48px;
   line-height      : 48px;
   text-align       : left;
   padding          : 0 0 0 58px;
   background       : url('/static/common/img/icon_bowlroll48.png') no-repeat 0 0;
   font-size        : 36px;
}
header .title h1 a {
   color            : #999999;
   text-decoration  : none;
}
header .title h1 a:hover {
   color            : #555555;
}
header .search {
   padding          : 10px 0 10px 40px;
}
header .search .wrapper {
   width            : 290px;
   height           : 20px;
   padding          : 4px 4px 4px 4px;
   background       : #ffffff;
   border           : solid 1px #999999;
   border-radius        : 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   -moz-border-radius   : 5px 5px 5px 5px;
   box-shadow           : 1px 1px 3px #bbbbbb inset;
   -moz-box-shadow      : 1px 1px 3px #bbbbbb inset;
   -webkit-box-shadow   : 1px 1px 3px #bbbbbb inset;
}

header .search .wrapper h5 {
   display          : inline-block;
   line-height      : 20px;
   margin           : 0 5px 0 0;
   padding          : 0 10px 0 0; 
   vertical-align   : bottom;
   border-right     : solid 5px #dddddd;
   color            : #555555;
}
header .search .wrapper h5 img {
   width            : 20px;
   height           : 20px;
   margin           : 0 5px 0 5px;
}
header .search .wrapper button[type="button"] {
   height           : 20px;
   padding          : 0 10px 0 10px;
   border           : solid 1px #999999;
}
header .search .wrapper input[type="search"] {
   width            : 264px;
   height           : 20px;
   line-height      : 20px;
   outline          : none;
}
header .search .wrapper input[type="image"] {
   width            : 20px;
   height           : 20px;
   background       : #ffffff;
}
header .search .wrapper input[type="image"]:hover {
   cursor           : pointer; 
}

header .info {
   width            : 280px;
   height           : 50px;
   margin           : 10px 0 10px 0;
   padding          : 9px 9px 9px 9px;
   background       : #ffffff;
   border           : solid 1px #999999;
   border-radius        : 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   -moz-border-radius   : 5px 5px 5px 5px;
   box-shadow           : 1px 1px 3px #bbbbbb inset;
   -moz-box-shadow      : 1px 1px 3px #bbbbbb inset;
   -webkit-box-shadow   : 1px 1px 3px #bbbbbb inset;
}
header .info dl.left {
   text-align       : center;
}
header .info dl.left dt {
   line-height      : 28px;
}
header .info dl.left dd span {
   display          : inline-block;
   width            : 64px;
   height           : 20px;
   line-height      : 20px;
   margin           : 0 2px 0 2px;
   border-radius        : 3px 3px 3px 3px;
   -webkit-border-radius: 3px 3px 3px 3px;
   -moz-border-radius   : 3px 3px 3px 3px;
}
header .info dl.left dd span.twitter {
   background       : #00aced;
   color            : #ffffff;
}
header .info dl.left dd span.facebook {
   background       : #3b5997;
   color            : #ffffff;
}
header .info dl.left dd span.github {
   background       : #eeeeee;
}
header .info .left h5 {
   height           : 15px;
   line-height      : 15px;
   margin           : 0 0 3px 0;
   padding          : 0 0 0 10px;
   background       : #0066cc;
   color            : #ffffff;
   font-weight      : normal;
}
header .info .left p {
   font-size        : 12px;
   line-height      : 16px;
   padding          : 0 3px 0 3px;
}
header .info .left p a {
   color            : #555555;
   text-decoration  : none;
}
header .info .left p a:hover {
   text-decoration  : underline;
}
header .info .left img {
   width            : 48px;
   height           : 48px;
   border           : solid 1px #999999;
}
header .info div.right a {
   display          : inline-block;
   width            : 58px;
   height           : 48px;
   line-height      : 48px;
   border           : solid 1px #999999;
}

nav {
   width            : 100%;
   height           : 36px;
   margin           : 0 0 10px 0;
   background       : #ffffff;
   background       : -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
   background       : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
   background       : -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
   background       : -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
   background       : -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
   background       : linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C */
   filter           : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
   border-top       : solid 1px #d1d1d1;
   border-bottom    : solid 1px #d1d1d1;
}

nav h1 {
   height           : 36px;
   line-height      : 36px;
   margin           : 0 5px 0 0;
   padding          : 0 10px 0 10px;
   background       : #387fa5;
   background       : -moz-linear-gradient(top,  #387fa5 0%, #165e83 100%); /* FF3.6+ */
   background       : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#387fa5), color-stop(100%,#165e83)); /* Chrome,Safari4+ */
   background       : -webkit-linear-gradient(top,  #387fa5 0%,#165e83 100%); /* Chrome10+,Safari5.1+ */
   background       : -o-linear-gradient(top,  #387fa5 0%,#165e83 100%); /* Opera 11.10+ */
   background       : -ms-linear-gradient(top,  #387fa5 0%,#165e83 100%); /* IE10+ */
   background       : linear-gradient(to bottom,  #387fa5 0%,#165e83 100%); /* W3C */
   filter           : progid:DXImageTransform.Microsoft.gradient( startColorstr='#387fa5', endColorstr='#165e83',GradientType=0 ); /* IE6-9 */
   color            : #ffffff;
}
nav ul li {
   display          : inline-block;
}
nav ul li a {
   display          : inline-block;
   width            : 100px;
   height           : 36px;
   line-height      : 36px;
   text-align       : center;
   border-left      : solid 1px #d1d1d1;
   border-right     : solid 1px #d1d1d1;
   font-size        : 16px;
}


footer {
   width            : 100%;
   height           : 70px;
   padding          : 9px 0 0 0;
   background       : #f4f4f4;
   border-top       : solid 1px #d1d1d1;
}
footer .left p {
   line-height      : 25px;
}
footer .left p a {
   display          : inline-block;
   margin           : 0 10px 0 0;
   padding          : 0 15px 0 15px;
   border-radius        : 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -moz-border-radius   : 10px 10px 10px 10px;
   color            : #555555;
   text-decoration  : none;
}
footer .left p a:hover {
   background           : #ffffff;
   box-shadow           : 1px 1px 3px #bbbbbb inset;
   -moz-box-shadow      : 1px 1px 3px #bbbbbb inset;
   -webkit-box-shadow   : 1px 1px 3px #bbbbbb inset;
}
footer .left p span {
   display          : inline-block;
   margin           : 0 10px 0 0;
   padding          : 0 15px 0 15px;
   background       : #999999;
   border-radius        : 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   -moz-border-radius   : 10px 10px 10px 10px;
   color            : #ffffff;
}



.main {
   width            : 100%;
   margin           : 0 0 5px 0;
}
.main_1 {
   width            : 679px;
}
.main_2 {
   width            : 300px;
}



.out_tab {
   width            : 660px;
   margin           : 0 19px 0 0;
   border-bottom    : solid 1px #d1d1d1;
}
.out_tab span {
   display          : block;
   position         : relative;
   top              : 1px;
   width            : 100px;
   text-align       : center;
   margin           : 0 0 0 10px;
   padding          : 9px 0 9px 0;
   background       : #ffffff;
   border           : solid 1px #d1d1d1;
   border-bottom    : none;
   color            : #1e90ff;
   font-size        : 14px;
   font-weight      : bold;
}
.out_tab span:first-child{
   margin           : 0 0 0 0;
}
.out_tab a {
   display          : block;
   position         : relative;
   top              : 1px;
   width            : 100px;
   text-align       : center;
   margin           : 4px 0 0 10px;
   padding          : 4px 0 4px 0;
   border           : solid 1px #999999;
}
.out_tab a:first-child {
   margin           : 4px 0 0 0;
}
.in_tab {
   width            : 640px;
   margin           : 0 19px 20px 0;
   padding          : 9px 9px 0 9px;
   border           : solid 1px #d1d1d1;
   border-top       : none;
}

.sub_out_tab {
   border-bottom    : solid 1px #d1d1d1;
}
.sub_out_tab ul li {
   display          : inline-block;
   margin           : 0 0 0 10px;
}
.sub_out_tab ul li:first-child {
   margin           : 0 0 0 0;
}
.sub_out_tab span {
   display          : block;
   position         : relative;
   top              : 1px;
   text-align       : center;
   padding          : 9px 0 9px 0;
   background       : #ffffff;
   border           : solid 1px #d1d1d1;
   border-bottom    : none;
   color            : #1e90ff;
   font-weight      : bold;
}
.sub_out_tab button {
   display          : block;
   position         : relative;
   top              : 1px;
   text-align       : center;
   margin           : 4px 0 0 0;
   padding          : 4px 0 4px 0;
   border           : solid 1px #999999;
}
.sub_out_tab a {
   display          : block;
   position         : relative;
   top              : 1px;
   text-align       : center;
   margin           : 4px 0 0 0;
   padding          : 4px 0 4px 0;
   border           : solid 1px #999999;
}
.sub_in_tab {
   border           : solid 1px #d1d1d1;
   border-top       : none;
}
.sub_in_tab ul {
   padding          : 4px 4px 4px 4px;
}
.sub_in_tab ul li {
   display          : none;
}
.sub_in_tab_none {
   border           : solid 1px #d1d1d1;
   border-top       : none;
}


.sub .menu {
   margin           : 0 0 20px 0;
   padding          : 9px 9px 4px 9px;
   border           : solid 1px #eeeeee;
   box-shadow         : 2px 2px 6px #999999;
   -moz-box-shadow    : 2px 2px 6px #999999;
   -webkit-box-shadow : 2px 2px 6px #999999;
}
.sub .menu h1 {
   height           : 36px;
   line-height      : 36px;
   margin           : 0 0 15px 0;
   padding          : 0 0 0 50px;
   border-bottom    : solid 1px #d1d1d1;
   color            : #555555;
   font-size        : 18px;
}
.sub .menu h1.icon_home {
   background       : url('/static/common/img/icon_home36.png') no-repeat 5px 0;
}
.sub .menu h1.icon_user {
   background       : url('/static/common/img/icon_user36.png') no-repeat 5px 0;
}
.sub .menu h1.icon_file {
   background       : url('/static/common/img/icon_file36.png') no-repeat 5px 0;
}
.sub .menu h1.icon_about {
   background       : url('/static/common/img/icon_bowlroll36.png') no-repeat 5px 0;
}
.sub .menu ul {
   padding          : 0 0 10px 10px;
}
.sub .menu ul li {
   margin           : 0 0 10px 0;
}
.sub .menu ul li a {
   display          : block;
   height           : 30px;
   line-height      : 30px;
   text-align       : left;
   margin           : 0 10px 0 0;
   padding          : 0 0 0 19px;
   border           : solid 1px #d1d1d1;
}
.sub .menu ul li span {
   display          : block;
   height           : 30px;
   line-height      : 30px;
   text-align       : left;
   margin           : 0 10px 0 0;
   padding          : 0 0 0 19px;
   border           : solid 1px #d1d1d1;
}
.sub .adsense {
   width            : 300px;
   margin           : 0 0 10px 0;
}
.sub .microad1 {
   width            : 300px;
   height           : 250px;
   margin           : 0 0 10px 0;
}
.sub .microad2 {
   width            : 300px;
   margin           : 0 0 10px 0;
}
.sub .imobile_infeed_spot {
    width           : 298px !important;
    border          : solid 1px #d1d1d1;
}
.sub .imobile_infeed {
    width           : 298px !important;
}
.sub .imobile_infeed_img_container {
    margin          : 0 0 0 10px;
}
.sub .imobile_infeed_description {
    overflow        : hidden !important;
    white-space     : nowrap !important;
    text-overflow   : ellipsis !important;
}
.sub .imobile_infeed_title:before{
    content         : "[PR]";
}
.sub .wrapper {
   margin           : 0 0 10px 0;
   padding          : 9px 9px 4px 9px;
   border           : solid 1px #d1d1d1;
}
.sub .wrapper h1 {
   height           : 36px;
   line-height      : 36px;
   margin           : 0 0 9px 0;
   padding          : 0 0 0 50px;
   background       : url('/static/common/img/icon_bowlroll36.png') no-repeat 5px 0;
   border-bottom    : solid 1px #d1d1d1;
   color            : #555555;
   font-size        : 18px;
}
.sub .wrapper_none {
   margin           : 0 0 10px 0;
}
.sub .wrapper_none h1 {
   height           : 36px;
   line-height      : 36px;
   margin           : 0 0 9px 0;
   padding          : 0 0 0 50px;
   background       : url('/static/common/img/icon_bowlroll36.png') no-repeat 5px 0;
   border-bottom    : solid 1px #d1d1d1;
   color            : #555555;
   font-size        : 18px;
}
.sub .corporation dl dt img {
   width            : 280px;
   height           : 120px;
   margin           : 0 0 5px 0;
}
.sub .corporation dl dd {
   height           : 24px;
   line-height      : 24px;
   text-align       : center;
   margin           : 0 0 10px 0;
   background       : #e6e6fa;
   color            : #555555;
}
.sub .donation {
   text-align       : center;
   background       ; #ffffff;
}
.sub .donation a {
   display          : inline-block;
   width            : 208px;
   height           : 36px;
   line-height      : 36px;
   margin           : 14px 0 14px 0;
   border           : solid 1px #999999;
   font-size        : 18px;
}
.sub .link h2 {
   height           : 24px;
   line-height      : 24px;
   padding          : 0 0 0 10px;
}
.sub .link ul {
   margin          : 5px 0 10px 10px;
}
.sub .link ul li {
   padding         : 3px 0 3px 0;
}
.sub .link ul li a {
   color            : #7180be;
   text-decoration  : none;
}
.sub .link ul li a:hover {
   color            : #50609c;
}

.sub .filelatest table {
   margin           : 0 0 10px 0;
   padding          : 4px 4px 4px 4px;
   border           : solid 1px #eeeeee;
   box-shadow         : 2px 2px 6px #999999;
   -moz-box-shadow    : 2px 2px 6px #999999;
   -webkit-box-shadow : 2px 2px 6px #999999;
}
.sub .filelatest table tr th {
   width            : 88px;
   text-align       : left;
   vertical-align   : top;
}
.sub .filelatest table tr th.thumbnail a img {
   width            : 80px;
   height           : 45px;
   padding          : 2px 2px 2px 2px;
   border           : solid 3px #a0b3cd;
}
.sub .filelatest table tr th.count {
   border           : solid 1px #d1d1d1;
}
.sub .filelatest table tr th.count img {
   width            : 12px;
   height           : 12px;
   padding          : 4px 4px 4px 7px;
}
.sub .filelatest table tr th.count p {
   padding          : 0 7px 0 0;
   font-size        : 12px;
   font-weight      : normal;
}
.sub .filelatest table tr td {
   text-align       : left;
   vertical-align   : top;
   padding          : 0 0 0 5px;
}
.sub .filelatest table tr td.title a {
   text-decoration  : none;
}
.sub .filelatest table tr td.title a:hover {
   text-decoration  : underline;
}
.sub .filelatest table tr td.title h5 {
   min-height       : 25px;
   font-size        : 10px;
}
.sub .filelatest table tr td.title h5 a {
   color            : #000000;
}
.sub .filelatest table tr td.title p {
   line-height      : 13px;
   margin           : 1px 0 1px 0;
   font-size        : 8px;
}
.sub .filelatest table tr td.title p a {
   color            : #555555;
}
.sub .filelatest table tr td.title p span {
   display          : inline-block;
   width            : 40px;
   text-align       : center;
   margin           : 0 5px 0 0;
   color            : #ffffff;
}
.sub .filelatest table tr td.title p span.user {
   background       : #4682b4;
}
.sub .filelatest table tr td.title p span.posted {
   background       : #4682b4;
}
.sub .filelatest table tr td.auth {
   border           : solid 1px #ffffff;
}
.sub .filelatest table tr td.auth p {
   text-align       : center;
   background       : #ffffff;
   color            : #ffffff;
   font-size        : 12px;
}
.sub .filelatest table tr td.auth span {
   display          : inline-block;
   line-height      : 20px;
   text-align       : center;
   vertical-align   : top;
   margin           : 0 3px 0 0;
   padding          : 0 10px 0 10px;
   background       : #f84447;
   font-size        : 12px;
   color            : #ffffff;
}
.sub .filelatest table tr td.auth img {
   width            : 20px;
   height           : 20px;
   padding          : 0 0 0 5px;
}
.sub .filelatest div {
   text-align       : center;
   padding          : 9px 9px 9px 9px;
   border           : solid 1px #eeeeee;
   box-shadow         : 2px 2px 6px #999999;
   -moz-box-shadow    : 2px 2px 6px #999999;
   -webkit-box-shadow : 2px 2px 6px #999999;
}
.sub .filelatest div p {
   color            : #999999;
   font-weight      : bold;
}
.sub .filelatest div p a {
   display          : inline-block;
   margin           : 0 0 0 10px;
   color            : #7180be;
   text-decoration  : none;
}
.sub .filelatest div p a:hover {
   color            : #50609c;
}
.sub .filelatest div p a img {
   width            : 20px;
   height           : 20px;
   margin           : 0 5px 0 0;
}



/* FORM
------------------------------------------------------- */

.form_outer {
   margin           : 0 0 20px 0;
   padding          : 9px 9px 9px 9px;
   border           : solid 1px #eeeeee;
   box-shadow         : 2px 2px 6px #999999;
   -moz-box-shadow    : 2px 2px 6px #999999;
   -webkit-box-shadow : 2px 2px 6px #999999;
}
.form h6 {
   padding          : 0 0 10px 0;
}
.form h6 span {
   display          : inline-block;
   height           : 20px;
   line-height      : 20px;
   padding          : 5px 14px 5px 14px;
   border           : solid 1px #d1d1d1;
   color            : #1e90ff;
   font-size        : 14px;
}
.form .form_title h5 {
   height           : 35px;
   line-height      : 35px;
   text-align       : left;
   padding          : 0 0 0 10px;
   border-bottom    : solid 1px #dcd2d2;
   font-size        : 16px;
}
.form .form_title div {
   height           : 36px;
   line-height      : 36px;
   text-align       : center;
   background       : #4682b4;
   color            : #ffffff;
   font-size        : 16px;
}
.form .form_file {
   position         : relative;
   height           : 200px;
   overflow         : hidden;
   margin           : 0 0 15px 0;
   padding          : 2px 2px 2px 2px;
   border           : dashed 3px #aaaaaa;
}
.form .form_file div {
   height           : 200px;
   text-align       : center;
   background       : #ffffff;
}
.form .form_file div img {
   max-width        : 315px;
   max-height       : 200px;
}
.form .form_file input[type="file"] {
   opacity          : 0;
   filter           : progid:DXImageTransform.Microsoft.Alpha(opacity=0);
   position         : absolute;
   right            : 0;
   top              : 0;
   width            : 100%;
   height           : 204px;
   font-size        : 300px;
}
.form .form_file div table {
   width            : 100%;
   height           : 100%;
}
.form .form_file div table tr.loading td {
   text-align       : center;
   vertical-align   : middle;
}
.form .form_file div table tr.loading td img {
   width            : 40px;
   height           : 40px;
   margin           : 0 10px 0 0;
}
.form .form_file div table tr.loading td span {
   display          : inline-block;
   height           : 40px;
   line-height      : 40px;
   font-size        : 18px;
}
.form .form_file div table tr.file th {
   height           : 140px;
   text-align       : center;
   vertical-align   : middle;
}
.form .form_file div table tr.file th img {
   width            : 128px;
   height           : 128px;
}
.form .form_file div table tr.thumbnail td {
   text-align       : center;
   vertical-align   : middle;
}
.form .form_file div table tr.thumbnail td img {
   max-width        : 315px;
   max-height       : 200px;
}
.form .form_file_none {
   height           : 200px;
   text-align       : center;
   margin           : 0 0 15px 0;
   border           : dashed 3px #aaaaaa;
}
.form .form_file_none input{
   margin           : 85px 0 0 0;
   padding          : 5px 5px 5px 5px;
   border           : solid 1px #d1d1d1;
}

.form .form_text {
   vertical-align   : bottom;
   margin           : 0 0 15px 0;
   padding          : 9px 9px 9px 9px;
   border           : solid 1px #dcd2d2;
}
.form .form_text label {
   display          : inline-block;
   text-align       : right;
   margin           : 0 5px 0 0;
   padding          : 4px 0 4px 0;
   color            : #555555;
   font-weight      : bold;
}
.form .form_text input {
   padding          : 3px 7px 3px 7px;
   border           : solid 1px #aaaaaa;
   box-shadow           : 1px 1px 3px #bbbbbb inset;
   -moz-box-shadow      : 1px 1px 3px #bbbbbb inset;
   -webkit-box-shadow   : 1px 1px 3px #bbbbbb inset;
}
.form .form_text select {
   vertical-align   : middle;
   padding          : 3px 3px 3px 7px;
   border           : solid 1px #aaaaaa;
   box-shadow           : 1px 1px 3px #bbbbbb inset;
   -moz-box-shadow      : 1px 1px 3px #bbbbbb inset;
   -webkit-box-shadow   : 1px 1px 3px #bbbbbb inset;
}
.form .form_text button {
   float            : right;
   height           : 24px;
   line-height      : 24px;
   vertical-align   : bottom;
   border           : solid 1px #999999;
}

.form .form_radio {
   vertical-align   : bottom;
   margin           : 0 0 5px 0;
}
.form .form_radio span {
   display          : inline-block;
   text-align       : right;
   padding          : 5px 5px 5px 0;
   color            : #555555;
   font-weight      : bold;
}
.form .form_radio p {
   display          : inline-block;
   position         : relative;
   text-align       : center;
   border           : solid 1px #999999;
}
.form .form_radio p label {
   display         : block;
   padding         : 4px 0 4px 0; 
   background      : #ffffff;
   background      : -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
   background      : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
   background      : -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
   background      : -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
   background      : -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
   background      : linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C */
   filter          : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
   color           : #444444;
}
.form .form_radio p input[type="radio"] {
   cursor           : pointer;
   position         : absolute;
   left             : 0;
   width            : 100%;
   height           : 100%;
   filter           : alpha(opacity=0);
   -moz-opacity     : 0;
   opacity          : 0;
}
.form .form_radio p input[type="radio"]:checked {
   cursor           : default;
}
.form .form_radio p input[type="radio"]:checked  + label {
   background       : #994c4c; /* Old browsers */
   background       : -moz-linear-gradient(top,  #994c4c 0%, #ad6d6d 100%); /* FF3.6+ */
   background       : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#994c4c), color-stop(100%,#ad6d6d)); /* Chrome,Safari4+ */
   background       : -webkit-linear-gradient(top,  #994c4c 0%,#ad6d6d 100%); /* Chrome10+,Safari5.1+ */
   background       : -o-linear-gradient(top,  #994c4c 0%,#ad6d6d 100%); /* Opera 11.10+ */
   background       : -ms-linear-gradient(top,  #994c4c 0%,#ad6d6d 100%); /* IE10+ */
   background       : linear-gradient(to bottom,  #994c4c 0%,#ad6d6d 100%); /* W3C */
   filter           : progid:DXImageTransform.Microsoft.gradient( startColorstr='#994c4c', endColorstr='#ad6d6d',GradientType=0 ); /* IE6-9 */
   color            : #ffffff;
}
.form .form_textarea {
   vertical-align   : bottom;
   margin           : 0 0 15px 0;
   padding          : 9px 9px 9px 9px;
   border           : solid 1px #dcd2d2;
}
.form .form_textarea textarea {
   width            : 98%;
   resize           : vertical;
   border           : solid 1px #999999;
}

.form .form_split_select {
   background       : #d3381c;
}
.form .form_split table tr td {
   text-align       : center;
   vertical-align   : middle;
}
.form .form_split table tr td button {
   height           : 24px;
   line-height      : 24px;
   vertical-align   : bottom;
   border           : solid 1px #999999;
}
.form .form_split table tr td.user {
   width            : 50px;
   padding          : 9px 9px 9px 9px;
   border           : solid 1px #aaaaaa;
   box-shadow           : 1px 1px 3px #bbbbbb inset;
   -moz-box-shadow      : 1px 1px 3px #bbbbbb inset;
   -webkit-box-shadow   : 1px 1px 3px #bbbbbb inset; 
}
.form .form_split table tr td.user img {
   width            : 48px;
   height           : 48px;
   background       : #ffffff;
   border           : solid 1px #999999;
}

.form .form_line_select {
   background       : #d3381c;
   color            : #ffffff;
   font-weight      : bold;
}
.form .form_line {
   margin           : 0 0 15px 0;
   padding          : 9px 9px 9px 9px;
   border           : solid 1px #dcd2d2;
}
.form .form_line p {
   display          : inline-block;
   position         : relative;
   text-align       : center;
   vertical-align   : bottom;
}
.form .form_line p.radio label {
   display         : block;
   width           : 24px;
   height          : 24px;
   background      : url('/static/common/img/icon_radio_none24.png') no-repeat center;
   background-size : 24px;
}
.form .form_line p.radio input[type="radio"] {
   cursor           : pointer;
   position         : absolute;
   left             : 0;
   width            : 100%;
   height           : 100%;
   filter           : alpha(opacity=0);
   -moz-opacity     : 0;
   opacity          : 0;
}
.form .form_line p.radio input[type="radio"]:checked {
   cursor           : default;
}
.form .form_line p.radio input[type="radio"]:checked + label {
   background      : url('/static/common/img/icon_radio_select24.png') no-repeat center;
   background-size : 24px;
}
.form .form_line p.checkbox label {
   display         : block;
   width           : 24px;
   height          : 24px;
   background      : url('/static/common/img/icon_checkbox_none24.png') no-repeat center;
   background-size : 24px;
}
.form .form_line p.checkbox input[type="checkbox"] {
   cursor           : pointer;
   position         : absolute;
   left             : 0;
   width            : 100%;
   height           : 100%;
   filter           : alpha(opacity=0);
   -moz-opacity     : 0;
   opacity          : 0;
}
.form .form_line p.checkbox input[type="checkbox"]:checked + label {
   background      : url('/static/common/img/icon_checkbox_select24.png') no-repeat center;
   background-size : 24px;
}
.form .form_line span {
   display          : inline-block;
   line-height      : 24px;
   margin           : 0 0 0 5px;
   vertical-align   : bottom;
}
.form .form_line button {
   height           : 24px;
   line-height      : 24px;
   vertical-align   : bottom;
   border           : solid 1px #999999;
}
.form .form_line_sub {
   display          : none;
}

.form .form_line_text {
   position         : relative;
   margin           : 0 0 15px 0;
   border           : solid 1px #eeeeee;
   box-shadow         : 2px 2px 6px #999999;
   -moz-box-shadow    : 2px 2px 6px #999999;
   -webkit-box-shadow : 2px 2px 6px #999999;
}
.form .form_line_text img.arrow {
   position         : absolute;
   top              : -30px;
   left             : 20px;
   width            : 50px;
   height           : 30px;
}
.form .form_line_text .form_text {
   border           : none;
   margin-bottom    : 0;
}

.form .form_line_box {
   margin           : 0 0 10px 0;
   padding          : 9px 9px 9px 9px;
   border           : solid 1px #eeeeee;
   box-shadow         : 2px 2px 6px #999999;
   -moz-box-shadow    : 2px 2px 6px #999999;
   -webkit-box-shadow : 2px 2px 6px #999999;
}
.form .form_line_box div.out {
   border-bottom    : solid 1px #d1d1d1;
}
.form .form_line_box div.out button {
   display          : block;
   position         : relative;
   top              : 1px;
   width            : 90px;
   text-align       : center;
   margin           : 4px 10px 0 0;
   padding          : 4px 0 4px 0;
   border           : solid 1px #999999;
}
.form .form_line_box div.out span {
   display          : block;
   position         : relative;
   top              : 1px;
   width            : 100px;
   text-align       : center;
   padding          : 9px 0 9px 0;
   background       : #ffffff;
   border           : solid 1px #d1d1d1;
   border-bottom    : none;
   color            : #1e90ff;
   font-size        : 14px;
   font-weight      : bold;
}
.form .form_line_box div.in {
   overflow-y       : scroll;
   height           : 200px;
   padding          : 4px 4px 0 4px;
   border           : solid 1px #d1d1d1;
   border-top       : none;
}
.form .form_line_box div.in table {
   width            : 100%;
   border-collapse  : separate;
   border-spacing   : 5px;
}
.form .form_line_box div.in table.none {
   height           : 100%;
}
.form .form_line_box div.in table.none tr td {
   text-align       : center;
   vertical-align   : middle;
}
.form .form_line_box div.in table.none tr td p {
   color            : #999999;
}
.form .form_line_box div.in table.exist tr td.checkbox {
   width            : 30px;
   text-align       : center;
   vertical-align   : middle;
}
.form .form_line_box div.in table.exist tr td.checkbox p {
   display          : inline-block;
   position         : relative;
   text-align       : center;
   vertical-align   : bottom;
}
.form .form_line_box div.in table.exist tr td.checkbox p label {
   display         : block;
   width           : 24px;
   height          : 24px;
   background      : url('/static/common/img/icon_checkbox_none24.png') no-repeat center;
   background-size : 24px;
}
.form .form_line_box div.in table.exist tr td.checkbox p input[type="checkbox"] {
   cursor           : pointer;
   position         : absolute;
   left             : 0;
   width            : 100%;
   height           : 100%;
   filter           : alpha(opacity=0);
   -moz-opacity     : 0;
   opacity          : 0;
}
.form .form_line_box div.in table.exist tr td.checkbox p input[type="checkbox"]:checked + label {
   background       : url('/static/common/img/icon_checkbox_select24.png') no-repeat center;
   background-size  : 24px;
}
.form .form_line_box div.in table.exist tr td.img {
   width            : 38px;
   text-align       : left;
   vertical-align   : middle;
}
.form .form_line_box div.in table.exist tr td.img img {
   width            : 36px;
   height           : 36px;
   border           : solid 1px #999999;
}
.form .form_line_box div.in table.exist tr td.user {
   text-align       : left;
   vertical-align   : middle;
}
.form .form_line_box div.in table.exist tr td.user p {
   margin           : 0 0 0 5px;
}
.form .form_line_box div.in table.exist tr td.user p span {
   display          : inline-block;
   padding          : 0 10px 0 10px;
   background       : #0066cc;
   color            : #ffffff; 
}


.form .form_button {
   text-align       : center;
   margin           : 0 0 20px 0;
   padding          : 9px 0 9px 0;
   border-top       : solid 1px #d1d1d1;
   border-bottom    : solid 1px #d1d1d1;
}
.form .form_button button {
   width            : 100px;
   height           : 28px;
   line-height      : 28px;
   margin           : 0 5px 0 5px;
   border           : solid 1px #999999;
}

.form .form_note {
   text-align       : left;
   vertical-align   : top;
   padding          : 0 10px 0 10px;
}
.form .form_note span {
   color            : red;
   font-weight      : bold;
}
.form .form_note dl dt {
   line-height      : 24px;
   margin           : 0 0 5px 0;
   padding          : 0 0 0 7px;
   border-left      : solid 5px #1e90ff;
   border-bottom    : solid 1px #cccccc;
   color            : #555555;
   font-weight      : bold;
}
.form .form_note dl dd {
   padding          : 0 0 10px 20px;
}
.form .form_note .supplement {
   padding          : 10px 0 10px 0;
   border           : solid 1px #aaaaaa;
   box-shadow           : 1px 1px 3px #bbbbbb inset;
   -moz-box-shadow      : 1px 1px 3px #bbbbbb inset;
   -webkit-box-shadow   : 1px 1px 3px #bbbbbb inset;
}
.form .form_note .supplement h6 {
   text-align       : center;
   color            : red;
}
.form .form_note .supplement table {
   margin           : 0 auto 0 auto;
}
.form .form_note .supplement table tr th {
   padding          : 0 5px 0 0;
}

.form .form_error_input {
   display          : none;
   position         : relative;
   top              : -10px;
   line-height      : 20px;
   text-align       : left;
   padding          : 4px 4px 4px 29px;
   background       : #ffffff url('/static/common/img/icon_error20.png') no-repeat 4px 4px;
   border           : solid 1px #eeeeee;
   box-shadow         : 2px 2px 6px #999999;
   -moz-box-shadow    : 2px 2px 6px #999999;
   -webkit-box-shadow : 2px 2px 6px #999999;
   color            : #555555; 
}
.form .form_error_input img.arrow {
   position         : absolute;
   top              : -20px;
   left             : 20px;
   width            : 40px;
   height           : 20px;
}
.form .form_error_server {
   display          : none;
   text-align       : center;
   margin           : 5px 0 15px 0;
   padding          : 9px 9px 9px 9px;
   border           : dashed 1px red;
}



/* PROGRESS
------------------------------------------------------- */
.progress {
   width            : 100%;
   height           : 130px;
}
.progress .status {
   text-align       : center;
   vertical-align   : middle;
}
.progress .status .middle {
   display          : block;
}
.progress .status .complate {
   display          : none;
}
.progress .status table {
   margin           : 0 auto 0 auto;
}
.progress .status table tr th {
   text-align       : left;
   vertical-align   : top;
}
.progress .status table tr th img{
   width            : 40px;
   height           : 40px;
   margin           : 0 10px 0 0; 
}
.progress .status table tr td {
   text-align       : left;
   vertical-align   : top;
}

.progress .stage {
   height           : 40px;
   text-align       : center;
   vertical-align   : top;
}
.progress .stage p {
   display          : inline-block;
   height           : 24px;
   line-height      : 24px;
   padding          : 0 10px 0 10px;
   background       : red;
   border-radius        : 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   -moz-border-radius   : 5px 5px 5px 5px;
   color            : #ffffff;
}



/* RESULT
------------------------------------------------------- */

.result {
   margin           : 0px 0 10px 0;
   padding          : 9px 9px 9px 9px;
   border           : solid 1px #eeeeee;
   box-shadow         : 2px 2px 6px #999999;
   -moz-box-shadow    : 2px 2px 6px #999999;
   -webkit-box-shadow : 2px 2px 6px #999999;
}
.result .contents {
   margin           : 0 0 9px 0;
   border-bottom    : solid 1px #dddddd;
}
.result .contents h1 {
   padding          : 0 0 0 5px;
   color            : #999999;
}
.result .contents p {
   line-height      : 36px;
   padding          : 0 0 0 5px;
   font-size        : 18px;
}
.result table {
   width            : 100%;
   text-align       : left;
   border           : solid 5px #eeeeee;
}
.result table tr th {
   padding          : 5px 5px 5px 5px;
}
.result table tr th div {
   display          : inline-block;
   height           : 24px;
   line-height      : 24px;
}
.result table tr th div:first-child {
   width            : 80px;
   text-align       : center;
   border           : solid 1px #bbbbbb;
   color            : #777777;
}
.result table tr td {
   padding          : 0 5px 5px 5px;
}
.result table tr td p {
   color            : #999999;
}
.result table tr td div.tag {
   display          : inline-block;
   margin           : 2px 10px 2px 0;
}
.result table tr td div.param {
   display          : inline-block;
   margin           : 2px 10px 2px 0;
}
.result table tr td div.param a {
   color            : #6070ac;
   text-decoration  : none;
}
.result table tr td div.param a:hover {
   text-decoration  : under-line;
}



/* CONTROL
------------------------------------------------------- */

.page_navi {
   min-height       : 33px;
   margin           : 0 0 10px 0;
   padding          : 9px 9px 0 9px;
   border           : solid 1px #eeeeee;
   box-shadow         : 2px 2px 6px #999999;
   -moz-box-shadow    : 2px 2px 6px #999999;
   -webkit-box-shadow : 2px 2px 6px #999999;
}
.page_navi .sort {
   height           : 22px;
   line-height      : 22px;
   padding          : 0 14px 0 9px;
   border           : solid 1px #999999;
   box-shadow           : 1px 1px 3px #bbbbbb inset;
   -moz-box-shadow      : 1px 1px 3px #bbbbbb inset;
   -webkit-box-shadow   : 1px 1px 3px #bbbbbb inset;
   color            : #555555;
   font-size        : 11px;
   font-weight      : bold;
}
.page_navi .sort:hover {
   cursor           : pointer;
}
.page_navi .sort img {
   width            : 8px;
   height           : 8px;
   padding          : 7px 3px 7px 0;
}
.page_navi .page span {
   display          : inline-block;
   height           : 22px;
   line-height      : 22px;
   padding          : 0 4px 0 4px;
   border           : solid 1px #999999;
}
.page_navi .page a {
   display          : inline-block;
   height           : 22px;
   line-height      : 22px;
   padding          : 0 4px 0 4px;
   border           : solid 1px #999999;
}
.page_navi .detail {
   display          : none;
}
.page_navi .detail table {
   width            : 100%;
   border-collapse  : separate;
   border-spacing   : 5px;
}
.page_navi .detail table th {
   width            : 200px;
   padding          : 5px 5px 5px 5px;
   background       : #90a2bc;
   color            : #ffffff;
}
.page_navi .detail table td {
   width            : 200px;
   padding          : 0 5px 0 5px;
}
.page_navi .detail table td ul li {
   margin           : 0 0 3px 0;
   font-size        : 11px;
}
.page_navi .detail table td ul li span {
   display          : inline-block;
   padding          : 3px 7px 3px 7px;
   background       : red;
   color            : #ffffff;
}
.page_navi .detail table td ul li a {
   display          : inline-block;
   padding          : 3px 7px 3px 7px;
   color            : #777777;
   font-size        : 11px;
   text-decoration  : none; 
}
.page_navi .detail table td ul li a:hover {
   text-decoration  : underline; 
}



/* SHOW_DENY
------------------------------------------------------- */
.show_deny {
   margin           : 10px 10px 10px 10px;
}
.show_deny h1 {
   margin           : 10px 0 10px 0;
   padding          : 0 0 0 20px;
   color            : red;
   font-size        : 36px;
}
.show_deny dl {
   margin           : 10px 0 0 0;
   padding          : 9px 9px 9px 9px;
   border           : dashed 1px red;
}
.show_deny dl dt {
   margin           : 0 0 10px 10px;
}
.show_deny dl dt span {
   display          : inline-block;
   width            : 200px;
   height           : 24px;
   line-height      : 24px;
   text-align       : center;
   background       : red;
   color            : #ffffff;
   font-weight      : bold;
}
.show_deny table {
   border-collapse  : separate;
   border-spacing   : 10px;
}
.show_deny table tr th {
   width            : 60px;
   text-align       : center;
   vertical-align   : middle;
   background       : #d3381c;
   color            : #ffffff;
}
.show_deny .back {
   text-align       : center;
   padding          : 30px 0 30px 0;
}
.show_deny .back a {
   display          : inline-block;
   width            : 248px;
   height           : 34px;
   line-height      : 34px;
   border           : solid 1px #999999;
   font-size        : 18px;
   font-weight      : bold;
}



/* USERS
------------------------------------------------------- */

.users {
   text-align       : center;
}

.users table.none {
   width            : 100%;
   margin           : 0 0 10px 0;
   border-collapse  : separate;
   border-spacing   : 5px;
}
.users table.none tr td {
   height           : 100px;
   text-align       : center;
   vertical-align   : middle;
   border           : dashed 3px #999999;
}
.users table.none tr td p {
   color            : #999999;
   font-size        : 16px;
   font-weight      : bold;
}

.users a.u4 {
   display          : inline-block;
   width            : 144px;
   margin           : 0 5px 10px 5px;
   border           : solid 1px #eeeeee;
   box-shadow         : 2px 2px 6px #999999;
   -moz-box-shadow    : 2px 2px 6px #999999;
   -webkit-box-shadow : 2px 2px 6px #999999;
}
.users a.u4 h5 {
   text-align       : left;
   padding          : 5px 5px 5px 5px;
   border-bottom    : solid 1px #d1d1d1;
   font-size        : 12px;
}
.users a.u4 table {
   width            : 100%;
   border-collapse  : separate;
   border-spacing   : 5px;
}
.users a.u4 table tr th {
   width            : 50px;
   text-align       : left;
   vertical-align   : middle;
}
.users a.u4 table tr th img {
   width            : 48px;
   height           : 48px;
   border           : solid 1px #999999;
}
.users a.u4 table tr th p {
   height           : 20px;
   line-height      : 20px;
   text-align       : center;
   padding          : 2px 2px 2px 2px;
   background       : #4682b4;
   color            : #ffffff;
}

.users a.u4 table tr td {
   text-align       : left;
   vertical-align   : top;
}
.users a.u4 table tr td p {
   height           : 20px;
   line-height      : 20px;
   padding          : 2px 2px 2px 0;
   text-align       : right;
   vertical-align   : bottom;
   border-bottom    : solid 1px #d1d1d1;
   font-size        : 10px;
}
.users a.u4 table tr td p span {
   display          : display;
   height           : 16px;
   line-height      : 16px;
   margin           : 0 0 0 2px;
   padding          : 0 2px 0 2px;
   border           : solid 1px #999999;
}
.users a.u4 table tr td p img {
   width            : 16px;
   height           : 16px;
   padding          : 2px 2px 2px 2px;
}
.users a.u4 table tr td div {
   height           : 20px;
   line-height      : 20px;
   text-align       : center;
   border           : dashed 2px #d1d1d1;
   color            : #999999; 
}

/* FILES
------------------------------------------------------- */

.files {
   text-align       : center;
}

.files table.none {
   width            : 100%;
   margin           : 0 0 10px 0;
   border-collapse  : separate;
   border-spacing   : 5px;
}
.files table.none tr td {
   height           : 100px;
   text-align       : center;
   vertical-align   : middle;
   border           : dashed 3px #999999;
}
.files table.none tr td p {
   color            : #999999;
   font-size        : 16px;
   font-weight      : bold;
}

.files a.f1 {
   display          : block;
   margin           : 0 0 10px 0;
   border           : solid 1px #eeeeee;
   box-shadow         : 2px 2px 6px #999999;
   -moz-box-shadow    : 2px 2px 6px #999999;
   -webkit-box-shadow : 2px 2px 6px #999999;
}
.files a.f1 h6 p img {
   width            : 20px;
   height           : 20px;
}
.files a.f1 h6 p.auth {
   min-width        : 140px;
}
.files a.f1 h6 p.no_auth {
   min-width        : 140px;
   text-align       : center;
   background       : gray;
   color            : #ffffff;
   font-weight      : bold;
}
.files a.f1 h6 p.private {
   min-width        : 140px;
   text-align       : center;
   background       : red;
   color            : #ffffff;
   font-weight      : bold;
}
.files a.f1 h6 p.r18 {
   margin           : 0 0 0 10px; 
   padding          : 0 20px 0 20px;
   background       : #ff69b4;
   color            : #ffffff;
   font-weight      : bold;
}
.files a.f1 table.outer {
   width            : 100%;
   border-collapse  : separate;
   border-spacing   : 10px;
}
.files a.f1 table.outer tr td {
   text-align       : left;
   vertical-align   : middle;
}
.files a.f1 table.outer tr td:first-child {
   width            : 180px;
}
.files a.f1 table.outer tr td:first-child .thumbnail {
   margin           : 0 0 5px 0;
}
.files a.f1 table.outer tr td:first-child .thumbnail img {
   width            : 160px;
   height           : 90px;
   padding          : 9px 9px 9px 9px;
   border           : solid 1px #bbbbbb;
}
.files a.f1 table.outer tr td:first-child .count {
   display          : inline-block;
   width            : 76px;
   height           : 16px;
   line-height      : 16px;
   text-align       : right;
   padding          : 4px 4px 4px 4px;
   border           : solid 1px #bbbbbb;
}
.files a.f1 table.outer tr td:first-child .count img {
   width            : 16px;
   height           : 16px;
}

.files a.f1 table.outer tr td h5 {
   margin           : 0 0 5px 0;
   font-size        : 22px;
}
.files a.f1 table.outer tr td h6 {
   text-align       : left;
   margin           : 0 0 5px 0;
   border-bottom    : solid 1px #bbbbbb;
   font-weight      : normal;
}
.files a.f1 table.outer tr td h6 span {
   display          : inline-block;
   width            : 40px;
   text-align       : center;
   margin           : 0 5px 0 0;
   background       : red;
   color            : #ffffff;
}
.files a.f1 table.inner {
   width            : 100%;
   height           : 100%;
   border-collapse  : separate;
   border-spacing   : 5px;
}
.files a.f1 table.inner tr td.user {
   width            : 50px;
   text-align       : left;
   vertical-align   : top;
}
.files a.f1 table.inner tr td.user img {
   width            : 48px;
   height           : 48px;
   border           : solid 1px #999999;
}
.files a.f1 table.inner tr td.description {
   padding          : 4px 4px 4px 4px;
   border           : solid 1px #bbbbbb;
}
.files a.f1 table.inner tr td.description p {
   font-weight      : normal;
}
.files a.f1 table.inner tr td.info {
   padding          : 0 0 0 10px;
}
.files a.f1 table.inner tr td.info .name {
   font-size        : 16px;
   font-weight      : bold;
}
.files a.f1 table.inner tr td.info .id {
   color            : #999999;
   font-weight      : bold;
}

.files a.f4 {
   display          : inline-block;
   width            : 144px;
   margin           : 0 5px 10px 5px;
   border           : solid 1px #eeeeee;
   box-shadow         : 2px 2px 6px #999999;
   -moz-box-shadow    : 2px 2px 6px #999999;
   -webkit-box-shadow : 2px 2px 6px #999999;
}
.files a.f4 h5 {
   text-align       : left;
   padding          : 4px 4px 4px 4px;
   font-size        : 12px;
}
.files a.f4 h6 {
   height           : 16px;
   line-height      : 16px;
   text-align       : left;
   margin           : 0 0 0 4px;
   font-size        : 11px;
   font-weight      : normal;
}
.files a.f4 h6 span {
   display          : inline-block;
   width            : 26px;
   text-align       : center;
   margin           : 0 5px 0 0;
   background       : red;
   color            : #ffffff;
}
.files a.f4 table {
   width            : 100%;
}
.files a.f4 table.thumbnail {
   height           : 81px;
   margin           : 0 0 5px 0;
   border-top       : solid 1px #bbbbbb;
   border-bottom    : solid 1px #bbbbbb;
}
.files a.f4 table.thumbnail tr td {
   text-align       : center;
   vertical-align   : middle;
}
.files a.f4 table.thumbnail tr td img {
   max-width        : 144px;
   max-height       : 81px;
}
.files a.f4 table.r18 tr td {
   height           : 20px;
   text-align       : center;
   vertical-align   : middle;
   background       : #ff69b4;
   color            : #ffffff;
}
.files a.f4 table.auth th {
   width            : 35px;
   height           : 20px;
   text-align       : center;
   vertical-align   : middle;
   background       : #f84447;
   color            : #ffffff;
   font-size        : 12px;
}
.files a.f4 table.auth td {
   height           : 20px;
   text-align       : left;
   vertical-align   : middle;
}  
.files a.f4 table.auth td img {
   width            : 20px;
   height           : 20px;
   padding          : 0 0 0 3px;
}
.files a.f4 table.auth td.none {
   text-align       : center;
   background       : #999999;
   color            : #ffffff;
}
.files a.f4 table.info {
   border-collapse  : separate;
   border-spacing   : 5px;
}
.files a.f4 table.info tr th {
   width            : 50px;
}
.files a.f4 table.info tr th img {
   width            : 48px;
   height           : 48px;
   border           : solid 1px #999999;
}
.files a.f4 table.info tr td {
   text-align       : center;
   vertical-align   : middle;
}
.files a.f4 table.info tr td p {
   height           : 20px;
   line-height      : 20px;
   padding          : 2px 2px 2px 0;
   text-align       : right;
   vertical-align   : bottom;
   border-bottom    : solid 1px #999999;
}
.files a.f4 table.info tr td p img {
   width            : 16px;
   height           : 16px;
   padding          : 2px 2px 2px 2px;
}
