/*-------------------------------------------------------------
# Customize CSS 2015.02.09
# Copyright (C) artflair.co.jp
-------------------------------------------------------------*/
.lightbox{ width:350px; height:292px;}
.english-soft{ border: solid 1px #DDDDDD; padding:0.5em; margin-bottom:0px !important; width:219px; min-height:230px;}
.english-soft span{ font-weight:bold; display:block;}
.english-soft a.more{ display:block; margin-top:1em;}
div.items-row{ display:block !important;}
/*=============================================================
共通è¦ç´
=============================================================*/
.half{ width:345px;}
.user-table01{ margin: 10px 0; width:100%; border: solid 1px #DDD; border-style: solid none none solid;}
.user-table01 th{ border: solid 1px #DDD; border-style: none solid solid none; padding:0.5em; background:#F4F5F7; color:#003372; width:18%; vertical-align:top;}
.user-table01 td{ border: solid 1px #DDD; border-style: none solid solid none; padding:0.5em;}
.user-table01 td p:last-child{ margin-bottom:0px;}
.user-table01 td strong{ color:#003372; font-weight:bold;}
.user-table01 td.td01{ border-right: dotted 1px #DDD; width:40%;}
.user-table01 td.td02{ background:#F6F6F6; width:10%; text-align:right;}
.user-table02{ margin: 10px 0; width:100%;}
.user-table02 th{ border-bottom: dotted 1px #DDD; padding:0.5em 0; width:30%; vertical-align:top;}
.user-table02 td{ border-bottom: dotted 1px #DDD; padding:0.5em 0; vertical-align:top;}
.user-table03{ margin: 10px 0; width:100%;}
.user-table03 th{ border-bottom: dotted 1px #DDD; padding:0.5em 0; width:20%; vertical-align:top;}
.user-table03 th p{ display:inline-block; border-left: solid 3px #003372; padding-left:10px; margin:0px !important;}
.user-table03 td{ border-bottom: dotted 1px #DDD; padding:0.5em 0; vertical-align:top;}
/*=============================================================
コンテンツ
=============================================================*/
a[href$=".pdf"] {
background: rgba(0, 0, 0, 0) url("../images/icon-pdf.gif") no-repeat scroll left center;
padding-left: 30px;
}
.news-box .lnd_introtxt {
background-color: transparent;
border-bottom: 1px dotted #ddd;
border-radius: 0;
box-shadow: none;
margin: 3px 0;
padding: 5px;
}
.div_lnd_list {
display: none;
}
.sns-box {
margin: 50px auto;
width: 770px;
overflow: hidden;
clear: both;
}
.sns-left {
border: 1px solid #ddd;
box-sizing: border-box;
float: left;
margin-right: 3%;
max-height: 500px;
overflow: auto;
width: 45%;
}
.sns-right {
box-sizing: border-box;
float: right;
width: 50%;
}
.sns-right .custom {
text-align: center;
}
/*---------- トップページ ----------*/
body#home #pageAll{ width:100% !important; margin: 0px auto 0px auto !important;}
body#home div.items-row{ display:block;}
.section01{ width:980px; margin: 30px auto;}
.section01 .contents{ width:310px; height:355px; float:left; background:url(../../../images/stories/klec/index/contents_bg.png) no-repeat left top;}
.section01 .contents.center{ margin: 0px 25px;}
.section01 .contents h3{ margin-top:13px;}
.section01 .contents p{ margin:15px 20px 0px 20px !important;}
.section01 .contents span{ margin:10px 20px 0 20px; display:block;}
.section01 .contents > a {
display: block;
margin: 10px 20px;
}
.section02{ background:#F5F5F5; border-top: solid 1px #EEEEEE; display:block; margin-bottom:-20px;}
.section02 .contents-block{ width:980px; margin:40px auto 0 auto; padding-bottom:30px;}
.section02 .news{ width:650px; float:left;}
.section02 .news h3{ position:relative;}
.section02 .news h3 span{ position:absolute; right:0px; top:0px; z-index:1000;}
.section02 .news h3 a {
float: right;
}
.section02 .lead{ width:310px; height:235px; float:right; background:url(../../../images/stories/klec/index/lead_bg.png) no-repeat; padding:20px;}
/*---------- 機械è¨å‚™ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚° ----------*/
body#machinery #content p{ font-size:15px; line-height:1.7em;}
.machinery{ background: url(../../../images/stories/klec/product/machinery.png) no-repeat left center; padding:40px 0 20px 400px; margin-top:20px;}
.machinery.en{ background:url(../../../images/stories/english/product/machinery.png) no-repeat left top !important;}
.machinery h3{ color:#003372; font-size:20px; font-weight:bold; line-height:1; margin-bottom:10px;}
.machinery h3:before{ content:"â– "; padding-right:5px;}
.contact-bnr{ border: solid 5px #DDD; width:780px; margin:40px auto 0px auto; padding:10px;}
.contact-bnr p{ float:left; width:485px; margin-bottom:0px !important;}
.contact-bnr img{ margin-top:7px;}
/*---------- 計装エンジニアリング ----------*/
body#instrumentation #content p{ font-size:15px; line-height:1.7em;}
.instrumentation{ background: url(../../../images/stories/klec/product/instrumentation.png) no-repeat left center; padding:40px 0 20px 400px; margin-top:20px;}
.instrumentation.en{ background:url(../../../images/stories/english/product/instrumentation.png) no-repeat left top !important;}
.instrumentation h3{ color:#003372; font-size:20px; font-weight:bold; line-height:1; margin-bottom:10px;}
.instrumentation h3:before{ content:"â– "; padding-right:5px;}
/*---------- ソフトウェア ----------*/
.software{ width:930px; margin: 0px auto;}
.software .teaser img{ width:100%;}
.softwere-navi{ margin-left:-18px;}
.softwere-navi li{ float:left; margin-left:18px;}
.software .comment{ font-size:17px; font-weight:bold; line-height:1.1em; margin-bottom:15px;}
/*---------- 代表挨拶 ----------*/
.greetings{ background:url(../../../images/stories/klec/company/name.png) no-repeat right bottom; padding-bottom:60px;}
.greetings p{ font-size:15px; line-height:2em;}
/*---------- ä¼šç¤¾æ²¿é© ----------*/
.blank-link{}
.blank-link li{ border-bottom: dotted 1px #DDD; line-height:1; padding:0.5em 0;}
.blank-link li span{ display:inline-block; width:250px;}
.blank-link li a{ background:url(../../../images/stories/klec/common/blank.png) no-repeat left 5px; padding-left:15px;}
/*---------- システムエンジニアã¨ã¯ ----------*/
.about{ width:430px;}
.about table{}
.about table th{ color:#013473; font-weight:bold; display:block; border-bottom: dotted 1px #DDD; padding-bottom:0.5em;}
.about table td{ line-height:1.3em; margin-bottom:1em; display:block; padding-top:0.5em;}
/*---------- 社員紹介 ----------*/
.profile{ width:430px; float:right;}
.profile table{}
.profile table th{ color:#013473; font-weight:bold; margin-top:10px; display:block;}
.profile table td{ line-height:1.3em;}
.staff-message{ border: solid 3px #DDD; margin-bottom:40px;}
.staff-message h4{ background:#F4F5F7; color:#003372; border: solid 1px #DDD; font-size:15px; font-weight:bold; line-height:1; padding: 1em 0.5em;}
.staff-message p{ margin:1em !important;}
.link-list{}
.link-list li{}
.link-list li a{ display:block; border: solid 1px #DDD; background: url(../../../images/stories/klec/recruit/icon_link_off.png) no-repeat 5px 8px #F6F6F6; color:#333; text-decoration:none; line-height:1; padding:0.5em 0.5em 0.5em 1.6em; margin-bottom:10px;}
.link-list li a:hover{ border: solid 1px #003372; background: url(../../../images/stories/klec/recruit/icon_link_on.png) no-repeat 5px 8px #003372; color:#FFF;}
/*---------- 採用FAQ ----------*/
.question{ margin:20px 0 0 0; border: solid 1px #DDD; background: url(../../../images/stories/klec/recruit/icon_a.png) no-repeat 10px 63px #FFF;}
.question h4{ border-bottom: solid 1px #DDD; line-height:1; font-size:17px; font-weight:bold; background: url(../../../images/stories/klec/recruit/icon_q.png) no-repeat 10px 13px #F6F6F6; padding:1em 0 1em 2.2em; font-weight:bold;}
.question p{ margin:1em 1em 1em 2.8em !important;}
.question p strong{ font-weight:bold; color:#013473;}
/*---------- ãŠå•ã„åˆã‚ã› ----------*/
.visform .field-sep:first-child { border-top:none !important;}
.policy{ border: solid 3px #DDD; margin-top:20px; background: #F6F6F6; padding:1em; line-height:1;}
.policy h4{}
.policy p{ margin:1em !important; font-size:11px; line-height:1.2em;}
.contact-check{}
.contact-check li{ background:url(../../../images/stories/klec/contact/check.png) no-repeat left top; padding-left:20px; font-weight:bold; margin-bottom:1em; line-height:1.2em;}
/*---------- 社内行事 ----------*/
body#event div.items-row { display:block;}
body#event .cols-2 .column-1,
body#event .cols-2 .column-2{ width:340px !important;}
body#event .cols-2 .column-1 p.teaser img,
body#event .cols-2 .column-2 p.teaser img{ width:100%;}
body#event .contentheading { font-size:15px; font-weight:bold; line-height:1; padding:0.5em; margin:20px 0 5px; background:#F6F6F6; border-left: solid 3px #013473;}
.jsn-article-info{ background:#FFF !important; padding:5px 0 !important; border-bottom: dotted 1px #DDD; margin-bottom:10px;}
.jsn-article-info p { margin:0 0 5px 0 !important; font-size:11px !important; line-height:1; float:none !important; text-align:left;}
.event p.teaser img{ max-width:710px;}
.event ul{}
.event ul li{ float:left; width:31%; min-height:166px; margin:1%;}
.event ul li img{ width:100%;}
/*---------- å–得特許 ----------*/
body#patent div.items-row { display:block;}
body#patent .cols-2 .column-1,
body#patent .cols-2 .column-2{ width:340px !important; min-height:357px;}
body#patent .cols-2 .column-1 p.teaser img,
body#patent .cols-2 .column-2 p.teaser img{ width:100%;}
body#patent .contentheading { font-size:15px; font-weight:bold; line-height:1; padding:0.5em; margin:20px 0 5px; background:#F6F6F6; border-left: solid 3px #013473;}
.patent p.teaser img{ max-width:710px;}
/*---------- æ–°ç€æƒ…å ± ----------*/
body#news div.items-row { display:block;}
body#news .contentheading a { font-size:15px; font-weight:bold; line-height:1; padding:0.5em; margin:20px 0 5px; background:#F6F6F6; border-left: solid 3px #013473;}
/*---------- æŠ€è¡“æƒ…å ± ----------*/
div.category-module,
div.newarticles{
background-color: #f6f6f6;
margin-bottom: 15px !important;
padding: 5px;
}
.category-module h3.title,
.newarticles h3.title{
background-color: #013473;
color: #ffffff;
padding: 10px;
}
ul.category-module,
.newarticles .module-content{
background-color: #fff;
border: 1px solid #ddd;
margin-top: 5px;
padding: 5px 0;
}
.newarticles .module-content{
padding: 10px;
}
.newarticles .mod-articles-category-title{
margin: 0 0 5px 0;
}
.newarticles .mod-articles-category-date {
display: block;
font-size: 11px;
}
ul.category-module li {
background-color: #fff;
}
ul.category-module li h4{}
ul.category-module li a {
background: #fff url("../../../images/stories/klec/common/menu_icon.png") no-repeat scroll 10px 11px;
display: block;
line-height: 1;
padding: 9px 5px 5px 25px;
}
ul.category-module li ul{
}
ul.category-module li ul li {
padding: 0 0 0 15px;
}
#technical h3.contentheading {
margin-bottom: 5px;
}
#technical h3.contentheading a {
font-size: 18px;
padding: 7px;
}
/*=============================================================
レイアウト
=============================================================*/
/*---------- Header ----------*/
.logo{ width:540px; height:40px; position:absolute; top:53px; left:0px;}
.kepware-logo {
position: absolute;
right: 150px;
top: 41px;
}
.language{ width:182px; height:19px; position:absolute; top:10px; right:0px;}
.language li{ float:left;}
.contact-btn{ width:200px; height:40px; position:absolute; top:0px; right:0px;}
/*---------- LeftMenu ----------*/
.menu{ background:#F6F6F6; padding:5px; margin-bottom:20px;}
.menu ul{ margin-top:5px;}
.menu ul li{ border: solid 1px #DDD; border-bottom: none;}
.menu ul li:last-child{ border-bottom: solid 1px #DDD;}
.menu ul li a{ display:block; background: url(../../../images/stories/klec/common/menu_icon.png) no-repeat 10px 16px #FFF; line-height:1; padding:1em 1em 1em 1.8em; color:#333; text-decoration:none;}
.menu ul li a:hover{ background:url(../../../images/stories/klec/common/menu_icon_on.png) no-repeat 10px 16px #F6F6F6;}
.local-bnr{}
.local-bnr li{ margin-bottom:10px;}
.local-bnr li:last-child{ margin-bottom:0px;}
/*---------- Footer ----------*/
.footer-home{ margin:6px 0 3px 0; width:100%; height:30px; position:relative;}
.footer-home .address{ font-size:10px; color:#FFF; position:absolute; top:5px; right:0px;}
.footer-link{ width:230px; float:left; margin:10px 0 0 20px;}
.footer-link:first-child{ margin-left:0px;}
.footer-link h3{}
.footer-link ul{ margin-top:10px;}
.footer-link ul li{ font-size:11px; line-height:1; background:url(../../../images/stories/klec/common/footer_icon.png) no-repeat left 1px; padding-left:11px; margin-bottom:5px;}
.footer-link ul li a{ color:rgba(255,255,255,1); text-decoration:none;}
.footer-link ul li a:hover{ color:rgba(255,255,255,0.6); text-decoration:underline;}
.guidance{ height:76px;}
.guidance .kepware{ width:100%; float:left; margin-top:15px; margin-bottom:10px; background:rgba(255,255,0.1,0.1); border: solid 0px rgba(255,255,255,0.1); padding:5px;}
.guidance .kepware h3{ float:left; width:140px;}
.guidance .kepware p{ width:820px; float:right; font-size:11px; line-height:1.2em; color:#FFF; padding-top:15px;}
.guidance .address{ width:332px; float:right; color:#FFF; margin-top:15px; background:url(../../../images/stories/klec/common/address_bg.png) no-repeat; padding-left:10px;}
/*=============================================================
基本è¨å®š
=============================================================*/
body{
margin:0;
padding:0;
text-align:center;
font-size:13px;
line-height:1.5em;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ï¼ï¼³ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
color:#333;
height:100%;
-webkit-text-size-adjust: 100%;
}
a:link{color:#134A77; text-decoration:underline;}
a:visited{color:#3399CC; text-decoration:underline;}
a:hover{color:#990033; text-decoration:none;}
a:active{color:#006699; text-decoration:none;}
/*---------- LAYOUT STYLES ----------*/
body#home #all{background: url(../../../images/stories/klec/common/background_index.png) repeat-x left top #FFF !important;}
#all { background: url(../../../images/stories/klec/common/background_middle.png) repeat-x left top #FFF;}
#header { margin: 0 auto; position:relative; min-width:1000px;}
#topModule { width:980px !important; height:170px; margin: 0px auto; position:relative; background:url(../../../images/stories/klec/common/header.png) no-repeat;}
.mod-languages{ height: 19px; position:absolute; right:60px; top:13px; width: 182px;}
#topModule #h1title { font-size:11px; line-height:1; color:#FFF; padding-top:15px;}/* サマリー */
#promo { margin: 0 auto; width:990px;}
body#home #promo{ margin-top:25px; background:url(../../../images/stories/klec/common/slider_bg.png) no-repeat; padding:5px;}
#pageAll { margin: 45px auto; width:980px !important;}
#wrapper { padding: 0px;}
#main {}
#maincontent { padding: 0px;}
#left { float: left; width: 24.49%; margin-top:10px;}
#right { float: left; width: 20%;}
#wrapper.scheme_3 #content { float: left; width: 60%;} /* 3カラム*/
#wrapper.scheme_2 #content { float: right; width: 72.45%;} /* 2カラム*/
#wrapper.scheme_1 #content { float: left; width: 100%;} /* 1カラム*/
#bottom { width:100%; min-width:1000px; background:url(../../../images/stories/klec/common/bottom_bg.png) repeat-x center top;}
#bottom #modules-bottom {
margin: 0 auto;
width:980px !important;
//height:215px;
background:url(../../../images/stories/klec/common/modules_bg.png) no-repeat;
}
#footer { width:100%; min-width:1000px; background:url(../../../images/stories/klec/common/footer_bg.png) repeat-x center top;}
.footer-inner{margin: 0 auto; width:980px !important; background:url(../../../images/stories/klec/common/modules_footer_bg.png) no-repeat center top; position:relative;}
.footer-inner .copyright{ font-size:13px; color:#FFF; line-height:1; padding:10px 0;}
.footer-inner .login{ position:absolute; bottom:10px; left:0px; font-size:11px; line-height:1;}
.footer-inner .login a{ color:rgba(255,255,255,0.5);}
.footer-inner .login a:hover{ color:rgba(255,255,255,0.2);}
/*---------- TOP MENU ----------*/
ul.menumenu-mainmenu{width: 980px; position:absolute; bottom:0px; left:0px;}
ul.menumenu-mainmenu > li{ float:left; position:relative; cursor:pointer;}
ul.menumenu-mainmenu li ul{ position:absolute; top:63px; left:0px; z-index:10000; display:none;}
ul.menumenu-mainmenu li:hover ul{ display:block; top:63px; width:220px; z-index:10000;}
ul.menumenu-mainmenu li ul li{ float:none; background: rgba(1,38,84,0.9);}
ul.menumenu-mainmenu li ul li a{ display: block; text-align:center; line-height:1.0em; padding:1.2em 3px; border-bottom: solid 1px rgba(70,133,194,0.5); color: rgba(255,255,255,1); text-decoration:none;}
ul.menumenu-mainmenu li ul li a:hover{ color: rgba(255,255,255,0.7);}
ul.menumenu-mainmenu li ul li:hover{ background:rgba(1,52,115,0.9);}
/*---------- パンããš ----------*/
.breadcrumbs { font-size:11px; line-height:1; margin:10px 0px 20px 0px;}
.breadcrumbs img{ display:none;}
.breadcrumbs span { background:url(../../../images/stories/klec/common/path.png) no-repeat left 3px; padding-left:13px; color:#999;}
/*---------- 見出㗠----------*/
h2.componentheading { border: solid 1px #DDD; border-radius:5px; background:url(../../../images/stories/klec/common/componentheading.png) no-repeat left top; border-radius:5px; line-height:1; font-size:25px; color:#333; padding:1.2em 1em; margin-bottom:40px; font-weight:bold;}
.kiji-midashi { font-size:21px; font-weight:bold; background:url(../../../images/stories/klec/common/kiji-midashi.png) no-repeat left bottom; line-height:1; margin:60px 0 20px; padding:1em 0; color:#013473; border-top: solid 1px #CCC;}
.kiji-midashi-2 { font-size:17px; font-weight:bold; line-height:1; padding:0.5em; margin:20px 0 10px; background:#F6F6F6; border-left: solid 3px #013473;}
.kiji-midashi-3 { background:#003372; display:inline-block; color:#FFF; line-height:1; margin:20px 0 0 0; padding:0.5em 1em; border-radius:5px; font-weight:bold;}
/*---------- å•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ----------*/
/* visform */
.visform{ margin-top:40px;}
p.visCSSclear{ margin-bottom:0px !important;}
.visform input,
.visform select,
.visform textarea{background-color: #f7f7f7;border: 1px solid #cccccc; padding: 4px;}
.visCSSlabel { font-size: 13px; margin: 7px 0; padding-left: 10px;}
.visCSSinput { margin: 0;}
.visCSStop0 {}
.visCSSmargLeft { display: inline; margin: 0;}
.visBtnCon {}
.visBtnCon .send { border-radius: 5px; font-size: 13px; padding: 8px;}
.field-sep { border-top: 1px dotted #DDD; padding: 10px 0;}
.visCustomText { display: inline-block; margin:0px !important;}
.visCustomText p { margin:0px !important; display: inline-block !important; line-height:1.2em; padding:0.5em;}
#visformcontainer input:focus,
#visformcontainer textarea:focus { background-color: #FFF5D6 !important; border: 1px dotted #999999 !important;}
#visformcontainer .error-text{}
#radio-listlbl { display: inline; height: 60px; padding-left: 6px; width: 30%;}
#radio-listlbl input{}
.radio-list-label { width: auto;}
.radio-list-field { clear: none;}
.w60{width: 60%;}
.w50{width: 50%;}
.w40{width: 40%;}
.w30{width: 30%;}
.w20{width: 20%;}
.w10{width: 10%;}
.w-auto{width: auto;}
p.errorcontainer { margin-bottom: 0; margin-top: 0; padding-top: 0;}
.hidden{display: none;}
/*=============================================================
リセット
=============================================================*/
html { height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,blockquote,th,td,img,p{ margin: 0px; padding: 0px; font-weight:normal;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal}
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{ text-align: left; display: block}
table { border-collapse: collapse; border-spacing: 0}
caption,th { text-align: left}
q:before,q:after { content: ''}
img,
object,
embed { vertical-align: top}
hr,legend{ display: none}
h1,h2,h3,h4,h5,h6 { font-size: 100%}
img,abbr,acronym,fieldset{ border:none}
li{ list-style-type: none}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
/*---------- margin ----------*/
.mt-00{ margin-top:0px !important}
.mt-05{ margin-top:5px !important}
.mt-10{ margin-top:10px !important}
.mt-20{ margin-top:20px !important}
.mt-30{ margin-top:30px !important}
.mt-40{ margin-top:40px !important}
.mt-50{ margin-top:50px !important}
.mt-60{ margin-top:60px !important}
.mt-70{ margin-top:70px !important}
.mt-80{ margin-top:80px !important}
.mt-90{ margin-top:90px !important}
.mt-100{ margin-top:100px !important}
/*---------- align ----------*/
.align-left{ text-align: left;}
.align-right{ text-align: right;}
.align-center{ text-align: center;}
/*---------- float ----------*/
.float-left{ float:left;}
.float-right{ float:right;}
/*---------- image ----------*/
.img-left{ float:left; margin:0 20px 10px 0;}
.img-right{ float:right; margin:0 0 10px 20px;}
/*----- clearfix -----*/
.clearfix { zoom:1;}
.clearfix:after{ content: ""; display: block; clear: both;}
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px;}
/*--------------------------------------------------------------
# Copyright (C) joomla-monster.com
# License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
# Website: http://www.joomla-monster.com
# Support: info@joomla-monster.com
---------------------------------------------------------------*/
.midashi-q{background-image: url("../images/q.gif");background-position: 3px 50%;background-repeat: no-repeat;border-color: #CCCCCC #CCCCCC #FFA200;border-style: solid;border-width: 1px 1px 2px;font-size: 12px;line-height: 32px;margin: 10px 0;text-indent: 30px;}
.text-highlight { padding: .2em .5em; background: #FFFFAA;}
.highlight-green { color: #fff; background: #48691b;}
.highlight-light { color: #000; background: #e5e5e5;}
.highlight-dark { color: #fff; background: #595959;}
.text-alert { background-image: url("../images/icon-text-alert.png") ; background-repeat: no-repeat; background-position: 0 5px; background-color: #ffdfdf; border-bottom: 2px solid #feabab; border-top: 2px solid #feabab; line-height: 1; padding: 10px 54px;}
.text-info { border-top: 2px solid #B7D2F2; border-bottom: 2px solid #B7D2F2; background-image:url(../images/icon-text-info.png); background-repeat: no-repeat; background-position: 0 5px; background-color: #DBE7F8; line-height: 1; padding: 10px 54px;}
.text-download { border-top: 2px solid #DDEDBC; border-bottom: 2px solid #DDEDBC; background-image: url(../images/icon-text-download.png) ; background-repeat: no-repeat; background-position: 0 5px; background-color: #F2F9E5; line-height: 1; padding: 10px 54px;}
.text-comment { border-top: 2px solid #FEEBAB; border-bottom: 2px solid #FEEBAB; background-image: url(../images/icon-text-comment.png); background-repeat: no-repeat; background-position: 0 5px; background-color: #FEF8E1; line-height: 1; padding: 10px 54px;}
.text-tip { border-top: 2px solid #FEEBAB; border-bottom: 2px solid #FEEBAB; background-image: url(../images/icon-text-tip.png); background-repeat: no-repeat; background-position: 0 5px; background-color: #FFFFD5; line-height: 1; padding: 10px 54px;}
.text-attachment { border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; background-image: url(../images/icon-text-attachment.png) ; background-repeat: no-repeat; background-position: 0 5px; background-color: #f2f2f2 ; line-height: 1; padding: 10px 54px;}
.text-video { border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; background-image: url(../images/icon-text-video.png) ; background-repeat: no-repeat; background-position: 0 5px; background-color: #f2f2f2 ; line-height: 1; padding: 10px 54px;}
.text-audio { border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; background-image: url(../images/icon-text-audio.png) ; background-repeat: no-repeat; background-position: 0 5px; background-color: #f2f2f2 ; line-height: 1; padding: 10px 54px;}
.link-highlight { color: #595959; font-weight: bold; display: block; padding: 5px; border: 1px solid transparent;}
.link-highlight:hover { color: #000; border-color: #d9d9d9; text-decoration: none; background-color: #f2f2f2;}
.news-title { background-color: #E5E2D3; color: #444444; font-size: 14px; margin: 15px 0 0; padding: 7px 10px;}
.news-box { height: 180px; overflow: auto; margin-top:10px;}
.news-box ul { margin: 0; padding: 0;}
.news-box ul li { background-image: url("../images/icon-arrow-black.png"); background-position: left 2px; background-repeat: no-repeat; border-bottom: 1px dotted #DDD; font-size: 1em; list-style: none outside none; margin: 0 0 5px !important; padding: 0 0 5px 17px !important;color:#cc9900;}
.srfrContainer {}
.srfrContainer ul{}
.srfrContainer ul li{}
.srfrContainer ul li a{}
.srfrContainer ul li h3{}
ul#yoko-link { border-left: 1px solid #FFFFFF; line-height: 1.2; margin: 0; overflow: hidden;}
ul#yoko-link li { background-image: none; border-right: 1px solid #999999; border-top: 0 none; float: left; list-style: none outside none; margin-bottom: 10px; padding: 0;}
ul#yoko-link li a,
ul#yoko-link li .separator
{ background-image: none; padding: 0 7px;}
ul#yoko-link li a:hover{}
.aiContactSafe_sufix { display: block;}
#smap{display: none;}
.mb{display: none;}
.copyright { clear: both; font-size: 11px; margin: 0; overflow: hidden; text-align: center;}
li.lnd_latestnews a { margin-left: 10px;font-weight: bold;}
ul#sidemenu li .separator { display: block; padding: 7px 7px 7px 0;}
ul#menufloatleft { margin: 0; width: 170px;}
ul#menufloatleft li { background-image: url("../images/icon-arrow-white.png"); background-position: left 2px; background-repeat: no-repeat; margin-bottom: 3px; margin-left: 5px; padding-left: 18px;}
ul#menufloatleft li.parent ul { margin: 0;}
ul#menufloatleft li.parent ul li{}
ul#menufloatleft li a:link{}
ul#sidemenu {}
ul#sidemenu li {}
ul#sidemenu li a:link {}
ul#sidemenu li.parent ul {}
ul#sidemenu li.parent ul li {}
#gaiyo-table { border-collapse: collapse; width: 100%;}
#gaiyo-table tbody{}
#gaiyo-table td{border-bottom:1px dotted #696969;}
#gaiyo-table th { border-bottom: 1px dotted #696969; font-weight: normal; width: 15%;}
ul.categories-modulerichbox-2 li h4 { display: inline; font-size: 12px; margin: 0;}
ul.categories-modulerichbox-2 li { border-bottom: 1px dotted #CCCCCC;}
ul.categories-modulerichbox-2 li a:link{background-image: url("../images/icon-arrow-black.png");background-position: 5px 9px;background-repeat: no-repeat;display: block;padding-bottom: 7px;padding-left: 25px;padding-top: 7px;}
.aics_CheckboxList_inline,
.aics_radio_inline { float: left; line-height: 1; margin-bottom: 5px; margin-top: 4px;}
.aics_CheckboxList_inline input,
.aics_radio_inline input { margin: 2px 3px 0 4px;}
.aics_CheckboxList_inline label,
.aics_radio_inline label { float: left; line-height: 1.2em; margin: 0 3px;}
#aiContactSafeForm input,
#aiContactSafeForm textarea,
#aiContactSafeForm select { background-color: #F7F7F7; border: 1px solid #CCCCCC; padding: 4px;}
#itemlist-table { border-collapse: separate; border-spacing: 2px; font-size: 12px; line-height: 1.2; margin-top: 5px; width: 170px;}
#itemlist-table td { background-color: #EDF2F6; font-size: 12px; padding: 3px;}
#itemlist-table th { background-color: #C9DAE4;
font-weight: normal; padding: 3px;}
#jform_params_navigation{font-size: 10px;padding-right: 0;}
a:link, a:visited { color: #1D3994;}
#pathwayFonts {}
#search .inputbox { border-top: 1px solid #5fa93a; border-left: 1px solid #5fa93a; background: url(../images/default/bg_inputbox.gif) top left repeat-x;}
#search .button { background: url(../images/default/bg_button.gif) left top no-repeat;}
#fonts a#largeFont { background: url(../images/default/big_font.gif) left top no-repeat;}
#fonts a#smallFont { background: url(../images/default/small_font.gif) left top no-repeat;}
#fonts a#normalFont { background: url(../images/default/default_font.gif) left top no-repeat;}
#pathway h3, #pathway { color: #006383;}
/**modules**/
div.djmodule {}
#content div.djmodule{border: none;}
div.bg { background: #edf4f6;}
div.bgh3 h3 { background: #edf4f6;}
div.arrow h3 { background: url(../images/default/arrow_bg.gif) left no-repeat;}
/**menus**/
ul.menu li,
ul#mainlevel li { border-top: solid 1px #d7e7ec;}
ul.menu li a:link,
ul.menu li a:visited,
ul#mainlevel li a { color: #1D3994; background: url(../images/default/bg_alink.png) left no-repeat;}
ul.menu li ul li a:link,
ul.menu li ul li a:visited,
ul.menu li ul li.active a,
ul.menu li ul li.active li a,
ul.menu li ul li.active li li a { color: #006383;}
/*--------------------------------------------------------------
# Copyright (C) joomla-monster.com
# License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
# Website: http://www.joomla-monster.com
# Support: info@joomla-monster.com
---------------------------------------------------------------*/
/*********** MENUS STYLES **********/
/***default module menu***/
ul.menu,
ul#mainlevel { list-style-type: none; margin: 0; padding: 0; display: block;}
ul.menu li,
ul#mainlevel li { margin: 0; padding: 0 0 0 10px; /*
border-top: solid 1px #d7e7ec; */
display: block;}
ul.menu li a:link,
ul.menu li a:visited, ul#mainlevel li a { display: block; font-weight: normal; padding: 7px 0 7px 10px; margin: 0; /*
color: #006383; */
text-decoration: none; outline: none; /*
background: url(../images/default/bg_alink.png) left no-repeat; */
}
ul.menu li a:hover,
ul#mainlevel li a:hover { text-decoration: underline;}
ul.menu li.active a,
ul#mainlevel li a#active_menu { text-decoration: underline;}
ul.menu li ul { list-style: none; margin: 0; padding: 0;}
ul.menu li ul li { margin: 0; padding: 0 0 0 10px; background: none;}
ul.menu li ul li a:link,
ul.menu li ul li a:visited,
ul.menu li ul li.active a,
ul.menu li ul li.active li a,
ul.menu li ul li.active li li a,
ul.menu li ul li.active li li li a,
ul.menu li ul li.active li li li li a { font-size: 0.9em; display: block; text-align: left; padding: 7px 0 7px 10px; margin: 0; /* color: #006383; */ text-decoration: none;}
ul.menu li ul li.active a,
ul.menu li ul li li.active a,
ul.menu li ul li li li.active a,
ul.menu li ul li li li li.active a,
ul.menu li ul li li li li li.active a,
ul.menu li ul li.active a { text-decoration: underline;}
ul.menu li ul li a:hover { text-decoration: underline !important;}
/**maincontent**/
#maincontent ul.menu,
#maincontent ul#mainlevel { margin: 0;}
/**global styles**/
div.registration fieldset,
div.profile fieldset,
div.profile-edit fieldset,
div.remind fieldset,
div.reset fieldset,
div.login fieldset,
div.edit fieldset { border: 1px solid #D7E7EC;}
fieldset.word,
fieldset.phrases,
fieldset.only { border: 1px solid #D7E7EC;}
.inputbox, input.validate-password, input.validate-username, input.required, select, textarea, div.formelm input { border: 1px solid #d6e6eb; background: #edf4f6; color: #006383;}
input.button, button.validate, button { background: #006383;}
fieldset.phrases { border: 1px solid #D7E7EC;}
fieldset.only { border: 1px solid #D7E7EC;}
fieldset.filters { border: 1px solid #D7E7EC;}
table.category { border: 1px solid #019FD5; width: 100%;}
table.category thead { background: #019FD5;}
div.panel h3.title { background: #019FD5;}
tr, td {font-size: 13px;line-height: 1.7em;text-align: left;}
td p { font-size: 13px;}
p.readmore a:link, p.readmore a:visited { color: #006383;}
/*********** MODULES STYLES **********/
div.djmodule { margin: 0;}
div.djmodule h3, div.djmodule2 h3 { color: #006383; margin: 0; padding: 0;}
div.module-content { padding: 0;}
#user1_user2 div.djmodule,
#user5 div.djmodule { margin: 0;}
div.djmodule2 h3 { font-weight: bold; margin: 0; padding: 0;}
div.djmodule2 { padding: 0;}
div.djmodule2 .module-content2 { padding: 0;}
/**sufixes**/
div.arrow h3 { margin: 0 0 0 10px; padding-left: 15px;}
/************************ plugin page break ******************/
hr.system-pagebreak { background: #D7E7EC;}
/************************ Presentation Style: pages ******************/
div#article-index { border: 1px solid #D7E7EC;}
div.pagenavcounter { background: #D7E7EC; border: 1px solid #D7E7EC;}
/************************ Presentation Style: sliders ******************/
div#sliders div.panel { border: 1px solid #D7E7EC;}
div#sliders .panel h3#basic-details.title { border: 1px solid #D7E7EC; background: #D7E7EC;}
div#sliders .panel h3#basic-details.title a:link,
div#sliders .panel h3#basic-details.title a:visited { color: #006383;}
/************************ Presentation Style: tabs ******************/
.tabs dt.tabs { background: #EDF4F6; border-right: solid 1px #006383; border-left: solid 1px #006383; border-top: solid 1px #006383;}
.tabs dt.tabs.closed { background: #006383; border: solid 1px #006383;}
.tabs dt.tabs.basic-details.open h3 a:link,
.tabs dt.tabs.basic-details.open h3 a:visited { color: #006383;}
dd.tabs {
background: #EDF4F6; border: solid 1px #006383;}
/*********** DEFAULT JOOMLA STYLES **********/
/**registration, login**/
span.star, strong.red, .invalid { color: #ff0000;}
div.login fieldset { border: none;}
div.registration fieldset,
div.profile fieldset,
div.profile-edit fieldset,
div.remind fieldset,
div.reset fieldset,
div.login fieldset,
div.edit fieldset { margin: 0 0 10px 0; padding: 10px;}
div.registration fieldset legend,
div.profile fieldset legend,
div.profile-edit fieldset legend,
div.edit fieldset legend { font-weight: bold;}
div.registration form#member-registration fieldset dt,
div.profile form#member-profile fieldset dt,
div.profile fieldset#users-profile-core dt,
div.profile fieldset#users-profile-custom dt,
div.profile-edit form#member-profile fieldset dt,
div.remind fieldset dt,
div.reset fieldset dt { float: left; clear: both; padding: 2px; margin: 0; min-width: 250px; line-height: 26px;}
div.registration form#member-registration fieldset dd,
div.profile form#member-profile fieldset dd,
div.profile fieldset#users-profile-core dd,
div.profile fieldset#users-profile-custom dd,
div.profile-edit form#member-profile fieldset dd,
div.remind fieldset dd, div.reset fieldset dd { float: none; padding: 2px; margin: 0; line-height: 26px;}
.registration dl dt:first-child { width: 100% !important;}
div.formelm label,
div.formelm-area label { display: inline-block; min-width: 200px;}
.field-title label { min-width: 0 !important;}
.formelm input{}
div.formelm img { vertical-align: middle; margin: 0 5px;}
div.formelm-buttons { padding: 10px 0;}
div.login-fields { padding: 5px 0;}
fieldset.userdata { border: none; padding: 0; margin: 0;}
div.registration label { display: inline-block; min-width: 200px;}
.login-fields label#password-lbl,
.login-fields label#username-lbl { min-width: 100px; display: inline-block;}
/**buttons, inputs**/
input.button, button.validate, button { border: none; color: #fff; font-size: 12px; font-weight: normal; margin: 0 0 0 5px; padding: 3px 5px; vertical-align: middle; cursor: pointer;}
.inputbox, input.validate-password, input.validate-username, input.required, select, textarea, div.formelm input { font-size: 12px; font-weight: normal; margin: 3px 0; padding: 2px 0 2px 2px; vertical-align: middle;}
input#modlgn-remember { margin: 0 10px 0 0; padding: 0; border: 0; background: none;}
#form-login-username label,
#form-login-password label { width: 100px; display: inline-block;}
.userdata input.button { margin: 10px 0;}
/**page navigation**/
ul.pagenav { list-style-type: none; padding: 0; margin: 20px 0 0 0;}
ul.pagenav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
ul.pagenav { display: inline-block;}
/* Hides from IE-mac \*/ * html ul.pagenav { height: 1%;}
ul.pagenav { display: block !important;}
ul.pagenav li { display: inline; padding: 0; margin: 0; background: none;}
ul.pagenav li a { font-weight: bold;}
ul.pagenav li.pagenav-prev { float: left;}
ul.pagenav li.pagenav-next { float: right;}
/**pagination**/
div.pagination { margin: 10px 0; padding: 10px 0; text-align: center; clear: both;}
div.pagination ul { list-style-type: none; margin: 0; padding: 0;}
div.pagination li { display: inline; padding: 2px; margin: 0 2px; background: none; font-weight: bold;}
.pagenav { padding: 2px;}
div.pagination li.pagination-start,
div.pagination li.pagination-next,
div.pagination li.pagination-end,
div.pagination li.pagination-prev { border: 0;}
div.pagination li.pagination-start,
div.pagination li.pagination-start span { padding: 0;}
p.counter { text-align: center;}
/**search**/
fieldset.word,
fieldset.phrases,
fieldset.only { padding: 10px; margin: 0 0 10px 0;}
fieldset.phrases {}
fieldset.only {}
div.searchintro { font-size: 12px;}
fieldset.only legend,
fieldset.phrases legend { font-weight: bold;}
/****content****/
div.items-leading { display: inline-block; width: 100%;}
div.items-row { display: inline-block;}
.row-separator {}
.item-separator { display: block; width: 100%; height: 1px; margin: 10px 0; background: none;}
.shownocolumns {}
.category-desc {}
/**blog featured single**/
div.blog-featured {}
div.blog {}
div.item-page {}
div.category-list {}
div.archive {}
div.contact-category {}
div.search {}
div.blog h2,
div.item-page h2,
div.blog-featured h2 { font-weight: bold;}
div.blog h1,
div.blog-featured h1,
div.item-page h1,
div.archive h1,
div.contact-category h2,
div.categories-list h1,
div.category-list h1,
div.search h1 { font-weight: bold;}
div.blog-featured h2 a:link,
div.blog-featured h2 a:visited,
div.blog h2 a:link,
div.blog h2 a:visited,
div.item-page h2 a:link,
div.item-page h2 a:visited { font-weight: bold;}
div.blog-featured h2 a:link,
div.blog-featured h2 a:visited,
div.blog h2 a:link,
div.blog h2 a:visited,
div.item-page h2 a:link,
div.item-page h2 a:visited { text-decoration: none;}
div.contact h2 span.contact-name {}
div.newsfeed {}
div.newsfeed h2.redirect-ltr {}
div.newsfeed h2.redirect-ltr a {}
/**blog layout**/
.item { display: block;}
.item ul,
body#tinymce ul{
margin: 20px 0;
padding: 9px 40px;
}
.item ul li,
body#tinymce ul li{
list-style: outside none disc;
margin-bottom: 5px;
}
.cols-1 { display: block; float: none !important; margin: 0 !important; overflow: hidden;}
.cols-2 .column-1 { float: left; width: 48%;}
.cols-2 .column-2 { float: right; width: 48%;}
.cols-3 .column-1,
.cols-3 .column-2,
.cols-3 .column-3 { float: left; width: 31%;}
.cols-3 .column-2 { padding: 0 3%;}
.cols-4 .column-1,
.cols-4 .column-2,
.cols-4 .column-3,
.cols-4 .column-4 { float: left; width: 23%;}
.cols-4 .column-2 {}
.cols-4 .column-3 {}
.items-more { padding: 10px 0;}
.items-more h3 { font-weight: bold;}
/**single article**/
ul.actions { margin: 0 0 5px; padding: 0; text-align: right; width: 100%;}
ul.actions li { display: inline; background: none;}
.actions img { border: none;}
.article-info { margin: 0 0 10px 0; font-size: 11px; line-height: 15px;}
.article-info-term { font-weight: bold;}
.archive .article-info dd,
.article-info dd { margin: 0;}
/**article categories**/
.categories-list ul { list-style: none; margin: 0;}
.categories-list h1 {}
dl.article-count dt,
dl.article-count dd { display: inline; margin: 0;}
dl.article-count dt,
dl.article-count dd { display: inline; margin: 0;}
/**web category list**/
.weblink-category {}
/**profile**/
.profile dd { font-style: italic;}
.calendar, .calendar table { margin: 0 5px; vertical-align: middle;}
img.calendar { border: medium none; width: 24px;}
/**archive**/
fieldset.filters { padding: 10px; margin: 0 0 20px 0;}
fieldset.filters legend { font-weight: bold;}
ul#archive-items .row0,
ul#archive-items .row1 { background: none; list-style: none;}
ul#archive-items h2 a:link,
ul#archive-items h2 a:visited { text-decoration: none;}
/**contact, article category list**/
table.category { width: 100%; margin: 10px 0; border-collapse: collapse; border-spacing: 0;}
table.category th { font-weight: bold; padding: 8px; color: #fff; border: none;}
table.category th a { color: #fff; text-decoration: none;}
table.category .cat-list-row0 td { padding: 8px; border: none;}
table.category .cat-list-row1 td { padding: 8px; border: none;}
.cat-children h3 {}
/**single contact slider**/
div.contact-slider {}
div.panel {}
div.panel h3.title { padding: 8px; font-size: 12px; margin: 0 0 1px;}
div.panel h3.title a:link,
div.panel h3.title a:visited { text-decoration: none; color: #fff;}
div.panel h3.pane-toggler-down {}
div.pane-slider {}
div.pane-down { padding: 10px !important;}
form#contact-form fieldset { border: none; padding: 0; margin: 0;}
form#contact-form dt,
form#contact-form dd,
form#contact-form button.button { margin: 0;}
/**details**/
.tip { background: #FFFFFF; border: 1px solid #CFCCCC; padding: 10px;}
.img_caption { font-size: 10px; background: none; margin: 0px; padding: 0px; border-top: none;}
p.readmore { text-align: right;}
p.readmore a:link, p.readmore a:visited { padding: 0 0 0 15px; margin: 0px; display: block; font-size: 0.9em; line-height: 1.2em; font-weight: bold; float: right;}
p.readmore a:hover { text-decoration: none;}
/************************ plugin page break ******************/
hr.system-pagebreak { display: block; width: 100%; height: 1px; margin: 15px 0px; clear: both; height: 1px; border: none;}
/************************ Presentation Style: pages ******************/
div#article-index { padding: 10px 5px;}
div#article-index { float: right; margin: 0 0 0 10px; padding: 10px; width: 140px; background: none;}
div.pagenavcounter { clear: both; float: right; margin: 0 0 10px 10px; padding: 5px 10px; text-align: center; width: 140px;}
div#article-index h3 { font-size: 12px; font-weight: bold; text-align: center;}
/************************ Presentation Style: sliders ******************/
div#sliders div.panel { margin: 0 0 1px 0;}
div#sliders .panel h3#basic-details.title { font-size: 12px; line-height: 18px; text-align: center; padding: 8px; margin: 0; cursor: pointer;}
div#sliders .panel h3#basic-details.title a:link,
div#sliders .panel h3#basic-details.title a:visited { text-decoration: none; font-weight: normal;}
div#sliders .panel h3#basic-details.title.pane-toggler-down a:link,
div#sliders .panel h3#basic-details.title.pane-toggler-down a:visited { font-weight: bold;}
div#sliders .panel h3#basic-details.title a:hover { font-weight: bold;}
div#sliders .panel div.pane-slider { padding: 5px;}
/************************ Presentation Style: tabs ******************/
dl#tabs.tabs { float: none; display: inline-block; padding: 10px 0 0;}
dl.tabs { margin: 0;}
.tabs dt.tabs { float: left; padding: 5px 10px 6px 10px; margin: 0 5px -1px 0; border-bottom: none;}
.tabs dt.tabs.closed { padding: 5px 10px;}
.tabs dt.tabs.basic-details h3 { font-size: 12px; margin: 0;}
.tabs dt.tabs.basic-details h3 a:link,
.tabs dt.tabs.basic-details h3 a:visited { text-decoration: none; color: #fff;}
dd.tabs { clear:both; margin: 0; padding: 10px;}
/* Unpublished */
.system-unpublished { background: #e8edf1; border-top: 4px solid #c4d3df; border-bottom: 4px solid #c4d3df;}
/* System Messages */
#system-message { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; display: none;}
#system-message dd { margin: 0; font-weight: bold; text-indent: 0px;}
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}
/* System Standard Messages */
#system-message dd.message ul { color: #fff; font-weight: bold; font-size: 12px; background: #0e4185; border: none; margin: 0; text-align: center; padding: 15px 10px;}
#system-message dd.message ul li { display: inline;}
/* System Error Messages */
#system-message dd.error ul { color: #fff; font-weight: bold; font-size: 12px; background: #ce1c13; border: none; margin: 0; text-align: center; padding: 15px 10px;}
#system-message dd.error ul li { display: inline;}
/* System Notice Messages */
#system-message dd.notice ul { color: #fff; font-weight: bold; font-size: 12px; background-color: #FF0000; border: none; margin: 0; text-headtablealign: center; padding: 15px 10px;}
#system-message dd.notice ul li { display: inline;}
#system-message ul li { background: none; margin-left: 30px;}
#headtable h1 { font-size: 10px; font-weight: normal; margin: 0;}
.headleft { float: left;}.headright{float: right;}
#headtable { width: 100%;}
#headtable td{ width: 65%;}
#headtable th { text-align: left; width: 35%;}
/*--------------------------------------------------------------
# Copyright (C) joomla-monster.com
# License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
# Website: http://www.joomla-monster.com
# Support: info@joomla-monster.com
---------------------------------------------------------------*/
/*********** RESET GLOBAL STYLES **********/
h2 {}
h3 {
font-size: 20px;
line-height: 2;
}
h4 {}
h5 {}
h6 {}
h1, h2, h3, h4, h5, h6 {}
fieldset {}
blockquote:before, blockquote:after, q:before, q:after {}
blockquote, q {}
a:link, a:visited {}
a:hover {}
ul {}
ol {}
ol li {}
ul li{}
ol li{}
p {}
a img {}
/*--------------------------------------------------------------
# Copyright (C) joomla-monster.com
# License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
# Website: http://www.joomla-monster.com
# Support: info@joomla-monster.com
---------------------------------------------------------------*/
.smallview #pageAll { /*CSS for "small font" setting*/ font-size: 11px; line-height: 19px;}
.normalview #pageAll { /*CSS to return page to default setting (with no additional CSS rules added)*/ font-size: 12px; line-height: 20px;}
.largeview #pageAll { /*CSS for "large font" setting*/ font-size: 14px; line-height: 22px;}
#logoSearch { display: none;}
#logo_sitedesc { float: left;}
#logo { margin: 0; font-weight: normal;}
#sitedesc { display: block;}
#search {}
#icons { float: left; width: 21%; padding-left: 20px; margin-top: 10px; display: none;}
#widtharea, #stylearea { float: left;}
#widtharea { padding: 0 15px 0 0;}
#user1_user2 { margin: 0;}
#user1, #user2 { float: left; width: 50%;}
#user5 { padding: 0 15px; margin: 0 0 15px 0;}
#pathway { float: left; width: 88%; color: #006383; padding-left: 7px;}
#fonts { float: right; width: 10%; text-align: right; padding: 3px 0 0 0;}
#xhtmlCss { float: left; width: 70%;}
#rss {/* float: right; width: 30%; text-align: right;*/}
#headerModule { width: 60%; position: absolute; z-index: 2; top: 10px; left: 30%; padding: 0 20px 20px 0;}
/**bottom modules**/
#modules-bottom.m4 div.modules-bottom-in { float: left; width: 24.6%;}
#modules-bottom.m3 div.modules-bottom-in { float: left; width: 33%;}
#modules-bottom.m2 div.modules-bottom-in { float: left; width: 50%;}
#modules-bottom.m1 div.modules-bottom-in { float: left; width: 100%;}
/* trigger hasLayout for IE7. Hide from IE Mac */
* html .clearfix { height: 1%;}
/* Hide from IE Mac */
.clr, .clear { clear: both;}
.border_img { border: 1px solid #aaa; margin: 0 5px;}
div.moduleIn .border_img { margin: 0;}
.readon {}
p.error { background: #f5e7e7 url(../images/error.gif) no-repeat scroll 10px 8px; border-top: 2px solid #b1360d; border-bottom: 2px solid #b1360d; color: #b1360d; display: block; font-weight: normal; padding: 5px 15px 5px 40px; text-align: justify;}
p.tips { background: #edf2fd url(../images/tips.gif) no-repeat scroll 15px 8px; border-top: 2px solid #7aa3fc; border-bottom: 2px solid #7aa3fc; color: #7aa3fc; display: block; font-weight: normal; padding: 5px 15px 5px 40px; text-align: justify;}
p.info { background: #fbf6e4 url(../images/info.gif) no-repeat scroll 15px 8px; border-top: 2px solid #cd7f4d; border-bottom: 2px solid #cd7f4d; color: #cd7f4d; display: block; font-weight: normal; padding: 5px 15px 5px 40px; text-align: justify;}
/* design of paragraph with class = blue */
p.blue { display: block; padding: 7px; text-align: justify; color: #2d4db2; background: #c9d8f6; border-top: 1px solid #4e7bf4; border-bottom: 1px solid #4e7bf4;}
/* design of paragraph with class = red */
p.red { display: block; padding: 7px; text-align: justify; color: #7b0e1a; background: #eac4c8; border-top: 1px solid #d62f40; border-bottom: 1px solid #d62f40;}
/* design of paragraph with class = blue */
p.blue { display: block; padding: 7px; text-align: justify; color: #2d4db2; background: #c9d8f6; border-top: 1px solid #4e7bf4; border-bottom: 1px solid #4e7bf4;}
/* design of paragraph with class = yellow */
p.yellow { display: block; padding: 7px; text-align: justify; color: #b18021; background: #f2e5c5; border-top: 1px solid #e6ae3b; border-bottom: 1px solid #e6ae3b;}
/* design of paragraph with class = grey */
p.grey { display: block; padding: 7px; text-align: justify; color: #565353; background: #ddd; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #8f8f8f;}
/* design of paragraph with class = green */
p.green { display: block; padding: 7px; text-align: justify; color: #444a12; background: #f0f1e6; border-top: 1px solid #6b751e; border-bottom: 1px solid #6b751e;}
.colortable {}
.colortable th { padding: 5px; font-weight: bold; color: #fff; background: #019FD5;}
.colortable td { padding: 5px; border-bottom: 1px solid #fff;}
.colortable tr { background: #EDF4F6;}
ul.circle, ul.circle ul { list-style: none;}
ul.circle li { background: url("../images/licircle.png") left 4px no-repeat; padding: 0 0 0 15px;}
h3.contentheading a:link, .cp_title a {
border-left: 4px solid;
display: block;
font-size: 21px;
line-height: 1.2;
margin-top: 15px;
padding: 7px 5px;
}
.clearbreak { clear: both; float: none; overflow: hidden; line-height: 0;}
.jsn-article-toolbar {
margin-bottom: 15px;}
.jsn-article-info { display: block; line-height: 1; overflow: hidden; padding: 5px; background-color: #F4F4F4;}
.createdate, .publishdate { background-position: 0 -86px;}
.author, .publishdate { background-image: url("../images/icons-base.png"); background-repeat: no-repeat;}
.author, .publishdate { padding-left: 22px;}
#content .jsn-article-info p {
display: inline-block;
font-size: 10px;
}
.jsn-article-icon-edit{list-style: none outside none;}
.jsn-article-metadata { display: inline;}
.jsn-article-metadata > span:last-child { border: medium none; margin-right: 0; padding-right: 0;}
.jsn-article-metadata > span { border-right: 1px solid #CCCCCC; margin-right: 10px; padding-right: 10px;}
.author { background-position: 0 0;}
ul.jsn-article-tools { float: right; list-style: none outside none; margin: 5px 0 0;}
a.readon { background-color: #F7F7F7; border: 1px solid #CCCCCC; cursor: pointer; display: inline-block; float: right; font-size: 11px; padding: 4px 10px; text-decoration: none;border-radius: 5px;}
#content p{ margin-bottom:1em;}
span.breadcrumbs a, span.breadcrumbs span { background-image: url("../images/icon-arrow-black.png"); background-repeat: no-repeat ; background-position: right center; padding-right: 18px; text-decoration: none;}
span.breadcrumbs { display: block; font-size: 0.9em;}
span.breadcrumbs span.current{background: none;}
#jsn-pos-breadcrumbs {}
tr.sectiontableentry1 td, tr.sectiontableentry2 td { border-bottom: 1px solid #E5E5E5; padding: 6px 8px;}
.jsn-infofilter { overflow: hidden; padding: 10px; text-align: right;}
.sectiontableheader { background-color: #366999; color: #ffffff; padding: 5px 8px;}
.sectiontableheader a { color: #FFFFFF; text-decoration: underline;}
.boxtype .jsn-article { border: 1px solid #1F7CAD; height: 370px; margin-right: 5px; padding: 0 !important;}
.jsn-articlecols .jsn-article { clear: both; display: block; overflow: hidden; padding: 0;}
.boxtype .jsn-article h3, div.cp_result h2.cp_title { margin-bottom: 5px; margin-top: 0;}
.boxtype .jsn-article h3.contentheading a, .boxtype .jsn-article h3.contentheading a:visited, div.cp_result h2.cp_title a, div.cp_result h2.cp_title a:visited { background-color: #1F7CAD; border: medium none; color: #FFFFFF; display: block; font-size: 13px; margin: 0; padding: 5px;}
.boxtype .jsn-article .comment, div.cp_result .cp_text { font-size: 12px; line-height: 1.4; margin-top: 5px; padding: 5px;}
.jsn-article .cp_tags { font-family: ms pgothic; font-size: 10px; line-height: 1.3; padding: 5px;}
#content-top,#content-bottom{padding: 0;}
/**page navigation**/
.jsn-pagination-container ul{ font-size: 0.9em; margin: 20px 0 10px; text-align: center; list-style-type: none; text-transform: uppercase;}
.jsn-pagination-container ul li { display: inline-block !important; margin: 10px 2px;}
.jsn-pagination-container ul li span { background-color: transparent;}
.jsn-pagination-container ul li a,
.jsn-pagination-container ul li span,
.jsn-pagination-container ul li.pagination-prev span,
.jsn-pagination-container ul li.pagination-start span,
.jsn-pagination-container ul li.pagination-next span,
.jsn-pagination-container ul li.pagination-end span { background-color: #eaeaea; border: 1px solid #ccc; color: #999; font-weight: bold; padding: 3px 8px;}
.jsn-pagination-container ul li span { background-color: #4786be;}
.jsn-pagination-container ul li span { border: medium none; color: #fff; padding: 4px 9px;}
p.jsn-pageinfo{text-align: center;}
table.jsn-infotable{}
table.jsn-infotable .jsn-tableheader{}
table.jsn-infotable .sectiontableentry1 td{}
table.jsn-infotable .sectiontableentry2 td { background-color: #f7f7f7;}
.jsn-table-column-order { width: 5%;}
table.table {width: 80%;}
table.table th {
background-color: #418cd1 !important;
color: #fff;
}
#top-product-list {
width: 980px;
}
#top-product-kepserver {
margin: 20px 0;
overflow: hidden;
padding: 0;
width: 485px;
height: 440px;
float: left
}
#top-product-kepserver > li {
border: 3px solid #f6f6f6;
list-style: outside none none;
margin-right: 1%;
padding: 10px;
width: 48%;
display: inline-block;
}
#top-product-opcrouter {
margin: 20px 0;
overflow: hidden;
padding: 0;
width: 485px;
height: 440px;
float:left
}
#top-product-opcrouter > li {
border: 3px solid #f6f6f6;
list-style: outside none none;
margin-right: 1%;
padding: 10px;
width: 100%;
display: inline-block;
}
.opc-router-options {
width: 13%;
display: inline-block;
margin-bottom: 5px;
line-height: 1em;
}
.opc-router-options img {
max-width: 100%;
height: auto;
}
#top-product-youtube {
margin: 20px 0;
overflow: hidden;
padding: 0;
width: 485px;
height: 440px;
float: right;
}
#top-product-youtube li {
border: 3px solid #f6f6f6;
margin: 0px;
}
#top-product-list > li img {
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
}
#top-product-list h3 {
background-color: #ededed;
//border-left: 2px solid #013473;
font-size: 14px;
font-weight: bold;
line-height: 1.3;
margin-bottom: 7px;
padding-bottom: 3px;
padding-left: 10px;
padding-top: 5px;
text-align: center;
}
.top-product-brochure {
display: block;
margin: 20px 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.fullscreen-image {
cursor: url("/images/top/plus_cursor.png"), pointer; /* マウスãƒã‚¤ãƒ³ã‚¿ã‚’指定 */
display: inline-block; /* 横方å‘ã«ä¸¦ã¹ã‚‹æŒ‡å®š */
max-width: 19%;
height: auto;
float: left;
text-align: center;
margin-right: 1%;
}
.fullscreen-image > img {
max-width: 100%;
height: auto;
margin: 0px 0px 10px 0px;
}
figcaption[style] {
color: #696969 !important;
}
.link-corp {
position: absolute;
right: 0;
top: 45px;
}
.link-corp a {
color: #fff;
text-decoration: none;
font-size: 12px;
}
.items-more li {
list-style: inside none disc;
margin-bottom: 10px;
padding-left: 10px;
}