/* /home/snitobitakyu/sni-tobitakyu.or.jp/public_html/layout/default/css_ltr/style.css */

main#main-content h2 span{
padding:20px;
border-left:6px #6da547 solid;
}
main#main-content h3 span::before{
content: "●";
padding-right: 10px;
color: #f69907;
font-size: 1.3em;
}
main#main-content .left_bd::before{
content: "";
padding:0 8px;
border-left:4px #333 solid;
}
main#main-content .pdf_dl{
margin-left: auto;
}
main#main-content .yellow_box {
background-color: #F8F6ED;
border: 1px solid #D6D2C1;
padding: 10px;
}
main#main-content .white_box {
background-color: #FFF;
padding: 10px;
}
main#main-content .gray_box {
background-color: #f5f5f5;
padding: 10px;
}
main#main-content .green_box {
background-color: f7fdf4;
padding: 10px;
}
main#main-content .border_box{
padding: 10px;
border: 1px #b5b5b5 solid;
}
main#main-content .border_box30{
padding: 30px;
border: 1px #b5b5b5 solid;
}
main#main-content .check_list li{
content:"";
padding-left: 40px;
margin-bottom: 14px;
background-image: url('/images/library/Image/check.jpg');
background-repeat: no-repeat;
background-position:left;
}
main#main-content #content_category03 .bg_img{
background-repeat: repeat-y;
background-position: right;
}
main#main-content #content_category03.content_category03-11 .bg_img.leef{
background-image: url('/images/library/Image/img03-11-03.gif');
}
main#main-content #content_category03.content_category03-10 .bg_img.sky1{
background-image: url('/images/library/Image/img03-10-03.gif');
}
main#main-content #content_category03.content_category03-10 .bg_img.sky2{
background-image: url('/images/library/Image/img03-10-04.gif');
background-size: 18% 100%;
}
@media (max-width: 767px) {
main#main-content #content_category03.content_category03-10 .bg_img.sky2{
background-size: auto;
}
}
main#main-content #content_category03.content_category03-01 .photo {
width: 190px;
}
main#main-content #content_category03.content_category03-01 .border_box {
min-height: 246px;
}
main#main-content #content_category07.content_category07-01 .border_box {
min-height: 204px;
}
main#main-content #content_category07.content_category07-01 a,
main#main-content #content_category07.content_category07-01 img {
display: block;
}
main#main-content #content_category07.content_category07-01 img{
margin: 0 auto;
}
main#main-content #content_category07.content_category07-01 .arrow {
padding: 0 0 0 10px;
margin-left: 20px;
background-image: url('/images/library/Image//arrow_02.gif');
background-position: 3px 9px;
background-repeat: no-repeat;
}
div#FORM fieldset.confirm p.disp-btn {
display:none !important;
}
@media (min-width: 1200px) {
main#main-content div.yellow_box div.white_box p.left_bd {
padding-left:65px;
}
}
.button-e1 {
position: relative;
display: inline-block;
padding: .9em 3.6em;
border: 2px solid #fff;
color: #fff;
text-align: center;
text-decoration: none;
outline: none;
transition: all .3s;
}
.button-e1::before,
.button-e1::after,
.button-e1 span::before,
.button-e1 span::after {
position: absolute;
z-index: 2;
content: '';
width: 0;
height: 0;
border: 2px solid transparent;
transition: all .3s;
}
.button-e1::before {
top: -2px;
left: -2px;
border-left-color: #b9d08b;
}
.button-e1::after {
bottom: -2px;
right: -2px;
border-right-color: #b9d08b;
}
.button-e1 span::before {
bottom: -2px;
left: -2px;
border-bottom-color: #b9d08b;
}
.button-e1 span::after {
top: -2px;
right: -2px;
border-top-color: #b9d08b;
}
.button-e1:hover {
color: #fff;
text-decoration: none;
}
.button-e1:hover::before,
.button-e1:hover::after {
height: 100%;
visibility: visible;
}
.button-e1:hover span::before,
.button-e1:hover span::after {
width: 100%;
visibility: visible;
}
.button-e2 {
position: relative;
display: inline-block;
padding: .9em 3.6em;
border: 2px solid #555;
color: #555;
text-align: center;
text-decoration: none;
outline: none;
transition: all .3s;
}
.button-e2::before,
.button-e2::after {
position: absolute;
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
z-index: 2;
content: '';
transition: all .3s;
}
.button-e2::before {
border-top: 2px solid #b9d08b;
border-bottom: 2px solid #b9d08b;
transform: scale(0, 1);
}
.button-e2::after {
border-right: 2px solid #b9d08b;
border-left: 2px solid #b9d08b;
transform: scale(1, 0);
}
.button-e2:hover {
color: #20604F;
}
.button-e2:hover::after,
.button-e2:hover::before {
transform: scale(1);
}
.button-e3 {
width:140px;
height:50px;
border:2px solid #b9d08b;
float:left;
text-align:center;
cursor:pointer;
position:relative;
box-sizing:border-box;
overflow:hidden;
margin:0 0 40px 5px;
}
.button-e3 span {
font-family:arial;
font-size:16px;
color:#20604F;
text-decoration:none;
line-height:50px;
transition:all .5s ease;
z-index:2;
position:relative;
}
.eff-2{
width:140px;
height:50px;
left:-140px;
background:#b9d08b;
position:absolute;
transition:all .5s ease;
z-index:1;
}
.button-e3:hover .eff-2 {
left:0;
}
.button-e3:hover span {
color:#fff;
}
div.expand-box {
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-right: calc(((100vw - 100%) / 2) * -1);
}
div.expand-box div.expand-innerbox {
width:100%;
margin:0 auto;
}
@media (min-width: 1200px) {
div.expand-box div.expand-innerbox {
max-width:1200px;
}
}
div.expand-box p {
color:#fff;
}
div.backscroll-xbox {
background-repeat: repeat-x;
-webkit-animation: bgscroll 180s linear infinite;
animation: bgscroll 180s linear infinite;
}
@-webkit-keyframes bgscroll { 0% {background-position: 0 0;} 100% {background-position: -1200px 0;}}
@keyframes bgscroll { 0% {background-position: 0 0;} 100% {background-position: -1200px 0 ;}}
fieldset.style-btn {
border:solid 5px #a77;padding:5px;
}
div#wrapall {
overflow:hidden;
}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.ma {margin:0 auto;display:block;}
.ml20 {margin-left:20px !important;}
.ml40 {margin-left:40px !important;}
.font-wh {color:#fff;}
.font-red {color:#f00;}
.font-pink {color:#fd4fca;}
.font-green {color:#5da821;}
.font-underline {text-decoration:underline;}
.textr {text-align:right;}
.r90 {transform: rotate(90deg);}
table tr.false {display:none;}
.ft-title {font-family:Shin Go Regular;}
.ft-catch {font-family:Ryumin Regular KL;}
div#main_content strong.ft-title {
margin-bottom:30px;
display: block;
font-size: 1.1em;
}
div#main_content p {margin-top:10px;}
.uk-button-primary {
background-color:#6da547 !important;
}
div#uk-offcanvas a.uk-close {
color:#777;
opacity:1.0;
margin-bottom:10px;
}
body.uk-offcanvas-page div#top_nav {
display:none;
}
span#menutxt {display:none;}
@media (max-width: 767px) {
span#menutxt {
font-size:0.7em;
display:block;
text-align:center;
}
}
div#main_content ul {
list-style-type: none;
margin: 0;
padding: 0;
}
main#main-content h2 {
width:100%;
text-align:left;
background-color: #f5f5f5;
color:#333;
font-size:1.65em;
margin-bottom:40px !important;
padding:40px 20px;
box-sizing:border-box;
}
main#main-content h2.top {
background:none;
padding:0;
font-size:2.4em;
}
@media (max-width: 767px) {
main#main-content h2.top {
font-size:1.6em;
}
}
main#main-content h3 {
width:100%;
min-height:60px;
height:auto;
background-color: #f5f5f5;
font-size: 1.25em;
color: #333;
padding: 11px 0 11px 10px;
box-sizing:border-box;
border-bottom: 2px solid #f69907;
font-weight:bold;
}
main#main-content div#content_category02 h3 span {
border-left: solid 7px #fd4fca;
}
main#main-content h4 {
background-color:#f9f9f9;
border-bottom:solid 8px #eaeaea;
border-top:dotted 1px #ddd;
border-left:dotted 1px #ddd;
border-right:dotted 1px #ddd;
padding:5px 0 5px 24px;
font-size:1.15em;
background:url(/images/library/Image/common/h3.png) no-repeat;
background-position:5px 11px;
}
main#main-content div.border-box,main#main-content .border-box{
border:solid 1px #aaa;
padding:20px;
box-sizing: border-box;
width:100%;
margin:0 0 20px 0;
line-height:1.3em;
}
main#main-content .border-box2 {
border:solid 7px #f2f2f2;
padding:20px;
box-sizing: border-box;
width:100%;
margin:0 0 20px 0;
line-height:1.3em;
}
main#main-content div.border-box li {
line-height:1.8em;
}
main#main-content .bggray-box {
margin-bottom: 40px;
padding: 30px 20px;
background-color: #f2f2f2;
box-sizing: border-box;
width:100%;
}
main#main-content .bggray-box p {
margin:0;
}
main#main-content strong.bbox {
margin-bottom: 20px;
padding: 15px 20px;
background-color: #4175f4;
box-sizing: border-box;
color:#fff;
width:100%;
display:block;
margin:0 auto 20px;
}
main#main-content ul.svbox {
padding:0;
}
main#main-content ul.svbox li {
padding:10px;
background-color: #f0f0f0;
margin-bottom:10px;
list-style:none;
color:#083090;
}
main#main-content .bgblue-box {
margin-bottom: 40px;
padding: 30px 20px;
background-color: #083090;
box-sizing: border-box;
width:100%;
color:#fff;
}
div#form_step {
margin:20px 0;
}
ul.uk-breadcrumb {
display:block;
margin:10px 0;
padding:2px 0 2px 10px;
background-color:#f3f3f3;
}
ul.uk-breadcrumb li a span {
font-size:0.8em;
}
div.box-lp {
padding-left:2% !important;
min-height:150px;
}
@media (min-width: 1200px) {
div#header-box.uk-sticky-fixed {
width:1200px !important;
box-shadow: 2px 5px 4px 0 rgba(0,0,0,0.2);
}
}
@media (min-width: 640px) {
div#header-box.uk-sticky-fixed div#header_inner {
height:90px;
}
div#header-box.uk-sticky-fixed {
box-shadow: 2px 5px 4px 0 rgba(0,0,0,0.2);
}
}
div#header-box.uk-sticky-fixed div#top_menu {
display:none;
}
ul.topmenu {
margin-left:-35px !important;
}
ul.topmenu li a {
display: block;
color: #fff !important;
background-color: #1d9c92;
padding: 15px 9px;
margin-bottom: 15px !important;
text-decoration: none;
border-radius: 5px;
}
div.section strong {
display:block;
width:80%;
margin:0 auto 30px;
}
main#main-content div#link_menu {
margin-bottom:80px;
}
main#main-content div#link_menu li {
list-style: none;
}
main#main-content div#link_menu li a {
width: 45%;
margin: 10px 20px 5px 0;
box-sizing: border-box;
float: left;
display: block;
border: 1px solid #aaa;
border-radius: 5px;
padding: 25px 10px 25px 48px;
color: #121;
font-weight: bold;
text-decoration: none;
background: url(/images/library/Image/common/logo-menu.png) no-repeat;
background-position: 30px 30px;
}
body {
background-color:#fff;
}
div#top_menu {
height:67px;
padding-top:3px;
box-sizing:boder-box;
}
div#global-nav {
position: relative;
z-index:1000;
filter:alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
}
div#top_nav_inner a.my-toggle {
display:block;
}
body.uk-offcanvas-page div#top_nav_inner a.my-toggle {
display:none;
}
div.uk-offcanvas-bar {
background: #fff;
}
div.uk-offcanvas-bar ul.uk-nav li {
border-bottom: dotted 1px #bbb;
margin-bottom: 1em;
}
div.uk-offcanvas-bar ul.uk-nav li a {
color:#333;
font-size: 1.15em;
}
div.uk-offcanvas-bar ul.uk-nav li a:hover {
background-color:#777;
}
div#top_nav_inner a.togbtn {
position:absolute;
right:2%;
}
div.non-border-box {
border:none;
padding:2%;
padding-left:0;
box-sizing: border-box;
width:100%;
margin-left:0;
}
.uk-nav-offcanvas > li > a {
color:#ccc !important;
}
.uk-nav-offcanvas > li > a:hover {
color:#fff !important;
}
#header_inner {
margin:0 auto;
height:165px;
z-index:9999;
position:relative;
background-color:#fff;
max-width: 1200px;
}
div#top_nav {
height:98px;
}
@media (max-width: 639px) {
div#header_inner {
box-shadow: 2px 5px 4px 0 rgba(0,0,0,0.2);
}
div#header_inner,div#top_nav {
height:55px;
}
}
.site_name {
padding-top:5px !important;
}
@media (max-width: 767px) {
div#container nav.uk-navbar {
position:relative;
z-index:9999;
}
.site_name {
margin:0 !important;
padding:10px 0 5px 0 !important;
min-width:190px;
text-align:center;
}
div.uk-grid img {
margin-bottom:10px !important;
}
div#link_menu {
display:none;
}
}
#header_inner h1,#header p {
margin:0;
}
#header_inner h2 {
font-size:10px;
font-weight:normal;
padding-top:5px;
margin:0 0 10px -130px;
text-shadow:none;
color:#555;
line-height:1.5em;
white-space: nowrap;
}
#header_inner #logo h1 a img,div.uk-navbar-brand h1 a img {
max-width:100%;
margin:42px 0 0 20px;
}
@media (max-width: 1024px) {
#header_inner #logo h1 a img {
max-width:90%;
}
}
div#header-box.uk-sticky-fixed #header_inner #logo h1 a img {
margin:12px 0 0 20px;
}
div#container nav.uk-navbar {
height:98px;
border:none !important;
}
@media (max-width: 639px) {
div#container nav.uk-navbar {
height:55px;
background-color:#fff;
}
}
.uk-navbar-nav>li>a>img {
margin: 0 auto;
display: block;
}
div#top_nav_inner div.smnav {
width: 100%;
margin: 0;
}
div#breadcrumbs-box {
background-color: #f0f0f0;
}
div#breadcrumbs-box div.breadcrumbs {
width:1200px;
margin:0 auto 15px;
}
div#breadcrumbs-box div.breadcrumbs ul {
width:1200px;
padding-left:10px;
}
@media (max-width: 1199px) {
div#breadcrumbs-box div.breadcrumbs,div#breadcrumbs-box div.breadcrumbs ul {
width:100%;
}
}
div#top_img_wrapper {
width:1600px;
margin:0 auto;
height:704px;
z-index:10;
}
div#top_img {
height: 704px;
left: 50%;
margin-left: -800px;
overflow: hidden;
position: absolute;
width: 1600px;
}
.uk-slidenav {
font-size:100px;
}
div#wrapper.toppage main#main-content {
max-width:1200px !important;
width:100% !important;
padding:0 !important;
}
div#wrapper.toppage div#rightblocks {
display:none !important;
}
div.top_banner {
background-color:#eee;
padding:5px;
box-sizing: border-box;
margin-bottom:30px;
}
div.top_banner a {
text-decoration:none;
}
div.top_banner div#top_banner_inner {
box-sizing: border-box;
border:solid 1px #fff;
padding:10px;
}
div.top_banner div#top_banner_inner img.pc {
padding:10px 0 10px 10px;
}
div.top_banner div#top_banner_inner img.bot {
margin:0 auto;
display:block;
}
div.top_banner div#top_banner_inner strong {
display:block;
font-size:2.4em;
line-height:1.5em;
border-bottom:solid 1px #2570b4;
}
@media (max-width: 767px) {
div.top_banner div#top_banner_inner div.uk-width-small-2-5 {
width:33%;
}
div.top_banner div#top_banner_inner div.uk-width-small-3-5 {
width:66%;
}
div.top_banner div#top_banner_inner strong {
font-size:1.3em;
}
}
div.top_banner div#top_banner_inner p {
color:#333;
padding:0 0 10px 0;
}
div#top_main div.innerbox {
box-sizing: border-box;
border:solid 7px #f4f4f4;
padding:10px;
background-color:#fff;
margin:0 auto 20px;
}
div#top_main div.innerbox h2 {
background:none;
margin:0 0 15px 0 !important;
height:43px;
text-align:left;
padding:8px 0 0 10px;
font-weight:bold;
font-size:1.3em;
}
div#top_main div.innerbox h2.tmh1 {
border-left:solid 11px #fe88d8;
}
div#top_main div.innerbox h2.tmh2 {
border-left:solid 11px #5da821;
}
div#top_main div.innerbox h2.tmh3 {
border-left:solid 11px #2570b4;
}
div#top_main div.innerbox p {
color:#333;
}
div#top_main a {
text-decoration:none;
}
div#top_slider ul li p {
color: #fff;
font-size: 3.2em;
text-align: center;
margin-top: -460px;
letter-spacing :-2px;
text-shadow    :
4px  4px 4px #321b00,
-4px  4px 4px #321b00,
4px -4px 4px #321b00,
-4px -4px 4px #321b00,
4px  0px 4px #321b00,
0px  4px 4px #321b00,
-4px  0px 4px #321b00,
0px -4px 4px #321b00;
}
@media only screen and (min-width: 963px) and (max-width: 1199px) {
div#top_slider ul li p {
font-size: 2em;
margin-top: -300px;
}
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
div#top_slider ul li p {
font-size: 2.2em;
margin-top: -300px;
letter-spacing :-3px;
}
}
@media only screen and (max-width: 767px) {
div#top_slider ul li p {
font-size: 1.6em;
margin-top: -180px;
}
}
div#top_img a.uk-slidenav-previous svg {
left: 10%;
}
div#top_img a.uk-slidenav-previous svg, div#top_img a.uk-slidenav-next svg {
transform: scale(1.5);
position: absolute;
top: 50%;
}
div#top_img a.uk-slidenav-next svg {
right: 10%;
}
div#top_img a.uk-slidenav-previous svg, div#top_img a.uk-slidenav-next svg {
transform: scale(1.5);
position: absolute;
top: 50%;
}
div#top_img ul.uk-dotnav {
margin-bottom: 10px;
}
div#top_img ul.uk-dotnav a {
width: 20px;
height: 20px;
border: solid 2px #fff;
}
div#top-message {
background-color:#639920;
text-align:center;
padding: 30px 0 10px 0 !important;
}
div#main_content div#top-message strong {
font-size:2em;
color:#fff;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
div#top-message {
padding: 20px 0 !important;
}
div#main_content div#top-message strong {
font-size:1.6em;
}
}
@media only screen and (max-width: 767px) {
div#top-message {
padding: 10px 0 !important;
}
div#main_content div#top-message strong {
font-size:1.06em;
padding: 0 10%;
}
}
div#wrapper.toppage div#gyouji-top {
background-color:#f4fceb;
}
div#wrapper.toppage div#gyouji-top div#databox_whatsnew a {
text-decoration:none;
}
div#wrapper.toppage div#gyouji-top div.gyouji-border-box {
border:solid 10px #eee;
box-sizing:border-box;
padding:8px 0 3px 15px;
width:90%;
background-color:#fff;
margin: 0 auto 20px;
}
div#wrapper.toppage div#gyouji-top div.gyouji-border-box p {
color:#333;
font-size:1.4em;
}
div#wrapper.toppage div#gyouji-top div.gyouji-border-box p span {
margin-right:10px;
}
div#wrapper.toppage div#gyouji-top div.gyouji-border-box p span.title {
color:#113;
font-weight:bold;
}
div#wrapper.toppage div#gyouji-top div.gyouji-border-box p span.date {
color:#e00;
}
div#information {
background-color: #f4f4f4;
box-sizing: border-box;
padding-left:20px;
}
div#information div.fb-container {
display: block;
margin: 0 auto;
width: 450px;
}
div#info-inner {
width:100%;
min-height:250px;
box-sizing: border-box;
border:solid 7px #edf2f1;
padding:10px 10px 5px 8px;
background-color:#fff;
}
div#topcontent div#information h2 {
padding:0 0 0 20px;
font-size:1.2em;
margin-bottom:15px;
font-weight:bold;
}
div#topcontent div#information ul.menu {
display:block;
padding:0;
margin-bottom:20px;
list-style:none;
}
div#topcontent div#information ul.menu li a {
font-size:1.1em;
color:#fff;
width:100%;
padding:10px 0;
display:inline-block;
text-align:center;
margin-bottom:5px;
border-radius:4px;
}
div#topcontent div#information ul.menu li.m1 a {background-color:#2570b4;}
div#topcontent div#information div#databox_whatsnew {
overflow:auto;
height:240px;
}
div#information p.more a {
color:#fff;
background-color:#6da547;
padding:6px 15px;
text-decoration:none;
}
div#databox_whatsnew ul {
list-style:none;
padding:0 0 0 5px;
}
div#databox_whatsnew ul li {
border-bottom:dotted 1px #ccc;
margin-bottom:14px;
}
div#databox_whatsnew ul li p.released {
padding: 0 0 5px 75px;
margin: 0;
}
div#undermenu {
padding:7px 0;
}
div#undermenu .uk-grid {
margin-left:0 !important;
}
div#undermenu a {
padding:0;
max-width:300px;
}
@media (max-width: 1199px) {
div#top_img_wrapper {
width:933px;
height:350px;
margin:0 auto;
}
div#top_img {
height: 350px;
left: 50%;
margin-left: -466px;
overflow: hidden;
position: absolute;
width: 933px;
}
div#topmenu {
margin:5px 0 26px 0;
padding:7px 10px;
}
}
@media (max-width: 767px) {
div#top_img_wrapper {
width:auto;
height:auto;
margin-top:0;
}
div#top_img {
width:100%;
left:0;
margin-left:0;
height:auto;
max-height: 270px;
position:relative;
}
div#topmenu {
padding:7px 0;
}
div#topmenu a img {
margin:0 auto 20px;
display:block;
}
div#information {
background-color:#f0f0f0;
min-height:260px;
margin-bottom:70px;
box-sizing: border-box;
padding:5px 7px;
}
div#info-inner {
width:100%;
min-height:250px;
box-sizing: border-box;
border:solid 1px #aaa;
padding:5px 5px 5px 8px;
background-color:#fff;
}
}
@media (max-width: 639px) {
div#top_img {
max-height: 213px;
}
}
@media only screen and (max-width: 479px) {
div#top_img {
max-height: 180px;
}
div#topmenu a img {
margin:0;
}
}
main#main-content div#main_content div.expand-box {
padding:40px 0 2px 0;
}
main#main-content div#main_content div.expand-box h4 {
border:none;
background:none;
padding:0;
}
main#main-content h3.banner_box {
background:none;
border:none;
font-size:1.7em;
padding:0;
}
div#banner_box p {
padding-left:0;
margin-bottom:40px;
}
div#wrapper.toppage div#rightblocks {
display:none;
}
div#rightblocks section.block-right h2 {
display:none;
}
div#rightblocks section.block-right ul.top {
width:195px;
margin:0;
padding:0;
list-style:none;
}
div#rightblocks section.block-right ul.top li {
margin-bottom:1px;
}
div#rightblocks section.block-right ul.top li a {
display:block;
background-color:#f5f5f5;
height:31px;
padding:13px 0 0 10px;
margin:0;
background-image: url('/images/library/Image/common/right-li.png');
background-repeat: no-repeat;
background-position: 5px center;
text-decoration:none;
color:#333;
}
@media (max-width: 767px) {
div#rightblocks section.block-right ul.top {
width:100%;
}
div#rightblocks section.block-right ul.top li a {
border-bottom:solid 1px #ddd;
}
}
div#rightblocks section.block-right ul.top li a:hover {
background-color: rgba(38,170,56,0.3);
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-o-transition: 0.8s;
-ms-transition: 0.8s;
transition: 0.8s;
}
div#right-banner img {
margin-bottom:20px;
}
@media (max-width: 767px) {
div#rightblocks section.block-right h2 {
display:block;
}
div#rightblocks img {
margin-left:auto;
margin-right:auto;
display:block;
}
}
div#side_contact {
width:90%;
box-sizing: border-box;
border:solid 2px #a5c4e0;
padding:2px 8px 0 8px;
background-color:#eee;
margin:0 auto 40px;
text-align:center;
}
a.sidedemo {
text-decoration:none;
}
div#side_contact strong {
font-size:1.42em;
color:#f00764;
padding-bottom:6px;
border-bottom:solid 3px #c6d5e2;
}
@media (max-width: 962px) {
div#side_contact strong {
font-size:1.1em;
}
}
div#side_contact p {
color:#333;
font-weight:bold;
margin:-20px 0 -20px 0;
}
div#side_contact img {
margin:10px auto 0 auto;
}
@media (max-width: 767px) {
div.breadcrumbs ul {
height:2.6em;
font-size:0.85em;
}
}
div#header_img {
box-sizing:border-box;
height:347px;
padding:48px 0 0 0;
}
div#header_img_inner {
width:100%;
box-sizing:border-box;
height:256px;
padding-top:90px;
text-align:center;
}
div#header_img_inner strong {
font-size:2.5em;
color:#fff;
border-bottom:solid 7px #6fa88f;
padding-bottom:10px;
text-shadow    :
3px  3px 3px #639920,
-3px  3px 3px #639920,
3px -3px 3px #639920,
-3px -3px 3px #639920,
3px  0px 3px #639920,
0px  3px 3px #639920,
-3px  0px 3px #639920,
0px -3px 3px #639920;
}
@media (max-width: 767px) {
div#header_img {
padding-top:0;
height:180px;
}
div#header_img_inner {
padding-top:50px;
height:180px;
}
div#header_img_inner strong {
font-size:1.6em;
}
}
main#main-content div.block-center-content td b a,
main#main-content div.block-center-content p a {
display:none;
}
div#ilink10,div#ilink20,div#ilink30,div#ilink40,div#ilink50,
div#ilink60,div#ilink70,div#ilink80,div#ilink90 {
margin-bottom:28px;
}
main#main-content div#menu-box ul {
list-style:none;
padding-left:0;
}
main#main-content div#menu-box ul li,main#main-content div#menu-box dt {
background-image: url('/images/library/Image/common/ar-menu.png');
background-repeat: no-repeat;
background-position: 0 7px;
padding-left:15px;
}
@media (max-width: 767px) {
main#main-content div#menu-box ul li a span {
display:block;
}
main#main-content div#menu-box ul li {
background-position: 0 7px;
}
}
main#main-content div.blue-box {
width:98%;
background-color:#366b9a;
box-sizing:border-box;
padding:15px;
}
main#main-content div.bbcolor {
background-color:#f29c9f;
margin-bottom:10px;
}
main#main-content div.blue-box h4 {
background:none;
color:#fff;
font-size:1.4em;
border:none;
padding:10px 0 5px 0;
}
main#main-content div.blue-box p {
color:#fff;
}
main#main-content div.blue-box table.functin-table p {
color:#333;
}
main#main-content div.blue-box table.functin-table tr:nth-of-type(even) {
background-color: #f0f0f0;
}
main#main-content div.blue-box table.functin-table figure {
text-align:center;
}
main#main-content table{
width: 90%;
margin: 0 auto;
}
main#main-content table tr,main#main-content table td{
border: #000 1px solid;
border-collapse: collapse;
}
main#main-content table .md{
text-align: center;
}
main#main-content table.scons-table td.no p,
main#main-content table.functin-table td.no p {
display: inline-block;
background-color: #366b9a;
width: 30px;
height: 30px;
padding: 0;
line-height: 30px;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 16px;
margin:5px 0 5px 5px;
box-sizing:border-box;
}
main#main-content table.functin-table td.md {
width:18%;
font-weight:bold;
}
main#main-content table.functin-table td.md2 {
width:30%;
font-weight:bold;
}
main#main-content table.functin-table td.md p,
main#main-content table.functin-table td.md2 p {
padding-top:10px;
}
main#main-content table.functin-table td.txt {
width:75%;
}
main#main-content table.functin-table td.txt2 {
width:63%;
}
main#main-content div.blue-box table.functin-table td dl.faq dt {
box-sizing:border-box;
width:60%;
margin-top:5px;
padding:3px 0 3px 15px;
color:#fff;
border-radius:5px;
font-weight:normal;
background: url(/images/library/Image/common/ar-faq.png) no-repeat;
background-position: 4px center;
background-color:#488ecc;
}
main#main-content table.scons-table tr {
background:none;
}
main#main-content table.scons-table td {
border:none;
}
main#main-content table.scons-table td.txt {
width:94%;
}
main#main-content table.scons-table td.txt p {
padding-top:9px;
font-weight:bold;
}
main#main-content div.point-item {
margin-left:0;
}
main#main-content div.point-item p.no {
display: inline-block;
background-color: #366b9a;
width: 60px !important;
height: 60px;
border-radius: 50%;
padding: 0;
line-height: 60px;
text-align: center;
color: #fff;
font-weight: normal;
font-size: 20px;
margin-bottom:15px;
}
main#main-content div.point-item p.uk-width-small-1-4 {
width:23%;
}
main#main-content div.point-item strong {
padding-top: 16px;
font-size: 1.15em;
line-height: 1.1em;
font-weight:normal;
margin-left:-10px;
display:block;
}
main#main-content div.point-item strong.uk-width-small-3-4 {
width:72%;
}
main#main-content div.label_menu ul.top {
list-style:none;
padding:0;
}
main#main-content div.label_menu ul.top li {
display:block;
width:48%;
}
main#main-content div.label_menu ul.top li.custop {
display:block;
width:80%;
margin:0 auto;
}
main#main-content div.label_menu ul.top li a {
display:block;
background-color:#2570b4;
background-image: url('/images/library/Image/common/label_menu_li100.png');
background-repeat: no-repeat;
background-position: 7px center;
box-sizing:border-box;
border-radius: 12px;
color:#fff;
padding:17px 0 0 30px;
max-width:453px;
width:100%;
height:54px;
margin:0 auto 15px;
text-decoration:none;
font-weight:bold;
}
@media (max-width: 767px) {
main#main-content div.label_menu ul.top li a {
padding:10px 0 0 30px;
height:40px;
font-size:0.85em;
}
}
main#main-content div#content_category02 div.label_menu ul.top li a {
background-image: url('/images/library/Image/common/label_menu_li110.png');
}
main#main-content div#content_category03 div.label_menu ul.top li a {
background-image: url('/images/library/Image/common/label_menu_li120.png');
}
main#main-content ul.bodrad {
border:solid 2px #999;
border-radius:10px;
margin-top:-6px 0 0 0;
list-style:none;
padding:5px 10px 5px 10px;
}
main#main-content ul.bodrad li {
font-weight:bold;
padding:2px 0 2px 25px;
background-image: url('/images/library/Image/category02/ar-sousa100.png');
background-repeat: no-repeat;
background-position: 5px center;
}
main#main-content div#content_category03 ul.bodrad li {
background-image: url('/images/library/Image/category03/ar-sousa200.png');
}
main#main-content div.bodrad-gr {
width:90%;
margin:0 auto 20px;;
border:solid 1px #ccc;
border-radius:10px;
background-color:#f5f5f5;
box-sizing:border-box;
padding:2% 4%
}
main#main-content div.bodrad-gr strong {
font-size:1.3em;
margin-bottom:12px;
padding-left:10px;
display:block;
}
main#main-content div.bodrad-gr ul {
margin-left:0;
}
main#main-content div.bodrad-gr ul li {
padding:5px 0 5px 20px;
background-image: url('/images/library/Image/common/ar-pgm.png');
background-repeat: no-repeat;
background-position: 5px center;
}
main#main-content ul.bodrad-th {
border:solid 1px #aaa;
border-radius:10px;
padding:10px 0 10px 10px;
box-sizing:border-box;
}
main#main-content ul.bodrad-th li {
padding:7px 0 0 30px;
background-image: url('/images/library/Image/common/chkmrk.jpg');
background-repeat: no-repeat;
background-position: 5px center;
list-style:none;
}
main#main-content div#content_category02 div.bodrad-gr strong {
border-left: solid 7px #fd4fca;
}
main#main-content div#content_category03 div.bodrad-gr strong {
border-left: solid 7px #5da821;
}
main#main-content div.gr-box {
width:98%;
background-color:#f5f5f5;
padding:15px;
box-sizing:border-box;
}
main#main-content div.pgm_box {
width:100%;
background-color:#f9f9f9;
margin-bottom:30px;
padding:15px 0 15px 0;
}
main#main-content div.pgm_box ul {
list-style:none;
margin:0;
}
main#main-content div.pgm_box ul li {
display:block;
width:30%;
margin:0 3% 7px 0;
background-color:#fff;
box-sizing:border-box;
padding:15px 0 15px 25px;
float:left;
background-image: url('/images/library/Image/common/ar-pgm.png');
background-repeat: no-repeat;
background-position: 5px center;
}
main#main-content ul.cus_box {
list-style:none;
margin:0;
}
main#main-content ul.cus_box li {
display:block;
background-color:#fff;
box-sizing:border-box;
padding:30px 0 30px 50px;
margin:0 auto 12px;
width:45%;
font-weight:bold;
background-repeat: no-repeat;
background-position: 8px center;
}
main#main-content div#content_category02 ul.cus_box li {
background-image: url('/images/library/Image/category02/02-li200.png');
}
main#main-content div#content_category03 ul.cus_box li {
background-image: url('/images/library/Image/category03/03-li200.png');
}
a.flowlink img {
width:660px;
display:block;
margin:80px auto 40px;
}
div#under_img_wrapper {
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-right: calc(((100vw - 100%) / 2) * -1);
margin-bottom:10px;
height:132px;
background-image: url('/images/library/Image/common/under-topmsg.jpg');
}
div#under_img_wrapper div.inner {
width:1200px;
margin:0 auto;
padding-top:58px;
}
@media (max-width: 1199px) {
div#under_img_wrapper div.inner {
padding-left:10%;
}
}
div#under_img_wrapper div.inner strong {
color:#fff;
font-size:2.8em;
font-weight:normal;
}
@media (max-width: 767px) {
div#under_img_wrapper {
height:72px;
}
div#under_img_wrapper div.inner {
width:100%;
padding-top:28px;
}
div#under_img_wrapper div.inner strong {
font-size:2em;
}
}
}
main#main-content div#service-menu-box p {
display:block;
margin:0 auto;
}
main#main-content div#service-menu-box a {
display:block;
margin:0 auto 30px;
box-sizing:border-box;
text-decoration:none;
max-width:298px;
}
main#main-content div#service-menu-box span {
text-decoration: none;
color: #fff;
display: block;
z-index: 9999;
margin: -60px 0 60px 0;
padding-left: 5%;
padding-right: 5%;
line-height: 1.3em;
}
@media (max-width: 767px) {
main#main-content div#service-menu-box span {
margin: -70px 0 70px 0;
}
}
main#main-content div#content_category02 ul.saiteki-box li {
list-style:none;
background-image: url('/images/library/Image/category02/02-li100.png');
background-repeat: no-repeat;
background-position: 1px center;
font-size:1.1em;
line-height:2em;
padding:0 0 0 26px;
}
main#main-content div#content_category03 ul.saiteki-box li {
list-style:none;
background-image: url('/images/library/Image/category03/03-li100.png');
background-repeat: no-repeat;
background-position: 1px center;
font-size:1.1em;
line-height:2em;
padding:0 0 0 26px;
}
main#main-content table.htable tr th {
background-color:#a6bdd2;
text-align:center;
}
main#main-content table.htable tr th.sakura {
color:#fa1068;
}
main#main-content table.htable tr td.bt {
background:url(/images/library/Image/category02/tb-bt.png) no-repeat;
}
main#main-content table.htable tr td.m1 {
background:url(/images/library/Image/category02/tb-m1.png) no-repeat;
}
main#main-content table.htable tr td.m2 {
background:url(/images/library/Image/category02/tb-m2.png) no-repeat;
}
main#main-content table.htable tr td.sn {
background:url(/images/library/Image/category02/tb-sn.png) no-repeat;
}
main#main-content table.htable tr td.rf {
background-color:#fbfae4;
font-weight:bold;
}
main#main-content table.htable tr td {
background-position:center center !important;
}
main#main-content div#content_category01 div.cus-box img {
margin-bottom:5px;
}
main#main-content div#content_category01 div.cus-box figure {
text-align:center;
}
@media (min-width: 1200px) {
div#footer-content .uk-grid-divider > * {
padding-left:50px;
}
}
main#main-content .uk-form-label {
font-size: 1rem;
font-weight: bold;
color: #6da547;
}
main#main-content div.border-box legend.uk-legend {
color:#fff;
background-color:#f69907;
padding:3px 10px;
width:97%;
}
main#main-content div.catch-box {
background-color:#f5f5f5;
padding:10px;
font-size:1.5em;
border-left:solid 6px #eee;
}
main#main-content article.uk-article div#articleBody > h2 {
display:none;
}
main#main-content article.whatsnew div#articleBody > h2 {
display:block;
}
main#main-content aside#commentarea {
display:none;
}
main#main-content div.content_category05-01 div#databox_data_topic strong.gyouji {
display:block;
font-size:1.6em;
padding-left:20px;
line-height: 1.4em;
}
main#main-content div.content_category05-01 div#databox_data_topic div.yellow_box button {
width:100%;
}
main#main-content div#databox_whatsnew div.disp-1 p.nonalink {
display:none;
}
main#main-content div#databox_whatsnew div.disp-0 p.alink {
display:none;
}
div#databox_data_topic h2 {
margin-top:20px;
}
div#databox_data_topic p.textr {
text-align: right;
margin-bottom: 15px;
}
div#databox_data_topic p.preturn {
padding: 10px 20px;
background-color: #f0f0f5;
float: right;
margin: 0 10px 10px 0;
min-width: 160px;
}
div#main_content div.rform {
width:100%;
margin:0 auto 40px;
box-sizing: border-box;
padding:20px 0 20px 0;
background-color: #f1f1f1;
}
div#main_content div.rform a.false {
display:none;
}
div#main_content div.rform img {
display:block;
margin:0 auto;
}
div#main_content p.preturn {
padding: 10px 20px;
background-color: #f0f0f0;
float: right;
margin-bottom: 10px;
min-width: 180px;
}
main#main-content p.preturn {
background-color:#f4f4f4;
text-align:center;
padding:20px;
}
#content_category06.content_category06-04 ul li {
background: url(../../../images/library/Image/common/ul_ar.gif) no-repeat left center;
padding-left: 20px;
}
main#main-content div#content_faq h2 {
border-left: 6px #6da547 solid;
font-size: 1.6em;
}
main#main-content div#content_faq h2 span {
padding:0;
border:none;
}
main#main-content div.databox .disp- ,main#main-content div#databox .disp-,main#main-content div#databox_data_topic .disp- {
display:none !important;
}
main#main-content div.databox div.hosoku {
margin: 0 0 40px 20px;
line-height: 1.4em;
background-color: #f8f6ed;
font-size: 0.9em;
padding:20px 0 1px 15px;
}
main#main-content div#databox div.yellow_box p.taikensha span {
padding:2px 10px;
margin-right:10px;
border-radius:5px;
}
main#main-content div#databox div.yellow_box p.red span {
color: #f7a0a0;
border:solid 1px #f7a0a0;
background-color:#ffe0e0;
}
main#main-content div#databox div.yellow_box p.red span {
color: #f7a0a0;
border:solid 1px #f7a0a0;
background-color:#ffe0e0;
}
main#main-content div#databox div.yellow_box p.blue span {
color: #77a9f9;
border:solid 1px #77a9f9;
background-color:#ccfeff;
}
main#main-content div#databox div.yellow_box p.green span {
color: #40ff60;
border:solid 1px #90ff90;
background-color:#eeffee;
}
main#main-content div.databox p.tagp a {
border: solid 1px #ddd;
padding: 6px 5px 6px 5px;
text-decoration: none;
color: #009;
margin-bottom:10px;
display:inline-block;
}
main#main-content div#databox_data_gyouji a.dlink- {
pointer-events: none;
display:block;
}
main#main-content div.keijiban-box div.box01 div.uk-grid {
display:none;
}
main#main-content div.keijiban-box div.box01 div.flg- {
display:flex;
}
main#main-content div.keijiban-box div.box02 div.uk-grid {
display:flex;
}
main#main-content div.keijiban-box div.box02 div.flg- {
display:none;
}
#FORM { font-size:100%; width:98%; }
#FORM form h4 { background:#fff url('/images/library/Image/buttons/bullet_01.png') no-repeat 3px; color:#23234f; font-weight:bold; padding:0 8px 0 24px; margin:10px 0px 0px 0px; height:19px; line-height:19px; }
#FORM p.honbun { margin-bottom:6px; text-align:left; }
#form_step ul { margin:0; padding:0; }
#form_step ul:after { content:""; display:block; clear:both; height:1px; overflow:hidden; }
#form_step li { float:left; width:120px; height:33px; line-height:33px; display:block; background: url('/images/library/Image/buttons/form_status.png') no-repeat; font-weight:bold; color:#666666; margin-left:0px; padding-left:10px; text-align:left; }
#form_step li.on{ background: url('/images/library/Image/buttons/form_status_on.png') no-repeat; color:#23234f; }
.error{ padding:2px 3px 3px 3px; font-size:109%; color: #FF0000; line-height:130%; font-weight:bold; word-break:normal; }
.errorList{ background-color: #FFFFFF; padding: 2px 3px 3px 3px; font-size: 100%; line-height: 120%; color: #FF0000; padding-left: 25px; margin-bottom: 5px; word-break:normal; }
.error2{ background-color:#FFEFEF; border:1px #FF0000 solid; padding:1px 4px 1px 4px; font-size:12px; line-height:130%; margin:3px; word-break:normal; }
.spf_required{ font-size:9px; color:#CC0000; }
.form_free{ font-size:9px; color:#00CC44; }
#FORM table.formmail { border-top: 1px solid #aaa; border-collapse: collapse; width:100%; margin:4px 0; }
#FORM table.formmail th { border-bottom: 1px solid #aaa; background-color: #eeeeee; text-align: left; padding:10px; font-weight:bold; font-size:small; word-break:normal; }
#FORM table.formmail td { border-bottom: 1px solid #aaa; background-color: #f8f8f8; padding:10px; font-size:small; word-break:normal; }
#FORM table.formmail td.warning_bgc { background: #FFEEEE; }
.idea{ width:98%; background-color:#E6FFE9; border:2px #008000 solid; padding:5px; font-size:11px; line-height:140%; margin-top:12px; }
.bginput { background-color: #FFFEEa; }
.ime_on { ime-mode: active; }
.ime_off { ime-mode: inactive; }
.button1 { background-color: #05959C; color: #fff; font-weight: bold; }
.mt20 { margin-top:20px; }
td.admin-list-field {
max-width:615px;
}
.table-wrapper-fit {
max-width:645px;
}
.blocklist ul {
list-style: none;
padding: 0;
margin: 0;
}
.alignleft {
text-align: left;
}
.alignright {
text-align: right;
}
.aligncenter {
text-align: center;
}
.aligntop {
vertical-align: top;
}
.floatright {
float: right;
}
.floatleft {
float: left;
}
.clearboth {
clear: both;
}
.clearfix:after {
content: ".";
display: block;
height: 1px;
clear: both;
overflow: hidden;
visibility: hidden;
}
.b {
font-weight: bold;
}
.ext-link {
background-color: transparent;
background: url("../images/external.png") center right no-repeat;
background-attachment: scroll;
padding-right: 13px;
}
.feed-link {
background-color: transparent;
background: url("../images/feed.png") center right no-repeat;
background-attachment: scroll;
padding: 2px 16px 2px 0;
}
.strike {
text-decoration: line-through;
}
.url,
.break-word {
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all;
overflow: auto;
}
.fieldhelp {
font-size: .85em;
color: #666;
padding-left: .8em;
padding-right: .8em;
}
.form-description {
font-weight: bold;
float: left;
width: 100px;
text-align: right;
padding-right: 5px;
display: block;
}
.form-field {
padding-bottom: 5px;
margin-left: 105px;
}
.checkboxes-list {
list-style: none;
padding: 0;
margin: 0;
}
.checkboxes-list span {
padding-left: 5px;
}
.checkboxes-list .gldefault {
font-weight: bold;
}
.highlight {
color: #000;
background-color: #FF0;
text-decoration: none;
}
.inputTable td {
padding: 4px;
vertical-align: top;
}
.inputTable label {
font-weight: bold;
float: right;
white-space: nowrap;
}
.nowrap {
white-space: nowrap;
}
.pagenav {
text-align: center;
line-height: 1.5;
}
.row_center td {
text-align: center;
}
.searchresult-byline {
color: #008000;
}
.sysmessage img {
border: none;
float: left;
margin-top: -4px;
padding-bottom: 3px;
padding-right: 5px;
}
.stats-list-count {
text-align: right;
padding-left: 5px;
padding-right: 5px;
}
.stats-header-title {
text-align: left;
width: 90%;
padding-left: 5px;
padding-right: 5px;
}
.stats-header-count {
text-align: left;
width: 10%;
padding-left: 5px;
padding-right: 5px;
}
#token-expirynotice {
padding: 1em;
border: 1px solid #CCC;
background: #F7F7F7;
}
#token-expirytime {
font-weight: bold;
}
.warning {
background: transparent;
color: #D14;
font-weight: bold;
}
.warningsmall {
background: transparent;
color: #D14;
}
.plugin {
color: #000;
background-color: #EFEFEF;
font-weight: normal;
border: 1px solid #CCC;
}
.plugin th {
color: #000;
background-color: #B7C1DC;
padding: 5px;
text-align: left;
}
.plugin tr {
vertical-align: top;
}
.plugin td {
padding: 2px 5px;
}
.pluginBG {
color: #FEFEFE;
background-color: #7398BA;
}
.pluginAltBG {
background-color: #7398BA;
}
.pluginAltBG td {
color: #FFF;
}
.pluginCellTitle {
color: #666;
font-weight: bold;
background-color: #E6E6E6;
padding: 5px;
}
.pluginCellFill {
background-color: #F8FAFD;
}
.pluginCellText {
color: #636363;
font-weight: normal;
}
.pluginHeader {
color: #204275;
font-weight: bolder;
padding-top: 3px;
padding-bottom: 3px;
}
.pluginFooter,
.pluginFooter td {
background-color: #507AA1;
color: #FFF;
}
.pluginAlert {
padding: 5px 15px;
color: #D8010E;
background-color: #FEF1B4;
font-weight: bold;
margin-bottom: 1em;
}
.pluginInfo {
padding: 5px 15px;
color: #707070;
background-color: #FEF1B4;
font-weight: normal;
}
.pluginSubTable {
color: #000;
background-color: #CCC;
font-weight: normal;
border: 1px solid #CCC;
}
.pluginSubTable th {
color: #000;
background-color: #C9D1E4;
padding: 5px;
text-align: left;
}
.pluginSubTable tr {
vertical-align: top;
}
.pluginSolidOutline {
background-color: #CCC;
}
.pluginSolidFill {
background-color: #1A3955;
}
.pluginTitle {
background-color: #507AA1;
color: #F5F9FF;
padding: 4px 6px;
}
.pluginCellSubTitle {
background-color: #F7F7F7;
color: #000;
padding: 4px 6px;
}
.pluginTinyText {
font-size: .7em;
}
.pluginSmallText {
font-size: .8em;
}
.pluginMediumText {
font-size: 1em;
}
.pluginLargeText {
font-size: 1.25em;
}
.pluginAltText {
color: #FFF;
}
.pluginRow1,
.pluginRow1 td {
color: #222;
background-color: #F7F7F7;
line-height: 120%;
}
.pluginRow2,
.pluginRow2 td {
color: #222;
background-color: #E7E7E7;
line-height: 120%;
}
.pluginRow1 .pluginRollOver,
.pluginRow2 .pluginRollOver,
.pluginRollOver {
color: #222;
background-color: #FFFF8F;
line-height: 120%;
}
.pluginRow1 .pluginRollOut,
.pluginRow2 .pluginRollOut,
.pluginRollOut {
color: #222;
background-color: #F7F7F7;
line-height: 120%;
}
.pluginLinks a:link {
color: #000;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
.pluginLinks a:visited {
color: #000;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
.pluginLinks a:hover {
color: #000;
font-style: normal;
font-weight: normal;
text-decoration: underline;
}
.pluginBreadCrumbs,
.pluginBreadCrumbs a:link {
color: #FFF;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
.pluginBreadCrumbs a:visited {
color: #FFF;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
.pluginBreadCrumbs a:hover {
color: #FFF;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
a.pluginButton:link,
a.pluginButton:visited {
color: #000;
text-align: center;
padding-top: 2px;
display: block;
height: 19px;
text-decoration: none;
background-color: transparent;
}
a.pluginButton:hover {
color: #00F;
text-align: center;
padding-top: 2px;
background: center url("../images/navbar/button_over.gif");
background-repeat: repeat-x;
display: block;
height: 19px;
text-decoration: none;
background-color: transparent;
}
.form_block {
margin: 0;
padding: 0;
}
.form_block:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
.form_message {
margin: 0 0 1em 0;
padding: 0;
}
.noborder_fieldset {
margin: 0;
border: none;
}
.hidden_legend {
display: none;
}
.user_basic {
padding: .5em 2em;
}
@media only screen and (max-width: 962px) {
.user_basic {
padding: .5em 0;
}
}
.wide {
width: 98%;
resize: vertical;
}
.separator {
display: none;
}
.speech {
overflow: hidden;
position: absolute;
left: -999px;
width: 0;
height: 0;
}
#save_button {
padding-bottom: 1em;
}
.loose {
display: inline;
}
@media only screen and (max-width: 767px) {
.loose {
display: block;
}
}
.layout,
.layout tr,
.layout td {
margin: 0;
padding: 0;
border: none;
background: none;
}
.size1 {
width: 60px;
}
.size2 {
width: 120px;
}
.size3 {
width: 180px;
}
.size4 {
width: 240px;
}
.size5 {
width: 300px;
}
.size6 {
width: 360px;
}
.size7 {
width: 420px;
}
.size8 {
width: 480px;
}
.size9 {
width: 540px;
}
.size10 {
width: 600px;
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
.size6 {
width: 75%;
}
.size7 {
width: 80%;
}
.size8 {
width: 85%;
}
.size9 {
width: 90%;
}
.size10 {
width: 95%;
}
}
@media only screen and (max-width: 767px) {
.size1,
.size2,
.size3,
.size4,
.size5,
.size6,
.size7,
.size8,
.size9,
.size10,
.wide {
width: 100%;
}
}
.compact dt {
float: left;
clear: left;
width: 24%;
margin: 0 0 1em 0;
padding: 0 1% 0 0;
font-weight: normal;
}
.compact dd {
float: left;
width: 75%;
margin: 0 0 1em 0;
padding: 0;
}
.compact dd.description {
margin: -.5em 0 1em 25%;
padding: 0;
}
.compact p.description {
margin: 0 0 1em 0;
padding: 0;
}
@media only screen and (max-width: 962px) {
.compact dt {
float: none;
width: auto;
margin: 0;
padding: 0;
font-weight: bold;
}
.compact dd {
float: none;
width: auto;
margin: 0 0 .5em 0;
padding: 0;
}
.compact dd.description {
margin: -.5em 0 1em 0;
padding: 0;
}
.compact p.description {
margin: 0 0 1em 0;
padding: 0;
}
}
.linear dt {
margin: 0;
padding: 0;
font-weight: bold;
}
.linear dd {
margin: 0 0 .5em 0;
padding: 0;
}
.linear dd.description {
margin: -.5em 0 1em 0;
padding: 0;
}
.linear p.description {
margin: 0 0 1em 0;
padding: 0;
}
.profile_notes {
margin: 0 0 1em 0;
padding: 8px;
border-style: solid;
border-width: 1px;
border-color: rgba(0,0,0,.2) rgba(0,0,0,.2) rgba(0,0,0,.2);
-webkit-border-radius: 6px;
border-radius: 6px;
background: #FFFFE1;
line-height: 1.3em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.profile_notes dt {
margin: 0 0 .5em 0;
padding: 0 0 0 24px;
border-bottom: 1px solid #CCC;
background: url("../images/icon_info.png") no-repeat 0 0;
font-weight: bold;
color: #666;
}
.profile_notes dd {
margin-bottom: 0;
font-size: 90%;
color: #666;
}
.profile_notes ul {
list-style-position: inside;
margin: 0;
padding: 0;
}
.profile_notes li {
margin: 0 0 0 5px;
padding: 0;
}
ul.compact {
margin: 0;
padding: 0;
}
ul.compact li {
display: inline;
margin: 0;
padding: 0;
}
#container {
position: relative;
width: 100%;
margin: 0 auto;
}
#header {
width: auto;
margin: 0 auto;
height: 80px;
}
#header:before {
width: auto;
}
#header-content {
width: auto;
max-width: $layout-site-max-width;
margin: 0 auto;
padding: 0;
width: 980px;
}
#navigation {
width: auto;
margin: 0 auto;
}
#navigation:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
margin-bottom: -1px;
}
.navigation_content {
width: 980px;
max-width: $layout-site-max-width;
margin: 0 auto;
}
#wrapper {
width: 100%;
max-width: $layout-site-max-width;
margin: 0 auto;
}
#wrapper:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
#leftblocks,
body.js_off #leftblocks {
overflow: visible;
float: left;
width: 180px;
margin: 0 0 0 -1140px;
padding: 0;
}
#centerblocks {
overflow: visible;
float: left;
width: 100%;
}
body.left-center-right #main-content,
body.js_off #main-content {
width: 956px;
margin: 0 244px 0 0;
padding: 0;
}
body.left-center #main-content {
width: 940px;
margin: 0 0 0 180px;
padding: 0 10px;
}
body.center-right #main-content {
width: 956px;
margin: 0 244px 0 0;
padding: 0;
}
@media (max-width: 767px) {
body.center-right #main-content section.block-center,
body.center-right #main-content article {
width: 100%;
}
}
body.center #main-content {
width: 100%;
}
#rightblocks,
body.js_off #rightblocks {
overflow: visible;
float: left;
width: 224px;
margin: 5px 0 0 -224px;
}
div#footer-ban-outer {
background-color:#e9f0f7;
padding:45px 0 45px 0;
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-right: calc(((100vw - 100%) / 2) * -1);
}
div#footer-ban {
width:1200px;
height:266px;
margin:0 auto;
box-sizing: border-box;
}
@media (max-width: 962px) {
div#footer-ban {
width:100%;
height:auto;
padding:20px 10px 20px 10px;
}
}
div#footer-ban p {
font-size:2em;
text-align:center;
margin-bottom:40px;
}
div#footer-ban p.cap {
font-size:0.85em;
text-align:left;
margin-bottom:10px;
}
div#footer-ban ul {
width:100%;
margin:0;
padding:0;
}
@media (max-width: 962px) {
div#footer-ban ul li img {
margin:0 auto 10px;
display:block;
}
div#footer-ban p.cap {
margin:-20px 0 20px 0;
text-align:center;
}
}
#footer {
clear: left;
width: auto;
padding: 16px 0;
background-color:#f4f6f4;
min-height:330px;
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-right: calc(((100vw - 100%) / 2) * -1);
}
#footer-content {
margin: 0 auto;
width:1200px;
}
#footer-content p.ml20 {
width:80%;
}
@media (max-width: 962px) {
#footer-content {
width:auto;
}
}
div#footer-content ul {
padding:0 0 15px 0;
}
#footer-content ul li {
list-style:none;
color:#777;
}
#footer-content ul li a {
color:#111;
padding:10px 0 10px 18px;
background:url(/images/library/Image/common/ar-menu.png) no-repeat;
background-position:4px 14px;
}
#footer-content strong {
padding:2px 20px 2px 2px;
background-color:#eaeaea;
}
#config_menu {
float: left;
width: 250px;
padding: 0 10px;
}
body.center-right #config_menu {
width: 200px;
}
#config_content {
float: left;
width: 700px;
padding: 10px;
}
body.center-right #config_content {
width: 400px;
}
@media only screen and (min-width: 963px) and (max-width: 1200px) {
#container {
position: relative;
width: 100%;
margin: 0 auto;
}
#header {
width: auto;
margin: 0 auto;
height: 80px;
}
#header:before {
width: auto;
}
#header-content {
width: auto;
margin: 0 auto;
padding: 0;
width: 980px;
}
#navigation {
width: auto;
margin: 0 auto;
}
#navigation:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
margin-bottom: -1px;
}
.navigation_content {
width: 944px;
margin: 0 auto;
}
#wrapper {
width: 100%;
margin: 0 auto;
}
#wrapper:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
#leftblocks,
body.js_off #leftblocks {
overflow: visible;
float: right;
width: 220px;
margin: 0;
padding: 0;
}
#centerblocks {
overflow: visible;
float: none;
width: auto;
}
body.js_off #centerblocks {
width: 100%;
margin: 0;
padding: 0;
}
body.left-center-right #main-content,
body.js_off #main-content {
float: left;
width: 715px;
margin: 0;
padding: 0 10px;
}
body.left-center #main-content {
float: left;
width: 700px;
margin: 0;
padding: 0 10px;
}
body.center-right #main-content {
float: left;
width: 700px;
margin: 0;
padding: 0 10px;
}
body.center #main-content {
width: 100%;
}
#rightblocks,
body.js_off #rightblocks {
overflow: visible;
clear: right;
float: right;
width: 224px;
margin: 0;
}
#footer {
clear: left;
width: auto;
margin: 0 auto;
padding: 16px 0;
}
#footer-content {
width: auto;
margin: 0 auto;
width: 960px;
}
#config_menu {
float: left;
width: 210px;
padding: 0 10px;
}
body.center-right #config_menu {
width: 200px;
}
#config_content {
float: left;
width: 710px;
padding: 10px;
}
body.center-right #config_content {
width: 400px;
}
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
#container {
position: relative;
width: 100%;
margin: 0 auto;
}
#header {
width: auto;
margin: 0 auto;
height: 80px;
}
#header:before {
width: auto;
}
#header-content {
width: auto;
max-width: $layout-site-max-width;
margin: 0 auto;
padding: 0;
}
#navigation {
width: auto;
margin: 0 auto;
}
#navigation:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
margin-bottom: -1px;
}
.navigation_content {
width: auto;
max-width: $layout-site-max-width;
margin: 0 auto;
}
#wrapper {
width: auto;
max-width: $layout-site-max-width;
margin: 0 auto;
}
#wrapper:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
#leftblocks,
body.js_off #leftblocks {
overflow: visible;
float: right;
width: 225px;
margin: 0;
padding: 0;
}
#centerblocks {
overflow: visible;
float: left;
width: 100%;
margin-left: -225px;
}
body.js_off #centerblocks {
width: 100%;
margin: 0;
padding: 0;
}
body.left-center-right #main-content,
body.js_off #main-content {
float: none;
width: auto;
margin: 0;
margin-left: 224px;
padding: 0 10px;
}
body.left-center #main-content {
float: none;
width: auto;
margin: 0;
margin-left: 224px;
padding: 0 10px;
}
t {
float: none;
width: 100%;
margin: 0;
margin-left: 224px;
padding: 0 10px;
}
body.center #main-content {
width: 100%;
}
body.center #centerblocks {
float: left;
width: auto;
padding: 0 10px;
margin: 0;
}
body.center-right #main-content {
float: none;
width: auto;
margin: 0;
margin-left: 224px;
padding: 0 10px;
}
#rightblocks,
body.js_off #rightblocks {
overflow: visible;
clear: right;
float: right;
width: 200px;
margin: 0;
}
#footer {
clear: left;
width: 100%;
margin: 0 auto;
padding: 16px 0;
}
#footer-content {
width: auto;
max-width: $layout-site-max-width;
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
#container {
position: relative;
width: auto;
margin: 0 auto;
}
#header {
width: auto;
margin: 0 auto;
height: 60px;
}
#header:before {
width: auto;
}
#header-content {
width: auto;
margin: 0 auto;
padding: 0;
}
#navigation {
width: auto;
margin: 0 auto;
}
#navigation:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
margin-bottom: -1px;
}
.navigation_content {
width: auto;
margin: 0 auto;
padding: 5px 0;
}
#wrapper {
width: auto;
margin: 0 auto;
}
#wrapper:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
#leftblocks,
body.js_off #leftblocks {
overflow: visible;
clear: both;
float: left;
width: 100%;
margin: 0;
padding: 0;
}
#centerblocks {
overflow: visible;
float: none;
width: auto;
margin: 0;
padding: 0 10px;
}
body.js_off #centerblocks {
float: none;
width: auto;
margin: 0;
padding: 0 10px;
}
body.left-center-right #main-content,
body.js_off #main-content {
float: none;
width: 100%;
margin: 0;
padding: 0;
}
body.left-center #main-content {
float: none;
width: 100%;
margin: 0;
padding: 0;
}
body.center-right #main-content {
float: none;
width: 100%;
margin: 0;
padding: 0;
}
body.center #main-content {
width: 100%;
}
body.center #centerblocks {
float: left;
width: auto;
margin: 0;
padding: 0 10px;
}
#rightblocks,
body.js_off #rightblocks {
overflow: visible;
clear: both;
float: left;
width: 100%;
margin: 0;
padding: 0;
}
#footer {
clear: left;
width: auto;
margin-top: -1px;
padding: 16px;
}
#footer-content {
width: auto;
margin: 0 auto;
}
}
#container {
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
@media only screen and (max-width: 767px) {
#container {
margin-top: 0;
margin-bottom: 0;
padding: 0;
border: none;
}
}
#wrapper {
overflow: visible;
background-color:#fff;
padding: 0;
padding-bottom: 2em;
}
@media only screen and (max-width: 767px) {
#wrapper {
padding: 0;
border: none;
}
}
#header {
padding: 0;
background: -webkit-linear-gradient(top, #224F7C, #426F9C 50%, #426F9C 90%, #224F7C);
background: -moz-linear-gradient(top, #224F7C, #426F9C 50%, #426F9C 90%, #224F7C);
background: -o-linear-gradient(top, #224F7C, #426F9C 50%, #426F9C 90%, #224F7C);
background: -ms-linear-gradient(top, #224F7C, #426F9C 50%, #426F9C 90%, #224F7C);
background: linear-gradient(to bottom, #224F7C, #426F9C 50%, #426F9C 90%, #224F7C);
height: 80px;
}
@media only screen and (max-width: 767px) {
#header {
padding: 0;
border: none;
}
}
@media only screen and (max-width: 767px) {
#header {
-webkit-background-size: 256px auto;
-moz-background-size: 256px auto;
background-size: 256px auto;
height: 60px;
margin-top: 0;
}
}
.site_name {
position: relative;
margin: 22px 0 0 20px;
padding: 0;
}
@media only screen and (max-width: 767px) {
.site_name {
margin: 6px 0 0 8px;
font-size: 1.6em;
line-height: 1.6em;
}
}
.site_slogan {
position: relative;
margin: 0;
text-align: right;
}
@media only screen and (max-width: 767px) {
.site_slogan {
font-size: 75%;
clear: both;
float: none;
padding: 0 10px 0;
text-align: left;
line-height: 1.2em;
}
}
#navigation {
padding: 0;
background: #E7E7E7;
border-top: 1px solid #EEE;
border-bottom: 1px solid #C7C7C7;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
text-align: left;
text-shadow: 0 1px 0 #FFF;
}
@media only screen and (max-width: 767px) {
#navigation {
padding: 0;
}
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
#navigation li {
float: left;
margin: 0;
padding: 0;
}
#navigation li a {
font-size: 13px;
display: block;
line-height: 30px;
margin: 0;
padding: 0 7px;
border-right: 1px solid #D7D7D7;
}
#navigation li:first-child a {
border-left: 1px solid #D7D7D7;
}
.menuitem a,
.menuitem a:link,
.menuitem a:visited {
color: #666;
}
.menuitem a:hover,
.menuitem a:focus,
.menuitem a:active {
color: #2664A2;
text-decoration: none;
background: #f4fceb;
}
.tinynav {
display: none;
}
@media only screen and (max-width: 767px) {
.tinynav {
display: block;
width: 95%;
max-width: none;
margin: auto;
}
}
.welcome_msg {
margin: .5em 0 1.5em;
padding: .5em 0;
border-bottom: 1px solid #E7E7E7;
color: #888;
}
#centerblocks section.block-center,
#centerblocks div.block-center {
margin: 0 0 1em 0;
padding: 0 0 2em 0;
border-bottom: 1px solid #CCC;
}
#footer {
font-size: 12px;
}
@media only screen and (max-width: 767px) {
#footer {
border: none;
color:#fff;
}
}
#footer a:link,
#footer a:visited,
#footer a:active {
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
@media only screen and (max-width: 962px) {
#footer a:link,
#footer a:visited,
#footer a:active {
padding-left:20px;
color:#333;
margin-left:20%;
}
}
@media only screen and (max-width: 767px) {
#footer {
border: none;
background-color: #f4f6f4;
color:#333;
}
#footer a:link,
#footer a:visited,
#footer a:active {
padding-left:20px;
color:#333;
margin-left:10%;
}
#footer ul li address {
color:#eee;
}
}
.copyright {
float: left;
margin: 0;
padding-left: 8px;
line-height: 1.4em;
}
@media only screen and (max-width: 767px) {
.copyright {
float: none;
margin: 0 0 1em 0;
padding-left: 0;
padding-right: 8px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
}
.site_info {
float: right;
margin: 0;
padding-right: 15px;
text-align: right;
line-height: 1.4em;
}
@media only screen and (max-width: 767px) {
.site_info {
float: none;
text-align: left;
margin: 0;
padding-left: 4px;
padding-right: 8px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
}
#leftblocks p,
#rightblocks p {
line-height: 1.25;
margin: .7em 0;
}
#leftblocks ul,
#rightblocks ul {
list-style-position: inside;
margin: .7em 0;
padding-left: .5em;
}
#leftblocks ol,
#rightblocks ol {
list-style-position: inside;
margin: .7em 0;
padding-left: .9em;
}
#leftblocks li,
#rightblocks li {
margin: 0 0 .25em 0;
padding: 0;
}
#leftblocks dl,
#rightblocks dl {
margin: .7em 0;
}
#leftblocks input,
#rightblocks input {
font-size: 95%;
margin-left: 0;
margin-right: 0;
}
#leftblocks .sideoption,
#rightblocks .sideoption {
list-style: none outside;
color: #999;
margin: 0;
padding: 0;
}
#leftblocks .sideoption a,
#rightblocks .sideoption a {
display: block;
color: #222;
height: 1.8em;
line-height: 1.8em;
overflow: hidden;
padding: 0 5px;
white-space: nowrap;
text-decoration: none;
}
#leftblocks .sideoption a:hover,
#rightblocks .sideoption a:hover {
background-color: #F1F1F1;
}
#leftblocks .sideoption span,
#rightblocks .sideoption span {
color: #999;
text-decoration: none;
margin-left: 3px;
}
#leftblocks .sideoption_off,
#rightblocks .sideoption_off {
list-style: none outside;
color: #999;
display: block;
height: 1.8em;
line-height: 1.8em;
overflow: hidden;
margin: 0;
padding: 0 5px;
white-space: nowrap;
}
#leftblocks .sideoption_off span,
#rightblocks .sideoption_off span {
color: #999;
text-decoration: none;
margin-left: 3px;
}
#leftblocks .sideoption_group_label,
#rightblocks .sideoption_group_label {
color: #630;
font-size: 103%;
font-weight: bold;
height: 1.6em;
line-height: 1.6em;
overflow: hidden;
margin: 0;
padding: 0 5px;
white-space: nowrap;
border-bottom: 1px dotted #CCC;
}
#leftblocks .noliststyle,
#rightblocks .noliststyle {
padding-left: 0;
}
#leftblocks .branch_level2 a,
#rightblocks .branch_level2 a {
padding-left: 15px;
}
#leftblocks .branch_level3 a,
#rightblocks .branch_level3 a {
padding-left: 25px;
}
#leftblocks .branch_level4 a,
#rightblocks .branch_level4 a {
padding-left: 35px;
}
#leftblocks .sideoption_off.branch_level2,
#rightblocks .sideoption_off.branch_level2 {
padding-left: 15px;
}
#leftblocks .sideoption_off.branch_level3,
#rightblocks .sideoption_off.branch_level3 {
padding-left: 25px;
}
#leftblocks .sideoption_off.branch_level4,
#rightblocks .sideoption_off.branch_level4 {
padding-left: 35px;
}
#leftblocks h3,
#rightblocks h3,
#leftblocks h4,
#rightblocks h4 {
font-size: 100%;
}
@media only screen and (max-width: 767px) {
#leftblocks,
#rightblocks {
background: #F7F7F7;
}
#leftblocks input,
#rightblocks input {
font-size: 16px;
}
#leftblocks input[type="submit"],
#rightblocks input[type="submit"] {
font-size: 14px;
}
#leftblocks .sideoption a,
#rightblocks .sideoption a,
#leftblocks .sideoption a:hover,
#rightblocks .sideoption a:hover,
#leftblocks .sideoption_off,
#rightblocks .sideoption_off {
background: url("../images/arrow-right.png") no-repeat #F7F7F7;
-webkit-background-size: 24px auto;
-moz-background-size: 24px auto;
background-size: 24px auto;
background-position: right 50%;
border: 1px solid #CACACA;
color: #222;
display: block;
font-size: 16px;
font-weight: bold;
margin-bottom: -1px;
padding: 4px 10px;
text-decoration: none;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
#leftblocks .sideoption_off,
#rightblocks .sideoption_off {
color: #999;
}
}
#loginform-loginname,
#loginform-passwd {
width: 50%;
}
h1 img,
h2 img,
h3 img,
h4 img {
vertical-align: middle;
}
.block-message {
margin: 1.5em 0;
padding: 0;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.block-message dl {
margin: 0;
padding: 0;
}
.block-message dt {
margin: 0;
padding: 4px 8px;
background: #3E6B98;
color: #EEEEEC;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
font-weight: bold;
border: 1px solid rgba(0,0,0,.2);
-webkit-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
}
.block-message dd {
margin: 0;
padding: 8px 12px;
background: #EEE;
color: #404040;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
border: 1px solid rgba(0,0,0,.2);
-webkit-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
.block-message p {
margin: .2em 0;
line-height: 1.25;
}
.block-left,
.block-right,
.block-list {
margin: 0 8px .5em 8px;
padding: 8px 0;
font-size: 13px;
}
@media only screen and (max-width: 767px) {
.block-left,
.block-right,
.block-list {
font-size: 100%;
margin: 0 10px;
padding: 0;
}
}
.block-title {
margin: 0 0 .5em 0;
padding: 0 0 .1em 0;
border-bottom: 1px solid #CCC;
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
#searchform fieldset {
margin-top: 15px;
padding: 0;
}
#searchform a {
line-height: 1.5em;
}
@media only screen and (max-width: 767px) {
#searchform fieldset {
margin-top: 10px;
margin-bottom: 10px;
padding: 0;
text-align: center;
}
#searchform .searchform {
text-align: center;
}
}
.searchform {
line-height: 2.2em;
margin-bottom: .3em;
}
input[type="text"].search {
background: url("../images/search.png") left center no-repeat #FFF;
padding: 4px 0 4px 10px;
width: 120px;
color: #222 !important;
}
#login_facebook {
left: 0;
width: 141px;
background: url("/images/oauth-login-with-sprite.png") no-repeat;
background-position: 0 0;
}
#login_twitter {
left: 0;
width: 141px;
background: url("/images/oauth-login-with-sprite.png") no-repeat;
background-position: 0 -23px;
}
#login_linkedin {
left: 0;
width: 141px;
background: url("/images/oauth-login-with-sprite.png") no-repeat;
background-position: 0 -44px;
}
#login_google {
left: 0;
width: 141px;
background: url("/images/oauth-login-with-sprite.png") no-repeat;
background-position: 0 -66px;
}
#login_yahoo {
left: 0;
width: 141px;
background: url("/images/oauth-login-with-sprite.png") no-repeat;
background-position: 0 -88px;
}
#login_microsoft {
left: 0;
width: 141px;
background: url("/images/oauth-login-with-sprite.png") no-repeat;
background-position: 0 -110px;
}
#login_github {
left: 0;
width: 141px;
background: url("/images/oauth-login-with-sprite.png") no-repeat;
background-position: 0 -132px;
}
#login_openid {
left: 0;
width: 141px;
background: url("/images/oauth-login-with-sprite.png") no-repeat;
background-position: 0 -154px;
}
#loginform fieldset {
margin-top: 15px;
padding: 0;
}
#loginform .submit {
margin-bottom: .3em;
}
#loginform a {
line-height: 1.5em;
}
.form_part {
margin-bottom: .3em;
}
.form_part label {
display: block;
line-height: 1.2em;
margin-bottom: .3em;
}
form.third-party-login {
margin: .1em 0;
}
form.third-party-login div {
position: relative;
}
form.third-party-login div img {
position: absolute;
left: 6px;
top: 6px;
}
form.third-party-login div input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
form.third-party-login div input.submit {
text-indent: 24px;
font-size: 12px;
height: 28px;
}
div.third-party-login {
width: 164px;
}
@media only screen and (max-width: 767px) {
#navigation_ul {
display: none;
}
.block-title,
#block-left-search > h2 {
background: #777;
color: #EEEEEC;
font-weight: bold;
padding: 8px 5px;
text-align: left;
font-size: 16px;
margin-left: -10px;
margin-right: -10px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
border-top: 1px solid #6F9BC7;
border-bottom: 1px solid #1F374F;
}
h2.show,
#block-left-search > h2.show {
background: url("../images/arrow-down.png") no-repeat #3B6998;
-webkit-background-size: 36px auto;
-moz-background-size: 36px auto;
background-size: 36px auto;
background-position: right 50%;
}
h2.hide,
#block-left-search > h2.hide {
background: url("../images/arrow-up.png") no-repeat #3B6998;
-webkit-background-size: 36px auto;
-moz-background-size: 36px auto;
background-size: 36px auto;
background-position: right 50%;
}
h2.block-title {
margin-top: 0;
margin-bottom: 0;
}
#block-left-search > h2 {
margin-top: 0;
margin-bottom: 0;
}
#config_menu .block-title {
margin-left: -10px;
margin-right: -10px;
}
#search-configuration-container label {
margin: 0 0 .5em 0;
padding: 0 0 .1em 0;
display: block;
border-bottom: 1px solid #CCC;
background: #3B6998;
color: #EEEEEC;
font-weight: bold;
padding: 8px 5px;
text-align: left;
font-size: 16px;
margin-left: -10px;
margin-right: -10px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
#search-configuration {
font-size: 16px;
}
.block-left-content,
.block-right-content,
.block-list-content {
padding: 10px 0;
text-shadow: 0 1px 0 #FFF;
}
#block-left-search > .block-left-content {
background: #F7F7F7;
padding: 10px;
margin: 0;
}
.noliststyle {
list-style: none;
padding: 0;
margin: 0;
}
.sideoption:first-child a,
.sideoption_off:first-child {
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}
.sideoption:last-child a,
.sideoption_off:last-child {
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}
}
.storytext {
margin: 0 0 1.5em 0;
border-bottom: 1px solid #E7E7E7;
}
.storytext table {
text-align: left;
border-collapse: collapse;
margin: 1em .5em;
}
.storytext tr {
margin: 0;
padding: 0;
vertical-align: middle;
}
.storytext th,
.storytext td {
margin: 0;
padding: .2em .6em;
vertical-align: middle;
line-height: 160%;
border: 1px solid #DDD;
}
.storytext th {
font-weight: bold;
background: #F5F5F5;
}
.storytext img {
max-width: 100%;
height: auto;
}
.story_title {
float: left;
margin: 0 0 .5em 0;
font-size: 140%;
text-decoration: none;
color: #222;
}
.story_title a:link,
.story_title a:visited {
color: #222;
text-decoration: none;
}
.story_title a:hover {
color: #2664A2;
text-decoration: underline;
}
.story_icon {
float: right;
}
.story_icon img {
margin-left: 8px;
}
@media only screen and (max-width: 767px) {
.story_icon {
display: none;
}
}
.story_status {
list-style-position: outside;
list-style-type: none;
clear: both;
margin: 0 0 1em 0;
padding-left: 1em;
color: #999;
font-size: 85%;
line-height: 1.25;
}
.story_introtext {
margin: 0 0 2em 0;
line-height: 1.625;
zoom: 1;
}
.story_introtext:before,
.story_introtext:after {
content: "";
display: table;
}
.story_introtext:after {
clear: both;
}
.story_image {
float: right;
width: 48px;
height: 48px;
margin: 15px;
}
.story_navi {
list-style-type: none;
clear: both;
margin: 0;
padding-left: 0;
text-align: center;
}
.story_navi li {
display: inline;
margin: 0 2px;
}
.feedback {
list-style-type: none;
margin: 0 0 .5em 0;
padding-left: 0;
text-align: center;
}
.feedback li {
display: inline;
margin: 0 2px;
}
.article {
font-size: 100%;
}
.gl-tooltip span {
margin-left: -999em;
position: absolute;
text-align: left;
width: 250px;
}
.gl-tooltip:link,
.gl-tooltip:visited {
color: #2664A2;
outline: none;
text-decoration: none;
position: relative;
}
.gl-tooltip:hover span {
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 2px 2px 8px #666;
box-shadow: 2px 2px 8px #666;
font-size: 1em;
text-align: left;
white-space: normal;
font-family: Calibri, Tahoma, Geneva, sans, sans-serif;
position: absolute;
left: 2.2em;
top: 2.2em;
z-index: 99;
margin-left: 0;
width: 250px;
}
.gl-tooltip:hover img.icon {
border: 0;
margin: -15px 0 0 -51px;
float: left;
position: absolute;
}
.gl-tooltip:hover em {
font-family: Candara, Tahoma, Geneva, sans, sans-serif;
font-size: 1.2em;
font-weight: bold;
display: block;
padding: .2em 0 .6em .4em;
}
#gl-tooltip-icon {
border: 0;
}
span.classic {
padding: .8em 1em;
}
span.custom {
padding: .5em .8em .8em 2em;
}
span.classic {
background: #EEEEEC;
border: 2px solid #555753;
}
span.critical {
background: #F5F0F0;
border: 2px solid #A40000;
}
span.critical em {
color: #A40000;
}
span.help {
background: #EDF0F2;
border: 2px solid #204A87;
}
span.help em {
color: #204A87;
}
span.info {
background: #EDF0F2;
border: 2px solid #204A87;
}
span.info em {
color: #204A87;
}
span.warning {
background: #FCF7EF;
border: 2px solid #CE5C00;
font-weight: normal;
color: #000;
}
span.warning em {
color: #CE5C00;
}
.list-whats-related,
.list-story-options {
line-height: 1.7em;
margin: 0 0 0 20px;
padding: 0;
}
.block-related {
float: left;
width: 50%;
margin: 0 0 1.5em 0;
}
@media only screen and (max-width: 767px) {
.block-related {
float: none;
width: auto;
}
}
#commentarea {
clear: both;
}
.commentbar_status {
text-align: center;
margin: 1em 0;
}
.bar_separator {
padding-left: 5px;
padding-right: 5px;
color: #CCC;
}
#commentbar {
padding: 3px;
background: none repeat scroll 0 0 #EEE;
-webkit-border-radius: 4px;
border-radius: 4px;
zoom: 1;
}
#commentbar:before,
#commentbar:after {
content: "";
display: table;
}
#commentbar:after {
clear: both;
}
#commentbar-comment {
float: left;
padding: .3em;
}
#commentbar-selector {
float: right;
padding: .3em;
}
.disclaimer {
text-align: center;
color: #666;
margin: .5em 0 1em;
}
#commentpreview {
margin: 0;
background: transparent;
border: 1px dashed #808080;
padding: 5px 10px;
}
#commenteditform {
margin: 0;
background: #F7F7F7;
border: 1px solid #E7E7E7;
padding: 10px;
}
.comment_thread {
list-style-position: outside;
list-style-type: none;
margin: 0 0 .5em 0;
padding: 0;
text-align: left;
}
.thread_title {
display: inline;
margin: 0;
padding: 0;
}
.thread_author {
display: inline;
margin: 0 0 0 8px;
padding: 0;
}
.thread_author:before {
content: " - ";
}
.block-comment-content {
margin: 0;
padding: 0;
text-align: left;
}
.level-0 {
margin-left: 0;
}
.level-25 {
margin-left: 16px;
}
.level-50 {
margin-left: 32px;
}
.level-75 {
margin-left: 48px;
}
.level-100 {
margin-left: 64px;
}
.level-125 {
margin-left: 80px;
}
.level-150 {
margin-left: 96px;
}
.level-175 {
margin-left: 112px;
}
.level-200 {
margin-left: 128px;
}
.level-225 {
margin-left: 144px;
}
.level-250 {
margin-left: 160px;
}
.level-275 {
margin-left: 176px;
}
.level-300 {
margin-left: 192px;
}
.level-325 {
margin-left: 208px;
}
.level-350 {
margin-left: 224px;
}
.level-375 {
margin-left: 240px;
}
.level-400 {
margin-left: 256px;
}
.comment_status {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.comment_title {
display: block;
margin: 1em 0 .5em 0;
padding: 4px;
border: 1px solid #E7E7E7;
background: #F7F7F7;
}
.comment_author {
display: block;
margin: 0 0 1em 0;
padding: 0;
color: #666;
}
.comment_content {
margin: 0 0 1em 0;
padding: 0;
}
.comment_navi {
clear: both;
color: #666;
}
.reportcomment {
margin: 0 0 1em 0;
padding: 0;
border-bottom: 1px solid #E7E7E7;
}
.dt-commentform-username {
display: inline;
}
.logoutorcreateaccount {
padding: 0 3px;
}
.importantstuff {
margin-top: 0;
}
.ul-importantstuff {
margin: 0 0 0 1em;
padding: 0;
}
.li-importantstuff {
margin: 0 0 0 8px;
padding: 0;
}
.navbar-breadcrumbs {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.li-navbar-breadcrumbs {
display: inline;
}
.a-navbar-breadcrumbs {
margin: 0 8px;
}
#navcontainer {
width: 100%;
margin-bottom: 10px;
padding-bottom: 2px;
font-size: 90%;
line-height: normal;
border-bottom: 1px solid #DDD;
height: 30px;
}
#navlist {
display: block;
margin: 0 0 20px 0;
padding: 0;
list-style: none;
}
#navlist:before,
#navlist:after {
content: "";
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
#navlist:after {
clear: both;
}
.li-navlist {
display: block;
width: auto;
height: 30px;
padding: 0;
float: left;
margin: 2px -1px 0 0;
}
.li-navlist #current {
background: #FFF;
height: 29px;
position: relative;
top: -5px;
padding-top: 5px;
border-left-width: 1px;
margin: 0;
color: #111;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-color: #FFF;
}
.li-navlist #current:first-child a {
border-width: 1px;
border-top-left-radius: 3px;
}
.li-navlist #current:last-child a {
border-top-right-radius: 3px;
}
.a-navlist {
display: block;
text-decoration: none;
width: auto;
height: 29px;
padding: 0 12px;
line-height: 30px;
border: solid 1px #DDD;
border-width: 1px;
margin: 0;
background: #F5F5F5;
}
.a-navlist:link,
.a-navlist:visited,
.a-navlist:hover {
color: #555;
text-decoration: none;
}
.gl-pagenav {
list-style: none;
text-align: center;
color: #CCC;
margin: 0 0 1.5em;
line-height: 1.4em;
}
.gl-pagenav li {
display: inline-block;
}
.gl-pagenav a,
.gl-pagenav b {
margin: 1px 2px;
padding: 2px 7px;
background: transparent;
border: 1px solid #E7E7E7;
}
.gl-pagenav b {
color: #222;
}
.gl-pagenav a:hover {
background: #EEE;
border: 1px solid #CCC;
}
.gl-pagenav span {
color: #999;
}
.gl-pagenav span a {
margin: 0;
padding: 2px 0;
background: transparent;
border: none;
}
.gl-pagenav span a:hover {
background: transparent;
border: none;
}
.gl-pagenav .divider-previous,
.gl-pagenav .divider-next {
margin: 0 4px;
}
.gl-pagenav .divider-previous:before,
.gl-pagenav .divider-next:after {
content: "|";
width: 1px;
height: 1px;
padding: 0;
margin: 0 4px;
}
.bc_navigation {
margin: -1em 0 1em;
}
#exclude_topic > .checkboxes-list > li,
#boxesblock > .checkboxes-list > li {
margin-right: .5em;
}
.itemstatistics {
width: 100%;
margin: 0;
padding: 0;
border-collapse: collapse;
}
.itemstatistics th {
margin: 0;
padding: 2px;
text-align: left;
}
.itemstatistics td {
margin: 0;
padding: 2px;
}
#trackback {
clear: both;
}
.block-trackback-content {
border-bottom: 1px solid #E7E7E7;
}
.block-trackback-content > p {
margin: 0 0 1em 0;
}
.trackback_comments_no_link {
margin: 0 0 1em 0;
padding: 0;
}
.formattedcomment {
margin: 0 0 1em 0;
padding: 0;
}
.trackback_status {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.trackback_title {
margin: 0 0 .5em 0;
padding: 4px;
border: 1px solid #E7E7E7;
background: #F7F7F7;
}
.trackback_date {
margin: 0 0 .5em 0;
padding: 0;
}
.trackback_excerpt_readmore {
margin: 0 0 1em 0;
padding: 0;
}
#profile-userprofile {
overflow: hidden;
margin: 0;
padding: 0;
zoom: 1;
}
#profile-userprofile:before,
#profile-userprofile:after {
content: "";
display: table;
}
#profile-userprofile:after {
clear: both;
}
#profile-userprofile dt {
float: left;
clear: left;
width: 25%;
margin: 0 0 .5em 0;
padding: 0;
}
#profile-userprofile dd {
float: left;
width: 75%;
margin: 0 0 .5em 0;
padding: 0;
}
dd#profile-user_photo {
float: none;
width: auto;
margin-left: 25%;
margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
dd#profile-user_photo {
margin-left: 50%;
}
}
.storyrow,
.commentrow {
margin: 0;
padding: 0;
}
.storyrow a,
.commentrow a {
margin: 0 8px 0 0;
padding: 0;
}
#profile-postingstats {
margin: 0;
padding: 0;
}
#profile-postingstats dt {
float: left;
clear: left;
width: 25%;
margin: 0 0 .5em 0;
padding: 0;
}
#profile-postingstats dd {
float: left;
width: 75%;
margin: 0 0 .5em 0;
padding: 0;
}
@media only screen and (max-width: 767px) {
#profile-userprofile dt,
#profile-userprofile dd,
#profile-postingstats dt,
#profile-postingstats dd {
width: 50%;
}
}
#profile-all_postings_by {
clear: left;
padding-top: 1em;
}
.admin_basic {
padding: .5em 2em;
}
@media only screen and (max-width: 962px) {
.admin_basic {
padding: .5em 0;
}
}
#admin-topmenu {
margin-bottom: 2em;
border: 1px solid rgba(0,0,0,.2);
padding: 10px 5px;
line-height: 1.25;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.admin-menu-icon {
float: left;
padding: 5px;
margin-right: 10px;
width: 48px;
height: 48px;
}
#instructions {
padding: 5px;
}
#instructions > p {
margin: 0 0 5px 0;
line-height: 1.25;
}
#admin-menu-fields {
color: #CCC;
}
.admin-topic-image {
margin: 0 5px 0 0;
vertical-align: middle;
}
#rights_options {
width: 100%;
font-size: 11px;
}
.listmembers {
float: left;
width: 35%;
height: 15em;
}
#admin-groupmembers-fieldFrom,
#admin-groupmembers-fieldTo {
width: 100%;
height: 100%;
}
.movemembers {
float: left;
width: 30%;
padding-top: 5em;
text-align: center;
height: 12em;
}
.movebutton {
margin: .5em 0;
text-align: center;
}
.admin-list-table {
margin: 0;
width: 100%;
text-align: left;
font-size: 90%;
border-collapse: separate;
border-spacing: 0;
border: 1px solid rgba(0,0,0,.2);
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
@media only screen and (max-width: 1200px) {
.admin-list-table {
width: 715px;
}
}
.fieldset-table-wrapper > .admin-list-table {
width: 100%;
}
.admin-list-table tr {
margin: 0;
padding: 0;
vertical-align: middle;
}
.admin-list-table th,
.admin-list-table td {
vertical-align: middle;
line-height: 1.1em;
height: 2.3em;
padding-top: 2px;
padding-bottom: 2px;
}
.admin-list-table th {
color: #222;
background-color: #DAE0ED;
}
.admin-list-table img {
vertical-align: middle;
}
.admin-list-table td,
.admin-list-table th {
border-left: 1px solid rgba(0,0,0,.2);
border-top: 1px solid rgba(0,0,0,.2);
}
.admin-list-table th {
background-color: #A5C3E2;
background-image: -webkit-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
background-image: -moz-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
background-image: -o-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
background-image: -ms-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
background-image: linear-gradient(to bottom, hsla(210,52%,90%,1), #A5C3E2);
border-top: none;
}
.admin-list-table th:first-child,
.admin-list-table td:first-child {
border-left: none;
}
.admin-list-table th:first-child {
-webkit-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;
}
.admin-list-table th:last-child {
-webkit-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
}
.admin-list-table tr:last-child td:first-child {
-webkit-border-radius: 0 0 0 5px;
border-radius: 0 0 0 5px;
}
.admin-list-table tr:last-child td:last-child {
-webkit-border-radius: 0 0 5px 0;
border-radius: 0 0 5px 0;
}
.admin-table-changer {
display: none;
text-align: right;
margin-right: 2px;
margin-bottom: 2px;
}
@media only screen and (max-width: 1200px) {
.admin-table-changer {
display: block;
}
}
.admin-table-changer a {
width: 60px;
text-align: center;
font-size: 85%;
padding: 2px 6px;
}
.table-wrapper {
width: 100%;
overflow: auto;
}
.table-wrapper-fit {
width: 100%;
overflow: visible;
}
.table-wrapper-fit > .admin-list-table {
width: 100%;
}
.admin-list-navi {
margin-top: .5em;
}
.admin-list-message {
margin: 1em 0 0 0;
padding: 0;
text-align: center;
}
.admin-list-search {
text-align: center;
margin: .5em 0;
zoom: 1;
}
.admin-list-search:before,
.admin-list-search:after {
content: "";
display: table;
}
.admin-list-search:after {
clear: both;
}
@media only screen and (max-width: 767px) {
.admin-list-search {
text-align: left;
}
}
.admin-list-smalltable {
margin: 0 0 .5em 0;
border-collapse: separate;
border-spacing: 1px;
font-size: 13px;
}
.admin-list-headerfield {
padding: 4px;
}
.admin-list-field {
padding: 4px;
}
.admin-list-field a {
padding: 4px 6px;
}
.search-part {
display: inline-block;
margin-right: 5px;
white-space: nowrap;
}
@media only screen and (max-width: 767px) {
.search-part {
display: block;
}
}
#admin-permissions {
border-collapse: separate;
border-spacing: 0;
border: 1px solid rgba(0,0,0,.2);
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
margin: 0 0 .5em 0;
font-size: 13px;
}
#admin-permissions td,
#admin-permissions th {
border-left: 1px solid rgba(0,0,0,.2);
border-top: 1px solid rgba(0,0,0,.2);
}
#admin-permissions th {
background-color: #A5C3E2;
background-image: -webkit-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
background-image: -moz-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
background-image: -o-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
background-image: -ms-linear-gradient(top, hsla(210,52%,90%,1), #A5C3E2);
background-image: linear-gradient(to bottom, hsla(210,52%,90%,1), #A5C3E2);
border-top: none;
}
#admin-permissions th:first-child,
#admin-permissions td:first-child {
border-left: none;
}
#admin-permissions th:first-child {
-webkit-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;
}
#admin-permissions th:last-child {
-webkit-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
}
#admin-permissions tr:last-child td:first-child {
-webkit-border-radius: 0 0 0 5px;
border-radius: 0 0 0 5px;
}
#admin-permissions tr:last-child td:last-child {
-webkit-border-radius: 0 0 5px 0;
border-radius: 0 0 5px 0;
}
#admin-permissions th,
#admin-permissions td {
font-weight: bold;
text-align: center;
padding: 4px;
}
.admin-commandcontrol {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.admin-commandcontrol li {
float: left;
width: 12.5%;
height: 8em;
margin: 0;
padding: 0;
text-align: center;
}
@media only screen and (max-width: 1200px) {
.admin-commandcontrol li {
width: 16.66%;
}
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
.admin-commandcontrol li {
width: 20%;
}
}
@media only screen and (max-width: 767px) {
.admin-commandcontrol li {
width: 25%;
}
}
@media only screen and (max-width: 479px) {
.admin-commandcontrol li {
width: 33.33%;
}
}
.admin-commandcontrol a {
display: block;
font-size: 90%;
margin: 5px 0;
}
#admin-editor #title {
font-size: 13px;
font-weight: bold;
position: relative;
top: 10px;
}
b.notbold {
font-weight: normal;
}
b.status_red {
display: inline;
color: #A40000;
}
b.status_orange {
display: inline;
color: #B25000;
}
b.status_green {
display: inline;
color: #3D7805;
}
b.status_black {
display: inline;
color: #000;
}
.story_editor {
margin: 0 0 1em 0;
padding: 8px;
border: 1px solid #CCC;
}
.story_editor dl {
margin-bottom: 0;
}
.story_editor dt {
width: 14%;
}
.story_editor dd {
width: 85%;
}
@media only screen and (max-width: 962px) {
.story_editor dt {
width: auto;
}
.story_editor dd {
width: auto;
}
}
#text_editor dd.description {
margin-left: 15%;
}
#admin-storyeditor-introtext,
#admin-storyeditor-bodytext {
width: 98%;
}
#preview {
margin: 1em 0;
padding: 1em 0;
border-top: 1px solid #CCC;
border-bottom: none;
}
.story_stats {
display: inline-block;
float: left;
margin-right: 2em;
}
#admin-topiclist {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
#admin-topiclist li {
float: left;
width: 20%;
height: 8em;
margin: 0;
padding: 0;
text-align: center;
}
#admin-topiclist a {
display: block;
}
.trackback-message {
margin: 0 0 1em 0;
padding: 0;
}
.userphoto {
margin: .5em .5em 0 0;
}
.groupinstructions {
margin: 0 0 .5em 0;
}
#reminder-submit {
margin: .5em 0;
}
.pathtext {
font-size: 11px;
color: #666;
}
.pathtext-status {
text-align: right;
white-space: nowrap;
}
.yes,
.iswriteable {
font-weight: bold;
color: #46882B;
}
.no,
.notok,
.notwriteable {
font-weight: bold;
color: #C00;
}
#panel_phpinfo {
padding: 5px;
width: 600px;
margin: auto;
text-align: center;
}
#toggle_phpinfo {
padding: 5px;
width: 200px;
margin: auto;
text-align: center;
border: solid 1px #C3C3C3;
}
#panel_phpinfo {
padding: 50px;
display: none;
}
#config_menu {
float: left;
padding: 0 10px;
}
.block-config,
#search-configuration-container {
margin: 0 0 .5em;
padding: 8px 0;
text-align: left;
}
.block-config-title,
#search-configuration-container label {
margin: 0 0 .5em 0;
padding: 0 0 .1em 0;
display: block;
border-bottom: 1px solid #CCC;
font-size: 105%;
font-weight: bold;
}
.block-config-content {
padding-left: 5px;
}
.configoption {
list-style: none outside;
color: #999;
margin: 0;
padding: 0;
}
.configoption a {
display: block;
color: #222;
height: 1.8em;
line-height: 1.8em;
overflow: hidden;
padding: 0 5px;
white-space: nowrap;
text-decoration: none;
}
.configoption a:hover {
background-color: #F1F1F1;
}
.configoption_off {
list-style: none outside;
color: #999;
display: block;
height: 1.8em;
line-height: 1.8em;
overflow: hidden;
margin: 0;
padding: 0 5px;
white-space: nowrap;
}
#config_content {
float: left;
padding: 10px;
}
body.center-right #config_content {
width: 400px;
}
#geeklog_config_editor {
zoom: 1;
}
#geeklog_config_editor:before,
#geeklog_config_editor:after {
content: "";
display: table;
}
#geeklog_config_editor:after {
clear: both;
}
#config_main {
width: 100%;
}
#search-configuration {
width: 90%;
margin: 10px 0 10px 5px;
}
.inputTable {
width: 100%;
margin: 0;
padding: 0;
}
.config_label {
float: left;
width: 35%;
padding: .5em 0;
}
.restore {
padding: .5em 0;
}
.config_input {
float: left;
width: 53%;
}
.config_name {
clear: left;
margin: 5px 0;
padding: 5px;
}
.config_name input[type="text"],
.config_name textarea {
width: 53%;
}
.config_name select {
width: 54.5%;
max-width: none;
}
@media only screen and (max-width: 962px) {
body.center #config_menu {
width: 100%;
padding: 0;
}
body.center #config_content {
float: left;
width: 100%;
padding: 10px 0;
}
.configoption {
display: inline-block;
border: 1px solid #666;
border-color: #BEDAF3;
-webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
background: #E4EDF5;
color: #369;
margin: .2em 0;
margin-right: .4em;
}
.configoption a {
overflow: visible;
padding: 0 10px;
height: 1.8em;
line-height: 1.8em;
color: #369;
}
.configoption_off {
display: inline-block;
border: 1px solid #666;
border-color: #79B1E7;
-webkit-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
background: #A8C4E0;
color: #2A527A;
font-weight: bold;
overflow: visible;
margin: .2em 0;
margin-right: .4em;
padding: 0 10px;
height: 1.8em;
line-height: 1.8em;
}
#text_editor dd.description {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 962px) {
#config_menu {
float: left;
width: 728px;
padding: 0 10px;
}
body.center-right #config_menu {
width: 508px;
}
#config_content {
float: left;
width: 695px;
padding: 10px;
}
body.center-right #config_content {
width: 400px;
}
.block-config,
#search-configuration-container {
margin: 0;
padding: 5px 0;
}
}
@media only screen and (max-width: 767px) {
#geeklog_config_editor {
padding: 0;
}
#config_menu {
float: left;
width: 100%;
padding: 0;
}
body.center-right #config_menu {
width: 100%;
}
#config_content {
float: left;
width: 100%;
padding: 10px 0;
}
body.center-right #config_content {
width: 100%;
}
.config_label {
float: left;
width: 100%;
padding: 0;
font-weight: bold;
}
.restore {
padding: .5em 0;
}
.config_input {
float: left;
width: 90%;
}
.config_name {
margin: 5px 0;
padding: 5px;
}
.config_name input[type="text"],
.config_name textarea {
width: 95%;
}
.config_name select {
max-width: none;
width: 98%;
}
.block-config,
#search-configuration-container {
margin: 0;
padding: 5px 0;
}
}
/* /home/snitobitakyu/sni-tobitakyu.or.jp/public_html/layout/default/css_ltr/theme.css */

.gl-hover{
background:#efefef !important;
}