@charset "utf-8";

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

body {
	height: 100%;
	margin:0;
	padding: 0;
	background-color: #000000;}

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 {
	/* 	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;
	height: 100%;
	margin:0;
	padding: 0;
	background-color: #000000;}

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



.flexslider {
	width: 100%;
	height: 540px;
	overflow: hidden;
	position: relative;}

.flexslider .slides {zoom: 1; }

.slides li {
	width: 100%;
	height: 540px;}

#slide01 {background: url(../img/top/slide01.jpg) center top no-repeat;}
#slide02 {background: url(../img/top/slide02.jpg) center top no-repeat;}
#slide03 {background: url(../img/top/slide03.jpg) center top no-repeat;}
#slide04 {background: url(../img/top/slide04.jpg) center top no-repeat;}
#slide05 {background: url(../img/top/slide05.jpg) center top no-repeat;}
#slide06 {background: url(../img/top/slide06.jpg) center top no-repeat;}

#slide01 a,
#slide02 a,
#slide03 a {
	display: block;
	width: 970px;
	height: 237px;
	margin: 0 auto;
	outline: none;
	text-decoration: none;}

.flex-control-nav {
	position: relative;
	top: 520px;
	z-index: 90;
	text-align: center;}

.flex-control-nav li {display: inline-block;}

/* forIE7*/
*:first-child+html .flex-control-nav li {display: inline;}

.flex-control-nav li a {
	display: block;
	text-indent: -9999px;
	width: 50px;
	height: 3px;
	cursor: pointer;
	margin: 0 3px;}

.flex-control-nav li a {background: url(../img/top/btn_slide.gif) no-repeat;}
.flex-control-nav li a.flex-active {background: url(../img/top/btn_slide_active.gif) no-repeat;}

.flex-control-nav li a:hover {background: url(../img/top/btn_slide_active.gif) no-repeat;}

.flex-direction-nav {
	display: none;}


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

#all {
	text-align: center;
	letter-spacing: 0.05em;}

#all #contents {
	width: 980px;
	text-align: left;
	margin: 0 auto;}

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

#header {
	height: 130px;
	border-bottom: 1px solid #333;}

#header #inner {
	position: relative;
	width: 980px;
	height: 130px;
	text-align: left;
	margin: 0 auto;}

#header #inner h1 {
	position: absolute;
	left: 0; top: 33px;}

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

#gmenu {}

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


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

.topWrap {
	width: 980px;
	margin: 50px auto;
	text-align: left;}

.topWrap .main {
	float: left;
	width: 550px;}

.topWrap .main h2 {
	margin-bottom: 25px;}

.topWrap .main p {
	margin-bottom: 1em;}

.topWrap .main dl dt {
	width: 8em;
	padding: 8px 0;
	}

.topWrap .main dl dd {
	position: relative;
	margin-top: -2.6em;
	padding: 8px 0 8px 8em;}

.topWrap .side {
	float: right;
	width: 330px;}

.topWrap .side ul li {
	margin-bottom: 15px;}

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


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

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

/*-------------------------------

	マージン設定

-------------------------------*/

/* 余白上 */
.mt00 { margin-top:0px!important; }
.mt05 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:50px!important; }


/* 余白下 */
.mb00 { margin-bottom:0!important; }
.mb05 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }
.mb60 { margin-bottom:60px!important; }
.mb70 { margin-bottom:70px!important; }
.mb75 { margin-bottom:75px!important; }
.mb80 { margin-bottom:80px!important; }
.mb90 { margin-bottom:90px!important; }
.mb100 { margin-bottom:100px!important; }
.mb110 { margin-bottom:110px!important; }
.mb120 { margin-bottom:120px!important; }
.mb130 { margin-bottom:130px!important; }
.mb140 { margin-bottom:140px!important; }
.mb150 { margin-bottom:150px!important; }
.mb160 { margin-bottom:160px!important; }
.mb170 { margin-bottom:170px!important; }
.mb180 { margin-bottom:180px!important; }
.mb190 { margin-bottom:190px!important; }

/* 余白右 */
.mr05 { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }
.mr35 { margin-right:35px!important; }
.mr40 { margin-right:40px!important; }
.mr50 { margin-right:50px!important; }
.mr60 { margin-right:60px!important; }
.mr70 { margin-right:70px!important; }
.mr85 { margin-right:80px!important; }
.mr90 { margin-right:90px!important; }
.mr100 { margin-right:100px!important; }


/* 余白左 */
.ml00 { margin-left:0px!important; }
.ml05 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml20 { margin-left:25px!important; }
.ml30 { margin-left:30px!important; }

.ml1em { margin-left:1em!important; }

.m0a{margin:0 auto;}


/*-------------------------------

	ネガティブマージン設定

-------------------------------*/

/* 余白上 */
.nmt00 { margin-top:-0px!important; }
.nmt05 { margin-top:-5px!important; }
.nmt10 { margin-top:-10px!important; }
.nmt15 { margin-top:-15px!important; }
.nmt20 { margin-top:-20px!important; }
.nmt30 { margin-top:-30px!important; }
.nmt50 { margin-top:-50px!important; }
.nmt350 { margin-top:-350px!important; }


/* 余白右 */
.nmr10 { margin-right:-10px!important; }
.nmr30 { margin-right:-30px!important; }



/*-------------------------------

	パディング設定

-------------------------------*/

/* 余白上 */
.pt00 { padding-top:0px!important; }
.pt05 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt12 { padding-top:12px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt30 { padding-top:30px!important; }
.pt30 { padding-top:30px!important; }
.pt40 { padding-top:40px!important; }
.pt50 { padding-top:50px!important; }
.pt60 { padding-top:60px!important; }
.pt70 { padding-top:70px!important; }
.pt80 { padding-top:80px!important; }
.pt90 { padding-top:90px!important; }
.pt100 { padding-top:100px!important; }

/* 余白下 */
.pb05 { padding-bottom:5px!important; }
.pb08 { padding-bottom:8px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb30 { padding-bottom:30px!important; }
.pb20 { padding-bottom:20px!important; }
.pb30 { padding-bottom:30px!important; }
.pb40 { padding-bottom:40px!important; }
.pb50 { padding-bottom:50px!important; }
.pb60 { padding-bottom:60px!important; }
.pb70 { padding-bottom:70px!important; }
.pb80 { padding-bottom:80px!important; }
.pb90 { padding-bottom:90px!important; }
.pb100 { padding-bottom:100px!important; }
.pb110 { padding-bottom:110px!important; }
.pb120 { padding-bottom:120px!important; }
.pb130 { padding-bottom:130px!important; }
.pb140 { padding-bottom:140px!important; }
.pb150 { padding-bottom:150px!important; }
.pb160 { padding-bottom:160px!important; }
.pb170 { padding-bottom:170px!important; }

/* 余白右 */
.pr05 { padding-right:5px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr30 { padding-right:30px!important; }
.pr40 { padding-right:40px!important; }
.pr45 { padding-right:45px!important; }

/* 余白左 */
.pl05 { padding-left:5px!important; }
.pl10 { padding-left:15px!important; }
.pl15 { padding-left:10px!important; }
.pl20 { padding-left:20px!important; }
.pl30 { padding-left:30px!important; }
.pl40 { padding-left:40px!important; }
.pl50 { padding-left:50px!important; }
.pl60 { padding-left:60px!important; }
.pl70 { padding-left:70px!important; }
.pl80 { padding-left:80px!important; }
.pl90 { padding-left:90px!important; }
.pl1em { padding-left:1em!important; }
.pl2em { padding-left:2em!important; }
.pl3em { padding-left:3em!important; }

/* 余白全て */
.pA05 { padding:5px!important; }
.pA10 { padding:10px!important; }
.pA15 { padding:15px!important; }
.pA20 { padding:20px!important; }
.pA25 { padding:25px!important; }
.pA30 { padding:30px!important; }
.pA35 { padding:35px!important; }
.pA40 { padding:40px!important; }
.pA45 { padding:45px!important; }
.pA50 { padding:50px!important; }


/**
 * The CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Lesser General Public License as published by the Free
 * Software Foundation, either version 3 of the License, or (at your option)
 * any later version.
 *
 * Shadowbox is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
 * more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with Shadowbox.  If not, see <http://www.gnu.org/licenses/>.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007 Michael J. I. Jackson
 * @license     http://www.gnu.org/licenses/lgpl-3.0.txt GNU LGPL 3.0
 * @version     SVN: $Id: shadowbox.js 150 2007-12-04 18:42:03Z michael $
 */

/*_________________________________________________________________  Overlay  */
#shadowbox_overlay {
  visibility: hidden;
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 998;
}

/*_______________________________________________________________  Container  */
#shadowbox_container {
  position: fixed;
  height: 0px;
  width: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center; /* centers in quirks and IE */
}

/*_______________________________________________________________  Shadowbox  */
#shadowbox {
  display: none;
  visibility: hidden;
  margin: 0 auto;
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
   text-align: center; /* reset left alignment */
}

/*___________________________________________________________________  Title  */
/*
HTML snapshot:
<div id="shadowbox_title">
  <div id="shadowbox_title_inner">Title Here</div>
</div>
*/
#shadowbox_title {
  height: 25px;
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner {
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  white-space: nowrap;
  padding: 5px 0 4px 8px;
  color: #fff;
}

/*____________________________________________________________________  Body  */
/*
HTML snapsnot:
<div id="shadowbox_body">
  <div id="shadowbox_body_inner">
    <img src="my_image.jpg" id="shadowbox_content" height="350" width="580">
  </div>
  <div id="shadowbox_loading">
    <img src="images/loading.gif" alt="loading"></div>
    <span><a href="javascript:Shadowbox.close();">Cancel</a></span>
  </div>
</div>
*/
#shadowbox_body {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #000;
}
#shadowbox_body_inner {
  position: relative;
  overflow: hidden;
}
#shadowbox_loading {
  position: absolute;
  top: 0;
  left: 0;
  height: 10000px; /* overflow:hidden will clip this */
  width: 100%;
  background-color: #000;
}
#shadowbox_loading img {
  float: left;
  margin: 10px 10px 0 10px;
}
#shadowbox_loading span {
  float: left;
  margin-top: 12px;
  font-size: 10px;
}
#shadowbox_loading span a,
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
  text-align: center;
}

#shadowbox_content.html { /* make html content scrollable */
  height: 100%;
  width: 100%;
  overflow: auto;
}

/*_________________________________________________________________  Toolbar  */
/*
HTML snapshot:
<div id="shadowbox_toolbar">
  <div id="shadowbox_toolbar_inner">
    <div id="shadowbox_nav_close">
      <a href="javascript:Shadowbox.close();"><span class="shortcut">C</span>lose</a>
    </div>
    <div id="shadowbox_nav_next">
      <a href="javascript:Shadowbox.next();"><span class="shortcut">N</span>ext</a>
    </div>
    <div id="shadowbox_nav_previous">
      <a href="javascript:Shadowbox.previous();"><span class="shortcut">P</span>revious</a>
    </div>
    <div id="shadowbox_counter">
      <a href="javascript:Shadowbox.change(0);">1</a>
      <a href="javascript:Shadowbox.change(1);" class="shadowbox_counter_current">2</a>
      <a href="javascript:Shadowbox.change(2);">3</a>
    </div>
  </div>
</div>
*/
#shadowbox_toolbar {
  margin: 0;
  padding: 0;
  height: 20px;
  overflow: hidden;
}
#shadowbox_toolbar_inner {
  height: 20px;
  color: #fff;
  text-align: center;
}
#shadowbox_toolbar_inner div {
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
}
#shadowbox_toolbar_inner div span.shortcut {  font-weight: bold;
}
#shadowbox_toolbar_inner div a {
  color: #fff;font-weight: bold;
}
#shadowbox_nav_close,
#shadowbox_nav_previous,
#shadowbox_nav_next {
	margin-top: 0.5em;
  text-align: center;
}
#shadowbox_counter {
  float: left;
  padding-left: 10px;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
  font-weight: bold;
}

/*________________________________________________________________  Messages  */
div.shadowbox_message {
  text-align: center;
  padding: 10px;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  text-decoration: none;
  color: #bed333;
}
div.shadowbox_message a:hover,
div.shadowbox_message a:focus {
  text-decoration: underline;
}