@charset "utf-8";
/*================================================================================================*/
/* ★Fontsize list (12px=100%) */
/* | 9px =74.5%  | 10px=83%    | 11px=91%    | 12px=100%   | 13px=107.6% | 14px=115.8% | */
/* | 15px=124.2% | 16px=132.4% | 17px=140.7% | 18px=148.9% | 19px=157.2% | 20px=165.5% | */
/* | 21px=173.8% | 22px=182.1% | 23px=190.3% | 24px=198.6% | 25px=206.9% | 26px=197%   | */
/*================================================================================================*/
/*================================================================================================*/
/* @Core styles */
/*================================================================================================*/

#main_d .mb06{margin-bottom:6px!important;}
#main_d .mb12{margin-bottom:12px!important;}
#main_d .mb24{margin-bottom:24px!important;}
#main_d .mb36{margin-bottom:36px!important;}
#main_d .mb48{margin-bottom:48px!important;}
#main_d .mb60{margin-bottom:60px!important;}
#main_d .mb72{margin-bottom:72px!important;}
#main_d .mb84{margin-bottom:84px!important;}
#main_d .mb96{margin-bottom:96px!important;}

#main_d .mt06{margin-top:6px!important;}
#main_d .mt12{margin-top:12px!important;}
#main_d .mt24{margin-top:24px!important;}
#main_d .mt36{margin-top:36px!important;}

#main_d .mr06{margin-right:6px!important;}
#main_d .mr12{margin-right:12px!important;}
#main_d .mr24{margin-right:24px!important;}
#main_d .mr36{margin-right:36px!important;}
#main_d .mr48{margin-right:48px!important;}
#main_d .mr60{margin-right:60px!important;}
#main_d .mr72{margin-right:72px!important;}
#main_d .mr84{margin-right:84px!important;}
#main_d .mr96{margin-right:96px!important;}

#main_d .mtb0{margin:0 0 0 0!important;}
#main_d .mtb12{margin:12px 0 12px 0!important;}
#main_d .mtb24{margin:24px 0 24px 0!important;}
#main_d .mtb36{margin:36px 0 36px 0!important;}
#main_d .mtb48{margin:48px 0 48px 0!important;}

#main_d .mrb06{margin:0 6px 6px 0!important;}
#main_d .mrb12{margin:0 12px 12px 0!important;}
#main_d .mrb24{margin:0 24px 24px 0!important;}
#main_d .mrb36{margin:0 36px 36px 0!important;}

#main_d .ml08{margin-left:8px!important;}
#main_d .ml12{margin-left:12px!important;}
#main_d .ml24{margin-left:24px!important;}
#main_d .ml36{margin-left:36px!important;}
#main_d .ml40{margin-left:40px!important;}
#main_d .ml48{margin-left:48px!important;}
#main_d .ml60{margin-left:60px!important;}
#main_d .ml72{margin-left:72px!important;}
#main_d .ml84{margin-left:84px!important;}
#main_d .ml96{margin-left:96px!important;}

#main_d .ml05em{margin-left:0.5em!important;}
#main_d .ml10em{margin-left:1em!important;}
#main_d .ml15em{margin-left:1.5em!important;}
#main_d .ml20em{margin-left:2em!important;}
#main_d .ml25em{margin-left:2.5em!important;}
#main_d .ml30em{margin-left:3em!important;}
#main_d .ml35em{margin-left:3.5em!important;}
#main_d .ml40em{margin-left:4em!important;}
#main_d .ml45em{margin-left:4.5em!important;}
#main_d .ml50em{margin-left:5em!important;}
#main_d .ml55em{margin-left:5.5em!important;}
#main_d .ml60em{margin-left:6em!important;}
#main_d .ml65em{margin-left:6.5em!important;}
#main_d .ml70em{margin-left:7em!important;}
#main_d .ml75em{margin-left:7.5em!important;}
#main_d .ml80em{margin-left:8em!important;}
#main_d .ml85em{margin-left:8.5em!important;}
#main_d .ml90em{margin-left:9em!important;}
#main_d .ml95em{margin-left:9.5em!important;}


#main_d .mlr08{margin-left:8px!important;margin-right:8px!important;}
#main_d .mlr12{margin-left:12px!important;margin-right:12px!important;}
#main_d .mlr24{margin-left:24px!important;margin-right:24px!important;}
#main_d .mlr36{margin-left:36px!important;margin-right:36px!important;}

#main_d .ma05{margin:5px!important;}

#main_d .m0 {margin:0!important;}
#main_d .mb0 { margin-bottom:0!important; }
#main_d .mt0 { margin-top:0!important; }
#main_d .ml0 { margin-left:0!important; }
#main_d .mr0 { margin-right:0!important; }

#main_d .pb0 { padding-bottom:0!important; }
#main_d .pt0 { padding-top:0!important; }
#main_d .pl0 { padding-left:0!important; }
#main_d .pr0 { padding-right:0!important; }

#main_d .ptb0 { padding-top:0!important;padding-bottom:0!important; }
#main_d .ptb5 { padding-top:5px!important;padding-bottom:5px!important; }
#main_d .ptb10 { padding-top:10px!important;padding-bottom:10px!important; }
#main_d .ptb15 { padding-top:15px!important;padding-bottom:15px!important; }
#main_d .ptb20 { padding-top:20px!important;padding-bottom:20px!important; }
#main_d .ptb25 { padding-top:25px!important;padding-bottom:25px!important; }
#main_d .ptb30 { padding-top:30px!important;padding-bottom:30px!important; }

#main_d .plr0 { padding-left:0!important;padding-right:0!important; }
#main_d .plr5 { padding-left:5px!important;padding-right:5px!important; }
#main_d .plr10 { padding-left:10px!important;padding-right:10px!important; }
#main_d .plr15 { padding-left:15px!important;padding-right:15px!important; }
#main_d .plr20 { padding-left:20px!important;padding-right:20px!important; }
#main_d .plr25 { padding-left:25px!important;padding-right:25px!important; }
#main_d .plr30 { padding-left:30px!important;padding-right:30px!important; }

.p15 {	padding:15px !important;}
.p25 {	padding:25px !important;}
.p35 {	padding:35px !important;}

/*テーブル関連*/
/*枠線を消す*/
#main_d table.border-none,
#main_d table.border-none tr,
#main_d table.border-none th,
#main_d table.border-none td {
    border: none!important;
}


#main_d table th.dotted,
#main_d table tr.dotted,
#main_d table td.dotted
{
	border-bottom:2px dotted #d5d5d5!important;
}

#main_d table th.dashed_b,
#main_d table tr.dashed_b,
#main_d table td.dashed_b
{
	border-bottom:1px dashed #d5d5d5!important;
}
#main_d table th.dashed_t,
#main_d table tr.dashed_t,
#main_d table td.dashed_t
{
	border-top:1px dashed #d5d5d5!important;
}
#main_d table th.dashed_r,
#main_d table tr.dashed_r,
#main_d table td.dashed_r
{
	border-right:1px dashed #d5d5d5!important;
}
#main_d table th.dashed_l,
#main_d table tr.dashed_l,
#main_d table td.dashed_l
{
	border-left:1px dashed #d5d5d5!important;
}

#main_d table tr td.borderrightnone{
border-right:0!important;
}
#main_d table tr td.borderleftnone{
border-left:none!important;
}

#main_d th.border-r-none,
#main_d td.border-r-none{
border-right:hidden!important;
}
#main_d th.border-l-none,
#main_d td.border-l-none{
border-left:hidden!important;
}
#main_d th.border-b-none,
#main_d td.border-b-none{
border-bottom:hidden!important;
}
#main_d th.border-t-none,
#main_d td.border-t-none{
border-top:hidden!important;
}

#main_d tr.border-none,
#main_d th.border-none,
#main_d td.border-none{
border:hidden!important;
}



#main_d table.valign_t,
#main_d table.valign_t tr,
#main_d table.valign_t th,
#main_d table.valign_t td,
#main_d table tbody.valign_t,
#main_d table tbody.valign_t tr,
#main_d table tbody.valign_t th,
#main_d table tbody.valign_t td,
#main_d table thead.valign_t,
#main_d table thead.valign_t tr,
#main_d table thead.valign_t th,
#main_d table thead.valign_t td,
#main_d table tr.valign_t th,
#main_d table tr.valign_t td,
#main_d table th.valign_t,
#main_d table td.valign_t
{
	vertical-align:top!important;
}


#main_d table.valign_m,
#main_d table.valign_m tr,
#main_d table.valign_m th,
#main_d table.valign_m td,
#main_d table tbody.valign_m,
#main_d table tbody.valign_m tr,
#main_d table tbody.valign_m th,
#main_d table tbody.valign_m td,
#main_d table thead.valign_m,
#main_d table thead.valign_m tr,
#main_d table thead.valign_m th,
#main_d table thead.valign_m td,
#main_d table tr.valign_m th,
#main_d table tr.valign_m td,
#main_d table th.valign_m,
#main_d table td.valign_m
{
	vertical-align:middle!important;
}

#main_d table.valign_b,
#main_d table.valign_b tr,
#main_d table.valign_b th,
#main_d table.valign_b td,
#main_d table tbody.valign_b,
#main_d table tbody.valign_b tr,
#main_d table tbody.valign_b th,
#main_d table tbody.valign_b td,
#main_d table thead.valign_b,
#main_d table thead.valign_b tr,
#main_d table thead.valign_b th,
#main_d table thead.valign_b td ,
#main_d table tr.valign_b th,
#main_d table tr.valign_b td,
#main_d table th.valign_b,
#main_d table td.valign_b
{
	vertical-align:bottom!important;
}




#main_d table.textleft,
#main_d table.textleft tr,
#main_d table.textleft th,
#main_d table.textleft td,
#main_d table tbody.textleft,
#main_d table tbody.textleft tr,
#main_d table tbody.textleft th,
#main_d table tbody.textleft td,
#main_d table thead.textleft,
#main_d table thead.textleft tr,
#main_d table thead.textleft th,
#main_d table thead.textleft td,
#main_d table tr.textleft th,
#main_d table tr.textleft td,
#main_d table th.textleft,
#main_d table td.textleft
{
	text-align:left!important;
}


#main_d table.textright,
#main_d table.textright tr,
#main_d table.textright th,
#main_d table.textright td,
#main_d table tbody.textright,
#main_d table tbody.textright tr,
#main_d table tbody.textright th,
#main_d table tbody.textright td,
#main_d table thead.textright,
#main_d table thead.textright tr,
#main_d table thead.textright th,
#main_d table thead.textright td,
#main_d table tr.textright th,
#main_d table tr.textright td
{
	text-align:right!important;
}

#main_d table.textcenter,
#main_d table.textcenter tr,
#main_d table.textcenter th,
#main_d table.textcenter td,
#main_d table tbody.textcenter,
#main_d table tbody.textcenter tr,
#main_d table tbody.textcenter th,
#main_d table tbody.textcenter td,
#main_d table thead.textcenter,
#main_d table thead.textcenter tr,
#main_d table thead.textcenter th,
#main_d table thead.textcenter td,
#main_d table tr.textcenter th,
#main_d table tr.textcenter td
{
	text-align:center!important;
}


#main_d table thead th.textleft,
#main_d table thead td.textleft,
#main_d table tbody th.textleft,
#main_d table tbody td.textleft
{
	text-align:left!important;
}
#main_d table thead th.textright,
#main_d table thead td.textright,
#main_d table tbody th.textright,
#main_d table tbody td.textright
{
	text-align:right!important;
}
#main_d table thead th.textcenter,
#main_d table thead td.textcenter,
#main_d table tbody th.textcenter,
#main_d table tbody td.textcenter
{
	text-align:center!important;
}

#main_d table th.blue01,
#main_d table tr.blue01,
#main_d table td.blue01
{
	background:#f5f8f8;
}

#main_d table th.blue02,
#main_d table tr.blue02,
#main_d table td.blue02
{
	background:#ebf0f3;
}

#main_d table th.blue03,
#main_d table tr.blue03,
#main_d table td.blue03
{
	background:#e2e8ee;
}




/* .index内などで、線を追加 */

#page_content div.border_on table {
	width:100%;
	margin:10px 0;
	border-collapse:collapse;
	border-spacing:0;
}
#page_content div.border_on table tr.double {
	border-bottom: 3px double #D5D5D5;
}
#page_content div.border_on table tr th {
	padding:5px 10px;
	text-align:left;
	vertical-align:top;
	/*white-space:nowrap;*/
	border:solid 1px #d5d5d5;
	background:#ebf0f3;
}
#page_content div.border_on table tr.header th {
	background:#e2e8ee;
}
#page_content div.border_on table.none tr.header th {
	background:#e2e8ee;
}
#page_content div.border_on table.none tr.header th.white {
	background:none;
}
#page_content div.border_on table.none tr th {
	background:none;
}
#page_content div.border_on table.none tr th.sub {
	background:#EBF0F3;
}
#page_content div.border_on table.none tr th.res {
	background:#F5F8F8;
}
#page_content div.border_on table.single tr.header th {
	background:#e2e8ee;
}
#page_content div.border_on table.single tr th {
	background:#EBF0F3;
}
#page_content div.border_on table tr td {
	padding:5px 10px;
	text-align:left;
	vertical-align:top;
	border:solid 1px #d5d5d5;
}
#page_content div.border_on table th.blue01,
#page_content div.border_on table tr.blue01,
#page_content div.border_on td.blue01
{
	background:#f5f8f8;
}

#page_content div.border_on th.blue02,
#page_content div.border_on tr.blue02,
#page_content div.border_on td.blue02
{
	background:#ebf0f3;
}

#page_content div.border_on th.blue03,
#page_content div.border_on tr.blue03,
#page_content div.border_on td.blue03
{
	background:#e2e8ee;
}
#main table.w-auto{width:auto!important;}





/*width関連*/
#main_d table.w-auto{width:auto!important;}
#main_d .w05em {width:0.5em !important;}
#main_d .w10em {width:1em !important;}
#main_d .w15em {width:1.5em !important;}
#main_d .w20em {width:2em !important;}
#main_d .w25em {width:2.5em !important;}
#main_d .w30em {width:3em !important;}
#main_d .w35em {width:3.5em !important;}
#main_d .w40em {width:4em !important;}
#main_d .w45em {width:4.5em !important;}

#main_d .w180 {width:180px !important;}
#main_d .w240 {width:240px !important;}
#main_d .w370 {width:370px !important;}

/*インデント関連*/
#main_d .indent05{text-indent:-0.5em; padding-left:0.5em;}
#main_d .indent10{text-indent:-1em; padding-left:1em;}
#main_d .indent15{text-indent:-1.5em; padding-left:1.5em;}
#main_d .indent20{text-indent:-2em; padding-left:2em;}
#main_d .indent25{text-indent:-2.5em; padding-left:2.5em;}
#main_d .indent30{text-indent:-3em; padding-left:3em;}
#main_d .indent35{text-indent:-3.5em; padding-left:3.5em;}
#main_d .indent40{text-indent:-4em; padding-left:4em;}
#main_d .indent45{text-indent:-4.5em; padding-left:4.5em;}
#main_d .indent50{text-indent:-5em; padding-left:5em;}
#main_d .indent55{text-indent:-5.5em; padding-left:5.5em;}
#main_d .indent60{text-indent:-6em; padding-left:6em;}
#main_d .indent65{text-indent:-6.5em; padding-left:6.5em;}
#main_d .indent70{text-indent:-7em; padding-left:7em;}
#main_d .indent75{text-indent:-7.5em; padding-left:7.5em;}
#main_d .indent80{text-indent:-8em; padding-left:8em;}
#main_d .indent85{text-indent:-8.5em; padding-left:8.5em;}
#main_d .indent90{text-indent:-9em; padding-left:9em;}
#main_d .indent95{text-indent:-9.5em; padding-left:9.5em;}
#main_d .indent100{text-indent:-10em; padding-left:10em;}
#main_d .indent105{text-indent:-10.5em; padding-left:10.5em;}
#main_d .indent110{text-indent:-11em; padding-left:11em;}
#main_d .indent115{text-indent:-11.5em; padding-left:11.5em;}
#main_d .indent120{text-indent:-12em; padding-left:12em;}
#main_d .indent125{text-indent:-12.5em; padding-left:12.5em;}
#main_d .indent130{text-indent:-13em; padding-left:13em;}
#main_d .indent135{text-indent:-13.5em; padding-left:13.5em;}
#main_d .indent140{text-indent:-14em; padding-left:14em;}
#main_d .indent145{text-indent:-14.5em; padding-left:14.5em;}
#main_d .indent150{text-indent:-15em; padding-left:15em;}
#main_d .indent155{text-indent:-15.5em; padding-left:15.5em;}

#main_d .indent10em{text-indent:1em;}
#main_d .indent20em{text-indent:2em;}
#main_d .indent30em{text-indent:3em;}
#main_d .indent40em{text-indent:4em;}
#main_d .indent50em{text-indent:5em;}
#main_d .indent60em{text-indent:6em;}
#main_d .indent70em{text-indent:7em;}
#main_d .indent80em{text-indent:8em;}
#main_d .indent90em{text-indent:9em;}





/*float関連*/
#main_d .fl{float:left;}
#main_d .fr{float:right;}


/*テキスト関連*/
#main_d .txtr{color:#FF0000;}
#main_d .txtg{color:#333;}
#main_d .txtw{color:#FFFFFF;}
#main .txtw{color:#FFFFFF;}/*教職員限定用*/
#main_d .align_r{text-align:right}
#main_d a.txtlink{ 
	color:#445588;
	text-decoration: underline;
}
#main_d .font_s{
	font-size:90%;
}
#main_d .font_ss{
	font-size:80%;
}
.txtb{
	font-weight:bold;
}
/*リスト関連*/
/*20130917追加*/
/*20140312修正　ブラウザによってインデントの解釈が違うようなので、全角スペースで指定しました。
（一つ下のtext-indentで調整したかったですが、そちらもブラウザによって揃わないので…）*/
#main_d #page_content div.body ol.lsn li:before,
#main_d #page_content div.body ul.lsn li:before
 {
	content:"　";
}

/*#main_d ol.lsn li,
#main_d ul.lsn li  {
text-indent:-1em;
}*/

*#main_d #page_content div.body ol.lsn li,
#main_d #page_content div.body ul.lsn li
 {
	 padding:0;
}

#main_d ol.list_indent li,
#main_d ul.list_indent li  {
padding-left:1em;
text-indent:-1em;
}
#main_d #page_content div.body ol.list_indent li:before
 {
	content:"";
}

#main_d #page_content div.body ol.kome li:before {
	content:"※"counter(ol)".";
	text-indent:-1.5em;
}

#page_content div.body table.line2 th {
	width:25%!important;
}


/*　今後不要？
#main_d div#page_content div.body ul.lsn{
list-style:none!important;
list-style-image:none!important;
}

ul.lsn li{margin:0 1.5em 0.3em -1em;padding:0;}

*/
#main_d #page_content div.body ul.li_mb0 li,
#main_d #page_content div.body ol.li_mb0 li,
#main_d #page_content div.body ul li.li_mb0,
#main_d #page_content div.body ol li.li_mb0
 {
	padding-bottom:0px;
}

/*　リスト入れ子時に親要素のcircleを解除　20140117追記　*/
#page_content div.body ul.circle ol.circle_clear li:before {
	position: static;
	counter-increment:ol;
	content:counter(ol)".";
	float:left;
	position:relative;
	left:-2.4em;
	width:2.0em;
	margin-right:-2.4em;
	padding-right:.4em;
	text-align:right;
	font-weight:bold;
}

#page_content div.body ul.circle ul.circle_clear li:before {
	position:relative;
	left:-16px;
	top:0px;
	margin-right:-1em;
	content:"・";
}


/*　olの bold解除　20161005追記　*/
#page_content div.body ol.font_normal li:before {
	font-weight:normal !important;
}


/*　図書館ボタン用20131219追記　*/

#main_d #page_content ul.button_search li {
	font-size:92%;
}

#main_d #page_content ul.button_search li.bg0 {
	background:url(../img/btn_search_bottom.png) no-repeat left bottom;
}

#main_d #page_content ul.button_search li.bg01 a {
	background:#e5e5e5 url(../img/btn_search_top1.png) no-repeat left top;
}
#main_d #page_content ul.button_search li.bg02 a {
	background:#e5e5e5 url(../img/btn_search_top2.png) no-repeat left top;
}
#main_d #page_content ul.button_search li.bg03 a {
	background:#e5e5e5 url(../img/btn_search_top3.png) no-repeat left top;
}
#main_d #page_content ul.button_search li.bg04 a {
	background:#e5e5e5 url(../img/btn_search_top4.png) no-repeat left top;
}

/*　
赤帯メニューを、ニュースの赤帯と同じ高さにするイレギュラー用（例：図書館＞資料をさがす）　
親要素のdiv.h2_bgにptb0の指定も必要　20131219追記　*/
#main_d #page_content div.h2_bg h2.h33 {
    height:33px!important;
}

/*　
リンク画像にマウスを当てた時、ロールオーバーさせます。　20140122追記　*/
#main_d .onmouse_img a:hover img,
#main_d a:hover img.onmouse_img {
	opacity:.7;
	-ms-filter:"alpha(opacity=70)";
}








/*　
教職員限定トップからChuo Visionサイト内検索追加による調整*/
#page_content div.col3 div.side div.chuo_vision_2 {
	padding: 6px 6px;
	margin-bottom:2px;
	border:solid 1px #d8d8d8;
}
#page_content div.col3 div.side div.chuo_vision_2 span.no {
	font-size:83.3%;
	color:#c30e15;
	margin:10px 12px;
	display:block;
}
#page_content div.col3 div.side div.chuo_vision_2 span.date {
	margin:10px 12px;
	display:block;
}
#page_content div.col3 div.side div.chuo_vision_2 form.sitesearch {
	margin:5px 12px;
}
#page_content div.col3 div.side div.chuo_vision_2 form.sitesearch input {
	margin-bottom:5px;
}




#page_content div.body table.line_b {
	margin:10px 0 0;
	padding:0;
	border-collapse:separate;
	border-spacing:10px 0;
}
#page_content div.body table.line_b th {
	width:16%;
	padding:4px 2px 2px;
	font-weight:normal;
	border-color:#e5a9ab;
	border-width:0 0 1px 0;
	background:transparent;
}
#page_content div.body table.line_b td {
	padding:4px 2px 2px;
	border-width:0 0 1px 0;
}



#main_d .disabled {
  pointer-events: none;
}












/*
単体ページ用「全画面プリント」ボタン位置調整　20170127追記　*/
.util_print2 {
	margin:10px 0 0 !important;
}
.util_print2 span {
	float: right !important;
	margin: 0px !important;
	width: auto !important;
}





/*　
ギャラリー設定　20170127追記　*/
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.4.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.4
 * @date November 17, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}

#lightbox-nav-btnPrev { 
	left: 0;
	margin-left:-75px;
	float: left;
}

* html #lightbox-nav-btnPrev {
	position:relative;
	left: -75px;
	margin-left:0;
}

#lightbox-nav-btnNext { 
	right: 0;
	margin-right:-75px;
	float: right;
}

* html #lightbox-nav-btnNext {
	position:relative;
	right: -75px
	margin-right:0;
}

#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


/* 一覧デザイン */


#page_content div.body div#gallery1 ul.clr li:before {
	content:"　";
}

div#gallery1 ul {
	list-style:none;
	clear:both;
	}

div#gallery1 ul li.pop {
	float:left;
	padding:0 8px 8px 0;
	}

div#gallery1 ul li.last {
	padding:0;
	}

div#gallery1 ul li.pop img {
	vertical-align:bottom;
	margin-bottom:3px;
	border:1px solid #c8c8c8;
	}

div#gallery1 ul li.pop p {
	margin:0;
	padding:0;
	font-size:x-small !important;
	line-height:1.2em;
	text-align:left;
	width:128px;
	}
/**
 * The default CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * You should have received a license with this distribution explaining the terms
 * under which Shadowbox may be used. If you did not, you may obtain a copy of the
 * license at http://shadowbox-js.com/LICENSE
 *
 * @author      Michael J. I. Jackson <michael@mjijackson.com>
 * @copyright   2007-2009 Michael J. I. Jackson
 */

/*_____________________________________________  container, overlay, & wrapper  */
#sb-container, #sb-wrapper {
  text-align: left; /* reset left alignment */
}
#sb-container, #sb-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
#sb-container {
  height: 100%;
  display: none;
  visibility: hidden;
  z-index: 999;
}
body > #sb-container {
  /* use position:fixed in modern browsers */
  position: fixed;
}
#sb-overlay {
  /* needed in IE6 where sb-container uses position:absolute */
  height: expression(document.documentElement.clientHeight + 'px');
}
#sb-container > #sb-overlay {
  /* use for sb-container position:fixed */
  height: 100%;
}

/*_________________________________________________________________  wrapper  */
#sb-wrapper {
  position: relative;
}
#sb-wrapper img {
  border: none;
}

/*____________________________________________________________________  body  */
#sb-body {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #303030;
}
#sb-body-inner {
  position: relative;
  height: 100%;
}
#sb-content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#sb-loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 10px;
}
#sb-body, #sb-loading {
  background-color: #060606; /* should match loading image background color */
}

/*____________________________________________________________  title & info  */
#sb-title, #sb-info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#sb-title-inner, #sb-info-inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 16px;
}
#sb-title, #sb-title-inner {
  height: 26px;
}
#sb-title-inner {
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
}
#sb-info, #sb-info-inner {
  height: 20px;
}
#sb-info-inner {
  font-size: 12px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */
#sb-nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#sb-nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#sb-nav-close {
  background-image: url(/common_d/pc/share/img/shadowbox/close.png);
  background-repeat: no-repeat;
}
#sb-nav-next {
  background-image: url(/common_d/pc/share/img/shadowbox/next.png);
  background-repeat: no-repeat;
}
#sb-nav-previous {
  background-image: url(/common_d/pc/share/styles/resources/previous.png);
  background-repeat: no-repeat;
}
#sb-nav-play {
  background-image: url(/common_d/pc/share/img/shadowbox/play.png);
  background-repeat: no-repeat;
}
#sb-nav-pause {
  background-image: url(/common_d/pc/share/img/shadowbox/pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#sb-counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#sb-counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#sb-counter a.sb-counter-current {
  text-decoration: underline;
}

/*________________________________________________________________  messages  */
div.sb-message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.sb-message a:link, div.sb-message a:visited {
  color: #fff;
  text-decoration: underline;
}
/* ここまでギャラリー用設定　*/