@charset "utf-8";

/* BODY
---------------------------------------------*/

html {
  width: 100%;
  height: 100%;
  background: #000 url(../img/bg_body.gif) left top repeat-x;}

* html .png {behavior: expression(IEPNGFIX.fix(this));}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
  font-size: 100%;
  list-style: none;}

body {
  text-align: center;
  color: #ccc;
/*   font-family: Verdana, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif; */
  font-family: Arial, Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 12px;
  color: #ccc;}

input, select {padding: 1px;}

img {
  vertical-align: bottom;
  border: none;}

a   {
  color: #ccc;
  text-decoration: none;
  outline:none;}

a:hover {
  color: #cc9;
  text-decoration: underline;
  outline:none;}

em,address {font-style: normal;}

strong {font-weight: bold;}

p {line-height: 1.8em;}

.clear {clear: both;}

/* ALL
---------------------------------------------*/

#all {
  width: 980px;
  margin: 0 auto;
  text-align: left;
  letter-spacing: 0.05em;}

.center {text-align: center;}
.right {text-align: right;}

/* HEADER
---------------------------------------------*/

#header {
  position: relative;
  width: 980px;
  height: 174px;}

#header h1 {
  position: absolute;
  left: 10px; top: 37px;}

#hnavi {
  position: absolute;
  right: 0; top: 20px;}

#hnavi li {
  float: left;
  text-indent: -9999px;}

#hnavi li a {
  display: block;
  overflow: hidden;
  height:0 !important;
  height /**/: 11px;
  padding-top: 11px;
  background-image: url(../img/hnavi03.gif);}

.hnv01 a {width: 48px; background-position: 0 0;}
.hnv02 a {width: 43px; background-position: -48px 0;}
.hnv03 a {width: 71px; background-position: -91px 0;}
.hnv04 a {width: 61px; background-position: -162px 0;}
.hnv05 a {width: 57px; background-position: -223px 0;}

.hnv01 a:hover {background-position: 0 -11px;}
.hnv02 a:hover {background-position: -48px -11px;}
.hnv03 a:hover {background-position: -91px -11px;}
.hnv04 a:hover {background-position: -162px -11px;}
.hnv05 a:hover {background-position: -223px -11px;}

.hnv01on a {width: 48px; background-position: 0 -11px;}
.hnv02on a {width: 43px; background-position: -48px -11px;}
.hnv03on a {width: 71px; background-position: -91px -11px;}
.hnv04on a {width: 61px; background-position: -162px -11px;}
.hnv05on a {width: 57px; background-position: -223px -11px;}

#gmenu {
  position: absolute;
  right: 0; top: 94px;}

#gmenu {float:  left;}

#gmenu .gnv {margin-left: 17px;}

#gmenu .gnv strong a {
  display: block;
  width: 120px;
  height: 24px;}

#gmenu li ul li,
#gmenu li ul li a {
  display: block;
  width: 120px;
  height: 30px;}

#gmenu li ul li li,
#gmenu li ul li li a {
  display: block;
  width: 120px;
  height: 30px;}

#gmenu li {text-indent: -9999px;}

#gmenu .nv01 {background: url(../img/gnavi02.gif) -5px 0;}
#gmenu .nv02 {background: url(../img/gnavi02.gif) -135px 0;}
#gmenu .nv03 {background: url(../img/gnavi02.gif) -265px 0;}
#gmenu .nv04 {background: url(../img/gnavi02.gif) -395px 0;}
#gmenu .nv05 {background: url(../img/gnavi02.gif) -525px 0;}
#gmenu .nv06 {background: url(../img/gnavi02.gif) -655px 0;}
#gmenu .nv07 {background: url(../img/dnavi02.gif) -5px 0;}
#gmenu .nv08 {background: url(../img/dnavi02.gif) -5px -30px;}
#gmenu .nv09 {background: url(../img/dnavi02.gif) -5px -60px;}
#gmenu .nv10 {background: url(../img/dnavi02.gif) -5px -90px;}
#gmenu .nv11 {background: url(../img/dnavi02.gif) -5px -120px;}
#gmenu .nv12 {background: url(../img/dnavi02.gif) -5px -150px;}
#gmenu .nv13 {background: url(../img/dnavi02.gif) -5px -180px;}
#gmenu .nv14 {background: url(../img/dnavi02.gif) -5px -210px;}
#gmenu .nv15 {background: url(../img/dnavi02.gif) -5px -240px;}
#gmenu .nv16 {background: url(../img/dnavi02.gif) -5px -270px;}
#gmenu .nv17 {background: url(../img/dnavi02.gif) -5px -300px;}
#gmenu .nv18 {background: url(../img/dnavi02.gif) -5px -330px;}
#gmenu .nv19 {background: url(../img/dnavi02.gif) -5px -360px;}
#gmenu .nv20 {background: url(../img/dnavi02.gif) -5px -390px;}
#gmenu .nv21 {background: url(../img/dnavi02.gif) -5px -420px;}
#gmenu .nv22 {background: url(../img/dnavi02.gif) -5px -450px;}
#gmenu .nv23 {background: url(../img/dnavi02.gif) -5px -480px;}
#gmenu .nv24 {background: url(../img/dnavi02.gif) -5px -510px;}
#gmenu .nv25 {background: url(../img/dnavi02.gif) -5px -540px;}
#gmenu .nv26 {background: url(../img/dnavi02.gif) -5px -570px;}
#gmenu .nv27 {background: url(../img/dnavi02.gif) -5px -600px;}
#gmenu .nv28 {background: url(../img/dnavi02.gif) -5px -630px;}
#gmenu .nv29 {background: url(../img/dnavi02.gif) -5px -660px;}
#gmenu .nv30 {background: url(../img/dnavi02.gif) -5px -690px;}
#gmenu .nv31 {background: url(../img/dnavi02.gif) -5px -720px;}
#gmenu .nv32 {background: url(../img/dnavi02.gif) -5px -750px;}
#gmenu .nv33 {background: url(../img/dnavi02.gif) -5px -780px;}
#gmenu .nv34 {background: url(../img/dnavi02.gif) -5px -810px;}
#gmenu .nv35 {background: url(../img/dnavi02.gif) -5px -840px;}
#gmenu .nv36 {background: url(../img/dnavi02.gif) -5px -870px;}
#gmenu .nv37 {background: url(../img/dnavi02.gif) -5px -900px;}
#gmenu .nv38 {background: url(../img/dnavi02.gif) -5px -930px;}
#gmenu .nv39 {background: url(../img/dnavi02.gif) -5px -960px;}
#gmenu .nv40 {background: url(../img/dnavi02.gif) -5px -990px;}
#gmenu .nv41 {background: url(../img/dnavi02.gif) -5px -1020px;}
#gmenu .nv42 {background: url(../img/dnavi02.gif) -5px -1050px;}
#gmenu .nv43 {background: url(../img/dnavi02.gif) -5px -1080px;}
#gmenu .nv44 {background: url(../img/dnavi02.gif) -5px -1110px;}
#gmenu .nv45 {background: url(../img/dnavi02_45.gif);}
#gmenu .nv46 {background: url(../img/dnavi02_46.gif);}

#gmenu .nv01on,
#gmenu .nv01:hover,
#gmenu .nv01.sfHover {background: url(../img/gnavi02.gif) -5px -24px;}

#gmenu .nv02on,
#gmenu .nv02:hover,
#gmenu .nv02.sfHover {background: url(../img/gnavi02.gif) -135px -24px;}

#gmenu .nv03on,
#gmenu .nv03:hover,
#gmenu .nv03.sfHover {background: url(../img/gnavi02.gif) -265px -24px;}

#gmenu .nv04on,
#gmenu .nv04:hover,
#gmenu .nv04.sfHover {background: url(../img/gnavi02.gif) -395px -24px;}

#gmenu .nv05on,
#gmenu .nv05:hover,
#gmenu .nv05.sfHover {background: url(../img/gnavi02.gif) -525px -24px;}

#gmenu .nv06on,
#gmenu .nv06:hover,
#gmenu .nv06.sfHover {background: url(../img/gnavi02.gif) -655px -24px;}

#gmenu .nv07:hover,
#gmenu .nv07.sfHover {background: url(../img/dnavi02.gif) 125px 0;}

#gmenu .nv08:hover,
#gmenu .nv08.sfHover {background: url(../img/dnavi02.gif) 125px -30px;}

#gmenu .nv09:hover,
#gmenu .nv09.sfHover {background: url(../img/dnavi02.gif) 125px -60px;}

#gmenu .nv10:hover,
#gmenu .nv10.sfHover {background: url(../img/dnavi02.gif) 125px -90px;}

#gmenu .nv11:hover,
#gmenu .nv11.sfHover {background: url(../img/dnavi02.gif) 125px -120px;}

#gmenu .nv12:hover,
#gmenu .nv12.sfHover {background: url(../img/dnavi02.gif) 125px -150px;}

#gmenu .nv13:hover,
#gmenu .nv13.sfHover {background: url(../img/dnavi02.gif) 125px -180px;}

#gmenu .nv14:hover,
#gmenu .nv14.sfHover {background: url(../img/dnavi02.gif) 125px -210px;}

#gmenu .nv15:hover,
#gmenu .nv15.sfHover {background: url(../img/dnavi02.gif) 125px -240px;}

#gmenu .nv16:hover,
#gmenu .nv16.sfHover {background: url(../img/dnavi02.gif) 125px -270px;}

#gmenu .nv17:hover,
#gmenu .nv17.sfHover {background: url(../img/dnavi02.gif) 125px -300px;}

#gmenu .nv18:hover,
#gmenu .nv18.sfHover {background: url(../img/dnavi02.gif) 125px -330px;}

#gmenu .nv19:hover,
#gmenu .nv19.sfHover {background: url(../img/dnavi02.gif) 125px -360px;}

#gmenu .nv20:hover,
#gmenu .nv20.sfHover {background: url(../img/dnavi02.gif) 125px -390px;}

#gmenu .nv21:hover,
#gmenu .nv21.sfHover {background: url(../img/dnavi02.gif) 125px -420px;}

#gmenu .nv22:hover,
#gmenu .nv22.sfHover {background: url(../img/dnavi02.gif) 125px -450px;}

#gmenu .nv23:hover,
#gmenu .nv23.sfHover {background: url(../img/dnavi02.gif) 125px -480px;}

#gmenu .nv24:hover,
#gmenu .nv24.sfHover {background: url(../img/dnavi02.gif) 125px -510px;}

#gmenu .nv25:hover,
#gmenu .nv25.sfHover {background: url(../img/dnavi02.gif) 125px -540px;}

#gmenu .nv26:hover,
#gmenu .nv26.sfHover {background: url(../img/dnavi02.gif) 125px -570px;}

#gmenu .nv27:hover,
#gmenu .nv27.sfHover {background: url(../img/dnavi02.gif) 125px -600px;}

#gmenu .nv28:hover,
#gmenu .nv28.sfHover {background: url(../img/dnavi02.gif) 125px -630px;}

#gmenu .nv29:hover,
#gmenu .nv29.sfHover {background: url(../img/dnavi02.gif) 125px -660px;}

#gmenu .nv30:hover,
#gmenu .nv30.sfHover {background: url(../img/dnavi02.gif) 125px -690px;}

#gmenu .nv31:hover,
#gmenu .nv31.sfHover {background: url(../img/dnavi02.gif) 125px -720px;}

#gmenu .nv32:hover,
#gmenu .nv32.sfHover {background: url(../img/dnavi02.gif) 125px -750px;}

#gmenu .nv33:hover,
#gmenu .nv33.sfHover {background: url(../img/dnavi02.gif) 125px -780px;}

#gmenu .nv34:hover,
#gmenu .nv34.sfHover {background: url(../img/dnavi02.gif) 125px -810px;}

#gmenu .nv35:hover,
#gmenu .nv35.sfHover {background: url(../img/dnavi02.gif) 125px -840px;}

#gmenu .nv36:hover,
#gmenu .nv36.sfHover {background: url(../img/dnavi02.gif) 125px -870px;}

#gmenu .nv37:hover,
#gmenu .nv37.sfHover {background: url(../img/dnavi02.gif) 125px -900px;}

#gmenu .nv38:hover,
#gmenu .nv38.sfHover {background: url(../img/dnavi02.gif) 125px -930px;}

#gmenu .nv39:hover,
#gmenu .nv39.sfHover {background: url(../img/dnavi02.gif) 125px -960px;}

#gmenu .nv40:hover,
#gmenu .nv40.sfHover {background: url(../img/dnavi02.gif) 125px -990px;}

#gmenu .nv41:hover,
#gmenu .nv41.sfHover {background: url(../img/dnavi02.gif) 125px -1020px;}

#gmenu .nv42:hover,
#gmenu .nv42.sfHover {background: url(../img/dnavi02.gif) 125px -1050px;}

#gmenu .nv43:hover,
#gmenu .nv43.sfHover {background: url(../img/dnavi02.gif) 125px -1080px;}

#gmenu .nv44:hover,
#gmenu .nv44.sfHover {background: url(../img/dnavi02.gif) 125px -1110px;}

#gmenu .nv45:hover,
#gmenu .nv45.sfHover {background: url(../img/dnavi02_45.gif) 130px 0;}

#gmenu .nv46:hover,
#gmenu .nv46.sfHover {background: url(../img/dnavi02_46.gif) 130px 0;}

#gmenu li.icon {
  width: 60px;
  margin-top: -6px;
  text-align: right;
  text-indent: 0;}

/* TOPIC PATH */

#topicpath {
  position: absolute;
  left: 0; bottom: 7px;
  font-size: 10px;
  color: #999;}

#topicpath li {
  display: inline;
  margin-right: 0.3em;}

#topicpath li a {
  color: #ccc;
  margin-right: 0.3em;}

#topicpath li a:hover {
  color: #fff;}

/* BTN FACTORY */

.btnfc {
  position: absolute;
  right: 0; bottom: 9px;}

/* CONTENTS
---------------------------------------------*/

#contents {
  clear: both;
  padding-top: 30px;
  padding-bottom: 60px;
  background: url(../img/bg_contents.gif) left top repeat-y;}

/* MAIN
---------------------------------------------*/

#main {
  float: left;
  width: 740px;}

.basettl {
  margin-top: 20px;
  margin-bottom: 30px;
  padding-bottom: 8px;
  border-bottom: 1px solid #333;}

/* SIDE
---------------------------------------------*/

#side {
  position: relative;
  float: right;
  width: 200px;
  padding-top: 5px;
}

#side dl {
  margin-bottom: 25px;
}

/* FOOTER
---------------------------------------------*/

.pagetop {
  text-align: right;
  margin-top: -22px;
}

/* #footer {
  position: relative;
  clear: both;
  margin-bottom: 12px;
  padding-bottom: 22px;
  border-bottom: 1px solid #333;
  background: url(../img/bg_footer.gif) left top repeat-x;
} */

/* #footbox {
  width: 965px;
  margin: 0 auto;
  text-align: left;
  letter-spacing: 0.05em;
}

#footbox a {color: #999;}
#footbox a:hover {color: #cc9;} */

#footer {
	margin-bottom: 40px;
	text-align: left;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

#footerInner {
	position: relative;
	width: 980px;
	text-align: left;
	margin: 0 auto;
}

#footerInner p {
	color: #969696;
	font-size: 10px;
	line-height: 63px;
}

#footerInner p img {
	line-height: 60p;
	margin-right: 10px;
	vertical-align: middle;
}

#footerInner span {
	position: absolute;
	right: 0;
  top: 32px;
}


/* #footbox #ftnews span a {
  display: block;
  margin-bottom: 10px;
}

.ftbox, #ftinfo {
  float: left;
  font-size: 10px;
  color: #999;
}

#ftblog,#ftinfo {margin-left: 57px;}

.ftbox {width: 300px;}

#ftinfo {
  float: right;
  width: 250px;
} */

/* .ftbox dt {
  width: 6em;
  padding-top: 2px;
  padding-bottom: 4px;
  padding-left: 1px;
  line-height: 1.5em;
}

.ftbox dd {
  margin-top: -2.2em;
  padding: 2px 0 4px 7.5em;
  line-height: 1.5em;
}

#ftinfo dd {
  line-height: 1.8em;
  padding-top: 8px;
} */

#ftnavi li {
  display: inline;
  font-size: 10px;
  color: #999;
  margin-left: 0.3em;
}

#ftnavi li a {
  color: #999;
  margin-right: 0.3em;
}

.copy {
  font-size: 10px;
  color: #999;
  margin-top: 1.5em;
  margin-bottom: 4em;
}

/* CLEARFIX
---------------------------------------------*/

.cl:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

.cl{ display: inline-block; }

/* Hides from IE-mac \*/
* html .cl { height: 1%; }
.cl { display: block; }
/* End hide from IE-mac */

/* AJAX
---------------------------------------------*/


/*** ESSENTIAL STYLES ***/
#gnavi, #gnavi * {
  margin:      0;
  padding:    0;
  list-style:    none;
}

#gnavi ul {
  position:    absolute;
  top:      -9999em;
  width:      120px; /* left offset of submenus need to match (see below) */
}
#gnavi ul li {
  width:      120px;
}
#gnavi li:hover {
  visibility:    inherit; /* fixes IE7 'sticky bug' */
}
#gnavi li {
  float:      left;
  position:    relative;
  width:      120px;
}
#gnavi a {
  display:    block;
  position:    relative;
}

#gnavi li:hover ul,
#gnavi li.sfHover ul {
  left:      0;
  top:      24px; /* match top ul list item height */
  z-index:    99;
}
ul#gnavi li:hover li ul,
ul#gnavi li.sfHover li ul {
}

ul#gnavi li li:hover ul,
ul#gnavi li li.sfHover ul {
  left:      120px; /* match ul width */
  top:      0;
}
ul#gnavi li li:hover li ul,
ul#gnavi li li.sfHover li ul {
  top:      -999em;
}
ul#gnavi li li li:hover ul,
ul#gnavi li li li.sfHover ul {
  left:      10em; /* match ul width */
  top:      0;
}

/*** arrows **/
#gnavi a.sf-with-ul {
  padding-right:   2.25em;
  min-width:    1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
  position:    absolute;
  display:    block;
  right:      .75em;
  top:      1.05em; /* IE6 only */
  width:      10px;
  height:      10px;
  text-indent:   -999em;
  overflow:    hidden;
  background:    url('../img/colorbox/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
  top:      .8em;
  background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#gnavi ul .sf-sub-indicator { background-position:  -10px 0; }
#gnavi ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#gnavi ul a:focus > .sf-sub-indicator,
#gnavi ul a:hover > .sf-sub-indicator,
#gnavi ul a:active > .sf-sub-indicator,
#gnavi ul li:hover > a > .sf-sub-indicator,
#gnavi ul li.sfHover > a > .sf-sub-indicator {
  background-position: 0 0; /* arrow hovers for modern browsers*/
}









/*** ESSENTIAL STYLES ***/
#gmenu, #gmenu * {
  margin:      0;
  padding:    0;
  list-style:    none;}

#gmenu ul {
  position:absolute;
  top: -999em;
  width:  120px; /* left offset of submenus need to match (see below) */
}
#gmenu ul li {
  width:      100%;
}
#gmenu li:hover {
  visibility:    inherit; /* fixes IE7 'sticky bug' */
}
#gmenu li {
  float:      left;
  position:    relative;
  width: 120px;
}
#gmenu a {
  display:    block;
  position:    relative;
}
#gmenu li:hover ul,
#gmenu li.sfHover ul {
  left:      0;
  top:      24px; /* match top ul list item height */
  z-index:    99;
}
ul#gmenu li:hover li ul,
ul#gmenu li.sfHover li ul {
  top:      -999em;
}
ul#gmenu li li:hover ul,
ul#gmenu li li.sfHover ul {
  left:      120px; /* match ul width */
  top:      0;
}
ul#gmenu li li:hover li ul,
ul#gmenu li li.sfHover li ul {
  top:      -999em;
}
ul#gmenu li li li:hover ul,
ul#gmenu li li li.sfHover ul {
  left:      120px; /* match ul width */
  top:      0;
}

/*** DEMO SKIN ***/


/*** arrows **/
#gmenu a.sf-with-ul {
  padding-right:   2.25em;
  min-width:    1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
  position:    absolute;
  display:    block;
  right:      .75em;
  top:      1.05em; /* IE6 only */
  width:      10px;
  height:      10px;
  text-indent:   -999em;
  overflow:    hidden;
  background:    url('../img/colorbox/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
  top:      .8em;
  background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#gmenu ul .sf-sub-indicator { background-position:  -10px 0; }
#gmenu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#gmenu ul a:focus > .sf-sub-indicator,
#gmenu ul a:hover > .sf-sub-indicator,
#gmenu ul a:active > .sf-sub-indicator,
#gmenu ul li:hover > a > .sf-sub-indicator,
#gmenu ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* AJAX
---------------------------------------------*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../img/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../img/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:45px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#333;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#333;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#333;}
        #cboxPrevious{position:absolute; bottom:7px; left:0px; background:url(../img/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:7px; left:27px; background:url(../img/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../img/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../img/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:7px; right:0; background:url(../img/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.

    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/* WP SOCIAL BOOKMARKING LIGHT */

.wp_social_bookmarking_light{
  clear: both;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;}

.wp_social_bookmarking_light div{
    float: right !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 5px 0px 0 !important;
    height: 23px !important;
    text-indent: 0 !important;}

.wp_social_bookmarking_light img{
    border: 0 !important;
    padding: 0;
    margin: 0;
    vertical-align: top !important;}

.wp_social_bookmarking_light_clear{clear: both !important;}

.wsbl_twitter {width: 100px;}

.wp_social_bookmarking_light div {float: right;}


/* カラム
---------------------------------------------*/

.column {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}