/* ↓最大480px タブレット・スマホ*/
@media screen and (max-width: 480px) {
body#tinymce,
body#tinymce p,
body#tinymce td{ //font-size:18px;}
.mobileSkin iframe {-webkit-overflow-scrolling: touch; overflow-x:auto;}
iframe#jform_articletext_ifr{overflow: auto;}
#jform_articletext_tbl{max-height: 200px !important;}
}
/* ↑最大480px タブレット・スマホ*/
@media screen and (min-width: 480px) {}
.sp-hidden{}
.pc-hidden{ display:none;}
@font-face {
font-family: 'promo';
src: url(../font/ufonts.com_dinmittelschriftstd-1-opentype.woff);
}
#content-bottom { clear: both;}
.bottom-contact{ background:url(../../../images/okdesign/common/contact_bg_all.png) repeat center top; border: solid 3px rgba(204,204,204,0.5); padding:1.0em; position:relative; min-height:207px;}
.bottom-contact h3{ color:#0C3386; font-size:2.0rem; line-height:1.1; padding: 0.5em 0 0.5em 0;font-family:"ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ï¼ï¼³ Ｐゴシック", "MS PGothic", sans-serif; font-weight:900; border-bottom: solid 1px rgba(12,51,134,0.25);}
.bottom-contact:after{ content:" "; background:url(../../../images/okdesign/common/contact_bg.png); background-size:contain; width:300px; height:201px; position:absolute; top:0px; right:0px;}
/*=============================================================
コンテンツ
=============================================================*/
/* 見出㗠*/
h2.componentheading,
.page-header h2{ color:#0C3386; font-size:3.0rem; line-height:1.1; display:inline-block; padding:0.75em 2.0em; border: solid 1px #0C3386;}
.page-header{ text-align:center; margin-bottom:60px;}
.item-page-title,
.kiji-midashi { font-size:2.5rem; line-height:1.1; color:#0D3387; border-bottom: solid 1px #0D3387; padding:1.0em 0;}
.kiji-midashi-2 { color:rgba(13,51,135,1); font-size:1.6rem; line-height:1.1; background:rgba(13,51,135,0.1); border: solid 2px rgba(255,255,255,0.3); padding:0.75em; margin-top:30px; font-family:"ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ï¼ï¼³ Ｐゴシック", "MS PGothic", sans-serif; font-weight:900;}
.kiji-midashi-3 {}
/* promo and fotter */
#promo-wrap{ width:100%; min-width:980px; margin: 0px auto;}
#promo{ width:100%; min-width:980px; margin: 0px auto;}
.middle-promo{ width:100%; min-width:980px; margin: 0px auto; padding:40px 0; background:url(../../../images/okdesign/common/middle_promo.png) repeat center top;}
.middle-promo h2{ width:980px; margin: 0px auto; font-size:3.5rem; line-height:1.1; text-align:center; font-family:"promo"; color:#0D3387;}
.middle-promo h2 span{ display:block; font-size:1.4rem; text-align:center; font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ï¼ï¼³ Ｐゴシック", "MS PGothic", sans-serif; color:#333;}
/* image resize */
.img-350{ width:350px; box-shadow: 5px 5px 0px #EEE;}
.img-350 img{ width:100%; height:auto;}
/* トップページ
-------------------------------------------------------------*/
body#home #all{ width:100%; min-width:980px; margin: 0px auto; background:url(../../../images/okdesign/home/bg_all.png) no-repeat right top;}
body#home .item-separator{ margin-bottom:0px;}
body#home #box-wrap{ width:100%; min-width:980px; margin: 0px auto;}
body#home #footer-wrap { margin-top:0px;}
.home-promo{ width:980px; margin: 0px auto; padding-top:170px;}
.home-bnr01{ width:980px; margin:0px auto; padding:40px 0 60px; letter-spacing:-0.4em;}
.home-bnr01 li{ width:320px; display:inline-block; vertical-align:top; letter-spacing:0; margin-right:10px;}
.home-bnr01 li:last-child{ margin-right:0px;}
.home-bnr01 li.li01{ background:url(../../../images/okdesign/home/bnr_bg_01.png); background-size:contain;}
.home-bnr01 li.li02{ background:url(../../../images/okdesign/home/bnr_bg_02.png); background-size:contain;}
.home-bnr01 li.li03{ background:url(../../../images/okdesign/home/bnr_bg_03.png); background-size:contain;}
.home-block01{ width:100%; min-width:980px; margin: 0px auto; padding:60px 0; background:#F6F6F6;}
.home-block01 .inner{ width:980px; margin: 0px auto;}
.home-block01 .inner h3{ font-size:3.0rem; line-height:1.1; text-align:center;}
.home-block01 .inner h3 span{ display:block; font-family:"promo"; color:#0C3386; font-size:1.6rem; line-height:1.1; margin-top:3px; text-align:center;}
.home-block01 .inner ul{ letter-spacing:-0.4em;}
.home-block01 .inner ul li{ width:230px; display:inline-block; vertical-align:top; letter-spacing:0; margin: 20px 20px 0 0;}
.home-block01 .inner ul li:nth-child(4),
.home-block01 .inner ul li:nth-child(8){ margin-right:0px;}
.home-block01 .inner p{ text-align:center;}
.home-block02{ width:980px; margin: 0px auto; text-align:center; padding:60px 0;}
.home-block02 h3{ display:inline-block; font-size:3.0rem; line-height:1.1; position:relative;}
.home-block02 h3:before{ content:" "; width:270px; height:1px; background:#EEEEEE; position:absolute; top:0.5em; left:-280px;}
.home-block02 h3:after{ content:" "; width:270px; height:1px; background:#EEEEEE; position:absolute; top:0.5em; right:-280px;}
.home-block02 h3 span{ display:block; font-family:"promo"; color:#0C3386; font-size:1.6rem; line-height:1.1; margin-top:3px; text-align:center;}
.home-block02 .lnd_latestnews{ width:680px; margin: 2.0em auto 0px auto;}
.home-block02 .lnd_latestnews li{ background:#F6F6F6; padding:1.5rem; line-height:1.1; margin-bottom:2px;}
.home-block02 .lnd_latestnews li span{ color:#0C3385; padding-right:1.0em;}
.home-block02 .lnd_latestnews li a{ color:rgba(51,51,51,1); text-decoration: none;}
.home-block02 .lnd_latestnews li a:hover{ color:rgba(51,51,51,0.6);}
.home-block03{ width:100%; min-width:980px; margin: 0px auto; background:#F6F6F6; padding:60px 0;}
.home-block03 .inner{ width:980px; margin: 0px auto;}
.home-block03 .inner ul{ letter-spacing:-0.4em;}
.home-block03 .inner ul li{ width:326px; display:inline-block; vertical-align:top; letter-spacing:0; margin-right:1px;}
.home-block03 .inner ul li:last-child{ margin-right:0px;}
.home-block03 .inner ul li a{ display:block; min-height:330px; background:#FFF; color:rgba(51,51,51,1); text-decoration: none;}
.home-block03 .inner ul li a:hover{ background:rgba(12,51,134,0.05);}
.home-block03 .inner ul li span{ display:block; text-align:center; margin-top:1.0em;}
/* 事æ¥å†…容
-------------------------------------------------------------*/
.survice-column{ margin-top:2.0em; letter-spacing:-0.4em;}
.survice-column li{ background:rgba(13,51,135,0.1); border: solid 2px rgba(13,51,135,0.1); border-radius:3px; padding:0.5em; text-align:center; color:rgba(13,51,135,1); display:inline-block; vertical-align:top; letter-spacing:0; width:360px; margin: 10px 10px 0 0; font-family:"ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ï¼ï¼³ Ｐゴシック", "MS PGothic", sans-serif; font-weight:900; font-size:1.6em; line-height:1.1;}
.survice-column li:nth-child(even){ margin-right:0px;}
.survice-more{ margin-top:2.0em; border-top: solid 1px #E4E4E4; padding-top:1.0em;}
.survice-more p{ text-align:center; margin-top:0px !important; font-family:"ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ï¼ï¼³ Ｐゴシック", "MS PGothic", sans-serif; font-weight:900; font-size:1.6rem;}
/* ã”利用ガイド
-------------------------------------------------------------*/
.nn_tabs.outline_content > .tab-content > .tab-pane{ padding:20px;}
.flow{ margin-top:30px;}
.flow h3{ border: solid 1px #E4E4E4; border-style: solid none solid none; padding:0.75em 0 0.75em 58px; font-size:1.6em; line-height:1.1; color:#0C3386; position:relative;}
.flow h3.step01:before{ content:" "; background:url(../../../images/okdesign/flow/step01.png); background-size:contain; width:48px; height:16px; position:absolute; top:0.95em; left:0px;}
.flow h3.step02:before{ content:" "; background:url(../../../images/okdesign/flow/step02.png); background-size:contain; width:48px; height:16px; position:absolute; top:0.95em; left:0px;}
.flow h3.step03:before{ content:" "; background:url(../../../images/okdesign/flow/step03.png); background-size:contain; width:48px; height:16px; position:absolute; top:0.95em; left:0px;}
.flow h3.step04:before{ content:" "; background:url(../../../images/okdesign/flow/step04.png); background-size:contain; width:48px; height:16px; position:absolute; top:0.95em; left:0px;}
.flow h3.step05:before{ content:" "; background:url(../../../images/okdesign/flow/step05.png); background-size:contain; width:48px; height:16px; position:absolute; top:0.95em; left:0px;}
.flow h3.step06:before{ content:" "; background:url(../../../images/okdesign/flow/step06.png); background-size:contain; width:48px; height:16px; position:absolute; top:0.95em; left:0px;}
.arrow{ position:relative; padding-bottom:32px;}
.arrow:after{ content:" "; background:url(../../../images/okdesign/flow/arrow.png); width:688px; height:12px; background-size:contain; position:absolute; bottom:0px; left:0px;}
/* よãã‚ã‚‹ã”質å•
-------------------------------------------------------------*/
body#faq .item-separator{ margin-bottom:0px;}
body#faq .kiji-midashi{ margin-top:30px;}
body#faq .breadcrumbs{ margin-bottom:0px;}
body#faq #box-wrap{ margin-bottom:60px;}
.faq{ margin-top:30px;}
.faq h4{ font-size:1.6rem; line-height:1.1; padding:0.5em 0 0.5em 1.5em; border-bottom: solid 1px #EEE; position:relative;}
.faq h4:before{ content:" "; background:url(../../../images/okdesign/faq/icon_01.png); width:16px; height:16px; background-size:contain; position:absolute; top:0.5em; left:0px;}
.faq .inner{ padding-left:1.5em; position:relative;}
.faq .inner:before{ content:" "; background:url(../../../images/okdesign/faq/icon_02.png); width:16px; height:16px; background-size:contain; position:absolute; top:0.2em; left:0px;}
/* 会社概è¦
-------------------------------------------------------------*/
.company-table{ width:100%; border-top: solid 1px #E4E4E4;}
.company-table th{ width:30%; border-bottom: solid 1px #E4E4E4; padding:1.5em 1.0em; vertical-align:top; background:#F9F9F9; color:#0D3387;}
.company-table td{ width:70%; border-bottom: solid 1px #E4E4E4; padding:1.5em 1.0em; vertical-align:top; background:#FFF;}
.googlemap{ margin-top:1.5em;}
/* ãŠå•ã„åˆã‚ã›
-------------------------------------------------------------*/
.contact-list{ margin-top:1.0em;}
.contact-list li{ border-bottom: dotted 1px #E4E4E4; padding:0.5em 0;}
.privacy{ margin-top:3.0em; border: solid 1px #E4E4E4; padding:1.0em; background:#F9F9F9; font-size:1.2rem; line-height:1.3;}
.privacy h4{ border-bottom: dotted 1px #E4E4E4; padding-bottom:1.0em;}
/* RSForm! Pro */
.formContainer{ margin-top:30px;}
.formContainer .control-group{ margin-top:0px; border-bottom: dotted 1px #DDD; padding:15px 0;}
.formContainer .control-label,
.formContainer .controls { display: inline-block; vertical-align: middle;}
.formContainer .control-label{ width:250px;}
strong.formRequired{ color:#FF4D4D; font-size:1.1rem; font-weight:normal;}
.formContainer .rsform-block-submit{ border-bottom: none;}
.rsform-block-checkbox-list .controls{}
.formContainer .rsform-block-submit .rsform-submit-button{ width:300px;}
.formContainer .rsform-block-submit .rsform-submit-button {
font-size:16px;
font-family:Arial;
font-weight:normal;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:1px solid #FF4D4D;
padding:20px 18px;
text-decoration:none;
background:-moz-linear-gradient( center top, #FF4D4D 5%, #FF4D4D 100% );
background:-ms-linear-gradient( top, #FF4D4D 5%, #FF4D4D 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4D4D', endColorstr='#FF4D4D');
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #FF4D4D), color-stop(100%, #FF4D4D) );
background-color:#FF4D4D;
color:#ffffff;
display:inline-block;
text-shadow:1px 1px 0px rgba(51,51,51,0.2);
font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}
label.checkbox{ display:inline-block !important;}
.formContainer .rsform-block-submit .rsform-submit-button:hover {
background:-moz-linear-gradient( center top, #CC3E3E 5%, #CC3E3E 100% );
background:-ms-linear-gradient( top, #CC3E3E 5%, #CC3E3E 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC3E3E', endColorstr='#CC3E3E');
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #CC3E3E), color-stop(100%, #CC3E3E) );
background-color:#CC3E3E;
border:1px solid #CC3E3E;
}
.formContainer .rsform-block-submit .rsform-submit-button:active {
position:relative;
top:1px;
}
.rsform-block-submit{ text-align:center;}
.rsform-block-submit .control-label{ display:none;}
/* å刺注文フォーãƒ
-------------------------------------------------------------*/
body#business #box-wrap{ text-align:center;}
body#business #box-wrap p span{ font-weight:900;}
body#business #box-wrap p strong{ color:#FF4C4C;}
.product-heading{ background:url(../../../images/okdesign/products/heading_bg.png) repeat center top; padding:1.5em; border: solid 3px rgba(255,255,255,0.3); position:relative;}
.product-heading:after{ content:" "; width:355px; height:195px; background:url(../../../images/okdesign/products/business_card_promo.png); background-size:contain; position:absolute; top:-50px; right:0px;}
.product-heading h3{ font-size:3.0rem; line-height:1.1; color:#0C3386;}
.product-heading h3 span{ font-size:1.4rem; line-height:1.1; display: block; margin-bottom:0.3em; color:rgba(51,51,51,1);}
.products-lead{ letter-spacing:-0.4em;}
.products-lead .image{ width:120px; display:inline-block; vertical-align:middle; letter-spacing:0;}
.products-lead .inner{ width:590px; display:inline-block; vertical-align:middle; letter-spacing:0; margin-left:20px;}
.comparison{ letter-spacing:-0.4em;}
.comparison .inner{ width:365px; min-height:700px; display:inline-block; vertical-align:top; letter-spacing:0; background:rgba(13,51,135,0.1); padding:1.0em;}
.comparison .inner:last-child{ background:rgba(13,51,135,0.2);}
.comparison .inner h3{ color:#0C3386; font-size:2.0rem; line-height:1.1; background:#FFF; padding:0.5em 0.75em; border-left: solid 2px #0C3386;}
.comparison .inner .image img{ width:100%; height:auto;}
.comparison .inner table{ width:100%; margin-top:1.0em; border: solid 1px rgba(153,153,153,0.5); border-style: solid none none solid;}
.comparison .inner table th{ background:rgba(13,51,135,0.1); padding:0.5em; line-height:1.1; color:#0C3386; border: solid 1px rgba(153,153,153,0.5); border-style: none solid solid none;}
.comparison .inner table td{ padding:0.5em; border: solid 1px rgba(153,153,153,0.5); border-style: none solid solid none; background:#FFF; text-align:center;}
.comparison .inner table td strong{ color:#FF4C4C;}
.user-table01{ width:100%; margin-top:1.0em; border: solid 1px #DDD; border-style: solid none none solid;}
.user-table01 thead th{ background:rgba(13,51,135,0.1);}
.user-table01 th{ background:rgba(13,51,135,0.05); padding:0.5em; line-height:1.1; color:#0C3386; border: solid 1px #DDD; border-style: none solid solid none; text-align:center;}
.user-table01 td{ padding:0.5em; border: solid 1px #DDD; border-style: none solid solid none; background:#FFF; text-align:center;}
.user-table02{ width:100%; margin-top:1.0em; border: solid 1px #DDD; border-style: solid none none solid;}
.user-table02 th{ background:rgba(13,51,135,0.05); padding:0.5em; line-height:1.1; color:#0C3386; border: solid 1px #DDD; border-style: none solid solid none; text-align:center;}
.user-table02 td{ padding:0.5em; border: solid 1px #DDD; border-style: none solid solid none; background:#FFF; text-align: left;}
.products-contact{ letter-spacing:-0.4em;}
.products-contact .half{ width:360px; display:inline-block; vertical-align:top; letter-spacing:0; border: solid 2px #EEE;}
.products-contact .half:last-child{ margin-left:10px;}
.products-contact .half h3{ background:#0C3386; text-align:center; font-size:1.8rem; line-height:1.1; color:#FFF; font-family:"ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ï¼ï¼³ Ｐゴシック", "MS PGothic", sans-serif; font-weight:900; padding:0.75em 0;}
.products-contact .half .inner{ padding: 0px 1.0em 1.0em 1.0em;}
.products-contact .half .inner p{ text-align:center;}
.products-contact .half .inner .phone a{ display:block; font-size:2.1rem; line-height:1.1; text-decoration: none; color:rgba(13,51,135,1); font-family:"ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ï¼ï¼³ Ｐゴシック", "MS PGothic", sans-serif; font-weight:900; }
.products-contact .half .inner .phone a:before{ content: "\f098"; font-family: FontAwesome; margin-right:0.25em; font-weight:normal;}
.products-contact .half .inner .phone span{ font-weight: normal !important; font-size:1.2rem; display:block; text-align:center;}
.products-contact .half .inner .contact a{ display:block; width:80%; margin: 0px auto; background:#FF4C4C; padding:0.85em 0; text-align:center; color:#FFF; font-size:1.6rem; line-height:1.1; text-decoration: none; border-radius:5px;}
.products-contact .half .inner .contact a:hover{ background:rgba(255,76,76,0.6);}
/* å刺注文フォーãƒ
-------------------------------------------------------------*/
.policy{ margin-top:1.5em;}
.policy h4{ color:#FF4C4C; font-family:"ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ï¼ï¼³ Ｐゴシック", "MS PGothic", sans-serif; font-weight:900; padding-bottom:0.5em; border-bottom: solid 1px #E4E4E4; font-size:1.6rem;}
.rsform-block-head01,
.rsform-block-head02,
.rsform-block-head03{ padding:0px !important; border-bottom: none !important;}
.rsform-block-radio01{ padding-bottom:0px !important; border-bottom: none !important;}
.rsform-block-comment{ padding-top:0px !important;}
.rsform-block-comment p{ margin-top:0.5em !important;}
/*=============================================================
レイアウト
=============================================================*/
/*---------- 全体 ----------*/
#all{ width:100%; min-width:980px; margin: 0px auto;}
/*---------- ヘッダー ----------*/
#wrapper { width:100%; min-width:980px; margin: 0px auto; border-bottom: solid 1px #DDD; padding-bottom:20px;}
body#home #wrapper{ padding-bottom:0px; border-bottom: none;}
#header-wrap { width:980px; height:60px; margin: 0px auto;}
#top{ letter-spacing:-0.4em;}
#top .custom{ width:250px; display:inline-block; vertical-align:top; letter-spacing:0;}
#top .custom h2.logo img{ width:100%; height:auto;}
#header-wrap #h1title{ font-size:1.1rem; line-height:1.0; padding:1.0em 0 1.5em;}
#header-wrap .row { margin-bottom: 0;}
/*---------- ã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ゲーション ----------*/
#header-wrap .nav { width:690px; display:inline-block; vertical-align:top; letter-spacing:0; margin-left:40px; margin-bottom:0px !important;}
#header-wrap .nav { position: relative; /*height: 55px;*/}
#header-wrap .nav.row { margin-bottom: 0 }
.menu {clear: both;list-style: none outside none;margin: 0;padding: 0;}
.menu .icon-angle-right { position: absolute; right: 10px; top: 50%; margin-top: -6px; color: #aaa; font-size: 12px;}
.menu > li { display: block; float: left;}
.menu > li img{ opacity:1.0; transition: all 0.2s ease 0s;}
.menu > li:hover img{ opacity:0.6;}
.menu > li ul {padding: 0;}
.menu ul { position: absolute; left: 0; top: 100%; margin: 10px 0 0 0; /*IE6 only*/ _margin: 0; nowhitespace: afterproperty; opacity: 0; transition: all .2s ease-in-out; visibility: hidden; z-index: 99;}
.menu ul ul { left: 100%; top: 0;}
.menu ul ul li { width: 100% }
.menu li { position: relative; list-style:none}
.menu li:hover > ul { margin: 0; opacity: 1; visibility: visible;}
.menu a { display: block; position: relative;}
.nav > li > a:hover,
.nav > li > a:focus{ background: none !important;}
span.image-title{ display:none;}
/* current item */
.menu > li > a:hover,
.menu > li.sfHover > a,
.menu > .active > a { color: #58C0E6;}
.menu > .active > a,
.menu li.active > a { color: #58C0E6;}
.menu > li {/*margin-right: 20px; padding:0 10px;*/ }
.menu a { color: #fff; text-align: center; text-decoration: none; cursor: pointer; padding: 0px; font-size:1.4rem;}
.menu li > span.separator {cursor: pointer;}
.menu li > span { color: #fff; display: block; padding: 0px; font-size:1.4rem;}
/* ç”»åƒãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã‚¹ã‚¿ã‚¤ãƒ« */
ul#img-menu{}
ul#img-menu li{}
ul#img-menu > li > a {padding: 0;}
ul#img-menu li > span{padding: 0;}
ul#img-menu li a a span.menutitle{}
ul#img-menu li a a span.menudesc{}
/* drop-down styles */
.menu ul { border-top: none; border: 1px solid #222; min-width:163px;}
.menu li:hover ul { margin-top: 0;}
.menu ul ul.sub-menu { margin-top: -1px; margin-left: 1px;}
.menu ul li { border-bottom: 1px solid #222; background: #333;}
.menu ul li:hover{ background:#555;}
.menu ul li.active{ background:#555;}
.menu ul li:first-child {}
.menu ul li:last-child { border: 0;}
.menu ul li > a:hover { color: #58C0E6}
.menu ul a { display: block; height: auto; margin: 0px; padding:15px 0; text-transform: none; border: 0px; line-height: 1.1;}
.selector { display: none;}
ul.sub-menu .icon-angle-down:before {content:"\f105"!important;}
ul.sub-menu a { font-size:12px;}
#menu-icon {display: none;}
#slide-wrap a:hover{ color:#fff;}
/*---------- å·¦å³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ----------*/
#leftbar-w { float:left; display:block;}
#rightbar-w { float:right; display:block;}
#sidebar { margin: 30px auto 50px auto;}
.side-category{ border: solid 1px #E4E4E4; padding:14px; border-top: solid 1px #0D3387; margin-bottom:1.5em;}
.side-category h3{ font-size:1.6rem; line-height:1.1; border-bottom: solid 1px #E4E4E4; padding-bottom:0.5em;font-family: "ヒラギノ角ゴ ProN W6","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; font-weight:900;}
.side-category h3:after{ content:"PRODUCTS"; font-family:"promo"; font-size:1.1rem; line-height:1.1; display:inline-block; vertical-align: bottom; margin-left:0.5em; font-weight:normal; color:#0D3387;}
.side-category ul{ padding-top:14px;}
.side-category ul li{ margin-top:2px;}
.side-category ul li:first-child{ margin-top:0px;}
.side-category ul li a{ border: solid 1px #EEE; display:block; padding:0.5em; background:#F9F9F9; color:#333; text-decoration: none;}
.side-category ul li a:before{ content: "\f105"; font-family: FontAwesome; margin-right:0.25em; color:#0D3387;}
.side-category ul li a:hover{ color:#0D3387; background:#F3F5F9; border-color:#E6EAF3;}
.side-bnr{ margin-bottom:1.5em;}
#post p{ margin-top:1.0em;}
#post *{ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: border-box;}
/*---------- コンテンツブãƒãƒƒã‚¯ ----------*/
#box-wrap { width:980px; margin: 0px auto;}
#main-content {}
/*---------- フッター ----------*/
#footer-wrap { width:100%; min-width:980px; margin: 30px auto 0px auto; background:#333333;}
#footer-wrap #footer{ width:980px; margin: 0px auto;}
#footer-wrap #footer .products-link{ letter-spacing:-0.4em; padding:20px 0; border-bottom: solid 1px #555;}
#footer-wrap #footer .products-link li{ font-size:1.2rem; line-height:1.1; width:16.6666%; display:inline-block; vertical-align:top; letter-spacing:0; color:rgba(255,255,255,0.2);}
#footer-wrap #footer .products-link li:before{ content: "\f138"; font-family: FontAwesome; color:rgba(255,255,255,1); margin-right:0.4em; font-size:1.1rem;}
#footer-wrap #footer .products-link li a{ color:rgba(255,255,255,1); text-decoration: none;}
#footer-wrap #footer .products-link li a:hover{ color:rgba(255,255,255,0.6);}
#footer-wrap #footer .footer-link{ letter-spacing:-0.4em; padding:20px 0;}
#footer-wrap #footer .footer-link .inner{ width:215px; display:inline-block; vertical-align:top; letter-spacing:0; margin-right:40px;}
#footer-wrap #footer .footer-link .inner:last-child{ width:470px; display:inline-block; vertical-align:top; letter-spacing:0; margin-right:0px; text-align:center;}
#footer-wrap #footer .footer-link .inner h2{ width:150px; display:inline-block; margin-bottom:1.0em;}
#footer-wrap #footer .footer-link .inner h2 img{ width:100%; height:auto;}
#footer-wrap #footer .footer-link .inner p{ font-size:1.1rem; line-height:1.1; text-align:center; margin-top:0.25em; color:#FFF;}
#footer-wrap #footer .footer-link .inner li{ font-size:1.2rem; line-height:1.1; margin-bottom:0.5em;}
#footer-wrap #footer .footer-link .inner li a{ color:rgba(255,255,255,1); text-decoration: none;}
#footer-wrap #footer .footer-link .inner li a:hover{ color:rgba(255,255,255,0.6);}
#footer-wrap #footer .footer-link .inner li:before{ content: "\f105"; font-family: FontAwesome; margin-right:0.5em; color:#FFF;}
.copyright { width:100%; min-width:980px; margin: 0px auto; background:#000;}
.copyright p{ font-size:1.1rem; line-height:1.1; text-align:center; color:#FFF; padding:1.0em 0;}
.copyright p a { color:rgba(255,255,255,0.4); padding: 0 0.5em; text-decoration: none;}
.copyright p a:hover { color:rgba(255,255,255,0.2);}
/*=============================================================
基本è¨å®š
=============================================================*/
body{
margin:0;
padding:0;
text-align:center;
font-size:1.4rem;
line-height:1.5em;
font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
color:#333;
height:100%;
-webkit-text-size-adjust: 100%;
background: #FFF;
}
a{color:#0085B2; text-decoration:underline;}
a:hover{color:#E6423D; text-decoration:none;}
/*---------- å•ã„åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ----------*/
.fieldsform{ padding:0px !important; margin-top:3.0rem;}
.form-horizontal .control-group{ margin-bottom:0px;}
.fieldsform fieldset{ display: table; width:100%;}
.fieldsform fieldset >legend{display: none;}
.fieldsform fieldset .control-group { display: table; width:100%;}
.fieldsform fieldset .control-label,
.fieldsform fieldset .controls { border-top: 1px dotted #e4e4e4; display: table-cell; padding: 1.5rem 0; vertical-align: top;}
.fieldsform fieldset .control-label{ width: 30%; padding-right: 10px;}
ul.checkboxes{ margin: 0; padding: 0;}
ul.checkboxes li input { vertical-align: text-bottom;}
.fieldsform fieldset .btn.active,
.fieldsform fieldset .btn:active{ border:1px solid #334c66; background-color:#69c; -webkit-box-shadow:inset 0px 0px 8px #334c66; -moz-box-shadow:inset 0px 0px 2px #3a6da0; box-shadow:inset 0px 0px 2px #3a6da0; outline: 0 none; background-image: none; color: #fff; text-shadow: inherit;}
.icon-folder-open {color: #d1b710;font-size: 14px;}
.icon-calendar {color: #ce1916;font-size: 14px;}
.footer_actions .btn-success { font-size: 22px; padding: 12px 20px; width: 200px;}
.action_right{ text-align: center;}
/*=============================================================
リセット
=============================================================*/
html { height:100%; font-size:62.5%;}
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}
legend{ display: none}
h1,h2,h3,h4,h5,h6 { font-size: 100%}
img,abbr,acronym,fieldset{ border:none}
li{ list-style-type: none}
/*---------- margin ----------*/
.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:1.0em 30px 0 0;}
.img-right{ float:right; margin:1.0em 0 0 30px;}
/*----- clearfix -----*/
.clearfix { zoom:1;}
.clearfix:after{ content: ""; display: block; clear: both;}
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px;}
/*=============================================================
Joomla
=============================================================*/
.text-highlight {background: none repeat scroll 0 0 #ffffaa;font-size: 14px;margin: 10px 0;padding: 7px;}
.highlight-green { color: #fff; background: #48691b;font-size: 14px;margin: 10px 0;padding: 7px;}
.highlight-light { color: #000; background: #e5e5e5;font-size: 14px;margin: 10px 0;padding: 7px;}
.highlight-dark { color: #fff; background: #595959;font-size: 14px;margin: 10px 0;padding: 7px;}
/* æ–°ç€ä¸€è¦§ */
.news-title {background-color: #E5E2D3;color: #444444;font-size: 14px;margin: 15px 0 0;padding: 7px 10px;}
.news-box {border: 1px solid #CCCCCC;max-height: 150px;overflow: auto;padding: 7px;}
.news-box table {width: 100%;}
.news-box table th {border-bottom: 1px dotted #ccc;font-weight: normal;padding: 5px;text-align: left;vertical-align: top;width: 15%;}
.news-box table th:before,
.news-box ul li:before {color: #999;content: "\f0da";font-family: FontAwesome;margin-right: 5px;}
.news-box table td{ border-bottom: 1px dotted #ccc; padding: 5px; vertical-align: top;}
.news-box table a{}
.news-box ul {margin: 0;padding: 0;}
.news-box ul li {border-bottom: 1px dotted #cccccc;color: #333333;font-size: 1em;list-style: none outside none;margin: 0 0 5px;padding: 0 0 5px 10px;}
body.contentpane { //padding:10px;}
ul.unstyled { list-style: none; margin:0; padding:0;}
:focus { outline: 0 }
h1, h2, h3, h4, h5, h6, #site-description,#navigation, #sidebar .module ul.menu li a,#user1 ul li a,#user2 ul li a,#footer-nav ul li {}
/* Grid */
.container { margin: 0 auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: border-box; /*overflow: hidden;*/}
#post .container{ width: auto;}
.container .row,
.col { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.row { /*margin-bottom: 1.5em;*/}
.col { display: block; float: left; width: 100%;}
.col:first-child { margin-left: 0 }
.row:after, .col:after, .clr:after, .group:after { display: block; height: 0; clear: both; content: ""; visibility: hidden;}
/* grid */
.col { margin-left: 2% }
.span_1 { width: 6.5% }
.span_2 { width: 15.0% }
.span_3 { width: 23.5% }
.span_4 { width: 32.0% }
.span_5 { width: 40.5% }
.span_6 { width: 49.0% }
.span_7 { width: 57.5% }
.span_8 { width: 66.0% }
.span_9 { width: 74.5% }
.span_10 { width: 83.0% }
.span_11 { width: 91.5% }
.span_12 { width: 100% }
.count-1 { clear: both; margin-left: 0;}
#comp-wrap {padding:0}
.full { padding:0; margin:0; clear:both}
.contact a { text-decoration:none}
/* Article Columns */
.column-1, .column-2, .column-3, .column-4 { position:relative; margin:0; padding:0;}
/* Content styles */
#archive {padding:0; margin:0;}
.archive {padding:0;}
.archive .article-count {color:#999;}
.blog-featured {}
.items-leading {position: relative; clear:both; margin:0 0 20px 0; padding:0;}
.leading { margin:0 0 20px 0; position:relative;}
.items-row, .item-page, .contact {position: relative;}
.item-separator {margin-bottom: 70px;}
.item-page { position:relative}
.contact-name {text-decoration:none;font-size:22px;}
.item-page-title a:hover {}
.contact h2{ margin:0 0 20px 0;}
.contact .current {margin:0; padding:0;}
dl.tabs { display:block; clear:both; border-bottom:1px solid #ddd;}
dl dt.tabs { display: inline-block; margin:0 0 -1px 0}
dt.tabs h3 {margin:0 2px 5px 0;}
dt.tabs h3 a{padding:8px 8px 3px 8px; line-height:20px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0; cursor:pointer; text-decoration:none}
dt.tabs.closed h3 a {border-color:#eeeeee #eeeeee #dddddd;}
dt.tabs h3 a,dt.tabs h3.open a{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;}
dd.tabs { padding:10px 20px}
.jicons-icons { float:left; margin:0 10px 0 0; padding:5px 0 0 0}
h1.componentheading {margin:0 0 10px 0; padding:0; position:relative; color:#333;}
.buttons {clear: both;display: block;overflow: hidden;}
ul.button-icons {float: right;margin: 0;overflow: hidden;padding: 0;}
ul.button-icons li { display:inline-block}
ul.button-icons li.edit-icon,
ul.button-icons li.print-icon,
ul.button-icons li.email-icon { margin:0; padding:0; width:20px; height:20px; float:left; overflow:hidden; line-height:20px;}
.iteminfo,
.content_rating {background-color: #f7f7f7;display: block;font-size: 11px;margin: 0 0 5px;padding: 3px 10px;}
.content_rating p{ margin:0; padding:0;}
.iteminfo span { margin:0 10px 0 0;}
.iteminfo a {} .iteminfo a:hover {}
.iteminfo .category,.iteminfo .sub-category,.iteminfo .create,.iteminfo .modified,.iteminfo .published,.iteminfo .createdby,.iteminfo .hits { display:inline-block; line-height:20px!important;}
.iteminfo .createdby {font-weight:bold;}
.items-more {clear:both;} h3.items-more { font-size:14px; padding:0; margin:0;}
.items-more ol { margin:0 0 0 30px; padding:0}
table.category {}
th.item-title, th.list-title {font-size: 15px; font-weight: bold; text-align: left;}
/* Commons */
.clear { clear: both }
blockquote { position: relative; margin: 30px 0; padding: 20px; background-color: #e9e9e9; color: #505050; border-left: 5px solid #ddd; font-size: 16px; font-style: italic; font-family: 'Georgia', sans-serif; line-height: 1.8em;}
pre { margin: 30px 0; padding: 20px; background-color: #e9e9e9; color: #505050; border-left: 5px solid #ddd; font-size: 15px; font-family: 'Georgia', sans-serif; line-height: 1.8em; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
address { margin: 20px 0; letter-spacing: 1px;}
/* Typography */
.entry p:last-child { margin: 0 }
.entry ul { margin: 30px 0 30px 20px }
.entry ul li, .entry ol li { margin: 0 0 5px }
.entry ol { margin: 30px 0 30px 25px }
.entry ol { list-style: decimal }
.entry ul { list-style: disc }
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 40px 0 20px }
p { margin: 0;}
p.lead { font-size: 21px; line-height: 27px;}
em { font-style: italic }
strong { font-weight: bold }
small { font-size: 80% }
hr {
height: 0; margin: 10px 0;
border: solid #eee;
border-width: 1px 0 0;
clear: both;
}
a { outline: 0; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease}
a:hover {}
p a, p a:visited { line-height: inherit;}
/* social */
#social { display:block; float:right}
#social a.social-icon {display: inline-block; margin-left: 2px; padding: 0;width:32px; height:32px;}
#social a.social_1 { background:url(../images/social/facebook.png) 0 0 no-repeat;}
#social a.social_2 { background:url(../images/social/twitter.png) 0 0 no-repeat;}
#social a.social_3 { background:url(../images/social/google.png) 0 0 no-repeat;}
#social a.social_4 { background:url(../images/social/youtube.png) 0 0 no-repeat;}
#social a.social_5 { background:url(../images/social/dribbble.png) 0 0 no-repeat;}
#social a.social_6 { background:url(../images/social/flickr.png) 0 0 no-repeat;}
#social a.social_7 { background:url(../images/social/pinterest.png) 0 0 no-repeat;}
#social a.social_8 { background:url(../images/social/picasa.png) 0 0 no-repeat;}
#social a.social_9 { background:url(../images/social/linkedin.png) 0 0 no-repeat;}
#social a.social_10 { background:url(../images/social/reddit.png) 0 0 no-repeat;}
/* Module Classes */
/* light */
.light {border:1px solid #cfcfcf !important; background:#F6F6F6 !important; color:#555 !important;}
.light .module-title{color:#555 !important; background:none!important;border-bottom:none!important;}
.light .module-body {border-top:none !important;}
.light a{ text-decoration:underline !important;}.light a:hover{ color:#333!important}
/* normal */
.normal {border:1px solid #46acd1 !important; background:#58C0E6!important; color:#fff!important;}
.normal .module-title{color:#fff !important; background:none!important;border-bottom:none!important;}
.normal .module-body {border-top:none !important;}
.normal a{text-decoration:underline !important; color:#fff!important}.normal a:hover{ color:#303030!important}
/* dark */
.dark {border:1px solid #333 !important; background:#363636!important; color:#fff !important;}
.dark .module-title{color:#fff !important; background:none !important; border-bottom:none!important;}
.dark .module-body {border-top:none !important;}
.dark a{text-decoration:underline !important; color:#58C0E6!important}.dark a:hover{ color:#fff!important}
/* blank */
.blank {border:none!important; background:none!important; padding:5px!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; -o-border-radius: 0!important; border-radius: 0!important;
box-shadow:none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -o-box-shadow: none!important}
.blank .module-title {border:none!important; padding:0 0 0 5px!important}
.light, .normal, .dark {padding:10px!important;}
.light ul.menu li a, .normal ul.menu li a, .dark ul.menu li a{ text-decoration:none!important}
.light .module-title, .normal .module-title, .dark .module-title {padding:0 0 0 5px!important; border:none!important; line-height:30px!important; }
.light .module-body, .normal .module-body, .dark .module-body { padding:0 5px !important;}
/* Page Navigation */
ul.pagenav {clear: both;display: block;padding: 0;}
ul.pagenav li { list-style:none;} ul.pagenav li a{ display:block}
.pagenav-prev { float:left;}
.pagenav-next { float:right}
#pagination {clear:both; text-align:center; padding:0;}
/* Breadcrumbs */
.breadcrumbs { padding:1.0em 0; font-size:1.1rem; line-height:1.1; margin-bottom:30px; color: rgba(51,51,51,0.6);}
.breadcrumbs i{ padding: 0px 0.5em;}
.breadcrumbs a { color: rgba(51,51,51,1.0); text-decoration: none;}
.breadcrumbs a:hover{ color: rgba(51,51,51,0.6);}
.breadcrumbs .icon-angle-right{padding:0 5px}
/* Search */
input[type="search"] { display: block; width: 100%; padding: 10px 32px 10px 11px; color: #202020; font-size: 11px; -moz-box-sizing: border-box; -webkit-appearance: none !important; -webkit-box-sizing: border-box; background: #fff; border: 1px solid #ddd; box-sizing: border-box;}
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none }
input[type="search"]::-webkit-search-decoration { display: none }
input[type="search"]:focus { color: #000; outline: none;}
/* Forms / Inputs / Buttons */
.inputbox, input, textarea, select {background:#fff; border:1px solid #d4d4d4;} .inputbox { /*width:160px;*/} #modlgn-remember { float:left; width:20px;}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
textarea { display: block;
max-width: 100%;
margin-left: 0;
padding: 8px;
font-weight: 400; background-color: #f7f7f7;
border: 1px solid #ddd; border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.030) inset; width: 80%;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
textarea:focus { border-color: #A0ECFF; outline: none;
}
input[type="button"],
input[type="submit"],
button[type="submit"],
button[type="button"] {
display: inline-block;
margin-top: 5px;
margin-bottom:5px;
padding: 0 15px;
background-color: #fff;
text-decoration: none;
-webkit-appearance: none !important;
background: #fff;
background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);
background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%);
background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
min-height: 36px;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
cursor: pointer;
text-shadow: 1px 1px 0 #FFFFFF; }
input[type="button"]:active, input[type="submit"]:active, button[type="submit"]:active, button[type="button"]:active { background-image: linear-gradient(to bottom, #efefef 0px, #fff 100%); border-color: #bbb #bbb #ddd; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.10) inset;}
input[type="button"]:hover, input[type="submit"]:hover, button[type="submit"]:hover, button[type="button"]:hover{ background: #fff }
select {background-color: #f7f7f7;border-radius: 5px;display: inline;line-height: 100%;margin: 0;padding: 3px;vertical-align: middle;width: auto;}
select[disabled="disabled"], select.disabled{color:#999;background:#f5f5f5;-moz-box-shadow:inset 0px 0px 2px #ddd;-webkit-box-shadow:inset 0px 1px 2px #ddd;box-shadow:inset 0px 1px 2px #ddd;}
.input-medium,
.input-large {width: auto !important;}
.readmore {margin: 5px;}
a.btn-readmore { display: inline-block; *display: inline; *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 13px; line-height: 18px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; text-shadow: 0 1px 1px rgba(255,255,255,0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top,#fff,#e6e6e6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); background-image: -webkit-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(to bottom,#fff,#e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; *background-color: #e6e6e6; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #bbb; *border: 0; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}
a.btn-readmore:hover,
a.btn-readmore:focus,
a.btn-readmore:active,
a.btn-readmore.active,
a.btn-readmore.disabled,
a.btn-readmore[disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9;}
/* Mailto */
.mailto { background:#fff; color:#222; padding:10px;}
/* Tooltips */
.tip-wrap { float: left; padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #535353; border: 1px solid #222; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; max-width: 200px; text-shadow:1px 1px #000}
.tip-title {padding: 0; margin: 0; display:none}
.tip-text {font-size: 100%; margin: 0;}
#topcontrol {background:url(../images/arrow_up.png) 50% 50% no-repeat;width:60px;height:60px;white-space:nowrap;cursor: pointer;opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); bottom:20px; right:20px; z-index:999;}
/* Error */
#error {padding:20px; text-align:center}
#error .error { color:#FF0000; display:block; padding:0;font-size: 140px; font-weight: bold; line-height: 200px;}
#error .center {width: 400px; margin-left:-200px;left: 50%; position: absolute; text-align: center; top: 20%}
#error .error { text-shadow: 0 -1px 0 rgba(0,0,0,0.9), 0 1px 0 rgba(255,255,255,0.7);}
#error .error > span {display: inline-block;position: relative;}
#error .error > span:before {content: "";position: absolute;top: 70%;left: -30px;right: -30px; height: 80px;background: url(../images/error.png) no-repeat;background-size: 100% 100%;}
#error ol li{ text-align:left;}
/* Offline */
.error-offline .error > span:before { top: 65%;}
.error-offline .message { width: 350px;}
/* Thumbs */
.width-10 {width: 10px;}.width-20 {width: 20px;}.width-30 {width: 30px;}.width-40 {width: 40px;}.width-50 {width: 50px;}.width-60 {width: 60px;}.width-70 {width: 70px;}.width-80 {width: 80px;}.width-90 {width: 90px;}.width-100 {width: 100px;}.height-10 {height: 10px;}.height-20 {height: 20px;}.height-30 {height: 30px;}.height-40 {height: 40px;}.height-50 {height: 50px;}.height-60 {height: 60px;}.height-70 {height: 70px;}.height-80 {height: 80px;}.height-90 {height: 90px;}.height-100 {height: 100px;}
.thumbnail{border:1px solid #ccc!important; max-width: 100%!important;}
.thumbnail img { -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.thumbnail img:hover { opacity: 1;}
.thumbnail.pull-left{margin-right:10px!important}
.thumbnail.pull-right{margin-left:10px!important}
.thumbnails {margin-left: -20px;list-style: none;*zoom: 1;}
.thumbnails:before,
.thumbnails:after {display: table;content: "";line-height: 0;}
.thumbnails:after {clear: both;}
.thumbnails > li {float: left;margin-bottom: 18px;margin-left: 20px;}
.thumbnail {display: block;padding: 4px;line-height: 18px;border: 1px solid #ddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.055); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.055);box-shadow: 0 1px 3px rgba(0,0,0,0.055);-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
a.thumbnail:hover {border-color: #08c;-webkit-box-shadow: 0 1px 4px rgba(0,105,214,0.25);-moz-box-shadow: 0 1px 4px rgba(0,105,214,0.25);box-shadow: 0 1px 4px rgba(0,105,214,0.25);}
.thumbnail > img {display: block;max-width: 100%;margin-left: auto;margin-right: auto;}
.thumbnail .caption {padding: 9px;color: #555;}
/* visform */
.visform input, .visform select, .visform textarea {background-color: #f7f7f7;border: 1px solid #cccccc;display: inline;margin: 0;padding: 6px;vertical-align: middle;}
.visform select{ /* display: block;*/}
.visform button[type="button"] {margin-left: 3px;margin-top: 5px;min-height: 34px;}
.visCSSlabel {font-size: 14px;margin: 0;padding-left: 6px;}
.visCSSinput {margin: 0;}
.visCSStop0 {}
.visCSSmargLeft {display: inline;margin: 0;}
.visBtnCon {}
.visBtnCon .send {border-radius: 5px;font-size: 14px;padding: 8px;}
.field-sep {border-top: 1px dotted #cccccc;padding: 8px 0;position: relative;}
p.errorcontainer:before {border-bottom: 11px solid gray;border-left: 12px solid transparent;border-right: 12px solid transparent;border-top:none ;content: "";display: block;height: 0;margin-left: 20%;width: 0;}
p.errorcontainer:after{ border: none;}
label.error {background-color: gray;border-radius: 5px;color: #fff;display: inline-block !important;font-size: 10px;margin: 0 0 0 17%;max-width: 60%;max-width: 180px;padding: 10px; white-space: nowrap;}
.visform .icon-calendar:before {color: #a80000;content: "C";}
.visCustomText {display: inline;margin-left: 5px;}
.visCustomText p {display: inline;}
#visformcontainer input:focus,
#visformcontainer textarea:focus {background-color: #FFF5D6 !important;border: 1px dotted #999999 !important;}
#visformcontainer .error-text {left: 26%; position: absolute; width: 300px; z-index: 1; opacity:0.95;filter:alpha(opacity=95);-ms-filter: "alpha( opacity=95)";}
#radio-listlbl {display: inline;height: 60px;padding-left: 6px;width: 30%;}
#radio-listlbl input{}
.radio-list-label {/*width: auto;*/ display: inline;height: 60px;padding-left: 6px;width: 30%;}
.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;}
fieldset {border: medium none;margin: 0;padding: 0;}
.hidden {display: none !important;}
.control-label,
.controls{ display: inline;}
.nav-tabs{ padding: 0;}
.btn-toolbar {margin: 5px 0;}
.btn-group{ display: inline;}
#gaiyo-table {border-collapse: separate;width: 100%;}
#gaiyo-table tbody{}
#gaiyo-table td {border-bottom: 1px dotted #696969;padding: 5px;}
#gaiyo-table th {border-bottom: 1px dotted #696969;font-weight: normal;width: 15%;padding: 5px;}
iframe {border: medium none;}
ul#usermenu {margin: 10px;padding: 10px 20px;}
ul#usermenu li{}
#header-table{width: 100%;}
#header-table td:last-child{text-align: right;}
.control-group {margin: 10px 0;}
.chzn-container { width: 250px !important;}
.input-append input{display: inline;}
.input-append button {display: inline;margin-left:5px ;}
.icon-read-more{}
.business{margin:0 -480px 0 0; padding:0; font-size:10px; color:#ccc; text-align:right; text-shadow:none; bottom:0; right:50%; line-height:10px; height:10px; position:absolute;}
.business a,
.business a:hover { text-decoration:none; font-size:10px;color:#ccc}
.dl-horizontal dt { clear: left; float: left; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; width: 40px;}
.dl-horizontal dd { margin-left: 50px;}
.items-more h3 { margin-bottom:10px;}
/*shadowbox*/
#sb-nav {height: auto;line-height: 1;}
#sb-info,
#sb-info-inner {height: auto;}
#sb-info-inner {font-size: 14px;height: auto;}
#sb-nav a {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);color: #fff;font-family: FontAwesome;font-size: 18px;height: 20px;width: 20px;}
#sb-nav a:hover{ text-decoration: none;}
#sb-nav-next:before { content: "\f0a9";}
#sb-nav-close:before{ content: "\f05c";}
#sb-nav-previous:before{ content:"\f0a8";}
.accordeonck .toggler:before{ content:"\f0fe"; font-family: FontAwesome; color:#999; margin-right: 10px;}
.accordeonck ul li ul {margin: 0;}
.accordeonck ul li ul li {list-style: none outside none !important;margin: 0 !important;}
.accordeonck ul li a{}
.pchidden{ display:none;}
#footer .switchBtn{margin: 20px 0;text-align: center;}
#footer .switchBtn a{border: 1px solid #b5b3b3;border-radius: 4px;color: #494949;display: inline-block;padding: 8px 30px;background-color: #fff;}
.switchBtn a.btnAcv{ background-color: #C4C4C4; background-image: none;}
.switchBtn a:first-child{ margin-right: 10px;}
.component_container{padding: 0;}
/* ↓tab & Slides */
ul.jwts_tabbernav li a{ border-radius: 4px 4px 0 0;}
div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle{ background-position:0 3px;}
div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlTitle{ background-position:0 -142px;}
#responsive-tabs{ margin-bottom:15px;}
#responsive-tabs label {margin: 0;padding: 7px 20px;}
#responsive-tabs input[type="radio"]:checked + label,
#responsive-tabs input.checked[type="radio"] + label{ border-top-color:#494949;}
#responsive-tabs label:first-child{}
#responsive-tabs label span {font-size: 14px;}
.edit .tab-content,
.tab-content {border: 1px solid #ccc;border-radius: 0 0 5px 5px;overflow: hidden;padding: 10px;}
.tab-content .tab-content-item{}
.star {color: #ff002a;}
/* ↑tab & Slides */
/* ↓custom properties　複åˆæ¤œç´¢*/
.searchform .cp-field .cp-cb-value {display: inline;}
.cpsearch {margin-bottom: 30px;}
table.search-box {border: 1px solid #d3d8e2;margin-bottom: 10px;width: 100%;}
table.search-box th {background-color: #eff2f4;border-bottom: 1px solid #d3d8e2;padding: 10px;text-align: left;vertical-align: top;width: 20%;}
table.search-box td {border-bottom: 1px solid #d3d8e2;padding: 10px;}
.cpsearch input[type="checkbox"],
.cpsearch input[type="radio"] { vertical-align: middle;}
.cp-result-list{}
.cp-result{}
.cp-result dl{}
.cp-result dt{}
.cp-result dd {margin: 0;}
.result-title{ background-color: #f7f7f7; border-color: #ccc #ccc #114f75; border-style: solid; border-width: 1px 1px 3px; font-size: 14px; font-weight: bold; margin: 20px 0 10px; padding: 7px 10px;}
.result-text{}
/* ↑custom properties　複åˆæ¤œç´¢*/
/*↓ showplus サムãƒã‚¤ãƒ«ã‚¹ãƒ©ã‚¤ãƒ‰*/
.showplus-thumbnails > ul > li > a {margin-left: 1px !important;margin-right: 1px !important;padding: 0 !important;box-sizing:border-box;}
.showplus-thumbnails > ul > li > a:hover { }
.showplus-horizontal .showplus-thumbnails > ul > li:last-child > a {margin-left: 2px !important;}
.showplus-horizontal .showplus-thumbnails > ul > li:first-child > a { }
.showplus-thumbnails > ul {height: auto !important;overflow: hidden;}
/*↑ showplus サムãƒã‚¤ãƒ«ã‚¹ãƒ©ã‚¤ãƒ‰*/
ul.rsstableList {margin: 0;padding: 0;}
ul.rsstableList li {border-bottom: 1px dotted #ddd;list-style: none outside none;overflow: hidden;padding: 10px 0;}
ul.rsstableList li.odd{}
ul.rsstableList li.even{}
ul.newsflash-horiz {margin: 0;padding: 0;}
ul.newsflash-horiz li {box-sizing: padding-box;float: left;list-style: none outside none;padding-right: 10px;width: 50%;}
ul.newsflash-horiz li:last-child{ padding-right:0;}
ul.newsflash-horiz .article-separator{display:none;}