@charset "utf-8";
/* =================================================================
* Author : ono
* Date : 2013-11-05
* Licensing : e-trust co.,ltd.
* ================================================================= */
/*
基本設定の内に記述
*/
/* ----------------------------------------------------------
Reset
---------------------------------------------------------- */
* {
/*word-break: break-all;*/
}
a img {
border: none;
}
p, ul, li, ol, h1, h2, h3, h4, h5, h6, hr, dl, dt, dd, pre {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
address {
font-style: normal;
}
br {
letter-spacing: 0;
}
h3{
font-weight: bold;
font-size: 18px;
}
header a,footer a{
text-decoration: none!important;
}
/* ----------------------------------------------------------
Bxi Reset
---------------------------------------------------------- */
#smap {
padding: 0;
}
#smap p {
margin: 0 0 30px;
padding-left: 15px;
border-left: 5px solid #EF6E2E;
}
.policy h3 {
margin-bottom: 10px;
}
.policy p {
margin-bottom: 20px;
}
.end {
display: none;
}
.bannar {
margin: 0;
padding: 0;
}
/* link setting */
a {
text-decoration: none;
}
a:link,
a:visited {
color: #00135D;
text-decoration: underline;
}
a:active, a:hover {
color: #3C4D7C;
}
/* ----------------------------------------------------------
Layout Structure
---------------------------------------------------------- */
/
/* Right
---------------------------------------------------------- */
#right{
width: 1000px;
text-align: left;
z-index: 10;
}
.form_spam font {
color: #fff;
background-color: red;
border-radius: 3px;
font-size: 12px;
}
.read{
background-color: #f2f2f2;
border-left: 3px solid #dddddd;
padding: 15px;
margin-right: 340px;
}
.text_topic{
font-weight: bold;
color: #00135d;
}
.letterspace{
letter-spacing: 1px;
}
#right p {
text-align: left;
}
.pdL2px{
padding-left: 2px;
}
h2 {
background: url(image/common/h2.png) repeat-x left top !important;
color: #ffffff;
padding: 10px 15px 0 30px;
font-size: 22px;
height: 45px;
}
h2.long {
background: url(image/common/h2_long.png) repeat-x left top !important;
}
h3 {
border-bottom: 1px dashed #01135D;
border-left: 3px solid #EF6E2E;
padding: 0 0 0 5px;
}
.top_biz_sub h3 {
background: url(image/common/top_biz_sub.png) no-repeat left top;
border: none;
height: 30px;
padding: 0 0 0 10px;
}
h4 {
border-left: 5px solid #01135D;
padding-left: 5px;
font-size: 14px;
}
h3.h3_colum{
margin-top: 40px;
border-left: 3px solid #EF6E2E;
border-bottom:none;
}
.h4_colum{
border-left: 5px solid #01135D;
padding-left: 5px;
font-size: 14px;
margin-top: 20px!important;
}
.demo {
width: 500px;
margin: 0;
padding: 10px 0;
font-family: sans-serif;
font-size: 18px;
color:#3cb3e4;
}
.heading {
margin: 10px 0
}
.demo5 .heading {
overflow: hidden;
position: relative;
padding-bottom: 3px;
}
.demo5 .heading span{
padding: 8px;
font-weight: bold;
}
.demo5 .heading:before {
content: "";
border-bottom: 3px solid #3cb3e4;
bottom: 0;
height: 0;
position: absolute;
width: 100%;
z-index: 0;
}
.demo5 .heading:after {
border-bottom: 3px solid #ddd;
bottom: 0;
content: "";
position: absolute;
width: 500px;
z-index: 1;
}
#right .double {
border: 4px double #d3d8ba;
}
.list {
padding: 5px 5px 5px 15px!important;
background: url(image/common/icon_list.png) no-repeat left 12px;
border-bottom: 1px dashed #CCCCCC;
font-size: 14px;
}
.border img {
border: 3px double #AAAAAA !important;
}
.border_white img {
border: 1px solid #ffffff;
}
#right {
position: relative;
}
.bread {
/*font-size: 11px;*/
/*background: url(image/common/bread_home.png) no-repeat left center;*/
padding: 0 !important;
position: absolute;
top: -15px;
right: 0;
}
/*.bread a {
padding: 0 12px 0 0;
background: url(image/common/bread_arrow.png) no-repeat right center;
margin: 0 5px 0 0;
}*/
/*.newimg img::before{
content: "new";
}*/
.colum_list_new:before{
content: "new!";
display: block;
border: 1px solid #fff;
background-color:hsla(0,0%,0%,.3);
color: #fff;
width: 50px;
position:relative;
top:35px;
left: 0px;
letter-spacing: 1px;
}
.bread a:hover {
/*color: #8b400a;*/
}
.text_bg {
border: 3px solid #01135D;
background: url(image/common/text_bg.png) repeat left top;
padding: 20px !important;
}
.bcolor b {
color: #f53914;
}
.pics3 img {
width: 230px;
height: auto;
}
.pics4 img {
width: 169px;
height: auto;
}
a.btn {
background: #4a9bea; /* Old browsers */
background: -moz-linear-gradient(top, #4a9bea 0%, #1f7be5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a9bea), color-stop(100%,#1f7be5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4a9bea 0%,#1f7be5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4a9bea 0%,#1f7be5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4a9bea 0%,#1f7be5 100%); /* IE10+ */
background: linear-gradient(to bottom, #4a9bea 0%,#1f7be5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a9bea', endColorstr='#1f7be5',GradientType=0 ); /* IE6-9 */
/* box shadow */
-moz-box-shadow: 0 0 5px #8df0ff inset;
-webkit-box-shadow: 0 0 5px #8df0ff inset;
-ms-box-shadow: 0 0 5px #8df0ff inset;
box-shadow: 0 0 5px #8df0ff inset;
/* end box shadow */
border: 1px solid #0051cb;
color: #ffffff;
padding: 5px 10px;
/* border-radius */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
/* end border-radius */
text-decoration: none;
font-weight: bold;
margin-top: 5px;
}
a.btn:hover {
background: #1f7be5; /* Old browsers */
background: -moz-linear-gradient(top, #1f7be5 0%, #4a9bea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f7be5), color-stop(100%,#4a9bea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1f7be5 0%,#4a9bea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1f7be5 0%,#4a9bea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1f7be5 0%,#4a9bea 100%); /* IE10+ */
background: linear-gradient(to bottom, #1f7be5 0%,#4a9bea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f7be5', endColorstr='#4a9bea',GradientType=0 ); /* IE6-9 */
}
/*.bread a {
color: #F69;
}
.bread a:hover {
color: #ff9ed3;
}*/
.radius10 {
/* border-radius */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
/* end border-radius */
}
.colum_day span{
color: #a199ed;
font-size: 14px;
}
.colum_t{
font-size: 15px;
color: #2d2389;
}
.colum_t a{
text-decoration: none;
}
.colum_t a:hover{
text-decoration: none;
color: #f67004;
}
.button_contact a{
display: inline-block;
width: 190px;
font-size: 15px;
background-color: #fb7004;
color: #fff;
text-decoration: none;
height: 30px;
text-align: center;
padding-top: 10px;
}
.button_contact a:hover{
display: inline-block;
width: 190px;
font-size: 15px;
background-color: #fc844f;
color: #fff;
text-decoration: none;
height: 30px;
text-align: center;
padding-top: 10px;
}
.ban_bold{
font-weight: bold;
color: #8a94c1;
}
a.to_ichiran{
color: #f5d526;
text-decoration: none;
background: url(image/common/bg_arrow.png) left center no-repeat;
padding-left: 15px;
}
a.to_ichiran:hover{
color: #f67004;
text-decoration: none;
background: url(image/common/bg_arrow.png) left center no-repeat;
padding-left: 15px;
}
.to_rank{
display: inline-block;
margin-right: 20px;
}
.cad{
margin-bottom: 15px;
}
.h4_cad {
position: relative;
padding: .5em .75em;
/*background-color: #fe952e;*/
background-color: #435083;
/*border-radius: 6px;*/
color: #fff;
letter-spacing: 1px;
font-size: 19px;
}
.h4_cad::after {
position: absolute;
top: 100%;
left: 30px;
content: '';
width: 0;
height: 0;
border: 10px solid transparent;
border-top: 15px solid #435083;
}
.h5_cad{
font-size: 14px;
letter-spacing: 1px;
}
.tokucho_wrap{
background-color: #fdf9e9;
border: 1px dashed #ccc;
}
.layout_1{
width: 250px;
}
.layout_3{
width: 40px;
}
.layout{
width: 40px;
}
.w_448{
width: 488px;
}
.br_none > br{
display: none!important;
}
.emphasis{
-webkit-text-emphasis: filled sesame red;
text-emphasis: filled sesame red;
}
.to_newArtcle{
display: block;
margin: 20px 0;
}
time{
color: #999;
}
.br_none ul br{
display: none!important;
}
.cp_tooltip {
position: relative;
display: inline-block;
cursor: pointer;
/*background: linear-gradient(transparent 60%, #f19ec2 60%);*/
background: linear-gradient(transparent 80%, #f19ec2 60%);
}
.cp_tooltip .cp_tooltiptext {
position: absolute;
z-index: 1;
top: -5px;
left: 100%;
visibility: hidden;
/*width: auto;*/
white-space: nowrap;
padding: 1em 1em;
transition: opacity 1s;
text-align: center;
opacity: 0;
color: #ffffff;
border-radius: 6px;
background-color: #2F2F2F;
text-align: left;
}
.cp_tooltip .cp_tooltiptext::after {
position: absolute;
top: 20px;
right: 100%;
margin-left: -5px;
content: ' ';
border: 5px solid transparent;
border-right-color: #2F2F2F;
text-align:left;
}
.cp_tooltip:hover .cp_tooltiptext {
visibility: visible;
opacity: 1;
}
.cp_tooltiptext a{
color: #E3AE52!important;
text-decoration: none;
}
.cp_tooltiptext a:hover{
color: #FF923E!important;
}
.tdpdL20{
padding-left: 20px;
}
.rank_title{
font-weight: bold;
font-size: 20px;
}
.rank_title:hover{
font-weight: bold;
font-size: 20px;
color: #f4af2b;
}
.rank1{
position: relative;
}
.rank1:before{
display: block;
content: "";
background-image: url(image/common/img_rank1.png);
width: 97px;
height: 103px;
position: absolute;
top: -10px;
left: 0px;
z-index: 100;
}
.rank2{
position: relative;
}
.rank2:before{
display: block;
content: "";
background-image: url(image/common/img_rank2.png);
width: 97px;
height: 103px;
position: absolute;
top: -10px;
left: 0px;
z-index: 100;
}
.rank3{
position: relative;
}
.rank3:before{
display: block;
content: "";
background-image: url(image/common/img_rank3.png);
width: 97px;
height: 103px;
position: absolute;
top: -10px;
left: 0px;
z-index: 100;
}
.rank4{
position: relative;
}
.rank4:before{
display: block;
content: "";
background-image: url(image/common/img_rank4.png);
width: 97px;
height: 103px;
position: absolute;
top: -10px;
left: 0px;
z-index: 100;
}
.rank5{
position: relative;
}
.rank5:before{
display: block;
content: "";
background-image: url(image/common/img_rank5.png);
width: 97px;
height: 103px;
position: absolute;
top: -10px;
left: 0px;
z-index: 100;
}
.to_columlist a{
display: inline-block;
/*width: 30%;*/
color:#fff;
padding: 15px 26px;
border-radius: 5px;
background-color: #071860;
text-decoration: none;
}
.to_columlist a:hover{
display: inline-block;
/*width: 30%;*/
color:#fff;
padding: 15px 26px;
border-radius: 5px;
background-color: #f8941d;
text-decoration: none;
}
.to_columlist i{
font-size: 20px;
display: inline-block;
margin-left: 10px;
}
.to_ranking{
font-size: 18px;
font-weight: bold;
}
.to_ranking i{
display: inline-block;
margin-left: 8px;
}
/*------コラム（prev next）------*/
.arrow_left{
position: relative;
display:inline-block;
margin-left: 20px;
padding: 0 10px 0 5px;
background: #f47b1a;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
font-size: 14px;
color: #fff;
line-height: 28px;
}
a.arrow_left,a.arrow_right{
text-decoration: none;
color: #fff;
font-size: 15px;
}
.arrow_left::before{
content: "";
position: absolute;
top: 0;
left: -14px;
border-right: 14px solid #f47b1a;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
transform-origin: right top;
transform: scaleX(.7);
}
.arrow_right{
position: relative;
display:inline-block;
margin-left: 20px;
padding: 0 10px 0 5px;
background: #f47b1a;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
font-size: 14px;
color: #fff;
line-height: 28px;
}
.arrow_right::after{
content: "";
position: absolute;
top: 0;
right: -14px;
border-left: 14px solid #f47b1a;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
transform-origin: left top;
transform: scaleX(.7);
}
/*コラム一覧へ*/
.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 16px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.sample1-4::before{
left: 2px;
width: 7px;
height: 3px;
background: #7a0;
}
.sample1-4::after{
left: 2px;
width: 6px;
height: 6px;
border-top: 3px solid #7a0;
border-right: 3px solid #7a0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
a.arrow{
color: #fff;
font-weight: bold;
}
.c_link a{
color: #f47b1a;
}
.orang{
color: #ff8000;
}
.to_chair{
display: inline-block;
margin-left: 140px;
}
/* ----------------------------------------------------------
COMMON STYLE
---------------------------------------------------------- */
/* box */
.box01 {
border: 3px double #B7D6E9;
}
/* box border-bottom */
.bb01 {
border-bottom: 1px dashed #333333;
}
/* box border-top */
/* x line */
.line { border-bottom: 1px dashed #B7D6E9; }
/* y line */
.line_y { background: url(image/common/stroke_y.png) repeat-y center top;}
/* table td border-bottom */
.tdbb01 td {
border-bottom: 1px dotted #C0C0C0 !important;
padding: 5px 0 !important;
}
/* td background */
.tdbg { background: url(image/common/tdbg.png) repeat-x left top; }
/* img border */
.border01 img {
border: 1px solid #B2B2B2 !important;
padding: 1px;
background: #FFFFFF;
}
.border02 img {
border: 1px solid #B2B2B2 !important;
padding: 3px;
background: #FFFFFF;
}
.kanren{
font-size: 19px;
}
/* table img column */
.pics3 img {
max-width: 220px;
height: auto;
}
.pics4 img {
max-width: 154px;
height: auto;
margin-bottom: 5px;
}
/* float */
.ColLeft { float:left;}
.ColRight { float:right;}
.clear{clear:both;}
/* font-size */
.fs10 {font-size:10px;}.fs11 {font-size:11px;}.fs12 {font-size:12px;}.fs13 {font-size:13px;}.fs14 {font-size:14px;}.fs15 {font-size:15px;}.fs16 {font-size:16px;}.fs17 {font-size:17px;}.fs18 {font-size:18px;}.fs19 {font-size:19px;}.fs20 {font-size:20px;}.fs21 {font-size:21px;}.fs22 {font-size:22px;}.fs23 {font-size:23px;}.fs24 {font-size:24px;}.fs25 {font-size:25px;}.fs26 {font-size:26px;}.fs27 {font-size:27px;}.fs28 {font-size:28px;}.fs29 {font-size:29px;}.fs30 {font-size:30px;}.fs31 {font-size:31px;}.fs32 {font-size:32px;}.fs33 {font-size:33px;}.fs34 {font-size:34px;}.fs35 {font-size:35px;}
/* line-height */
.lh12{line-height:1.2;}.lh13{line-height:1.3;}.lh14{line-height:1.4;}.lh15{line-height:1.5;}.lh16{line-height:1.6;}.lh17{line-height:1.7;}.lh18{line-height:1.8;}.lh19{line-height:1.9;}.lh20{line-height:2;}.lh21{line-height:2.1;}.lh22{line-height:2.2;}
/* letter-spacing */
.ls-1{letter-spacing:-1px;}.ls0{letter-spacing:0px;}.ls1{letter-spacing:1px;}.ls2{letter-spacing:2px;}
/* padding */
/* all */
.pd0 { padding:0 !important;}.pd05{padding:5px !important;}.pd10{padding:10px !important;}.pd14{padding:14px !important;}.pd15{padding:15px !important;}.pd20{padding:20px !important;}.pd25{padding:25px !important;}.pd30{padding:30px !important;}
/* top */
.pdT05{padding-top:5px !important;}.pdT10{padding-top:10px !important;}.pdT15{padding-top:15px !important;}.pdT20{padding-top:20px !important;}.pdT25{padding-top:25px !important;}.pdT30{padding-top:30px !important;}
/* bottom */
.pdB05{padding-bottom:5px !important;}.pdB10{padding-bottom:10px !important;}.pdB14{padding-bottom:14px !important;}.pdB15{padding-bottom:15px !important;}.pdB20{padding-bottom:20px !important;}.pdB25{padding-bottom:25px !important;}.pdB30{padding-bottom:30px !important;}
/* top & bottom */
.pdTB03{padding-top:3px !important;padding-bottom:3px !important;}.pdTB05{padding-top:5px !important;padding-bottom:5px !important;}.pdTB10{padding-top:10px !important;padding-bottom:10px !important;}.pdTB14{padding-top:14px !important;padding-bottom:14px !important;}.pdTB15{padding-top:15px !important;padding-bottom:15px !important;}.pdTB20{padding-top:20px !important;padding-bottom:20px !important;}.pdTB25{padding-top:25px !important;padding-bottom:25px !important;}.pdTB30{padding-top:30px !important;padding-bottom:30px !important;}
/* left */
.pdL05{padding-left:5px !important;}.pdL10{padding-left:10px !important;}.pdL15{padding-left:15px !important;}.pdL20{padding-left:20px !important;}.pdL25{padding-left:25px !important;}.pdL30{padding-left:30px !important;}
/* right */
.pdR05{padding-right:5px !important;}.pdR10{padding-right:10px !important;}.pdR11{padding-right:11px !important;}.pdR12{padding-right:12px !important;}.pdR13{padding-right:13px !important;}.pdR14{padding-right:14px !important;}.pdR15{padding-right:15px !important;}.pdR16{padding-right:16px !important;}.pdR18{padding-right:18px !important;}.pdR19{padding-right:19px !important;}.pdR20{padding-right:20px !important;}.pdR21{padding-right:21px !important;}.pdR22{padding-right:22px !important;}.pdR25{padding-right:25px !important;}.pdR30{padding-right:30px !important;}
/* left & right */
.pdLR05{padding-left:5px !important;padding-right:5px !important;}.pdLR10{padding-left:10px !important;padding-right:10px !important;}.pdLR15{padding-left:15px !important;padding-right:15px !important;}.pdLR20{padding-left:20px !important;padding-right:20px !important;}.pdLR25{padding-left:25px !important;padding-right:25px !important;}.pdLR30{padding-left:30px !important;padding-right:30px !important;}
/* margin */
/* all */
.mg05{margin:5px;}.mg10{margin:10px;}.mg15{margin:15px;}.mg20{margin:20px;}.mg25{margin:25px;}.mg30{margin:30px;}
/* top */
.mgT05{margin-top:5px;}.mgT10{margin-top:10px;}.mgT15{margin-top:15px;}.mgT20{margin-top:20px;}.mgT25{margin-top:25px;}.mgT30{margin-top:30px;}
/* bottom */
.mgB05{margin-bottom:5px;}.mgB10{margin-bottom:10px;}.mgB15{margin-bottom:15px;}.mgB20{margin-bottom:20px;}.mgB25{margin-bottom:25px;}.mgB30{margin-bottom:30px;}.mgB35{margin-bottom:35px;}.mgB40{margin-bottom:40px;}
/* top & bottom */
.mgTB05{margin-top:5px;margin-bottom:5px;}.mgTB10{margin-top:5px;margin-bottom:5px;}.mgTB15{margin-top:15px;margin-bottom:15px;}.mgTB20{margin-top:20px;margin-bottom:20px;}.mgTB25{margin-top:25px;margin-bottom:25px;}.mgTB30{margin-top:30px;margin-bottom:30px;}
/* left */
.mgL05{margin-left:5px;}.mgL10{margin-left:10px;}.mgL15{margin-left:15px;}.mgL20{margin-left:20px;}.mgL25{margin-left:25px;}.mgL30{margin-left:30px;}
/* right */
.mgR05{margin-right:5px;}.mgR10{margin-right:10px;}.mgR15{margin-right:15px;}.mgR20{margin-right:20px;}.mgR25{margin-right:25px;}.mgR30{margin-right:30px;}
/* left & right */
.mgLR05{margin-left:5px;margin-right:5px;}.mgLR10{margin-left:10px;margin-right:10px;}.mgLR15{margin-left:15px;margin-right:15px;}.mgLR20{margin-left:20px;margin-right:20px;}.mgLR25{margin-left:25px;margin-right:25px;}.mgLR30{margin-left:30px;margin-right:30px;}
/* border-radius */
/* all */
.rd3 {
/* border-radius */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
/* end border-radius */
}
.rd5 {
/* border-radius */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
/* end border-radius */
}
.rd10 {
/* border-radius */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
/* end border-radius */
}
/* box-shadow */
.bshadow {
/* box shadow */
-moz-box-shadow: 0 0 3px #515151;
-webkit-box-shadow: 0 0 3px #515151;
-ms-box-shadow: 0 0 3px #515151;
box-shadow: 0 0 3px #515151;
/* end box shadow */
}
/* font-family */
.mincho {font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
/*.webfont {font-family: 'Didact Gothic','Meiryo','ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;}*/
/* font color */
.green {color: #317000;}
.red {color: #9F2B20;}
.violet {color: #663485;}
.orange { color: #FF7200; }
.black000 { color: #000000;}
.black { color: #2C2B29;}
.white { color: #FFFFFF;}
.koipink { color: #D5626D; }
.pink { color: #FB7EA7; }
.gray { color: #6E6E6Em; }
.blue { color: #2C97D9; }
/* font-weight */
.fwb { font-weight: bold; }
.fwn { font-weight: normal; }
/* rotate img */
.rotateimgR img {
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
border: 5px solid #FFFFFF;
-moz-box-shadow: 1px 2px 3px #D3D3D3;
-webkit-box-shadow: 1px 2px 3px #D3D3D3;
-ms-box-shadow: 1px 2px 3px #D3D3D3;
box-shadow: 1px 2px 3px #D3D3D3;
}
/* top */
.top_message_title h2 {
color: #242424;
background: url(image/common/top_message_title.png) no-repeat left bottom !important;
padding: 0 0 3px !important;
font-size: 20px;
}
.flowtd {
width: 128px !important;
padding: 10px;
border: 1px solid #1C4C7F !important;
}
.cleaning01 img {
width: 224px;
height: auto;
border: 3px double #AAAAAA !important;
}
.top_biz_box h3 {
border: none;
background: url(image/common/top_biz_sub.png) no-repeat left top;
font-size: 16px;
padding: 1px 0 0 15px;
height: 29px;
margin: 0 0 5px;
}
/* common */
.simpleh3 h3 {
/*border: none;
padding: 0;
margin: 0;
font-size: 18px;
line-height: 1.3;*/
color: #515151;
}
/* オフィス家具 */
.office_box01 {
border: 1px solid #B2B2B2 !important;
}
.office_box01 .img {
padding: 3px;
border-left: 1px solid #B2B2B2 !important;
}
/* 新規追加コンテンツ */
.newcontents h3{
border: none;
background: #dfe4fb;
display: inline;
padding: 15px;
border-top-left-radius:10px;
border-top-right-radius:10px;
}
.kv{
color: #00135d;
}
.kv h1{
font-size: 36px;
padding-bottom: 20px;
}
.kv p{
width: 480px;
line-height: 22px;
}
.newcontents2{
border-left: 5px solid #00135d;
}
.newcontents2 h3{
border: none;
line-height: 40px;
color: #00135d;
}
.bold{
font-weight: bold;
font-size: 15px;
}
.b{
font-weight: bold;
}
.midashi{
font-weight: bold;
padding-top: 10px !important;
}
.before{
display: inline-block;
padding: 6px 10px;
border-radius: 10px;
background: #00135d;
color: #fff;
}
.after{
display: inline-block;
padding: 6px 10px;
border-radius: 10px;
background: #f67004;
color: #fff;
}
.newcontents4 h4{
position: relative;
display: inline-block;
padding: 0 55px;
border-left: none;
background-color: none;
font-size: 20px;
letter-spacing: 1px;
}
.newcontents4 h4:before, .newcontents4 h4:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 2px;
border-top: solid 1px black;
border-bottom: solid 1px black;
}
.newcontents4 h4:before {left:0;}
.newcontents4 h4:after {right: 0;}
.newcontents5 h4 {
position: relative;
padding: 0.6em;
background: -webkit-repeating-linear-gradient(-45deg, #dfe4fb, #dfe4fb 4px,#ccd4fb 3px, #ccd4fb 8px);
background: repeating-linear-gradient(-45deg, #dfe4fb, #dfe4fb 4px,#ccd4fb 3px, #ccd4fb 8px);
border-radius: 7px;
border-left: none;
width: 100%;
color: #0b2289;
font-size: 20px;
}
.newcontents5 h4:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #ccd4fb;
width: 0;
height: 0;
}
.jouken{
font-size: 16px;
letter-spacing: 1px;
background-color: #FFE8D0;
line-height: 2em;
padding-left: 5px;
color: #fc7115;
letter-spacing: 1px;
}