@charset "Shift_JIS";

/*-------------------------------------------------------------------
	IDENTIFICATION DIVISION.
	Version.												1.4.1.2;
	Author.												Kenta Aga(admin)
	Aptx.													4.8.6.9;

	PROGRAM-ID.									"index"
-------------------------------------------------------------------*/

/*****************************************************
	DATA DIVISION.
	WORKING-STRAGE SECTION.
*****************************************************/

#contents h2{
	margin-bottom									: 24px;
}

#contents .chapter{
	zoom													: 1;
	margin-bottom									: 30px;
}


.article #main{
	float													: left;
	width													: 642px;
}
.article #sub{
	float													: right;
	width													: 293px;
}


/* more
�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/
#contents .more{
	text-align											: right;
}
#contents #specialhouse .more a,
#contents #gallery .more a,
#contents #voice .more a{
	padding-left										: 24px;
	background										: url(../../img/share/icon/arrow/silver.gif) no-repeat center left;
}


/*-------------------------------------------------------------------
	accent
-------------------------------------------------------------------*/
#wrap .accent{
	position												: relative;
	margin												: 0 auto;
	margin-top											: -13px;
	margin-bottom									: 36px;
	width													: 100%;
	height													:697px;
}

#slide #list{
	position												: relative;
	width													: 1140px;
	height													: 624px;
}

#slide #list li{
	position												: absolute;
	top														: 0;
}

#flasharea .img{
	background:url(../../img/index/accent.jpg) no-repeat center 0;
	height:697px;
}

/* navi
�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/
#slide #navi{
	position												: absolute;
	bottom												: 10px;
	left														: 92px;
	overflow												: hidden;
}

#slide #navi li{
	float													: left;
	display												: inline;
	margin-left										: 8px;
	width													: 12px;
	height													: 12px;
	background										: url(../../img/index/accent/tip/over.gif) repeat top left;
	border-radius										: 6px;
}

#slide #navi li a{
	display												: block;
	width													: 12px;
	height													: 12px;
	text-indent										: -9999em;
	background										: #fff;
	border-radius										: 6px;
}

#slide #navi li a:hover,
#slide #navi li a.current{
	background										: transparent;
}


/*-------------------------------------------------------------------
	special house
-------------------------------------------------------------------*/

#specialhouse .listarea{
	width:970px;
	margin-left:-18px;
}

#specialhouse ul.item{
	width:970px;
	overflow:hidden;
}
#specialhouse li{
	position												: relative;
	zoom													: 1;
	margin-bottom									: 8px;
	margin-right									: 15px;
	float														: left;
	width:320px;
}

#specialhouse dl{
	position												: relative;
	float													: left;
	margin-left										: 15px;
	width													: 301px;
}

#specialhouse dt{
	position												: absolute;
	top														: 10px;
	left														: -20px;
	z-index												: 100;
}

#specialhouse dd{
	position												: relative;
}
#specialhouse dd span{
	position												: absolute;
	top														: 10px;
	left														: 10px;
	z-index												: 10;
}
#specialhouse .more{
	margin-right:3px;
}

/*-------------------------------------------------------------------
	chapter item
-------------------------------------------------------------------*/
.chapter.item dl{
	position												: relative;
	float													: left;
	display												: inline;
}


/*-------------------------------------------------------------------
	gallery
-------------------------------------------------------------------*/
#gallery{
	position												: relative;
	margin-left										: -12px;
	width													: 317px;
}
#gallery dd{
	padding												: 8px 0 59px 0;
	background										: url(../../img/index/gallery/background.gif) no-repeat 22px bottom;
}

#gallery dd .top_gallery{
	margin-left: 64px;
}

.top_gallery ul.item{
	zoom													: 1;
	position												: relative;
	overflow												: hidden;
	width													: 189px;
	height													: 179px;
}


.top_gallery ul.item li{
	float														: left;
	display												: inline;
	margin-right										: 6px;
	width													: 189px;
	height													: 179px;
	background										: #fff;
}

/*-------------------------------------------------------------------
	think
-------------------------------------------------------------------*/
#think{
	margin-left										: 40px;
	padding-top										: 32px;
}

/*-------------------------------------------------------------------
	talk
-------------------------------------------------------------------*/
#talk{
	margin-left										: 53px;
	margin-right										: -17px;
}

/*-------------------------------------------------------------------
	face2face
-------------------------------------------------------------------*/
#face2face{
	float													: left;
	margin-left										: -12px;
}


/*-------------------------------------------------------------------
	along
-------------------------------------------------------------------*/
#along h2{
	margin-bottom									: 10px;
}

#along .section{
	position												: relative;
	padding												: 10px 0;
	width													: 642px;
	background										: #e6e2da;
}

#along .slideshow{
	margin-left											: 24px;
}

#along ul.item{
	zoom													: 1;
	position												: relative;
	overflow												: hidden;
	width													: 606px;
	height													: 128px;
}


#along ul.item li{
	float														: left;
	display												: inline;
	margin-right										: 6px;
	width													: 293px;
	height													: 128px;
	background										: #fff;
}

#along ul.item li dl{
	zoom													: 1;
	position												: relative;
	padding												: 10px;
	font-size												: 91%;
	overflow												: hidden;
}
#along ul.item li dt{
	float														: left;
	margin-right										: 10px;
}

#along ul.item li dd p{
	margin-bottom									: 14px;
	line-height											: 1.5;
}

#along ul.recentButton li.prev {
	position												: absolute;
	top														: 10px;
	left														: 0px;
}

#along ul.recentButton li.next {
	position												: absolute;
	top														: 10px;
	right													: 0px;
}



/*-------------------------------------------------------------------
	voice
-------------------------------------------------------------------*/
#voice ul{
	position												: relative;
	margin-left											: -32px;
	margin-bottom									: 6px;
}

/*-------------------------------------------------------------------
	flow
-------------------------------------------------------------------*/
#flow{
	float													: right;
}

/*-------------------------------------------------------------------
	banner
-------------------------------------------------------------------*/
#banner{
	zoom													: 1;
	position												: relative;
	margin-left										: -23px;
	overflow												: hidden;
}

#banner li{
	float													: left;
	margin-left										: 23px;
	display:inline;
}
#banner li.photoalbum{
	margin-left										: 15px;
}

/*-------------------------------------------------------------------
	sub
-------------------------------------------------------------------*/

#sub .chapter{
	padding-bottom								: 18px;
	border-bottom									: 1px solid #e2ddd6;
}

/* news
�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/
#sub #news dl{
	margin-bottom									: 8px;
}

/* columun
�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/
#sub #columun dl{
	margin-bottom									: 8px;
	padding												: 8px;
	background										: url(../../img/index/columun/background.gif) repeat top left;
}

#sub #columun dd{
	margin-top										: 6px;
	padding												: 11px;
	color													: #fff;
	background										: #c4c582;
}


/* blog
�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P�P*/
#sub #blog{
	margin-top											: 60px;
	padding												: 16px 18px;
	font-size												: 91%;
	background										: url(../../img/index/background-note.gif) repeat-y top left;
}

#sub #blog .photo{
	margin-left										: 18px;
}
#sub #blog .photo img{
	border												: 4px solid #fff;
	box-shadow										: 2px 2px 8px #a1a1a1;
}

#sub #blog dt,
#sub #blog dd{
	line-height											: 1.4;
}

#sub #blog dd{
	margin-bottom									: 16px;
}

#sub #blog dd a{
	font-weight										: bold;
}
#sub #blog dd a:link{
	color													: #333333;
	text-decoration								: none;
}
#sub #blog dd a:visited{
	color													: #333333;
	text-decoration								: none;
}
#sub #blog dd a:hover{
	color													: #333333;
	text-decoration								: underline;
}

/*------------------------------------------------
	informazione
------------------------------------------------*/
#informazione{
	display:none;
	position							: absolute;
	top									: 230px;
	left									: 50%;
	margin-left					: -348px;
	width								: 702px;
	background					: #fff;
	text-align						: left;
	z-index							: 200;
	border-radius				: 13px;
	box-shadow					: 0 0 8px #999;
}

#informazione dd.closebtn{
	position							: absolute;
	top									: -10px;
	right								: -13px;
	padding							: 0;
	cursor								: pointer;
}

#informazione dd{
	padding:3px 0;
	text-align:center;
}
#informazione dd img{
	border-radius				: 13px;
}


#informazione dd li{
	margin-bottom				: 9px;
	text-align						: center;
}
#informazione dd li.lastChild{
	margin-bottom				: 0;
}


/*-------------------------------------------------------------------
	clearfix
-------------------------------------------------------------------*/
#contents .chapter:after,
#specialhouse li:after{
	content												: ".";
	display												: block;
	clear													: both;
	height													: 0;
	visibility												: hidden;
}