@charset "UTF-8" ;

/********************************************************************************

	SYNCER 〜 知識、感動をみんなと同期(Sync)するブログ

	* 配布場所
	https://syncer.jp/jquery-modal-window

	* 最終更新日時
	2015/08/17 15:47

	* 作者
	あらゆ

	** 連絡先
	Twitter: https://twitter.com/arayutw
	Facebook: https://www.facebook.com/arayutw
	Google+: https://plus.google.com/114918692417332410369/
	E-mail: info@syncer.jp

	※ バグ、不具合の報告、提案、ご要望など、お待ちしております。
	※ 申し訳ありませんが、ご利用者様、個々の環境における問題はサポートしていません。

********************************************************************************/


@charset "UTF-8";

#modal-content {
	position: fixed ;
	display: none ;
	z-index: 2 ;
	color: #FFF;
	text-align: left;
  line-height: 1.4;
}

#modal-content .mainInner{
	width: 636px;
}

#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link {
	color: #00f ;
	text-decoration: underline ;
}

.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}
.modal-content .flex-direction-nav .flex-prev {
  left: -100px;
}
.modal-content .flex-direction-nav a {
	text-decoration: none;
  display: block;
  width: 60px;
  height: 60px;
  margin-top: -50px;
  position: absolute;
  top: 40%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
}
.modal-content .flex-direction-nav .flex-nav-prev:before {
	content: "";
  background: url(../img/common/arrow01_left.png) 0 0 no-repeat;
  width: 60px;
  height: 60px;
  margin-top: -44px;
  position: absolute;
  left: -100px;
  top: 40%;
}



.modal-content .flex-direction-nav .flex-next {
  right: -110px;
  text-align: right;
}

.modal-content .flex-direction-nav .flex-nav-next:before {
	content: "";
	background: url(../img/common/arrow01_right.png) 0 0 no-repeat;
	width: 60px;
	height: 60px;
	margin-top: -44px;
	position: absolute;
	right: -110px;
	top: 40%;
}
.modal-content .flex-direction-nav li {
	list-style: none;
}

.mo_title {
	margin-bottom: 10px;
	font-weight: bold;
}
.mo_title .mo_name{
	font-size: 18px;
	margin-right: 20px;
}
.iconarea img{
	margin-right: 5px;
	vertical-align: middle;
}
.iconarea .mado_val,.iconarea .web_val {
	font-weight: bold;
	vertical-align: middle;
	font-size: 14px;
}

.mo_title .modal_mado {
	background: #fff;
  padding: 0px 5px;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #CC0000;
  margin-right: 5px;
}
.mo_title .modal_web {
	background: #fff;
  padding: 0px 5px;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #1E4EA6;
  margin: 0 5px 0 5px;
}

.profBox01 {
	margin: 20px 0;
}









.mo_text {
  color: #FFF;
	font-size: 16px;
}
.mo_tyu{
  color: #FFF;
	font-size: 12px;
}
 .mo_size{
  color: #FFF;
	font-size: 14px;
}

.mo_btnArea  {
	margin: auto;
	border: solid 1px #CCCCCC;
	border-radius: 10px;
	width: 200px;
  text-align: center;
}

.mo_btnArea  #close{
	color: #FFF;
  text-decoration: none;
  display: block;
  padding: 15px;
}