.hidden { display:none; }
.cke_skin_movabletype .cke_button_templates .cke_label,
.cke_skin_movabletype .cke_button_showblocks .cke_label,
.cke_skin_movabletype .cke_button_removeFormat .cke_label { display: inline;}
td.cke_dialog_contents > div.cke_dialog_page_contents {
overflow-y: auto;
overflow-x: hidden;
}
label > span.mojicon {
margin-right: 0;
font-size: 32px;
}
.font-meiryo {font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}
.font-mincho {font-family:”ＭＳ Ｐ明朝”, “MS PMincho”, “ヒラギノ明朝 Pro W3″, “Hiragino Mincho Pro”, serif;}
.font-gothic {font-family: 'MS PGothic', Osaka, Arial, sans-serif;}
.font-newgothic{font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
.font-newmincho{font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;}
.font-mono{font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;}
.font-marugo{font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;}
.font-bmarugo{font-family: "ヒラギノ丸ゴ ProN","Hiragino Maru Gothic ProN","Meiryo UI";}
.font-arial{font-family: "arial";}
.font-haettenschweiler{font-family: "Haettenschweiler";}
.font-monotype{font-family: "Monotype Corsiva";}
.font-hgothic {font-family: "HGP創英角ｺﾞｼｯｸUB", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";}
.youtube_embed { position:relative; padding-bottom:56.25%; padding-top:30px; overflow:hidden; max-width:100%!important; height:auto; }
.youtube_embed iframe, .youtube_embed object, .youtube_embed embed { position:absolute;top:0;left:0;width:100%!important;height:100%!important; }
.youtube_embed img.cke_iframe { position:absolute;top:0;left:0;width:99%!important;height:99%!important; }
.cke_show_borders table, [class$="_body"] table, [class*="_body "] table {
-webkit-text-size-adjust: 100%;
table-layout:auto;
overflow:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;
margin: 0;
border-collapse: separate;
border-spacing: 0;
background-color: transparent;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-radius: 6px 6px 6px 6px!important;
}
.cke_show_borders table th, [class$="_body"] table th, [class*="_body "] table th,
.cke_show_borders table td, [class$="_body"] table td, [class*="_body "] table td {
padding:7px;
background:#FFF;
border-bottom:solid 1px #CCC;
border-right:solid 1px #CCC;
}
.cke_show_borders table tr:first-child *:first-child,
[class$="_body"] table tr:first-child *:first-child,
[class*="_body "] table tr:first-child *:first-child {
border-top-left-radius: 6px!important;
}
.cke_show_borders table tr:first-child *:last-child,
[class$="_body"] table tr:first-child *:last-child,
[class*="_body "] table tr:first-child *:last-child {
border-top-right-radius: 6px!important;
}
.cke_show_borders table tr:last-child *:first-child,
[class$="_body"] table tr:last-child *:first-child,
[class*="_body "] table tr:last-child *:first-child {
border-bottom-left-radius: 6px!important;
}
.cke_show_borders table tr:last-child *:last-child,
[class$="_body"] table tr:last-child *:last-child,
[class*="_body "] table tr:last-child *:last-child {
border-bottom-right-radius: 6px!important;
}
.cke_show_borders table thead tr:first-child th:first-child,
[class$="_body"] table thead tr:first-child th:first-child,
[class*="_body "] table thead tr:first-child th:first-child {
border-top-left-radius: 6px!important;
}
.cke_show_borders table thead tr:first-child th:last-child,
[class$="_body"] table thead tr:first-child th:last-child,
[class*="_body "] table thead tr:first-child th:last-child {
border-top-right-radius: 6px!important;
}
.cke_show_borders table thead tr:last-child th:first-child,
[class$="_body"] table thead tr:last-child th:first-child,
[class*="_body "] table thead tr:last-child th:first-child {
border-bottom-left-radius: 0!important;
}
.cke_show_borders table thead tr:first-child th:last-child,
[class$="_body"] table thead tr:first-child th:last-child,
[class*="_body "] table thead tr:first-child th:last-child {
border-bottom-right-radius: 0!important;
}
.cke_show_borders table thead + tbody tr:first-child *:first-child,
[class$="_body"] table thead + tbody tr:first-child *:first-child,
[class*="_body "] table thead + tbody tr:first-child *:first-child {
border-top-left-radius: 0!important;
}
.cke_show_borders table thead + tbody tr:first-child *:last-child,
[class$="_body"] table thead + tbody tr:first-child *:last-child,
[class*="_body "] table thead + tbody tr:first-child *:last-child {
border-top-right-radius: 0!important;
}
.cke_show_borders table tr:first-child img:first-child,
[class$="_body"] table tr:first-child img:first-child,
[class*="_body "] table tr:first-child img:first-child {
border-top-left-radius: 0!important;
}
.cke_show_borders table tr:first-child img:last-child,
[class$="_body"] table tr:first-child img:last-child,
[class*="_body "] table tr:first-child img:last-child {
border-top-right-radius: 0!important;
}
.cke_show_borders table img,
[class$="_body"] table img,
[class*="_body "] table img {
display: inline-block;
line-height: 1;
}
@media screen and (min-width: 0px) and (max-width: 480px) {
table.dlbox td,table.dlbox th {
width: 100%;
display: block;
text-align: left;
}
table.dlbox tr:first-child *:first-child {
border-top-left-radius: 6px!important;
border-top-right-radius: 6px;
}
table.dlbox tr:first-child *:last-child {
border-top-right-radius: 0px!important;
}
table.dlbox tr:last-child *:first-child {
border-bottom-left-radius: 0px!important;
}
table.dlbox tr:last-child *:last-child {
border-bottom-left-radius: 6px!important;
border-bottom-right-radius: 6px!important;
}
}
/*	24 COLUMN : RESPONSIVE GRID SYSTEM
DEVELOPER : DENIS LEBLANC
URL : http://responsive.gs
VERSION : 3.0
LICENSE : GPL & MIT */
/* 	SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */
.container { margin: 0 auto; }
.container:after,.row:after, .cel:after, .clr:after, .group:after { content: "" display: table; clear: both; }
.row { padding-bottom: 0; }
.cel {
width: 100%; padding: 4px 8px;
border-style: solid;
border-color: #FFF;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-width: 1px 0px 0px;
text-align: left;
vertical-align: top;
word-wrap: break-word;
}
#sortable .cf .field,
.cf .sort-enabled { margin-bottom: 0; }
[class^="sp24"], [class^="sp5_"], [class^="sp7_"], [class*=" sp24"],.cel  { display: block;float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.gutters .cel{margin-left:2%;}
.gutters .cel:first-child{margin-left:0}
@media screen and (min-width: 0px) and (max-width: 480px) {
.sp24_1,
.sp24_2,
.sp24_3,
.sp24_4 {width:50%}
.sp24_5,
.sp24_6,
.sp24_7,
.sp24_8,
.sp24_9,
.sp24_10,
.sp24_11,
.sp24_12,
.sp24_13,
.sp24_14,
.sp24_15,
.sp24_16,
.sp24_17,
.sp24_18,
.sp24_19,
.sp24_20,
.sp24_21,
.sp24_22,
.sp24_23,
.sp24_24 {width:100%}
.gutters .sp24_1,
.gutters .sp24_2,
.gutters .sp24_3,
.gutters .sp24_4{width:49.0%; marign-left:0.5%; marign-right:0.5%;}
.gutters .sp24_5,
.gutters .sp24_6,
.gutters .sp24_7,
.gutters .sp24_8,
.gutters .sp24_9,
.gutters .sp24_10,
.gutters .sp24_11,
.gutters .sp24_12,
.gutters .sp24_13,
.gutters .sp24_14,
.gutters .sp24_15,
.gutters .sp24_16,
.gutters .sp24_17,
.gutters .sp24_18,
.gutters .sp24_19,
.gutters .sp24_20,
.gutters .sp24_21,
.gutters .sp24_22,
.gutters .sp24_23,
.gutters .sp24_24{width:100%;}
}
@media screen and (min-width: 481px) and (max-width: 640px) {
.sp24_1,
.sp24_2,
.sp24_3,
.sp24_4 {width:25%}
.sp24_5,
.sp24_6,
.sp24_7,
.sp24_8 {width:50%}
.sp24_9,
.sp24_10,
.sp24_11,
.sp24_12,
.sp24_13,
.sp24_14,
.sp24_15,
.sp24_16,
.sp24_17,
.sp24_18,
.sp24_19,
.sp24_20,
.sp24_21,
.sp24_22,
.sp24_23,
.sp24_24 {width:100%}
.gutters .sp24_1,
.gutters .sp24_2,
.gutters .sp24_3,
.gutters .sp24_4{width:23.5%; marign-left:0.5%; marign-right:0.5%;}
.gutters .sp24_5,
.gutters .sp24_6,
.gutters .sp24_7,
.gutters .sp24_8{width:49.0%; marign-left:0.5%; marign-right:0.5%;}
.gutters .sp24_9,
.gutters .sp24_10,
.gutters .sp24_11,
.gutters .sp24_12,
.gutters .sp24_13,
.gutters .sp24_14,
.gutters .sp24_15,
.gutters .sp24_16,
.gutters .sp24_17,
.gutters .sp24_18,
.gutters .sp24_19,
.gutters .sp24_20,
.gutters .sp24_21,
.gutters .sp24_22,
.gutters .sp24_23,
.gutters .sp24_24{width:100%;}
}
@media ( min-width : 768px ) {
.sp24_1{width:4.16666666667%;}
.sp24_2{width:8.33333333333%;}
.sp24_3{width:12.5%}
.sp24_4{width:16.6666666667%;}
.sp24_5{width:20%;}
.sp24_6{width:25%}
.sp24_7{width:29.1666666667%;}
.sp24_8{width:33.3333333333%;}
.sp24_9{width:37.5%}
.sp24_10{width:41.6666666667%;}
.sp24_11{width:45.8333333333%;}
.sp24_12{width:50%;}
.sp24_13{width:54.1666666667%;}
.sp24_14{width:58.3333333333%;}
.sp24_15{width:62.5%;}
.sp24_16{width:66.6666666667%;}
.sp24_17{width:70.8333333333%;}
.sp24_18{width:75%;}
.sp24_19{width:79.1666666667%;}
.sp24_20{width:83.3333333333%;}
.sp24_21{width:87.5%;}
.sp24_22{width:91.6666666667%;}
.sp24_23{width:95.8333333333%;}
.sp24_24{width:100%;}
.gutters .sp24_1{width:2.25%;}
.gutters .sp24_2{width:6.5%;}
.gutters .sp24_3{width:10.75%;}
.gutters .sp24_4{width:15.0%;}
.gutters .sp24_5{width:19.25%;}
.gutters .sp24_6{width:23.5%;}
.gutters .sp24_7{width:27.75%;}
.gutters .sp24_8{width:32.0%;}
.gutters .sp24_9{width:36.25%;}
.gutters .sp24_10{width:40.5%;}
.gutters .sp24_11{width:44.75%;}
.gutters .sp24_12{width:49.0%;}
.gutters .sp24_13{width:53.25%;}
.gutters .sp24_14{width:57.5%;}
.gutters .sp24_15{width:61.75%;}
.gutters .sp24_16{width:66.0%;}
.gutters .sp24_17{width:70.25%;}
.gutters .sp24_18{width:74.5%;}
.gutters .sp24_19{width:78.75%;}
.gutters .sp24_20{width:83.0%;}
.gutters .sp24_21{width:87.25%;}
.gutters .sp24_22{width:91.5%;}
.gutters .sp24_23{width:95.75%;}
.gutters .sp24_24{width:100%;}
.mgL1 { margin-left: 4.16666666667%; }
.mgL2 { margin-left: 8.33333333333%; }
.mgL3 { margin-left:12.5%; }
.mgL4 { margin-left: 16.6666666667%; }
.mgL5 { margin-left: 20.8333333333%; }
.mgL6 { margin-left: 25%; }
.mgL7 { margin-left: 29.1666666667%; }
.mgL8 { margin-left: 33.3333333333%; }
.mgL9 { margin-left: 37.5%; }
.mgL10 { margin-left: 41.6666666667%; }
.mgL11 { margin-left: 45.8333333333%; }
.mgL12 { margin-left: 50%; }
.mgL13 { margin-left: 54.1666666667%; }
.mgL14 { margin-left: 58.3333333333%; }
.mgL15 { margin-left: 62.5%; }
.mgL16 { margin-left: 66.6666666667%; }
.mgL17 { margin-left: 70.8333333333%; }
.mgL18 { margin-left: 75%; }
.mgL19 { margin-left: 79.1666666667%; }
.mgL20 { margin-left: 83.3333333333%; }
.mgL21 { margin-left: 87.5%; }
.mgL22 { margin-left: 91.6666666667%; }
.mgL23 { margin-left: 95.8333333333%; }
}
.sp5_1{width:20%;}
.sp5_2{width:40%;}
.sp5_3{width:60%;}
.sp5_4{width:80%;}
.sp5_5{width:100%;}
.sp7_1{width:14.285%; calc(100%/7);}
.sp7_2{width:28.58%; calc(100%/7*2);}
.sp7_3{width:42.87%; calc(100%/7*3);}
.sp7_4{width:57.16%; calc(100%/7*4);}
.sp7_5{width:71.45%; calc(100%/7*5);}
.sp7_6{width:85.74%; calc(100%/7*6);}
.sp7_7{width:100%;}
.gutters.sp7_1{width:12.57%;
width:calc(88%/7);}
.rad5box {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid rgba(111,111,111,.2);
box-shadow: 0 1px 0 rgba(255,255,255,.3) inset, -1px 0 0 rgba(255,255,255,.3) inset, 0 1px 0 rgba(255,255,255,.3), -1px 0 0 rgba(255,255,255,.3);
-pie-box-shadow: 0 1px 0 rgba(255,255,255,.3) inset, -1px 0 0 rgba(255,255,255,.3) inset, 0 1px 0 rgba(255,255,255,.3), -1px 0 0 rgba(255,255,255,.3);
margin: 7px 0;
}
.nof { float: none; }
.cf:before,
.cf:after {
width: 100%;
height: 1px;
content:"";
display:table;
}.textfull .text { width:98%; }
.cf:after {
clear:both;
float: none;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom:1;
}
.hidden { display:none; }
.cke_skin_movabletype .cke_button_templates .cke_label,
.cke_skin_movabletype .cke_button_showblocks .cke_label,
.cke_skin_movabletype .cke_button_removeFormat .cke_label { display: inline;}
td.cke_dialog_contents > div.cke_dialog_page_contents {
overflow-y: auto;
overflow-x: hidden;
}
label > span.mojicon {
margin-right: 0;
font-size: 32px;
}
.font-meiryo {font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}
.font-mincho {font-family:”ＭＳ Ｐ明朝”, “MS PMincho”, “ヒラギノ明朝 Pro W3″, “Hiragino Mincho Pro”, serif;}
.font-gothic {font-family: 'MS PGothic', Osaka, Arial, sans-serif;}
.font-newgothic{font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
.font-newmincho{font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;}
.font-mono{font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;}
.font-marugo{font-family : "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO","Verdana","Osaka",sans-serif;}
.font-bmarugo{font-family: "ヒラギノ丸ゴ ProN","Hiragino Maru Gothic ProN","Meiryo UI";}
.font-arial{font-family: "arial";}
.font-haettenschweiler{font-family: "Haettenschweiler";}
.font-monotype{font-family: "Monotype Corsiva";}
.font-hgothic {font-family: "HGP創英角ｺﾞｼｯｸUB", "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";}
.youtube_embed { position:relative; padding-bottom:56.25%; padding-top:30px; overflow:hidden; max-width:100%!important; height:auto; }
.youtube_embed iframe, .youtube_embed object, .youtube_embed embed { position:absolute;top:0;left:0;width:100%!important;height:100%!important; }
.youtube_embed img.cke_iframe { position:absolute;top:0;left:0;width:99%!important;height:99%!important; }
.cke_show_borders table, [class$="_body"] table, [class*="_body "] table {
-webkit-text-size-adjust: 100%;
table-layout:auto;
overflow:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;
margin: 0;
border-collapse: separate;
border-spacing: 0;
background-color: transparent;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-radius: 6px 6px 6px 6px!important;
}
.cke_show_borders table th, [class$="_body"] table th, [class*="_body "] table th,
.cke_show_borders table td, [class$="_body"] table td, [class*="_body "] table td {
padding:7px;
background:#FFF;
border-bottom:solid 1px #CCC;
border-right:solid 1px #CCC;
}
.cke_show_borders table tr:first-child *:first-child,
[class$="_body"] table tr:first-child *:first-child,
[class*="_body "] table tr:first-child *:first-child {
border-top-left-radius: 6px!important;
}
.cke_show_borders table tr:first-child *:last-child,
[class$="_body"] table tr:first-child *:last-child,
[class*="_body "] table tr:first-child *:last-child {
border-top-right-radius: 6px!important;
}
.cke_show_borders table tr:last-child *:first-child,
[class$="_body"] table tr:last-child *:first-child,
[class*="_body "] table tr:last-child *:first-child {
border-bottom-left-radius: 6px!important;
}
.cke_show_borders table tr:last-child *:last-child,
[class$="_body"] table tr:last-child *:last-child,
[class*="_body "] table tr:last-child *:last-child {
border-bottom-right-radius: 6px!important;
}
.cke_show_borders table thead tr:first-child th:first-child,
[class$="_body"] table thead tr:first-child th:first-child,
[class*="_body "] table thead tr:first-child th:first-child {
border-top-left-radius: 6px!important;
}
.cke_show_borders table thead tr:first-child th:last-child,
[class$="_body"] table thead tr:first-child th:last-child,
[class*="_body "] table thead tr:first-child th:last-child {
border-top-right-radius: 6px!important;
}
.cke_show_borders table thead tr:last-child th:first-child,
[class$="_body"] table thead tr:last-child th:first-child,
[class*="_body "] table thead tr:last-child th:first-child {
border-bottom-left-radius: 0!important;
}
.cke_show_borders table thead tr:first-child th:last-child,
[class$="_body"] table thead tr:first-child th:last-child,
[class*="_body "] table thead tr:first-child th:last-child {
border-bottom-right-radius: 0!important;
}
.cke_show_borders table thead + tbody tr:first-child *:first-child,
[class$="_body"] table thead + tbody tr:first-child *:first-child,
[class*="_body "] table thead + tbody tr:first-child *:first-child {
border-top-left-radius: 0!important;
}
.cke_show_borders table thead + tbody tr:first-child *:last-child,
[class$="_body"] table thead + tbody tr:first-child *:last-child,
[class*="_body "] table thead + tbody tr:first-child *:last-child {
border-top-right-radius: 0!important;
}
.cke_show_borders table tr:first-child img:first-child,
[class$="_body"] table tr:first-child img:first-child,
[class*="_body "] table tr:first-child img:first-child {
border-top-left-radius: 0!important;
}
.cke_show_borders table tr:first-child img:last-child,
[class$="_body"] table tr:first-child img:last-child,
[class*="_body "] table tr:first-child img:last-child {
border-top-right-radius: 0!important;
}
.cke_show_borders table img,
[class$="_body"] table img,
[class*="_body "] table img {
display: inline-block;
line-height: 1;
}
@media screen and (min-width: 0px) and (max-width: 480px) {
table.dlbox td,table.dlbox th {
width: 100%;
display: block;
text-align: left;
}
table.dlbox tr:first-child *:first-child {
border-top-left-radius: 6px!important;
border-top-right-radius: 6px;
}
table.dlbox tr:first-child *:last-child {
border-top-right-radius: 0px!important;
}
table.dlbox tr:last-child *:first-child {
border-bottom-left-radius: 0px!important;
}
table.dlbox tr:last-child *:last-child {
border-bottom-left-radius: 6px!important;
border-bottom-right-radius: 6px!important;
}
}
/*	24 COLUMN : RESPONSIVE GRID SYSTEM
DEVELOPER : DENIS LEBLANC
URL : http://responsive.gs
VERSION : 3.0
LICENSE : GPL & MIT */
/* 	SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */
.container { margin: 0 auto; }
.container:after,.row:after, .cel:after, .clr:after, .group:after { content: "" display: table; clear: both; }
.row { padding-bottom: 0; }
.cel {
width: 100%; padding: 4px 8px;
border-style: solid;
border-color: #FFF;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-width: 1px 0px 0px;
text-align: left;
vertical-align: top;
word-wrap: break-word;
}
#sortable .cf .field,
.cf .sort-enabled { margin-bottom: 0; }
[class^="sp24"], [class^="sp5_"], [class^="sp7_"], [class*=" sp24"],.cel  { display: block;float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.gutters .cel{margin-left:2%;}
.gutters .cel:first-child{margin-left:0}
@media screen and (min-width: 0px) and (max-width: 480px) {
.sp24_1,
.sp24_2,
.sp24_3,
.sp24_4 {width:50%}
.sp24_5,
.sp24_6,
.sp24_7,
.sp24_8,
.sp24_9,
.sp24_10,
.sp24_11,
.sp24_12,
.sp24_13,
.sp24_14,
.sp24_15,
.sp24_16,
.sp24_17,
.sp24_18,
.sp24_19,
.sp24_20,
.sp24_21,
.sp24_22,
.sp24_23,
.sp24_24 {width:100%}
.gutters .sp24_1,
.gutters .sp24_2,
.gutters .sp24_3,
.gutters .sp24_4{width:49.0%; marign-left:0.5%; marign-right:0.5%;}
.gutters .sp24_5,
.gutters .sp24_6,
.gutters .sp24_7,
.gutters .sp24_8,
.gutters .sp24_9,
.gutters .sp24_10,
.gutters .sp24_11,
.gutters .sp24_12,
.gutters .sp24_13,
.gutters .sp24_14,
.gutters .sp24_15,
.gutters .sp24_16,
.gutters .sp24_17,
.gutters .sp24_18,
.gutters .sp24_19,
.gutters .sp24_20,
.gutters .sp24_21,
.gutters .sp24_22,
.gutters .sp24_23,
.gutters .sp24_24{width:100%;}
}
@media screen and (min-width: 481px) and (max-width: 640px) {
.sp24_1,
.sp24_2,
.sp24_3,
.sp24_4 {width:25%}
.sp24_5,
.sp24_6,
.sp24_7,
.sp24_8 {width:50%}
.sp24_9,
.sp24_10,
.sp24_11,
.sp24_12,
.sp24_13,
.sp24_14,
.sp24_15,
.sp24_16,
.sp24_17,
.sp24_18,
.sp24_19,
.sp24_20,
.sp24_21,
.sp24_22,
.sp24_23,
.sp24_24 {width:100%}
.gutters .sp24_1,
.gutters .sp24_2,
.gutters .sp24_3,
.gutters .sp24_4{width:23.5%; marign-left:0.5%; marign-right:0.5%;}
.gutters .sp24_5,
.gutters .sp24_6,
.gutters .sp24_7,
.gutters .sp24_8{width:49.0%; marign-left:0.5%; marign-right:0.5%;}
.gutters .sp24_9,
.gutters .sp24_10,
.gutters .sp24_11,
.gutters .sp24_12,
.gutters .sp24_13,
.gutters .sp24_14,
.gutters .sp24_15,
.gutters .sp24_16,
.gutters .sp24_17,
.gutters .sp24_18,
.gutters .sp24_19,
.gutters .sp24_20,
.gutters .sp24_21,
.gutters .sp24_22,
.gutters .sp24_23,
.gutters .sp24_24{width:100%;}
}
@media ( min-width : 768px ) {
.sp24_1{width:4.16666666667%;}
.sp24_2{width:8.33333333333%;}
.sp24_3{width:12.5%}
.sp24_4{width:16.6666666667%;}
.sp24_5{width:20%;}
.sp24_6{width:25%}
.sp24_7{width:29.1666666667%;}
.sp24_8{width:33.3333333333%;}
.sp24_9{width:37.5%}
.sp24_10{width:41.6666666667%;}
.sp24_11{width:45.8333333333%;}
.sp24_12{width:50%;}
.sp24_13{width:54.1666666667%;}
.sp24_14{width:58.3333333333%;}
.sp24_15{width:62.5%;}
.sp24_16{width:66.6666666667%;}
.sp24_17{width:70.8333333333%;}
.sp24_18{width:75%;}
.sp24_19{width:79.1666666667%;}
.sp24_20{width:83.3333333333%;}
.sp24_21{width:87.5%;}
.sp24_22{width:91.6666666667%;}
.sp24_23{width:95.8333333333%;}
.sp24_24{width:100%;}
.gutters .sp24_1{width:2.25%;}
.gutters .sp24_2{width:6.5%;}
.gutters .sp24_3{width:10.75%;}
.gutters .sp24_4{width:15.0%;}
.gutters .sp24_5{width:19.25%;}
.gutters .sp24_6{width:23.5%;}
.gutters .sp24_7{width:27.75%;}
.gutters .sp24_8{width:32.0%;}
.gutters .sp24_9{width:36.25%;}
.gutters .sp24_10{width:40.5%;}
.gutters .sp24_11{width:44.75%;}
.gutters .sp24_12{width:49.0%;}
.gutters .sp24_13{width:53.25%;}
.gutters .sp24_14{width:57.5%;}
.gutters .sp24_15{width:61.75%;}
.gutters .sp24_16{width:66.0%;}
.gutters .sp24_17{width:70.25%;}
.gutters .sp24_18{width:74.5%;}
.gutters .sp24_19{width:78.75%;}
.gutters .sp24_20{width:83.0%;}
.gutters .sp24_21{width:87.25%;}
.gutters .sp24_22{width:91.5%;}
.gutters .sp24_23{width:95.75%;}
.gutters .sp24_24{width:100%;}
.mgL1 { margin-left: 4.16666666667%; }
.mgL2 { margin-left: 8.33333333333%; }
.mgL3 { margin-left:12.5%; }
.mgL4 { margin-left: 16.6666666667%; }
.mgL5 { margin-left: 20.8333333333%; }
.mgL6 { margin-left: 25%; }
.mgL7 { margin-left: 29.1666666667%; }
.mgL8 { margin-left: 33.3333333333%; }
.mgL9 { margin-left: 37.5%; }
.mgL10 { margin-left: 41.6666666667%; }
.mgL11 { margin-left: 45.8333333333%; }
.mgL12 { margin-left: 50%; }
.mgL13 { margin-left: 54.1666666667%; }
.mgL14 { margin-left: 58.3333333333%; }
.mgL15 { margin-left: 62.5%; }
.mgL16 { margin-left: 66.6666666667%; }
.mgL17 { margin-left: 70.8333333333%; }
.mgL18 { margin-left: 75%; }
.mgL19 { margin-left: 79.1666666667%; }
.mgL20 { margin-left: 83.3333333333%; }
.mgL21 { margin-left: 87.5%; }
.mgL22 { margin-left: 91.6666666667%; }
.mgL23 { margin-left: 95.8333333333%; }
}
.sp5_1{width:20%;}
.sp5_2{width:40%;}
.sp5_3{width:60%;}
.sp5_4{width:80%;}
.sp5_5{width:100%;}
.sp7_1{width:14.285%; calc(100%/7);}
.sp7_2{width:28.58%; calc(100%/7*2);}
.sp7_3{width:42.87%; calc(100%/7*3);}
.sp7_4{width:57.16%; calc(100%/7*4);}
.sp7_5{width:71.45%; calc(100%/7*5);}
.sp7_6{width:85.74%; calc(100%/7*6);}
.sp7_7{width:100%;}
.gutters.sp7_1{width:12.57%;
width:calc(88%/7);}
.rad5box {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid rgba(111,111,111,.2);
box-shadow: 0 1px 0 rgba(255,255,255,.3) inset, -1px 0 0 rgba(255,255,255,.3) inset, 0 1px 0 rgba(255,255,255,.3), -1px 0 0 rgba(255,255,255,.3);
-pie-box-shadow: 0 1px 0 rgba(255,255,255,.3) inset, -1px 0 0 rgba(255,255,255,.3) inset, 0 1px 0 rgba(255,255,255,.3), -1px 0 0 rgba(255,255,255,.3);
margin: 7px 0;
}
.nof { float: none; }
.cf:before,
.cf:after {
width: 100%;
height: 1px;
content:"";
display:table;
}.textfull .text { width:98%; }
.cf:after {
clear:both;
float: none;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom:1;
}
.cke_show_borders { font-size: 14px; line-height: 1.4; }
.cke_show_borders img { margin: 0 0.5em 0 0; }
.cke_show_borders hr, .content_body hr { clear:both; }
q:before, q:after, blockquote:before, blockquote:after {
content: "";
}
blockquote {
padding: 0px 0px 0px 15px;
margin: 0px 0px 20px;
border-left: 5px solid #EEE;
}
.cke_show_borders ul, .cke_show_borders ol {
padding: 0;
margin: 0;
}
hr{margin:20px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff}
.cke_panel_listItem h1 { font-size: 16px; }
.cke_panel_listItem h2 { font-size: 7px; width:38px; display: inline-block; }
.cke_panel_listItem h2:first-letter { font-size: 21px; float: left; line-height: 1; display: inline-block; }
.cke_panel_listItem h3 { font-size: 16px; margin-bottom: 14px; }
.cke_panel_listItem h4 { font-size: 16px; }
.cke_panel_listItem h5 { font-size: 16px; margin-top: 14px; }
.cke_panel_listItem h6 { font-size: 16px; }
.cke_panel_listItem pre { font-size: 16px; margin-top: 14px; }
.cke_panel_listItem pre:after { margin-bottom: 14px; }
.cke_panel_listItem address { font-size: 16px; }
.cke_panel_listItem div { font-size: 16px; }
.cke_panel_listItem .padedbox { font-size: 16px; padding: 0.3em 1em; }
.cke_panel_listItem h1, .hdl-custm {
position:relative;
margin: 21px -10px;
padding:10px 20px;
width:100%;
background:#88ccef;
box-shadow:0 3px 3px 0 rgba(0,0,0,0.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.cke_panel_listItem h1:before, .hdl-custm:before {
content:" ";
position:absolute;
top:-20px;
left:0;
width:100%;
height:0;
border-width:10px;
border-style:solid;
border-color:transparent;
border-bottom-color:#91daff;
}
.hdl-drcp { display: inline-block; font-size: 3em; float: left; line-height: 1; padding: 0; margin-right: 0.2em; }
.cke_panel_listItem h3, .hdl-up {
position: relative;
padding: 0.4em;
margin: 0 0 1em;
font-weight: bold;
color: #fff;
background: #B92A2C;
transform: rotate(-1deg) skew(-1deg);
-webkit-transform: rotate(-1deg) skew(-1deg);
-moz-transform: rotate(-1deg) skew(-1deg);
-o-transform: rotate(-1deg) skew(-1deg);
-ms-transform: rotate(-1deg) skew(-1deg);
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #B92A2C, -1.0em 0 0 0 #B92A2C;
-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #B92A2C, -1.0em 0 0 0 #B92A2C;
-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #B92A2C, -1.0em 0 0 0 #B92A2C;
-o-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #B92A2C, -1.0em 0 0 0 #B92A2C;
-ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2), 1.0em 0 0 0 #B92A2C, -1.0em 0 0 0 #B92A2C;
}
.cke_panel_listItem h4, .hdl-bdrw { position: relative; font-size: 1.5em; line-height: 1;
margin: 1em 0; padding: 7px 16px;
border-left: 9px double #006600;
}
.cke_panel_listItem h4 { margin: 0; }
.cke_panel_listItem h4:after, .hdl-bdrw:after {
content: "";
position: absolute;
bottom: 0px;
left: 0;
height: 0;
width: 100%;
border-bottom: 1px dotted #ccc;
}
.cke_panel_listItem h5, .hdl-sqsq {
position: relative;
padding-left: 1.7em;
padding-top: 0.2em;
mrgin-bottom: 21px;
line-height; 1.8;
font-size: 22px;
}
.cke_panel_listItem h5:before, .hdl-sqsq:before {
position: absolute;
top: 0.3em;
left: 0;
width: 0.7em;
height: 0.7em;
border: 4px solid #C6D9EA;
content: "";
}
.cke_panel_listItem h5:after, .hdl-sqsq:after {
position: absolute;
top: 3px;
left: 9px;
width: 0.7em;
height: 0.7em;
border: 1px solid #3E78FD;
content: "";
}
.cke_panel_listItem h6, .hdl-marumaru {
position:relative;
padding-left:1.5em;
border-bottom:2px solid #ccc;
font-weight: bold;
font-size: 22px;
line-height: 38px;
}
.cke_panel_listItem h6:before, .hdl-marumaru:before {
content:'';
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
height:0.8em;
width:0.8em;
display:block;
position:absolute;
top: 3px;
left: 7px;
background-color:#6B0CE8;
box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
filter:alpha(opacity=50);
-moz-opacity:0.50;
-khtml-opacity: 0.50;
opacity:0.50;
z-index: 1;
}
.cke_panel_listItem h6:after, .hdl-marumaru:after {
content:'';
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
height: 0.8em;
width: 0.8em;
display:block;
position:absolute;
top: 0.4em;
left: 2px;
background-color:#00A8FF;
box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
}
.hdl-step { font-size: 16px; }
.cke_panel_listItem div, .hdl-step {
position: relative;
color: #111;
line-height: 1;
margin: 1em 0 0 0;
padding: 14px 5px 10px 1.5em;
}
.cke_panel_listItem div:before,
.hdl-step:before {
content: "";
position: absolute;
background: #999;
top: 0;
left: 5px;
height: 10px;
width: 10px;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.cke_panel_listItem div:after, .hdl-step:after {
content: "";
position: absolute;
background:#777;
top: 15px;
left: 0;
height: 6px;
width: 6px;
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
.cke_panel_listItem pre, .hdlt-fuki {
position:relative;
margin-bottom: 17px;
padding: 0.4em 1em;
font-weight: bold;
background-color: #51A2C1;
color: #fff;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.cke_panel_listItem pre:before, .hdlt-fuki:before{
content:'';
height:0;
width:0;
display:block;
border:13px transparent solid;
border-right-width:0;
border-left-color:#51A2C1;
position:absolute;
bottom: -13px;
left: 15px;
transform:rotate(-270deg);
-webkit-transform:rotate(-270deg);
-moz-transform:rotate(-270deg);
-o-transform:rotate(-270deg);
-ms-transform:rotate(-270deg);
}
.cke_panel_listItem address, .hdl-fusen {
position:relative;
padding:0.5em 2em;
background:#ffb53c;
color:#fff;
text-shadow:0 0 1px rgba(000,000,000,0.3);
}
.cke_panel_listItem address:before,
.hdl-fusen:before {
position: absolute;
top: 0px;
left: 0px;
display: block;
content: "";
border-width: 5px 6px;
border-style: solid;
border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.5) rgb(255, 255, 255);
}
.cke_panel_listItem address { margin-bottom: 21px; }
/* CKEDITOR CSS */
.wred .ured .ceckmark .enclose3w, .enclose1b { font-size: 16px; display: inline-block; }
.enclose3w { padding: 5px;
text-shadow: 0px 3px 1px white,0px 2px 1px white,1px 2px 1px white,2px 2px 1px white,2px 1px 1px white,2px 0px 1px white,3px 0px 1px white,2px -1px 1px white,2px -2px 1px white,2px -3px 1px white,1px -3px 1px white,0px -3px 1px white,-1px -3px 1px white,-2px -3px 1px white,-3px -3px 1px white,-3px -2px 1px white,-3px -1px 1px white,-3px 0px 1px white,-3px 1px 1px white,-3px 2px 1px white,-2px 2px 1px white,-1px 2px 1px white, #cccccc 3.5px 3.5px 0px, #cccccc -3.5px 3.5px 0px, #cccccc 3.5px -3.5px 0px, #cccccc -3.5px -3.5px 0px;
letter-spacing: 6px;
}
.enclose1b {
color: #fff;
filter:dropshadow(color=#000000,offX= 0,offY=-1)
dropshadow(color=#000000,offX= 1,offY= 0)
dropshadow(color=#000000,offX= 0,offY= 1)
dropshadow(color=#000000,offX=-1,offY= 0);
-webkit-text-stroke-color: #000;
-webkit-text-stroke-width: 1px;
text-shadow: black 1px 1px 0px, black -1px 1px 0px,
black 1px -1px 0px, black -1px -1px 0px;
}
.enclose1w { filter:dropshadow(color=#cccccc,offX= 0,offY=-1)
dropshadow(color=#cccccc,offX= 1,offY= 0)
dropshadow(color=#cccccc,offX= 0,offY= 1)
dropshadow(color=#cccccc,offX=-1,offY= 0);
-webkit-text-stroke-color: #cccccc;
-webkit-text-stroke-width: 1px;
text-shadow: #cccccc 1px 1px 0px, #cccccc -1px 1px 0px,
#cccccc 1px -1px 0px, #cccccc -1px -1px 0px;
}
.cke_panel_listItem .enclose1b { font-size:16px; color: #fff; margin-bottom: 14px; }
.cke_panel_listItem .enclose1w { font-size:16px; margin-bottom: 14px; }
.cke_panel_listItem .enclose3w { font-size:16px; margin-bottom: 14px; }
.cke_panel_listItem .ceckmark, .cke_panel_listItem .ured, .cke_panel_listItem .wred, .cke_panel_listItem .enclose3w, .cke_panel_listItem .enclose1b { display: inline-block; }
.wblue, .wred, .dotblue, .dotred { margin-bottom: 0.3em; -moz-background-size:100% 50%;
background-size:100% 50%; display: inline; }
.wblue, .wred { padding: 0 0.1em 8px; }
.dotblue, .dotred { padding: 0 0.1em 3px; }
.cureaka, .cureao, .cureore, .curepink, .curegreen, .curekuro { padding: 0 0.1em; margin-bottom: 0.3em; -moz-background-size:100% 50%;
background-size:100% 50%; display: inline; }
.shalaka, .shalao, .shalore, .shalpink, .shalgreen, .shalkuro { padding: 0 0.1em; margin-bottom: 0.3em; -moz-background-size:100% 50%;
background-size:100% 50%; display: inline; }
.ured, .fudeblue, .fudegreen, .fudegray, .fudeyellow, .fudepapul { padding: 0 0.3em;  margin-bottom:3.5px; -moz-background-size: 100% 0.7em; background-size: 100% 0.6em; display: inline; }
.ceckmark, .marumark, .batumark {
display: inline-block;
height: 100%;
margin-top: 0.05em;
padding-left: 1.3em;
margin-bottom: 0.1em;
-moz-background-size:auto 1.1em  auto;
background-size: 1.1em  auto;
line-height: 1.2;
}
.ceckmark > span:first-child,
.marumark > span:first-child,
.batumark > span:first-child { padding-left: 1em; }
.cke_panel_listItem .ceckmark,
.cke_panel_listItem .marumark,
.cke_panel_listItem .batumark { font-size: 18px; }
.ceckmark { background-image: url(https://www.alphanet.jp/image/checkmark.png); background-repeat: no-repeat; background-position: left 0.05em; }
.marumark { background-image: url(https://www.alphanet.jp/image/list_maru.png); background-repeat: no-repeat; background-position: left 0.2em; }
.batumark { background-image: url(https://www.alphanet.jp/image/list_batu.png); background-repeat: no-repeat; background-position: left 0.2em; }
.ured {background-image: url(https://www.alphanet.jp/image/fudeline-red.png); background-repeat: no-repeat; background-position: right bottom; }
.fudeblue {background-image: url(https://www.alphanet.jp/image/fudeline-blue.png); background-repeat: no-repeat; background-position: right bottom; }
.fudegreen {background-image: url(https://www.alphanet.jp/image/fudeline-green.png); background-repeat: no-repeat; background-position: right bottom; }
.fudegray {background-image: url(https://www.alphanet.jp/image/fudeline-gray.png); background-repeat: no-repeat; background-position: right bottom; }
.fudeyellow {background-image: url(https://www.alphanet.jp/image/fudeline-yellow.png); background-repeat: no-repeat; background-position: right bottom; }
.fudepapul {background-image: url(https://www.alphanet.jp/image/fudeline-papul.png); background-repeat: no-repeat; background-position: right bottom; }
.wred { background: url(https://www.alphanet.jp/image/linewred.png) repeat-x right bottom; }
.wblue { background: url(https://www.alphanet.jp/image/linewblue.png) repeat-x right bottom; }
.dotred { background: url(https://www.alphanet.jp/image/linedotred.png) repeat-x right bottom; }
.dotblue { background: url(https://www.alphanet.jp/image/linedotblue.png) repeat-x right bottom; }
.cureaka{ background: url(https://www.alphanet.jp/image/creyonred.png) repeat-x right bottom; }
.cureao{ background: url(https://www.alphanet.jp/image/creyonao.png) repeat-x right bottom; }
.cureore{ background: url(https://www.alphanet.jp/image/creyonorange.png) repeat-x right bottom; }
.curepink{ background: url(https://www.alphanet.jp/image/creyonpink.png) repeat-x right bottom; }
.curegreen{ background: url(https://www.alphanet.jp/image/creyongreen.png) repeat-x right bottom; }
.curekuro{ background: url(https://www.alphanet.jp/image/creyonrkuro.png) repeat-x right bottom; }
.shalaka{ background: url(https://www.alphanet.jp/image/shalineaka.gif) repeat-x right bottom; }
.shalao{ background: url(https://www.alphanet.jp/image/shalineao.gif) repeat-x right bottom; }
.shalore{ background: url(https://www.alphanet.jp/image/shalineorange.gif) repeat-x right bottom; }
.shalpink{ background: url(https://www.alphanet.jp/image/shalinepink.gif) repeat-x right bottom; }
.shalgreen{ background: url(https://www.alphanet.jp/image/shalinegrenn.gif) repeat-x right bottom; }
.shalkuro{ background: url(https://www.alphanet.jp/image/shalinekuro.gif) repeat-x right bottom; }
.marker_yellow {
background: linear-gradient(transparent 40%, #ffff66 40%);
position: relative;
}
.marker_yellow:before {
content: "";
width: 0;
height: 0;
border-bottom: 0.4em solid #ffff66;
border-left: 6px solid transparent;
position: absolute;
bottom: 0;
left: -6px;
}
.marker_yellow:after {
content: "";
width: 0;
height: 0;
border-top: 0.6em solid #ffff66;
border-right: 6px solid transparent;
position: absolute;
bottom: 0;
right: -6px;
}
.marker_pink {
background: linear-gradient(transparent 40%, #ff66ff 40%);
position: relative;
}
.marker_pink:before {
content: "";
width: 0;
height: 0;
border-bottom: 0.4em solid #ff66ff;
border-left: 6px solid transparent;
position: absolute;
bottom: 0;
left: -6px;
}
.marker_pink:after {
content: "";
width: 0;
height: 0;
border-top: 0.6em solid #ff66ff;
border-right: 6px solid transparent;
position: absolute;
bottom: 0;
right: -6px;
}
.cke_panel_listItem .padedbox { padding: 0.3em 1em; }
.cke_panel_listItem .bgred, .bgred { background-color:#BF0000; color: #fff; }
.cke_panel_listItem .bgblue, .bgblue { background-color:#0000EE; color: #fff; }
.cke_panel_listItem .bggreen, .bggreen { background-color:#149600; color: #fff; }
.cke_panel_listItem .bgorange, .bgorange { background-color:#DC6C17; color: #fff; }
.cke_panel_listItem .bgyellow, .bgyellow { background-color:#F8BF00; color: #000; }
.cke_panel_listItem .bgpeach, .bgpeach {background-color:#EE8393; color: #fff;}
.cke_panel_listItem .bgblack, .bgblack {background-color:#000; color: #fff;}
.cke_panel_listItem .bgwhite, .bgwhite {background-color:#fff; color: #000;}
.cke_panel_listItem .bgglay, .bgglay {background-color:#F3F3F3; color: #000;}
.bgred a, .bgblue a,.bggreen a,.bgorange a,.bgpeach a,.bgblack a,.bgred a:visited,.bgblue a:visited,.bggreen a:visited,
.bgorange a:visited,.bgpeach a:visited,.bgblack a:visited { color: #fff;}
.bgyellow a, .bgwhite a, .bgyellow a:visited, .bgwhite a:visited, .bgglay a, .bgglay a:visited { color: #000;}
.cke_panel_listItem .padedbox, .padedbox { display: inline-block; padding: 0.5em 1em; margin: 14px 0 0; width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.cke_panel_listItem .botn, .botn { display: inline-block; padding: 0.5em 1em; margin: 3px; }
.cke_panel_listItem .rad5, .rad5 {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-pie-border-radius: 5px;
position: relative;
behavior: url(https://www.alphanet.jp/js/PIE.htc);
}
.zbdrA {
border: 1px solid rgba(111,111,111,.2);
box-shadow: 0 1px 0 rgba(255,255,255,.3) inset, -1px 0 0 rgba(255,255,255,.3) inset, 0 1px 0 rgba(255,255,255,.3), -1px 0 0 rgba(255,255,255,.3);
-pie-box-shadow: 0 1px 0 rgba(255,255,255,.3) inset, -1px 0 0 rgba(255,255,255,.3) inset, 0 1px 0 rgba(255,255,255,.3), -1px 0 0 rgba(255,255,255,.3);
position: relative;
behavior: url(https://www.alphanet.jp/service/js/PIE.htc);
}
.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-pie-border-radius:6px;position:relative;behavior:url(https://www.alphanet.jp/js/PIE.htc)}.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1);-pie-box-shadow:0 1px 3px rgba(0,0,0,0.1);position:relative;behavior:url(https://www.alphanet.jp/js/PIE.htc)}.img-circle{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-pie-border-radius:50%;position:relative;behavior:url(https://www.alphanet.jp/js/PIE.htc)}
.img-rounded, .img-polaroid, .img-circle {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
/******************** parts css ***********************/
#footer_content { text-align: left; width: 100%; height: 100%; padding: 21px 0; margin: 0; overflow: hidden; background-color: #1E3C79; color:#fff;}
#ft_contactbox { text-align: right; }
.qrbtn {color: #fff;display: inline-block;margin-top: 7px;}
#ft_qrbox img { width: 80%; max-width: 150px;  max-height: 150px; }
#footer_content a, #footer_content a:visted {color:#fff;}
@media screen and (min-width: 0px) and (max-width: 480px) {
#ft_companylogo img { display: inline-block; width: 100%;  }
#ft_companylogo { width:100%; }
#ft_contactbox { width:100%; }
#ft_qrbox { font-size: 18px; text-align: center;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
#ft_companylogo { width:100%; }
#ft_contactbox { width:100%; }
#ft_qrbox { font-size: 10px; text-align: center;}
}
@media screen and (min-width: 768px) {
#ft_content { display:table; width:100%;}
#ft_companylogo, #ft_contactbox, #ft_qrbox { display: table-cell; }
#ft_companylogo { width:48%; }
#ft_contactbox { vertical-align: bottom; }
#ft_contactbox ul { padding:0 14px; }
#ft_qrbox { width:145px; vertical-align: bottom; }
#ft_contactbox br { display: none; }
#ft_qrbox { font-size: 10px; text-align: center;}
}
#footer_bottom { margin: 0; padding: 20px 0; width: 100%; text-align: center; }
#copyright { font-size: 11px; padding: 0; }
#copyright, #copyright a, #copyright a:visited { color: #ccc; }
/******************** global navigation ***********************/
/*! 	HeadShrinker v1.0.2
To be used with jquery.headshrinker.js by Chris Wharton (https://github.com/weare2ndfloor/HeadShrinker)
*/
.headshrinker .headshrunk a.headshrinker-reveal.hs-reveal-left {
right: auto;
left: 20px;
}
.headshrinker .headshrunk a.headshrinker-reveal span {
display: block;
width: 60%;
margin: 0 auto;
height: 4px;
margin-top: 13px !important;
margin-bottom: -10px !important;
border-radius: 50px;
}
.headshrinker .headshrunk .headshrinker-menu {
position: absolute;
top: 0;
left: 0;
overflow-y: scroll;
max-height: 500px;
}
.headshrinker .headshrunk .headshrinker-menu {
display: block;
width: 100%;
text-align: left;
}
.headshrinker .headshrunk .headshrinker-menu ul, .headshrinker .headshrunk .headshrinker-menu li  {
display: block;
list-style-type: none;
padding: 0;
margin: 0;
position: relative;
}
.headshrunk > ul li { }
@media screen and (min-width: 641px)  {
.smrt_title {display: none; }
ul.leftnav li a.active { background-color: #1E3C79; color: #fff; }
#navi nav ul.leftnav li a.active, #navi nav ul li.leftnav a.active:visited { color: #fff; }
#navi { background-color: #fff; box-shadow: 5px 0px 10px;}
#navi nav ul  { display: inline-block; padding: 0; }
#navi nav ul li { display: inline-block; float: left; line-height: 1; }
#navi nav ul.leftnav li { display: inline-block; padding: 0; font-size: 14px; border-right: 1px solid #ccc; float: left; }
#navi nav ul.leftnav li a, #navi nav ul li.leftnav a:visited { color: #51565b; }
#navi nav ul.rightnav  { float: right; }
#navi nav ul.rightnav li {  display: inline-block; float: left; font-size:32px;}
.tbtn,.tbtn a, .tbtn a:visited {color:#53A8EB;}
.fbtn,.fbtn a, .fbtn a:visited {color:#425E8D;}
#navi nav ul.leftnav li a { display: block; width: 100%; height: 100%; padding: 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
}
@media screen and (min-width: 0px) and (max-width: 640px) {
header > div#nav {display: none;}
.headshrinker-menu > ul {}
.headshrinker .headshrunk { background: #fff; }
#navi nav .headshrinker-menu >ul.leftnav li a,
#navi nav .headshrinker-menu >ul.leftnav li a.active, #navi nav .headshrinker-menu >ul li.leftnav a.active:visited { color: #000; }
.headshrinker .headshrunk a.headshrinker-reveal span { background: #fff; }
.headshrinker .headshrunk a.headshrinker-reveal {
width: 44px;
height: 44px;
background: #336699;;
display: inline-block;
position: absolute;
top: 12px;
right: 20px;
}
.headshrinker .headshrunk .headshrinker-menu a {
display: block;
background: none repeat scroll 0% 0% #f3f3f3;
padding: 10px 20px !important;
border-bottom: 1px solid #efefef;
color: #000;
}
.headshrinker .headshrunk .headshrinker-menu ul ul a {
padding-left: 40px !important;
color: #000;
}
.headshrinker .headshrunk .headshrinker-menu ul ul ul a {
padding-left: 60px !important;
color: #000;
}
.headshrinker .headshrunk .headshrinker-menu ul ul ul ul a {
padding-left: 80px !important;
color: #000;
}
.headshrinker .headshrunk .headshrinker-menu ul ul ul ul ul a {
padding-left: 100px !important;
color: #000;
}
.headshrinker .headshrunk .headshrinker-menu ul li a.headshrinker-expand {
width: 26px;
height: 26px;
border: none !important;
padding: 7px !important;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 2;
font-weight: 700;
background: none !important;
font-size: 20px;
}
}
#headerarea { width: 100%; margin: 0; padding: 0 0 14px; }
#headerlogo { display: table-cell; margin: 0; vertical-align: bottom; height: 100%; width: 40%; }
#headerinfo { display: table-cell; margin: 0; vertical-align: bottom; height: 100%; text-align: right; }
#headersubtext { display: table-cell; margin: 0; vertical-align: bottom; height: 100%; text-align: right; font-size: 18px;}
span#logoImg img { display: inline-block; margin-right: 7px; width: 250px; margin-top: 14px; }
span#logoTitle { padding: 0; font-size: 18px; color: #000; display: inline-block; margin-top: 7px;
text-shadow: -1px 1px 0 rgba(255, 255, 255, 1);
font-family: “Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3″, “Hiragino Mincho ProN”, “HG明朝E”, “メイリオ”, Meiryo, serif;
}
#headerinfo { text-align: right; }
#searchbox {
float: right;
overflow: hidden;
margin-top: 20px;
}
#website_search, #google_search {
position: relative;
float: right;
margin-left: 20px;
overflow: hidden;
}
#searchbox form, #searchbox input, #searchbox button, #searchbox select, #searchbox textarea { margin-bottom: 0; line-height: 1;}
input.google_btn, input#flexSBtn {
margin: 0;
width:37px;
height:30px;
font-size: 30px;
font-size: 5px;
background-color: transparent;
border: none;
color: #f8f8f8;
font-family: WebHostingHub-Glyphs;
font-weight: normal;
font-style: normal;
color: #ddd;
font-size: 30px;
}
.highlight { background-color: yellow }
@media screen and (min-width: 0px) and (max-width: 320px) {
#logoTitle  { width: 100%; display: block; margin-top: 14px; font-size: 23px; float:none; text-align: center; }
#headerinfo p { font-size: 18px;}
#headerinfo ul li {font-size: 18px;}
#headerlogo, #headerinfo, #headersubtext {width: 100%;float:none;  display: inline-block; margin: 0; padding:0;}
#logoImg, #headerinfo { width: 100%; display: inline-block; float:none; text-align: center; }
#headerlogo { margin-top: 10px; }
#searchbox { float:none; margin: 14px auto; display: inline-block;}
}
@media screen and (min-width: 321px) and (max-width: 480px) {
#logoTitle  { width: 100%; margin-top: 14px; display: block; font-size: 26px; float:none; text-align: center; }
#headerinfo p { font-size: 18px;}
#headerinfo ul li.tell {font-size: 18px;}
#headerinfo ul li.tell i {font-size: 21px;}
#headerlogo, #headerinfo, #headersubtext {width: 100%;float:none;  display: inline-block; margin: 0; padding:0; }
#logoImg, #headerinfo { width: 100%; display: inline-block; float:none; text-align: center; }
#headerlogo { margin-top: 10px; }
#searchbox { float:none; margin: 14px auto; display: inline-block;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
#logoTitle  {  font-size: 30px; }
#headerinfo p { font-size: 18px;}
#headerinfo ul li.tell {font-size: 18px;}
#headerinfo ul li.tell i {font-size: 21px;}
#headerlogo, #headerinfo, #headersubtext {width: 100%;float:none;  display: inline-block; margin: 0; padding:0; }
#headerlogo { margin-top: 10px; }
}
@media screen and (min-width: 768px) {
#wrap_logo { display:table; width:100%; }
#toplogo, #topinfo, #topsubtext{ display: table-cell; margin: 0; vertical-align: bottom; }
#logoTitle  {  font-size: 32px; }
}
#before_link, #curent_link, #next_link { display: inline-block; width: 27%; font-size: 13px; }
.linkicon { display: inline-block; width: 8%; font-size: 13px; padding: 18px 0 0; text-align: center; }
#curent_link { padding: 18px 0 0; }
#next_link { text-align: right; }
.nbnavi { display: inline-block; width: 100%; margin-bottom: 3px; }
#entrynavi a, #entrynavi a:visited { color: #51565b; }
.topLabel { position: relative; }
.topLabel span { position: absolute; bottom: 15px; left: 35px; font-size: 28px; color: #21409A; padding: 7px 10%; width: 68%;
text-shadow: -1px -1px #E9F1FE,1px -1px #E9F1FE,-1px 1px #E9F1FE,1px 1px #E9F1FE,0px 0px  2px #fff,0px 0px 3px #fff,0px 0px 5px #fff; }
.topcatebox { position: relative; float: left;
background-color: #FFF;
margin-right: 1.8%; margin-bottom: 14px;
width:48%;
overflow: hidden;
}
.topcatebox a { display: block; width: 100%; height: 100%; }
.topcatebox .on_text { position: absolute;  bottom: 0; left: 0; padding: 0;  width: 100%;
background-color: rgba(0,0,0,0.8);
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B4ffffff, endcolorstr=#B4ffffff, gradienttype=0);
}
.topcatebox .on_text span { display: inline-block; margin: 7px 14px; color: #FFF; font-size: 21px; }
/* clearfix */
.clearfix, .clearbefore { width:100%; }
.clearfix:after, .content_body:after, .rightbtn:after { content: ""; display: block; clear: both; }
.clearbefore:before { content: ""; display: block; clear: both; }