body {
    background: #ffffff url(/static/img/bg_body.gif) repeat-x top left;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック',sans-serif;
}
a {
    color: #0076b1;
}
a:visited {
    color: #002d65;
}
h1 {
    width: 345px;
    height: 55px;
    margin: 0 0 25px;
    text-indent: -9999px;
    background: url(/static/img/logo_photoasahi.gif) no-repeat top left;
}
h1 a {
    display: block;
    width: 345px;
    height: 55px;
}
h2 {
    margin-top: 40px;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    font-size: 120%;
    color: #666666;
}
h2 span {
    margin: 0 10px;
}

h3 {
    font-size: 120%;
}
h4 {
    padding-left: 10px;
    border-left: 5px solid #ca1517;
    font-size: 100%;
    line-height: 1.5;
}
.list_header {
    margin: 0;
    text-align: right;
}
.list_header li {
    display: inline;
    margin-left: 15px;
    padding: 7px 0 2px 17px;
    font-size: 85%;
}
.list_header li.q {background: url(/static/img/icon_top.gif) no-repeat top left;}
.list_header li.inq {background: url(/static/img/icon_top.gif) no-repeat 0 -30px;}
.list_header li.login {background: url(/static/img/icon_top.gif) no-repeat 0 -60px;}
.list_header li.apply {
    padding: 12px 10px 2px 27px;
    background:#fcffe0 url(/static/img/icon_top.gif) no-repeat 5px -85px;
    border-right: 1px solid #51a351;
    border-left: 1px solid #51a351;
    border-bottom: 3px solid #51a351;
    box-shadow: 0 2px 2px #cccccc;
    -moz-box-shadow: 0 2px 2px #cccccc;
    -webkit-box-shadow: 0 2px 2px #cccccc;
}
.list_header li.logout,.list_header li.profile,.list_header li.join {
    padding-left: 0;
}
.list_header li a {
    color: #444444;
}

#navbar {
    border-radius: 0;
}
#navbar .navbar-inner {
    padding: 0;
    border: 0;
    border-radius: 0;
    background-image: none;
    filter: none;
}
#navbar .navbar-inner .brand {
    display: none;
}
#navbar .navbar-inner li {
    width:155px; 
/*    width: 194px; */
    min-height: 45px;
    border-left: 1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    -moz-box-shadow: 0 0 10px 3px rgba(200,200,200,0.7) inset;
    -webkit-box-shadow: 0 0 10px 3px rgba(200,200,200,0.7) inset;
    -o-box-shadow: 0 0 10px 3px rgba(200,200,200,0.7) inset;
    -ms-box-shadow: 0 0 10px 3px rgba(200,200,200,0.7) inset;
    box-shadow: 0 0 10px 3px rgba(200,200,200,0.7) inset;
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(top,  #efefef 0%, #efefef 50%, #ffffff 51%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(50%,#efefef), color-stop(51%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #efefef 0%,#efefef 50%,#ffffff 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #efefef 0%,#efefef 50%,#ffffff 51%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #efefef 0%,#efefef 50%,#ffffff 51%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #efefef 0%,#efefef 50%,#ffffff 51%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    text-align: center;
}

#navbar .navbar-inner li a:hover {
    background-color: #e5e5e5;
    -moz-box-shadow: 0 0 10px 3px rgba(200,200,200,0.7) inset;
    -webkit-box-shadow: 0 0 10px 3px rgba(200,200,200,0.7) inset;
    -o-box-shadow: 0 0 10px 3px rgba(200,200,200,0.7) inset;
    -ms-box-shadow: 0 0 10px 3px rgba(200,200,200,0.7) inset;
    box-shadow: 0 0 10px 3px rgba(200,200,200,0.7) inset;
}

#navbar .navbar-inner li:last-child {
    width: 155px;
    border-right: 1px solid #000000;
}

#navbar .navbar-inner li.menu_h2 {
    width: 198px;
}
#navbar .navbar-inner li a {
    padding: 13px 0;
    color: #222222;
}
#navbar .navbar-inner li span {
    font-size: 9px;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック',sans-serif;
}
#navbar .nav {
    margin: 0;
}

#navbar .dropdown-menu li {
    text-align: left;
    width: 100%;
    min-height: 25px;
    background: none;
    box-shadow: none;
    border: 0;
}
#navbar .dropdown-menu li a {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック',sans-serif;
    padding: 5px 10px;
}

#navbar .dropdown-menu li a:hover,
#navbar .dropdown-menu li a:focus,
#navbar .dropdown-submenu li a:hover,
#navbar .dropdown-submenu li a:focus {
    background-image: none;
    background-color: #cccccc;
    box-shadow: none;
}

#navbar .dropdown-menu li:last-child {
    width: 100%;
    border: 0;
}
#navbar .dropdown-menu li.divider {
    height: 1px;
    min-height: 1px;
    border-bottom: 1px solid #e5e5e5;
}
#navbar .dropdown-submenu > a:after {
    display: none;
}
#navbar .dropdown-submenu > a:before {
    display: block;
    float: left;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: 5px;
    border-color: transparent;
    border-right-color: #cccccc;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    content: " ";
}
#navbar .navbar-inner li.comingsoon a:after {
    content: "Coming soon";
    position: relative;
    top: 13px;
    padding: 2px 20px;
    margin-left: -130px;
    font-size: 85%;
    color: #ffffff;
    background-color: #999999\9;
    background-color: rgba(51,51,51,0.7);
    text-shadow: none;
}
.breadcrumb {
    margin: 0 0 10px;
    list-style: none;
    background-color: transparent;
}

/* LOG IN */
.form-login {
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    margin: 0 auto 20px;
    max-width: 500px;
    padding: 19px 29px 29px;
}

.form-login .control-label {
    width: 100px;
}

.form-login .controls {
    margin-left: 120px;
}

/* REGISTER */
.form-register {
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    margin: 0 auto 20px;
    max-width: 800px;
    padding: 19px 29px 29px;
}

.form-login th, .form-register th {
    padding-right: 10px;
    text-align: left;
    white-space: nowrap;
}

.form-login input[type="text"],     .form-register input[type="text"],
.form-login input[type="password"], .form-register input[type="password"] {
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
}
input, textarea, .uneditable-input {
    width: 275px;
}

.label_inline {
    display: inline;
    margin: 0 0 10px 10px;
}

.area_term {
    width: 100%;
    margin: 20px auto;
    height: 150px;
    overflow: auto;
    border: 1px solid #cccccc;
}
/* TOP PAGE */
.box_info {
    margin-top: 0px;
    background-color: #333333;
    background-color: #333333;
    background: rgba(0, 0, 0, 0.75);
    margin-top: 0px;
/*    position: absolute; */
    bottom: 0px;
    width: 100% !important;
}
.box_info p {
    color: #ffffff;
    padding: 2px 0px 2px 2px;
    margin:0px;
    font-size: 90%;
}
.box_info p.pull-right {
    padding: 0 15px;
}
.box_info a {
    color: #ffffff;
}
.box_info .title {
    background-color: #000000;
    font-weight: bold;
}

.box_news {
    margin-top: 25px;
    border-bottom: 1px dotted #000000;
}
.box_news img {
;  float: left;
    margin: 0 10px 15px 0;
}
.box_news h3 {
    margin: 0;
    font-size: 120%;
    line-height: 2.0;
}

.box_news_inner_img {
    float: left;
    margin-bottom: 15px; margin-right: 10px; height:150px; width:225px; display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
}

.box_news .box_news_inner_img img {
    max-height:100%;
    display: block;
    margin: 0 auto;
    clear: both;
}


.box_photoshare {
    margin-top: 10px;
    padding: 8px;
    background-color: #333333;
}
.box_photoshare img {
    float: left;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #333333;
}

.box_photoshare p {
    clear: both;
    padding-top: 14px;
    color: #ffffff;
}
.box_photoshare a {
    color: #ffffff;
}

.box_contest .box_photo {
    float: left;
    width: 125px;
    margin: 0 10px;
}

.box_contest .box_photo p {
    margin-top: 10px;
}

.box_photo img {
    display:block;
    max-height:120px;
    max-height:80px;
    margin-left:auto;
    margin-right:auto;
}


.box_info img,
.box_news img,
.box_contest img,
.carousel-inner,
.topright_col img {
    box-shadow: 0 1px 5px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.7);
}

.topright_col img {
    display:block;
    max-height:200px;
    margin-left:auto;
    margin-right:auto;
}


/* RIGHT COLUMN */
dl.list_local,dl.list_en {
    margin-left: 15px;
    padding-bottom: 25px;
}
.list_local dt,.list_en dt {
    clear: both;
    float: left;
    font-size: 85%;
    color: #ffffff;
    width: 4em;
    text-align: center;
}
.list_local dd {
    margin-bottom: 10px;
    padding-left: 4rem;
}
.list_en dt {
    padding-left: 15px;
    background: url(/static/img/icon_top.gif) no-repeat 0 -153px;
    color: #000000;
}
.list_en dd {
    margin-bottom: 10px;
    padding-left: 85px;
}

.box_contact {
    position: relative;
    margin: 0 0 25px 10px;
    padding: 15px;
    border: 1px solid #cccccc;
}
.box_contact .corner {
    position: absolute;
    top: -1px;
    right: -1px;
}
.box_contact h5 {
    margin: -5px 0 15px;
    font-size: 120%;
    color: #666666;
}
.line_l {
    margin-bottom: 15px;
    border-left: 1px solid #666666;
}
.line_pattern {
    height: 8px;
    margin: 0 0 40px 10px;
    background: url(/static/img/line_pattern.gif) repeat-x top left;
    border: 0;
}

#footer {
    padding: 15px 0 25px;
    background-color: #000000;
    border-top: 2px solid #cccccc;
    color :#ffffff;
}
#footer a {
    color: #ffffff;
}
#footer .footer_logo {
    margin: 20px;
    background-color: #ffffff;
}
#footer .footer_logo a {
    float: left;
    margin: 10px;
}

/* LEAF */
#leaf {
    padding-bottom: 30px;
}
#leaf h2.t_main {
    margin-top: 0;
    border: none;
    font-size: 140%;
    color: #666666;
}
#leaf h3 {
    clear: both;
    margin: 15px 0 0;
    font-size: 120%;
    line-height: 2.0;
}

#leaf p {
    text-indent: 1em;
}
#leaf #leaf_inner {
    clear: both;
}
#leaf #leaf_inner p a {
    font-weight: bold;
    text-decoration: underline;
}
#leaf #leaf_inner .left {
    float: left;
    width: 300px;
    margin: 0 15px 15px 0;
}
#leaf #leaf_inner .right {
    float: right;
    width: 300px;
    margin: 0 0 15px 15px;
}
#leaf #leaf_inner .left img,#leaf #leaf_inner .right img {
    width: 300px;
}
#leaf #leaf_inner .center {
    text-align: center;
    margin-bottom: 15px;
}

.sns_area ul {
    float: right;
    margin: 0;
}
.sns_area li {
    float: left;
    list-style-type: none;
    padding: 5px 0;
}

/* TABLE */
#leaf table,table.underline {
    width: 100%;
    font-size: 14px;
}
#leaf table {
    border: 1px solid #efefef;
}
#leaf table th,#leaf table td {
    padding: 10px;
}
#leaf table th {
    background-color: #efefef;
    border-bottom: 1px solid #ffffff;
}
#leaf table td {
    border-bottom: 1px solid #efefef;
}
.underline th {
    padding-right: 25px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #666666;
    white-space: nowrap;
}
.underline td {
    padding: 10px 0;
    vertical-align: top;
    border-bottom: 1px solid #666666;
}
/* light box */
.lightbox-content .lightbox-caption {
    background: none;
    top: 100%;
}

/* carousel */
#topcarousel {
    clear: both;
    padding-top: 20px;
}
.carousel-control,#topcarousel .carousel-control {
    position: absolute;
    top: 50%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 100px;
    font-weight: 100;
    line-height: 30px;
    color: #333333;
    text-align: center;
    background-color: transparent;
    border: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/* carousel contest_result page */
#topcarousel .pagination,#myCarousel2 .pagination {
    margin: 5px 0;
}
/*
#topcarousel .carousel-control {
  top: 110%;
  left: 45%;
  }
#myCarousel2 .carousel-control {
  top: 103%;
  left: 45%;
  }

#topcarousel .carousel-control.navright,#myCarousel2 .carousel-control.navright {
  right: auto;
  left: 55%;
}
*/
#leaf .carousel-control:hover {
    color: #cccccc;
    text-decoration: none;
    opacity: 1.0;
    filter: alpha(opacity=100);
}
#leaf .carousel-control:focus,#leaf .carousel-control:visited {
    color: #333333;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px;
    background: #333333;
    background: rgba(0, 0, 0, 0.75);
}

.carousel-caption h4,
.carousel-caption p {
    line-height: 20px;
    color: #ffffff;
}

.carousel-caption h4 {
    margin: 0 0 5px;
}

.carousel-caption p {
    margin-bottom: 10px;
}
.carousel-indicators {
    position: absolute;
    right: 10px;
    top: 95%;
    z-index: 5;
    margin: 0;
    list-style: none;
}

.carousel-indicators .active {
    background-color: #ffffff;
}
.carousel-indicators li {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    text-indent: -999px;
    background-color: #ccc;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 5px;
}

.thumb img {
    max-height: 125px;
    max-width: 125px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.7);
}
.thumb .thumb_photoarea {
    display:table-cell;
    width: 140px;
    height: 125px;
    margin: 0 10px;
    text-align: center;
    vertical-align:middle;
    layout-grid-line:125px;
}
.thumb .thumb_photoarea img{
    cursor:pointer;
}
.thumb .thumb_photoarea:first-child  {
    padding-left: 30px;
}
#myCarousel2 .carousel-inner,.thumb {
    box-shadow: none;
}
#myCarousel2 .carousel-inner img {
    margin: 0 auto;
    max-height: 415px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.7);
    cursor: pointer;
}

.carousel-phototitle {
    position: abosolute;
    top: 0;
}

.photo-detail {
    line-height: 2.0;
    text-align: left;
    margin: 30px 0;
}

/* contest */
.award {
    /*padding-left: 25px;
    background: url(/static/img/icon_top.gif) no-repeat 0 -175px;*/

}

.award span {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 5px;
    border: 5px solid #D2BB35;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
}


.contest_mainphoto img,.contest_photo2 img,.contest_photo3 img {
    box-shadow: 0 1px 5px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.7);
}

.contest_mainphoto {
    margin-bottom: 10px;
    text-align: center;
}
.contest_mainphoto img {
    /* max-height: 300px; */
    max-height: 500px;
}

.contest_photo2 {
    width: 300px;
    float: left;
    margin: 0 4px 15px;
    text-align: center;
}
.contest_photo2:nth-child(odd) {
    clear: both;
}

.contest_photo2 img {
    max-height: 150px;
}

.contest_photo2 p {
    text-align: left;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.contest_photo3 a {
    width: 200px;
    height: 150px;
    float: left;
    margin: 0 3px 10px;
    text-align: center;
    overflow: hidden;
}
.contest_photo3 img {
    /*height: 145px;
    max-width: 190px;*/
    height: auto;
    width: auto;
}

.column3 .span4 {
    margin: 0 6px 25px;
}

.map_japan {
    padding: 15px;
    margin: 0 !important;
    background-color: #efefef;
    border: 1px solid #cccccc;
    text-align: center;
}
.map_japan table {
    margin: 0 auto;
    width: 90%;
    table-layout: fixed;
}
#leaf .map_japan table th,#leaf .map_japan table td {
    border-bottom: none;
    padding: 1px;
}
.map_japan .btn-mini {
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
}
.map_japan .hx2 {
    padding: 2em 0;
}
.map_japan .wx1 {
    width: 50%;
    margin: 0 auto;
}
.map_japan table.localbtn4 {
    width: 100%;
    border: 3px solid #cccccc;
    background-color: #ffffff;
}
.map_japan .btn-mini,.map_japan {
    border: 1px solid #ffffff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.map_japan a:hover {
    text-decoration: none;
}
.map_japan a:hover .btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0044cc), to(#0088cc));
    background-image: -webkit-linear-gradient(top, #0044cc, #0088cc);
    background-image: -o-linear-gradient(top, #0044cc, #0088cc);
    background-image: linear-gradient(to bottom, #0044cc, #0088cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0044cc', endColorstr='#0088cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.map_japan a:hover .btn-purple {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #c00099;
    background-image: -moz-linear-gradient(top, #c00099, #9a007b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9a007b), to(#c00099));
    background-image: -webkit-linear-gradient(top, #9a007b, #c00099);
    background-image: -o-linear-gradient(top, #9a007b, #c00099);
    background-image: linear-gradient(to bottom, #9a007b, #c00099);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a007b', endColorstr='#c00099', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.map_japan a:hover .btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top, #51a351, #62c462);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#51a351), to(#62c462));
    background-image: -webkit-linear-gradient(top, #51a351, #62c462);
    background-image: -o-linear-gradient(top, #51a351, #62c462);
    background-image: linear-gradient(to bottom, #51a351, #62c462);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.map_japan a:hover .btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #f89406, #fbb450);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#fbb450));
    background-image: -webkit-linear-gradient(top, #f89406, #fbb450);
    background-image: -o-linear-gradient(top, #f89406, #fbb450);
    background-image: linear-gradient(to bottom, #f89406, #fbb450);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f89406', endColorstr='#fbb450', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.contest_show {
    margin: 0 0 25px !important;
    padding-bottom: 20px;
    box-shadow: 0 -1px 3px #eeeeee;
    border: 1px solid #cccccc;
}
.contest_show h3 {
    margin: 0 10px !important;
}
.contest_show img {
    width: 80px;

}

.up{
    position: relative;
    top: -30px;
    left: 50%;
    z-index: 50;
    width:0;
    height:0;
    border: 16px solid transparent;
    border-bottom-color: #ffffff;
}

/* PAGENATION */
.pagination {
    clear: both;
}

/* LIST */
.list_num li {
    list-style-type: decimal;
    margin-bottom: 15px;
    line-height: 1.5;
}

.list_redarrow li {
    padding-right: 20px;
    background: url(/static/img/icon_top.gif) no-repeat 100% -125px;
    list-style-type: none;
}

.list_row li {
    float: left;
    margin-right: 30px;
    white-space: nowrap;
    line-height: 2.5;
}


/* TEXT */
.more {
    float: right;
    padding-right: 20px;
    background: url(/static/img/icon_top.gif) no-repeat 100% -125px;
}

.txt_s {
    font-size: 12px;
}
.txt_m {font-size: 120%; font-weight: bold;}
.txt_l {font-size: 140%; font-weight: bold;}

.event_date {
    display: table-cell;
    padding: 0 5px;
    vertical-align: middle;
}
/* ALIGN FLOAT */
.align_r { text-align: right; }
.align_c { text-align: center; }
.float_l { float: left; }
.pt00 { padding-top: 0 !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pb00 { padding-bottom: 0 !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.ml10 { margin-left: 10px !important; }
.bold { font-weight:bold; }
.clear {clear: both;}
.noclear {clear: none !important;}


/* BUTTON */
.btn {
    border-color: #c5c5c5;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}

.btn_dl,.btn_apply {
    display: block;
    height: 45px;
    width: 70%;
    margin: 25px auto 0;
    text-align: center;
    color: #ffffff;
    font-size: 140%;
    line-height: 2.3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    background: url(/static/img/btn_sprite.gif) right top no-repeat;
}
.btn_apply {background-position: right bottom;}
.btn_dl:hover {background-position: -88px top;}
.btn_apply:hover {background-position: -88px bottom;}

.btn-purple {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #c00099;
    background-image: -moz-linear-gradient(top, #c00099, #9a007b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c00099), to(#9a007b));
    background-image: -webkit-linear-gradient(top, #c00099, #9a007b);
    background-image: -o-linear-gradient(top, #c00099, #9a007b);
    background-image: linear-gradient(to bottom, #c00099, #9a007b);
    background-repeat: repeat-x;
    border-color: #9a007b #9a007b #c00099;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c00099', endColorstr='#9a007b', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/* DIFF RESPONSIVE */
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 980px;
}
.span12 {
    width: 940px;
}

.span11 {
    width: 860px;
}

.span10 {
    width: 780px;
}

.span9 {
    width: 700px;
}

.span8 {
    width: 620px;
}

.span7 {
    width: 540px;
}

.span6 {
    width: 460px;
}

.span5 {
    width: 380px;
}

.span4 {
    width: 300px;
}

.span3 {
    width: 220px;
}

.span2 {
    width: 140px;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    margin-left: 15px;
}

.dropdown-submenu.pull-left > .dropdown-menu:not(:target) {
    margin-left: 10px\9;
}
.dropdown-menu:not(:target) {
    width: 165px\9;
}

legend a.side-link {
    margin-left: 20px;
    font-size: 14px;
    color: #0076b1;
    text-decoration: underline;
}
@media (max-width: 768px) {
  legend a.side-link {
    margin-left: 0px !important;
    display:block;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 724px;
    }
    .span12 {
        width: 724px;
    }
    .span11 {
        width: 662px;
    }
    .span10 {
        width: 600px;
    }
    .span9 {
        width: 538px;
    }
    .span8 {
        width: 350px !important;
    }
    .span7 {
        width: 414px;
    }
    .span6 {
        width: 352px;
    }
    .span5 {
        width: 290px;
    }
    .span4 {
        width: 300px !important;
    }
    .span3 {
        width: 166px;
    }
    .span2 {
        width: 104px;
    }
    .span1 {
        width: 42px;
    }
    .navbar .btn-navbar {
        display: none;
    }
    .nav-collapse.collapse {
        height: auto !important;
        overflow: visible !important;
    }
    .nav-collapse .nav > li > a {
        font-weight: normal;
    }
    .navbar .nav > li {
        float: left;
    }
    #navbar .navbar-inner li {
        width: 119px;
    }
    #navbar .navbar-inner li.menu_h2 {
        width: 119px;
    }
    #navbar .navbar-inner li:last-child {
        width: 119px;
    }
    #navbar .navbar-inner li span {
        display: none;
    }

    #navbar .navbar-inner li.comingsoon a:after {
        padding: 2px 10px;
        margin-left: -110px;
    }

    #navbar .dropdown-submenu > a:before {
        display: none;
    }

    .nav-collapse .dropdown-menu {
        position: absolute !important;
        top: 100%!important !important;
        left: 0!important !important;
        z-index: 1000!important !important;
        float: left !important;
        min-width: 160px !important;
        padding: 5px 0 !important;
        margin: 2px 0 0 !important;
        list-style: none !important;
        background-color: #ffffff !important;
        border: 1px solid #ccc !important;
        border: 1px solid rgba(0, 0, 0, 0.2) !important;
        -webkit-border-radius: 6px !important;
        -moz-border-radius: 6px !important;
        border-radius: 6px !important;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important;
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important;
        -webkit-background-clip: padding-box !important;
        -moz-background-clip: padding !important;
        background-clip: padding-box !important;
    }

    #navbar .dropdown-menu li {
        text-align: left;
        width: 100%;
        min-height: 25px;
        background: none;
        box-shadow: none;
        border: 0;
    }
    #navbar .dropdown-menu li a {
        font-weight: normal;
    }
    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -92%;
        top: 0;
        margin-left: 10px;
        margin-top: -4px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }

    .dropdown-submenu.pull-left > .dropdown-menu:not(:target) {
        margin-left: -10px\9 !important;
    }

    .navbar .nav > li > .dropdown-menu:before {
        position: absolute;
        top: -7px;
        left: 9px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }
    .navbar .nav > li > .dropdown-menu:after {
        position: absolute;
        top: -6px;
        left: 10px;
        display: inline-block;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        border-left: 6px solid transparent;
        content: '';
    }
    #navbar .dropdown-menu li:last-child {
        width: 100% !important;
    }



    .top_photoarea .span8,.top_photoarea .span4 {
        width: 100% !important;
    }
    .top_photoarea .span4 {
        margin-left: 0 !important;
    }
    #topcarousel {
        display: none;
    }
    .box_photoshare {
        padding: 3px;
    }
    .box_contest .box_photo {
        float: left;
        width: 125px;
        margin: 0 23px;
    }
    .box_contest .box_photo:nth-child(odd) {
        clear: both;
    }
    .box_contest img .box_photo img {
        ;max-width: 125px;
        ;max-height: 125px;
    }
    .topright_col div {
        width: 48%;
        float: left;
        position: relative;
    }

    .topright_col img {
        display:block;
        max-height:100px;
        margin-left:auto;
        margin-right:auto;
    }


.topright_col box_info {
    bottom: 0px;
    left: 0px;
}

.topright_col div:last-child {
    float: right;
}

#leaf p {
    clear: none;
}
.column3 div.span4:nth-child(even) {
    clear: both;
}
.more {
    float: none;
    text-align: right;
}
.btn_dl, .btn_apply {
    display: block;
    height: auto;
    width: 100%;
    margin: 25px 10px;
    font-size: 100%;
    background: none;
    background-color: #cccccc;
}
.btn_dl:hover, .btn_apply:hover {
    background-color: #a10000;
    color: #ffffff;
}
}

@media (max-width: 767px) {
    body {
        background: none;
    }
    h1 {
        display: none;
    }
    .container {
        width: auto;
    }
    input, textarea, .uneditable-input {
        width: auto;
    }
    .list_header li {
        margin-left: 5px;
        padding: 7px 0 2px 10px;
        background-image: none !important;
    }
    .list_header li i {
        display: none;
    }
    .list_header li.apply {
        padding: 12px 10px 2px 10px;
    }
    #navbar .navbar-inner {
        margin-top: 15px;
        background-color: #ffffff;
        background-image: none;
        border: 1px solid #d4d4d4;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    }


    #navbar .navbar-inner li.menu_h2 {
        width: auto;
    }

    #navbar .navbar-inner .brand {
        display: block;
        float: left;
        font-size: 0;
        margin-left: 0;
        padding: 0;
    }
    #navbar .navbar-inner li,#navbar .navbar-inner li:last-child {
        width: auto;
        margin: 5px 10px;
        background-color: #fafafa;
        background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
        background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
        background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
        background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
        background-repeat: repeat-x;
        border: 1px solid #d4d4d4;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

    #navbar .dropdown-submenu > a:before {
        display: none;
    }

    .dropdown-menu:not(:target) {
        width: auto\9;
    }

    .topright_col div {
        width: 48%;
        float: left;
    }
    .topright_col div:last-child {
        float: right;
    }

    .topright_col img {
        display:block;
        max-height:100px;
        margin-left:auto;
        margin-right:auto;
    }

    .carousel-caption p,.topright_col .box_info {
        display: none;
    }

    .box_photoshare {
        margin-top: 10px;
        padding: 18px;
        background-color: #333333;
    }
    .box_contest .box_photo {
        float: left;
        width: 125px;
        margin: 0 12px;
    }
    #topcarousel {
        display: none;
    }

    #leaf p {
        clear: none;
    }

    .more {
        float: none;
        text-align: right;
    }
}



@media (max-width: 640px) {
    h3,p {
        line-height: 1.5 !important;
        letter-spacing: 0.1;
    }

    .list_header li {
        /*display: block;*/ /* by t */
        padding: 5px 0;
        list-style-type: none;
        text-align: left;
    }

    .form-login .controls {
        margin-left: 0 !important;
    }

    /* by t */
    .list_header li:last-child {
        display: inline-block;
        padding-top: 0px;
    }

    .list_header li.apply {
        border-top: 1px solid #51a351;
    }

    .contest_photo2,.contest_photo3 a {
        float: none;
        margin: 0 auto;
        display: block;
    }

    .list_redarrow li {
        background: none;
    }
    .btn_dl, .btn_apply {
        display: block;
        height: auto;
        width: 100%;
        margin: 25px 10px;
        font-size: 100%;
        background: none;
        background-color: #cccccc;
    }
    .btn_dl:hover, .btn_apply:hover {
        background-color: #a10000;
        color: #ffffff;
    }
}

@media (max-width: 320px) {
    body {
        /* font-size: 120%; */ /* by t */
        line-height: 1.5;
        letter-spacing: 0.1em;
    }

    #navbar .navbar-inner .brand {
        width: 80%;
    }

    .carousel-caption p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
    }

    .box_news .muted {
        clear: both;
    }

    .map_japan {
        padding: 0;
    }

    #leaf .map_japan table th, #leaf .map_japan table td {
        font-size: 70%;
    }

    .box_contest {
        width: 100%;
    }

    .box_contest .box_photo {
        float: none;
        margin: 0 auto;
    }

    .form-register .controls textarea {
        width: 100%;
    }

    .form-horizontal .controls {
        margin-left: 0;
    }

    .form-login .controls {
        margin-left: 0;
    }

    /* by t */
    .form-horizontal {
        max-width: 280px;
    }

    .form-horizontal fieldset {
        max-width: 220px;
    }

    #leaf #leaf_inner .right, #leaf #leaf_inner .left {
        float: none;
        max-width: 260px;
        margin: 0 0 15px 10px;
    }

    .event_date {
        padding: 0;
    }

    .txt_l {
        font-size: none;
    }
}

.carousel-inner img {
    margin: 0 auto;
}
.item-hidden {
    visibility: hidden !important; 
}