@charset "utf-8";

/* ===================================================================

CSS information

 file name  : style.css
 style info :トップページCSS
 
=================================================================== */


/* ===================================================================

	トップページ
	 
=================================================================== */

.MainVisual {
	clear:both;
	text-align:center;
}

/* ========================= Global Navi ========================= */

.Gnavi {
	text-align:center;
	background:url(images/bg_Gnavi.gif) repeat-x;
}

.Gnavi ul.inner {
	width:900px;
	margin:0 auto;
}

.Gnavi ul.inner li { float:left; }

/* ========================= Global Navi ========================= */


/* ========================= Layout ========================= */

#Top-Wrapper {
	clear:both;
	text-align:center;
	background:#EFECE6 url(common/images/bg_main_01.gif) repeat-x top;
}

#Top-Wrapper02 {
	background:url(common/images/bg_main_02.gif) repeat-x bottom;
	padding:0 0 30px 0;
}

#Top-Container {
	width:940px;
	margin:0 auto;
}

#Top-Contents {
	float:left;
	text-align:left;
	width:630px;
}

/* ========================= Layout ========================= */

/* ========================= Seasonal Menu ========================= */

#Top-Contents .seasonal {
}

#Top-Contents .seasonal .inner {
	width:572px;
	_width:610px;
	padding:2px 15px 8px 32px;
	_padding:10px 15px 0 32px;
	background:url(images/bg_menu.gif) no-repeat;
}

#Top-Contents .seasonal .inner02 {
	width:572px;
	_width:610px;
	padding:2px 15px 8px 32px;
	_padding:10px 15px 0 32px;
	background:url(images/bg_menu02.gif) no-repeat;
}

#Top-Contents .seasonal h2 {
}

#Top-Contents .seasonal dl {
	float:left;
	margin-right:4px;
	width:186px;
}

#Top-Contents .seasonal dl.none {
	margin-right:0;
}

#Top-Contents .seasonal dd {
	font-size:85%;
	line-height:150%;
	text-align:center;
}

#Top-Contents .seasonal .frame-btm {
	display:block;
	margin-left:10px;
	vertical-align:text-bottom;
}

#Top-Contents .att {
	margin:15px 20px;
	padding:10px;
	color:#CC0000;
	border:#CC0000 solid 1px;
}

/* ========================= Seasonal Menu ========================= */

/* ========================= Guide ========================= */

#Top-Contents .guide {
	margin:25px 0 25px 20px;
	padding-bottom:55px;
	background:url(common/images/icon_frame_01.gif) no-repeat bottom;
	height:1%;
}

#Top-Contents .guide li {
	float:left;
	margin-right:10px;
	margin-bottom:15px;
}

#Top-Contents .guide li.none { margin-right:0; }

#Top-Contents .guide ul.photo li.wedding { background:url(images/img_wedding_01.jpg) no-repeat top; }
#Top-Contents .guide ul.photo li.hydro   { background:url(images/img_hydro_01.jpg) no-repeat top; }
#Top-Contents .guide ul.photo li.gift    { background:url(images/img_gift_01.jpg) no-repeat top; }

#Top-Contents .guide ul.photo li.wedding,
#Top-Contents .guide ul.photo li.hydro,
#Top-Contents .guide ul.photo li.gift {
	width:190px;
	padding:15px 0 0 0;
}

#Top-Contents .guide ul.photo li.wedding h3,
#Top-Contents .guide ul.photo li.hydro   h3,
#Top-Contents .guide ul.photo li.gift    h3 {
	display:block;
	text-indent:-1000em;
	margin-bottom:10px;
}

#Top-Contents .guide ul.photo li.wedding h3 a,
#Top-Contents .guide ul.photo li.hydro h3 a,
#Top-Contents .guide ul.photo li.gift h3 a {
	display:block;
	height:141px;
}

#Top-Contents .guide ul.photo li.wedding p,
#Top-Contents .guide ul.photo li.hydro   p,
#Top-Contents .guide ul.photo li.gift    p { margin:0 10px; }

#Top-Contents .guide ul.frame {
	background:url(images/frame_top_01.gif) no-repeat bottom;
	width:590px;
	padding:0 0 10px 0;
}

#Top-Contents .guide ul.frame li {
	display:inline;
	font-size:85%;
	font-weight:bold;
	background:url(common/images/icon_arrow_01.gif) no-repeat 0 4px;
	padding:0 0 0 23px;
	width:140px;
	_width:160px;
}

#Top-Contents .guide ul.frame li a { color:#CC3300; }

#Top-Contents .guide ul.frame li.wedding { margin:15px 0 0 10px; }
#Top-Contents .guide ul.frame li.hydro   { margin:15px 0 0 38px; }
#Top-Contents .guide ul.frame li.gift    { margin:15px 0 0 38px; }



/* ========================= Guide ========================= */

/* ========================= Column ========================= */

#Top-Contents .column {
	clear:both;
	background:url(common/images/line_stripe_01.gif) repeat-x bottom;
	padding-bottom:50px;
	margin:0 0 30px 20px;
	width:590px;
}

#Top-Contents .column .column-body {
	border-left:5px solid #E2DFCC;
	border-right:5px solid #E2DFCC;
	border-bottom:5px solid #E2DFCC;
	background:#E8E6D6;
	padding:0 25px 15px 25px;
	height:1%;
}

#Top-Contents .column .column-body .blog {
	float:left;
	width:257px;
}

#Top-Contents .column .column-body .experience {
	float:right;
	width:257px;
}

#Top-Contents .column .column-body .thumbnail { float:left; }

#Top-Contents .column .column-body dl {
	float:right;
	width:170px;
}


#Top-Contents .column .column-body dt {
	font-weight:bold;
	color:#000;
	margin-bottom:8px;
}

/* ========================= Column ========================= */

/* ========================= Banner ========================= */

.Banner { text-align:center; }

.Banner img { margin-right:10px; }

/* ========================= Banner ========================= */


/* ========================= Side ========================= */

#Top-Side {
	float:right;
	text-align:left;
	width:271px;
	margin:35px 20px 0 0;
}

#Top-Side h4 { margin-bottom:20px; }

#Top-Side ul.btn-Area {
	background:url(common/images/line_stripe_01.gif) repeat-x bottom;
	padding-bottom:30px;
	margin-bottom:25px;
}

#Top-Side ul.btn-Area li { margin-bottom:3px; }

#Top-Side .information {
	background:url(images/frame_side_01.gif) no-repeat bottom;
	padding-bottom:15px;
	margin-bottom:10px;
}

#Top-Side .information .item {
	background:url(common/images/line_dot_02.gif) repeat-x bottom;
	padding:0 5px 15px;
	margin-bottom:10px;
	height:1%;
}

#Top-Side .information .item-end { padding:0 5px 15px; }

#Top-Side .information .item .thumbnail,
#Top-Side .information .item-end .thumbnail {
	clear:both;
	float:right;
	margin:0 0 0 10px;
}

#Top-Side .information .item dl dt,
#Top-Side .information .item-end dl dt {
	font-size:85%;
	color:#E18469;
}

#Top-Side .information .item dl dd,
#Top-Side .information .item-end dl dd { line-height:180%; }

#Top-Side .information li {
	font-size:85%;
	margin:15px 0 0 10px;
}

#Top-Side .information li a {
	color:#CC3300;
	background:url(common/images/icon_arrow_01.gif) no-repeat 0 4px;
	padding-left:22px;
}

/* ===================================================================

	サイトマップ
	 
=================================================================== */

.Sitemap .entry { margin:30px 10px 0 10px; }

.Sitemap .entry dl.left {
	float:left;
	margin-bottom:30px;
}

.Sitemap .entry dl.right {
	float:right;
	background:url(common/images/line_dot_03.gif) repeat-y left;
	padding:0 0 15px 30px;
	margin-bottom:30px;
}


.Sitemap .entry dt {
	font-weight:bold;
	background:url(common/images/icon_arrow_03.gif) no-repeat 0 7px;
	padding-left:12px;
	margin:20px 0 10px 0;
}

.Sitemap .entry dd {
	background:url(common/images/icon_arrow_03.gif) no-repeat 0 7px;
	padding-left:12px;
	margin:0 0 8px 16px;
}

.Sitemap .entry dt span {
	font-size:85%;
	font-weight:normal;
}

.Sitemap .entry dt.none { margin:0 0 8px 0; }