@charset "utf-8";

/* ColorBox Core Style The following rules are the styles that are consistant between all ColorBox themes */
#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:visible;}
#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;}

.m_t_layout{
	text-align: center;
	padding: 20px 0;
}
#colorbox{
	-webkit-box-shadow: 0px 2px 10px #222;
	-moz-box-shadow: 0px 2px 10px #222;
	box-shadow: 0px 2px 10px #222;
	behavior: url();
}
/* コンテンツ表示領域外 */
#cboxOverlay {
	background-color: #000;
}

/* コンテンツ表示領域の背景を指定 */
#cboxContent {
	background-color: #fff;
	background-image: url(/assets-local/img/modalwindow/bg.jpg);
	color: #333;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url();
}


/* コンテンツ表示領域 （margin-bottomで「ページ送り領域」の高さを確保）*/
#cboxLoadedContent {
	padding: 36px 46px 42px 46px;
}



/* title属性に入力した値がここに反映される */
#cboxTitle {
	width:100%;
	position:absolute;
	bottom:3px;
	left:0;
	text-align:center;
	color:#949494;
}



/* 現在表示　ex:「2 of 15」 */
#cboxCurrent {
	position:absolute;
	top:10px;
	left:20px;
	color:#949494;
}



/* 閉じるボタン */
#cboxClose {
	position:absolute;
	bottom:0px;
	right:12px;
	background:url(/assets-local/img/modalwindow/btn_close.gif) left top no-repeat;
	width:112px;
	height:31px;
	text-indent:-9999px;
}
#cboxClose.hover {
	background:url(/assets-local/img/modalwindow/btn_close_on.gif) left top no-repeat;
}



/* ページ送り：自動 */
#cboxSlideshow {
	position:absolute;
	top:50px;
	right:30px;
	color:#0092ef;
}

/* 戻る */
#cboxPrevious {
	position:absolute;
	top: 185px;
	left:0px;
	background:url(/assets-local/img/modalwindow/btn_prev.gif) left top no-repeat;
	width:31px;
	height:113px;
	text-indent:-9999px;
}
#cboxPrevious.hover {
	background:url(/assets-local/img/modalwindow/btn_prev_on.gif) left top no-repeat;
}

/* 進む */
#cboxNext {
	position:absolute;
	top: 185px;
	right:0px;
	background:url(/assets-local/img/modalwindow/btn_next.gif) left top no-repeat;
	width:31px;
	height:113px;
	text-indent:-9999px;
}
#cboxNext.hover {
	background:url(/assets-local/img/modalwindow/btn_next_on.gif) left top no-repeat;
}

/* loading
---------------------------------- */
#cboxLoadingOverlay {
/*	background:url(../images/modalwindow/base/loading_background.png) center center no-repeat;*/
}
#cboxLoadingGraphic {
/*	background:url(../images/modalwindow/base/loading.gif) center center no-repeat;*/
}



/* modal window
---------------------------------- */
#wrapper {

}
#wrapper .modal_section {
	width: 540px;
}
#wrapper .modal_section .modal_header {
	margin: 0px 0px 0px 0px;
}
#wrapper .modal_section .modal_header h2 {
	margin: 20px 0px 13px 0px;
	padding: 4px 0px 0px 17px;
	background: url(/assets-local/img/modalwindow/icon_h2.gif) left top repeat-y;
	font-weight: bold;
	font-size: 116%;
}
#wrapper .modal_section .modal_body {
	margin: 0px 0px 26px 7px;
}
#wrapper .modal_section .modal_body p {
	margin: 0px 0px 11px 0px;
	line-height: 165%;
}

#wrapper .modal_section .modal_body p.info{
	font-size: 83%;
}

#wrapper .modal_photo {
	width: 540px;
	height: 380px;
	background: none;
	position: relative;
}