@charset "shift-jis";

/* reset
------------------------------------------------ */
body,div,pre,p,a,img,form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object {
	margin: 0;
	padding: 0;
	background-image:url(../img/background/1px-transparent.gif);
}
body {
	width: 100%;
	min-width: 1024px;
	height: 100%;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	word-break: break-all;
	font-family: "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", Verdana, Helvetica, "メイリオ", "Meiryo", Osaka, sans-serif;
	font-size: 80%;
	line-height: 1.8;
	letter-spacing: .05em;
	color: #000;
}
ul,ol { list-style: none; }
img { border: none; vertical-align: top; }
a:link { color: #00ADBA; text-decoration: none; }
a:visited { color: #00ADBA; text-decoration: none; }
a:hover { text-decoration: underline; }

.hide { display: none; }
.fBlack { color: #000000; }
.fRed { color: #e50011; }
.fGreen { color: #00ADBA; }
.fGray { color: #888; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

/* clearfix
------------------------------------------------ */
.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: ".";
}

.clearfix {
	clear: both;
	*zoom: 1;
}

/* wrap
------------------------------------------------ */
.wrap {
	position: relative;
	margin: 0 auto;
	width: 100%;
}

/* header
------------------------------------------------ */
#header {
	position: relative;
	margin: 0 auto;
	width: 1024px;
	padding-bottom: 10px;
	background: url(../img/background/shadow.png) repeat-x left bottom;
	z-index: 2;
}

	#header .head_top {
		margin: 0 auto;
		padding: 25px 0 5px;
	}

		#header .head_top .logo {
			position: absolute;
			top: 20px;
			right: 20px;
		}

		#header .head_top .place_logo {
			float: left;
			width: 235px;
			height: 110px;
		}
			#header .head_top .place_logo .logoImg {
				display: table-cell;
				width: 235px;
				height: 110px;
				text-align: center;
				vertical-align: middle;
			}

/* talk_mail */
#header .talk_mail {
	float: left;
	padding-left: 10px;
	padding: 0px 0 0 10px;
	width: 220px;
	height: 110px;
}

	#header [class^="talkNotice"] {
		position:absolute;
		color: #FFF;
		font-weight: bold;
		line-height: 18px;
		text-align: center;
		background: #E50011;
		border-radius: 50%;
		min-width: 20px;
		box-sizing: border-box;
		left: 35px;
		top: -5px;
		z-index: 1;
		padding: 1px 0px 0px 2px;
	}

	#header .talk_mail .balloon {
		display: inline-block;
		*display: inline;
		padding-left: 10px;
		width: 155px;
		background: url(../img/background/balloon_gray_w11.png) no-repeat left center;
		vertical-align: middle;
		font-size: 80%;
		*zoom: 1;
		cursor: pointer;
	}

		#header .talk_mail .balloon .frame { padding: 5px; background: #ebebeb; line-height: 1.4; }

	#header .talk_mail .talk {
		position: relative;
		margin-bottom: 10px;
		width: 100%;
		cursor:pointer;
	}

		#header .talk_mail .talk a {
			position: relative;
			display: inline-block;
			*display: inline;
			width: 52px;
			height: 45px;
			vertical-align: middle;
			*zoom: 1;
		}

			#header .talk_mail .talk .balloon {}
				#header .talk_mail .talk .balloon .txt { float: none; display: inline; padding-top: 0; width: auto; height: auto; color: #00ADBA; }

	#header .talk_mail .mail {
		position: relative;
		width: 100%;
		height: 55px;
		cursor:pointer;
	}

		#header .talk_mail .mail a {
			position: relative;
			float: left;
			display: block;
			margin-top: 7px;
			width: 52px;
			height: 40px;
			text-align: center;
		}

		#header .talk_mail .mail .balloon .frame { clear: none; padding: 8px; background: #ebebeb; }
			#header .talk_mail .mail .balloon .frame .txt { float: none; display: inline; padding-top: 0; width: auto; height: auto; color: #00ADBA; }
			#header .talk_mail .mail .balloon .frame dl { margin: 5px 3px 0 0; padding: 2px 0 2px 10px; background: #fff; border: solid #000 1px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
			#header .talk_mail .mail .balloon .frame .yet { border-color: #e50011; } 
				#header .talk_mail .mail .balloon .frame dl dt { display: inline-block; *display: inline; width: 72px; *zoom: 1; }
				#header .talk_mail .mail .balloon .frame dl dd { display: inline-block; *display: inline; padding-left: 8px; border-left: solid #000 1px; *zoom: 1; }
				#header .talk_mail .mail .balloon .frame .yet dd { border-left-color: #e50011; color: #e50011; } 

/* style_check */
#header .style_check {
	clear: none;
	float: left;
	padding-left: 10px;
	width: 200px;
	cursor: pointer;
}

	#header .style_check a {
		float: left;
		display: block;
		margin-top: 36px;
		width: 35px;
		height: 35px;
	}

	#header .style_check .balloon {
		display: inline-block;
		padding-left: 10px;
		background: url(../img/background/balloon_gray_w11.png) no-repeat 0px center;
		font-size: 80%;
		cursor: pointer;
	}

		#header .style_check .balloon .frame { clear: none; padding: 8px; background: #ebebeb; }
			#header .style_check .balloon .frame .txt { float: none; display: inline; padding-top: 0; width: auto; height: auto; color: #00ADBA; }
			#header .style_check .balloon .frame dl { margin: 5px 3px 0 0; padding: 2px 10px; background: #fff; border: solid #000 1px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
			#header .style_check .balloon .frame .yet { border-color: #e50011; } 
				#header .style_check .balloon .frame dl dt { display: inline-block; *display: inline; width: 72px; *zoom: 1; }
				#header .style_check .balloon .frame dl dd { display: inline-block; *display: inline; padding-left: 8px; border-left: solid #000 1px; *zoom: 1; }
				#header .style_check .balloon .frame .yet dd { border-left-color: #e50011; color: #e50011; } 

/* limit */
#header .limit {
	clear: none;
	float: right;
	padding-right: 10px;
	width: 160px;
	text-align: center;
}

	#header .limit .frame {
		clear: none;
		padding: 5px 0;
		border-style: solid;
		border-width: 1px;
		border-color: #ebebeb;
	}

		#header .limit .yet { padding-top: 30px; }
			#header .limit .txt { padding-top: 5px; font-size: 80%; }
			#header .limit .count {}
				#header .limit .count span { font-size: 180%; font-weight: bold; color: #00ADBA; }

		#header .limit .already { padding-top: 4px; }
			#header .limit .coution { margin: 6px; padding: 4px 0 5px 15px; background: #e73829; font-size: 110%; color: #fff; }
				#header .limit .coution span { margin-left: 5px; }
			#header .limit .start { margin: 3px; font-size: 90%; }
			#header .limit .date { margin: 2px 0; color: #e73829; font-size: 90%; }

/* upper_right_area */
#header .upper_right_area {
	padding-top: 30px;
	float: right;
	width: 162px;
}
	#header .upper_right_area p.name { text-align: center; line-height: 23px; font-size: 112%; }
		#header .upper_right_area p.name img { height: 18px; }

	#header .upper_right_area .btn_list {
		float: right;
		width: 162px;
	}

		#header .upper_right_area .btn_list li {
			margin-top: 7px;
			font-size: 80%;
		}

			#header .upper_right_area .btn_list li input {
				display: block;
				width: 100%;
				height: 22px;
				background: #fff;
				border-style: solid;
				border-width: 1px;
				border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				-ms-border-radius: 5px;
				-o-border-radius: 5px;
				text-align: center;
			}
			#header .upper_right_area .btn_list .logout input { border-color: #C9C9CA; }

/* modal_index_error
------------------------------------------------ */
#modal_index_error {
	position: relative;
	margin: 0 auto;
	padding: 35px 20px;
	width: 300px;
	background: #fff;
	border: solid #e73829 1px;
	text-align: center;
}

	#modal_index_error h1 { padding-top: 50px; background: url(../img/icon/exclamation_red_w41.png) no-repeat center top; font-size: 180%; font-weight: normal; color: #E73829; }
	#modal_index_error .lead { margin-top: 10px; }
	#modal_index_error .coution { margin-top: 10px; padding: 5px 0; background: #e73829; font-size: 130%; color: #fff; }
	#modal_index_error .limit { margin-top: 10px; }
		#modal_index_error .limit .date { color: #e73829; }

/* modal_edit
------------------------------------------------ */
#modal_edit {
	position: relative;
	margin: 0 auto;
	width: 400px;
	background: #fff;
}

	#modal_edit ul {}
		#modal_edit ul li { width: 160px; text-align: center; }
		#modal_edit ul .groom { float: left; margin: 10px 10px 30px 25px; }
		#modal_edit ul .bride { float: right; margin: 10px 25px 30px 10px; }
			#modal_edit ul li span { display: block; padding: 140px 0 15px; width: 160px; background-color: #fff; background-position: center 30px; background-repeat: no-repeat; line-height: 25px; letter-spacing: .1em; border: solid #4c4c4c 1px; border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; font-size: 130%; color: #000; cursor: pointer; }
			#modal_edit ul .groom span { background-image: url(../img/icon/groom_blue_w86.png); }
			#modal_edit ul .bride span { background-image: url(../img/icon/bride_pink_w71.png); }

/*slider*/
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
	outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 100%;
	display: block;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}

/* FlexSlider Default Theme
*********************************/

.flexslider {
	position: relative;
	margin: 0 0 60px;
	border: 2px solid #dfdfdf;
	zoom: 1;

}
.flex-viewport{
	position: relative;
	width: 976px;
	margin: auto;
}
.flexslider .slides {
	zoom: 1;
}

/* Control Nav */

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -40px;
	text-align: center;

}
.flex-control-nav li {
	margin: 0 4px;
	display: inline-block;
	zoom: 1;
	*display: inline;

}
.flex-control-nav li  img{
	border: 2px solid #dfdfdf;
}

/* Direction Nav */

.flex-direction-nav {
	*height: 0;
}

.flex-direction-nav a {

	display: block;
	width: 23px;
	height: 90px;
	margin: -90px 0 0;
	position: absolute;
	background-color: #9AD7D4;
	color: #fff;
	line-height: 90px;
	text-align: center;
	font-size: 130%;
	font-family: "MS PGothic",Helvetica,Arial,sans-serif;
	font-weight: bold;
}

.flex-prev {
	border-left: solid #717071 1px;
	border-right: solid #717071 1px;
}
.flex-next {
	right: 0px;
	border-left: solid #717071 1px;
	border-right: solid #717071 1px;
}

/* message_warning */
#message_warning {
	text-align: center;
	margin: 5px 0;
	color: #ff0000;
	font-size: 120%;
}

/* news_list */
#news_list {
	width: 100%;
	border-top: solid #717071 1px;
	overflow: hidden;
}

	#news_list .news_list_contents {
	}

		#news_list .news_list_contents .slides {
			clear: none;
			float: left;
			height: 90px;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			-o-box-sizing: border-box;
		}

			#news_list .news_list_contents .slides li {
				clear: none;
				float: left;
				padding: 10px 4px 10px 8px;
				width: 221px;
				height: 90px;
				border-left: solid #717071 1px;
			}

			#news_list .news_list_contents .notSlider li {
				clear: none;
				float: left;
				padding: 10px 1%;
				width: 256px;
				height: 90px;
				border-left: solid #717071 1px;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-ms-box-sizing: border-box;
				-o-box-sizing: border-box;
			}

			#news_list .news_list_contents .wrap .useful {
				cursor: pointer;
			}

			#news_list .news_list_contents .wrap li.last-child { border-right: solid #717071 1px; }

				#news_list .news_list_contents .wrap li .photo {
					position: relative;
					float: left;
					padding-right: 2%;
					width: 85px;
					height: 75px;
				}

					#news_list .news_list_contents .wrap li .photo .icon { position: absolute; top: 0; left: 0; width: auto; } 

				#news_list .news_list_contents .wrap li .info {
					float: left;
					width: 100%;
				}
				#news_list .news_list_contents .wrap .no_photo .info { float: none; width: 100%; }

					#news_list .news_list_contents .wrap li .info dl {}
						#news_list .news_list_contents .wrap li .info dl dt { font-size: 80%; }
						#news_list .news_list_contents .wrap li .info dl dd { margin-top: 5px; font-size: 80%; line-height: 1.2; word-break: break-all; }
					#news_list .news_list_contents .wrap li .info .more { margin-top: 3px; width: auto; }


/* gnav */
#gnav {
	background: #fff;
	border-top: solid #717071 1px;
}

	#gnav ul {
		width: 1023px;
		border-left: solid #717071 1px;
	}

		#gnav ul li {
			float: left;
			width: 146px;
			height: 32px;
			border-right: solid #717071 1px;
			border-bottom: solid #717071 1px;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			-o-box-sizing: border-box;
			text-align: center;
		}
		#gnav ul li.last-child { width: 147px; }

			#gnav ul li input {
				display: block;
				width: 100%;
				height: 100%;
				font-size: 110%;
				color: #4B4848;
			}

			#gnav ul li input.on,#gnav ul li input:hover { background: #00ADBA; color: #fff; }

/* container
------------------------------------------------ */
#container {
	position: relative;
	margin: -10px auto 0;
	padding: 0 10px;
	width: 1004px;
	background: #f4f4f4;
	z-index: 1;
}

/* under_container
------------------------------------------------ */
#under_container {
	position: relative;
	margin-top: -10px;
	background: #fff;
	z-index: 1;
}

/* contents
------------------------------------------------ */
#contents {
}

	#main_column { float: right; padding: 10px 0; width: 800px; }
	#side_column { float: left; padding: 10px 0; width: 190px; }

/* footer
------------------------------------------------ */
#footer {
	margin: 0 auto;
	padding: 5px 0;
	width: 1024px;
	border-top: solid #777 1px;
	text-align: center;
}

	#footer ul {
		font-size: 80%;
	}

		#footer ul li {
			display: inline;
			padding: 0 8px;
		}

			#footer ul li a { color: #4B4848; }

	#footer #copyright {
		margin-top: 5px;
		background: #fff;
		font-size: 80%;
	}

/* modalwindow
------------------------------------------------ */
.modal-close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 8px;
	height: 8px;
	background: url(../img/button/close_black_w8.png) no-repeat left top;
	text-indent: -9999px;
	z-index: 10;
}
.jqui-onew-titlebar-hide-close > .ui-icon-closethick {
	background-image: none!important;
}
/* common
------------------------------------------------ */
.require {
	padding: 2px;
	background-color: #ff0000;
	color: #ffffff;
	font-size: 80%;
	text-align: center;
}

/* 赤枠コメント
------------------------------------------------ */
.redFrameComment {
	width: 490px;
	height: 18px;
	font-weight: bold;
	border: 1px #CC3300 solid;
	background-color: #ffefef;
	padding: 6px;
	margin: auto auto;
	margin-bottom: 8px;
	text-align: center;
	line-height: 18px
}

/* メッセージ出力用スタイルシート
------------------------------------------------ */
.errorDiv{
	margin: 15px auto;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	font-size: 120%;
	line-height: 20px;
}
.successDiv{
	margin: 15px auto;
	font-weight: bold;
	color: #0000FF;
	text-align: center;
	font-size: 120%;
	line-height: 20px;
}
.messageDiv{
	margin: 15px auto;
	font-weight: bold;
	color: #000000;
	text-align: center;
	font-size: 120%;
	line-height: 20px;
}
.infoDiv{
	margin: 15px auto;
	font-weight: bold;
	color: #00ADBA;
	text-align: center;
	font-size: 120%;
	line-height: 20px;
}
.noticeDiv{
	margin: 15px auto;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	font-size: 120%;
	line-height: 20px;
}

.lockdateEdit {
    width: 320px !important;
}

#lockdateEdit .LockDate {
	height: 30px;
    vertical-align: middle;
    display: inline-block;
    padding: 2px 11px 2px 12px;
    font-size: 16px;
    margin-bottom: 13px;
    border: 1px solid;
}

#lockdateEdit .bg-res-button {
	float: right;
    padding: 5px;
}

#lockdateEdit .res-btn {
	padding: 6px;
    width: 70px;
	background-color: #1e87f0;
	color: #fff;
	border: 1px solid transparent;	
}

#lockdateEdit .res-label {
	font-size: 18px;
    padding: 2px 0;
    text-align: center;
    color: black;
    margin-top: 5px;
    margin-bottom: 30px;
    vertical-align: text-bottom;
}

#lockdateEdit .bg-res-calander {
	margin-right: 17px;
}

/* 日付ボックス */
input::-webkit-datetime-edit-day-field:focus,
input::-webkit-datetime-edit-month-field:focus,
input::-webkit-datetime-edit-year-field:focus {
    background-color: transparent;
    color: black;
    outline: none;
}