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



#colorbox{

}
/* コンテンツ表示領域外 */
#cboxOverlay {
	background-color: #000000;
}

/* コンテンツ表示領域の背景を指定 */
#cboxContent {
	width: 630px;
	background:url(../images/modalwindow/base/bg.jpg) 0 0 repeat;
}

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

 

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



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



/* 閉じるボタン */
#cboxClose {
	position:absolute;
	bottom:22px;
	right:40px;
	background:url(../images/modalwindow/base/btn_close.gif) left top no-repeat;
	width:46px;
	height:15px;
	text-indent:-9999px;
}
#cboxClose.hover {
	background:url(../images/modalwindow/base/btn_close_on.gif) left top no-repeat;
}



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

/* 戻る */
#cboxPrevious {
	position:absolute;
	top: 195px;
	left:0px;
	background:url(../images/modalwindow/base/btn_prev.gif) left top no-repeat;
	width:35px;
	height:71px;
	text-indent:-9999px;
}
#cboxPrevious.hover {
	background:url(../images/modalwindow/base/btn_prev_on.gif) left top no-repeat;
}

/* 進む */
#cboxNext {
	position:absolute;
	top: 195px;
	right:0px;
	background:url(../images/modalwindow/base/btn_next.gif) left top no-repeat;
	width:35px;
	height:71px;
	text-indent:-9999px;
}
#cboxNext.hover {
	background:url(../images/modalwindow/base/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: 550px;
}
#wrapper .modal_section .modal_header {
	margin: 0px 0px 0px 7px;
}
#wrapper .modal_section .modal_header h2 {
	margin: 0px 0px 11px 0px;
	padding: 4px 0px 0px 17px;
	background: url(../images/modalwindow/base/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_photo {
	padding: 11px;
	width: 550px;
	height: 412px;
	background: url(../images/modalwindow/base/bg_photoflame.jpg) left top no-repeat;
}