@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;}

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

#gmenu {float:	left;}

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

#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 .nv00 {background: url(../img/gnavi02.gif) -655px 0;}
#gmenu .nv02 {background: url(../img/gnavi02.gif) -5px 0;}
#gmenu .nv03 {background: url(../img/gnavi02.gif) -135px 0;}
#gmenu .nv04 {background: url(../img/gnavi02.gif) -265px 0;}
#gmenu .nv05 {background: url(../img/gnavi02.gif) -395px 0;}
#gmenu .nv06 {background: url(../img/gnavi02.gif) -525px 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 .nv00on,
#gmenu .nv00:hover,
#gmenu .nv00.sfHover {background: url(../img/gnavi02.gif) -655px -24px;}

#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) -5px -24px;}

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

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

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

#gmenu .nv06on,
#gmenu .nv06:hover,
#gmenu .nv06.sfHover {background: url(../img/gnavi02.gif) -525px -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: 50px;
  margin-top: -3px;
  text-align: right;
  text-indent: 0;}

#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/hnavi02.gif);}

.hnv01 a {width: 48px; background-position: 0 0;}
.hnv02 a {width: 71px; background-position: -48px 0;}
.hnv03 a {width: 61px; background-position: -119px 0;}
.hnv04 a {width: 64px; background-position: -180px 0;}

.hnv01 a:hover {background-position: 0 -11px;}
.hnv02 a:hover {background-position: -48px -11px;}
.hnv03 a:hover {background-position: -119px -11px;}
.hnv04 a:hover {background-position: -180px -11px;}

.hnv01on a {width: 48px; background-position: 0 -11px;}
.hnv02on a {width: 71px; background-position: -48px -11px;}
.hnv03on a {width: 61px; background-position: -119px -11px;}
.hnv04on a {width: 64px; background-position: -180px -11px;}

/* 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: 6px;}

/* 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
---------------------------------------------*/

#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: 10px;}




/* COPYRIGHTS
---------------------------------------------*/

.copy {
	margin-top: 1em;
	padding-bottom: 30px;
	font-size: 10px;
	color: #999;
	letter-spacing: 0.05em;
	text-align: center;}


/* 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
---------------------------------------------*/

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