@charset "utf-8";
/*========================= CONTENTS ==========================

	1: universal reset
	2: accessibility
	3: common setting
	4: layout setting
	5: element setting
	6: other element

============================================================*/



/*============================================================
	1: -■■■ universal reset ■■■
============================================================*/

	* {
		margin:0;
		padding:0;
	}
	html {
		overflow-y:scroll;
	}
	ul,li {
		list-style-type:none;
	}
	img {
		vertical-align:bottom;
		border-width:0;
	}
	table,td,th {
		vertical-align:top;
		text-align:left;
		border:none;
		border-spacing:0;
		border-collapse:separate;
	}
	*:first-child+html table{
		border-collapse:collapse;
	}
	h1,h2,h3,h4,h5,h6,em,strong,address,th {
		font-style:normal;
		font-weight:normal;
	}
	textarea {
		font-size:75%;
	}




/*============================================================
	2: -■■■ accessibility ■■■
============================================================*/




/*============================================================
	3: -■■■ common setting ■■■
============================================================*/

/* -common
----------------------------------------------------------- */
	body {
		font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka;
		color: #333;
		background: #fcfcfb;
		font-size: 14px;
		line-height: 20px;
		z-index: 1;
		width: 100%;
		min-width: 1000px;
	}
	strong {
		font-style: normal;
		font-weight: bold;
	}
	em {
		font-style:normal;
		font-weight:bold;
	}



/* -a
----------------------------------------------------------- */
	a:link {
		color:#262626;
		text-decoration:underline;
	}
	a:visited {
		color:#262626;
		text-decoration:underline;
	}
	a:hover {
		color:#262626;
		text-decoration:none;
	}
	a:active {
		color:#262626;
	}





/*============================================================
	4: -■■■ layout setting ■■■
============================================================*/


/* -#area_header
----------------------------------------------------------- */
	#area_header {
		background:url(../images/module_parts/area_header/bg01.png) 0 0 repeat-x;
		padding: 15px 0 16px;
		min-width: 1000px;
		text-align: center;
	}
		#area_header .padder {
			width: 960px;
			margin: 0 auto;
			text-align: left;
			*zoom: 1;
		}
		#area_header .padder:after {
			content: "";
			display: block;
			clear: both;
		}

		#area_header .header_left_block {
			float:left;
			width: 800px;
		}
		#area_header .header_left_block p#logo01 {
			width: 79px;
			float: left;
		}
		#area_header .header_left_block .elem_header_text {
			width: 700px;
			float: left;
			padding-top:19px;
		}
		#area_header .header_left_block .elem_header_text h1 ,
		#area_header .header_left_block .elem_header_text p {
			font-size: 11px;
			color: #777;
			line-height: 1.36;
		}
		
		
		#area_header .header_right_block {
			float: right;
			width: 125px;
			padding: 26px 2px 10px 0;
		}
			#area_header .header_right_block p {
				background: url(../images/module_parts/area_header/logo02.png);
				width: 125px;
				height: 27px;
				display: block;
				text-indent: -9999px;
			}
			#area_header .header_right_block p a {
				width: 125px;
				height: 27px;
				display: block;
			}

/* -#area_content
----------------------------------------------------------- */
	#area_content {
		background:url(../images/module_parts/area_content/bg01.png) 0 0 repeat-x;
		min-width:980px;
	}
		#area_content .padder {
			width: 960px;
			margin: 0 auto;
			padding: 30px 0;
			*zoom: 1;
		}
		#area_content .padder:after {
			content: ""; 
			display: block; 
			clear: both;
		}


/* -#area_footer
----------------------------------------------------------- */
	#area_footer {
		background: #003479;
	}
		#area_footer > div {
			min-width: 960px;
			width: 960px;
			margin: 0 auto;
			padding: 2px 0;
			zoom: 1;
		}
		#area_footer > div:after  {
			content: ""; 
			display: block; 
			clear: both;
		}
		#area_footer ul {
			width: 830px;
			float: left;
			zoom: 1;
		}
		#area_footer ul:after {
			content: ""; 
			display: block; 
			clear: both;
		}
			#area_footer ul li {
				float: left;
				margin-right: 15px;
				vertical-align: middle;
			}
				#area_footer ul li a {
					color: #fff;
					font-size: 10px;
					line-height: 1.1;
					background: url(../images/module_parts/area_footer/arrow.gif) no-repeat 0 0.5em;
					padding-left: 12px;
				}
		#area_footer p.copyright {
			width: 130px;
			float: left;
			padding: 5px 0;
		}
		#area_footer p.copyright img {
			vertical-align: middle;
		}
		



/* -#elem_main_visual
----------------------------------------------------------- */
	#elem_main_visual {
		margin: -2px -3px 0 -2px;
		padding: 0 0 27px;
	}
		#elem_main_visual div {
			width: 965px;
			height: 1288px;
			background:url(../images/module_parts/elem_main_visual/bg01.jpg) 0 0 no-repeat;
		}


/* -#area_top_style
----------------------------------------------------------- */
	#area_top_style {
		padding: 0 0 35px;
		*zoom:1;
	}
		#area_top_style .pad {
			background:url(../images/module_parts/area_top_style/bg01.png);
			border: 1px solid #ddddd9;
			display: block;
			padding: 0 28px 28px;
			*padding: 0 28px 0px;
			box-shadow: 0 0 1px 1px #eeeee9;
			-webkit-box-shadow: 0 0 1px 1px #eeeee9;
			border-radius: 2px;
			*zoom:1;
		}
		#area_top_style .pad:after {
			content: "";
			display: block;
			clear: both;
		}
		#area_top_style h2 {
			width: 968px;
			height: 67px;
			background: url(../images/module_parts/area_top_style/h2.png) no-repeat 0 0;
			margin: -4px -32px 25px;
		}
		#area_top_style h3 {
			width: 732px;
			height: 72px;
			background: url(../images/module_parts/area_top_style/h3.png) no-repeat 0 0;
			margin: 0 auto 24px;
		}
		#area_top_style .elem_style {
			float: left;
			width: 444px;
		}
		#area_top_style #elem_style01 {
			float: left;
		}
		#area_top_style #elem_style02 {
			float: right;
		}
			#area_top_style .elem_style h4 {
				width: 444px;
				height: 342px;
			}
			#area_top_style #elem_style01 h4 {
				background: url(../images/module_parts/area_top_style/h4_01.png) no-repeat 0 0;
			}
			#area_top_style #elem_style02 h4 {
				background: url(../images/module_parts/area_top_style/h4_02.png) no-repeat 0 0;
			}
			#area_top_style .elem_style h5 {
				width: 444px;
				height: 52px;
			}
			#area_top_style #elem_style01 h5 {
				background: url(../images/module_parts/area_top_style/h5_01.png) no-repeat 0 0;
			}
			#area_top_style #elem_style02 h5 {
				background: url(../images/module_parts/area_top_style/h5_02.png) no-repeat 0 0;
			}
			#area_top_style .elem_style p {
				min-height: 95px;
				text-align: center;
				padding: 0 15px 27px;
				background:url(../images/module_parts/area_top_style/bg02.png) no-repeat 0 100%;
			}
			#area_top_style .elem_style a {
				text-align: center;
				background:url(../images/module_parts/area_top_style/button.png) no-repeat 0 0;
				width: 181px;
				height: 38px;
				margin: 14px auto 0;
				*zoom:1;
			}



	/* -#area_wedding_list
	----------------------------------------------------------- */
		#area_wedding_list {
			background:url(../images/module_parts/area_wedding_list/bg01.png) 0 0 no-repeat;
			position: relative;
			margin: -25px 0 0 -24px;
			padding: 115px 36px 85px 45px;
			width: 920px;
			overflow: hidden;
			zoom: 1;
		}
			#area_wedding_list .heading{
				background:url(../images/module_parts/area_wedding_list/heading.png) 0 0 no-repeat;
				position:absolute;
				width:244px;
				height:49px;
				margin: 0 0 0 -122px;
				left: 50%;
				top: 41px;
				zoom: 1;
			}
			#area_wedding_list .text{
				background:url(../images/module_parts/area_wedding_list/text.png) 0 0 no-repeat;
				position:absolute;
				width:411px;
				height:16px;
				margin: 0 0 0 -206px;
				left: 50%;
				top: 346px;
				zoom: 1;
			}
			#area_wedding_list ul {
				margin:0 0 0 -11px;
			}
				#area_wedding_list ul li {
					float:left;
					padding:0 0 21px 11px;
					width:122px;
				}
					#area_wedding_list ul li a {
						display:block;
						height:95px;
						width:122px;
						position:relative;
						zoom:1;
						cursor:pointer;
					}
						#area_wedding_list ul li a:hover{
							height:95px;
							width:122px;
							position:relative;
							zoom:1;
							opacity:0.75;
							-ms-filter:"alpha(opacity=50)";
							filter:alpha(opacity=50);
						}
						#area_wedding_list ul li a img {
							vertical-align:top;
						}



/*============================================================
	0: -■■■ etc ■■■
============================================================*/
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.hide_text{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 120%;
}
