@charset "UTF-8";

/* ======== sideArea ======== */

#sideArea h1{
	width:180px;
	margin:0 0 49px 0;
}

/* ======== topContent ======== */

#topContent{ width:698px; border-right:1px solid #D9D9D9; border-left:1px solid #D9D9D9; background-color:#FFFFFF; float:left; }

#mainvisual { position:relative; width:698px; height:420px; border-bottom:1px solid #D9D9D9; overflow:hidden; }
#mainvisual ul { list-style:none; }
#mainvisual p.prev { position:absolute; top:191px; left:5px; }
#mainvisual p.next { position:absolute; top:191px; left:664px; }
#mainvisual p.prevBg { position:absolute; top:0px; left:0px; }
#mainvisual p.nextBg { position:absolute; top:0px; left:654px; }
#mainvisual p.lock { position:absolute; top:0px; left:0px; }

#mainNavi { width:698px; height:39px; }
#mainNavi ul { float:right; padding:9px 12px 0 0; }
#mainNavi ul li { float:left; position:relative; width:7px; height:7px; margin:0 6px 0 0; list-style:none; font-size:0; line-height:0; }
#mainNavi ul li img { position:absolute; left:0px; top:0px; }

#topContent div.field { width:660px; padding:0 19px 0 19px; }

/* -------- left side -------- */

#topContent div.areaL{
	width:394px;
	padding:0 10px 0 0;
	float:left;
}
#topContent div.areaL div.search{
	width:394px;
	padding:0 0 38px 0;
}
#topContent div.areaL div.search div.header{
	width:193px;
	padding:0 0 19px 0;
}
#topContent div.areaL div.search div.header h2{
	float:left;
	margin:0 15px 0 0;
}
#topContent div.areaL div.search div.header a{
	display:block;
	float:left;
}
#topContent div.areaL div.search div.note{
	padding:0 0 8px 0;
}
#topContent div.areaL div.search dl {}
#topContent div.areaL div.search dl dt { clear:left; float:left; width:280px }
#topContent div.areaL div.search dl dd { padding:0 0 0 280px; background:url(../images/common/separate.gif) left bottom repeat-x; }

#topContent div.areaL div.search input.text{
	width:251px;
	height:21px;
}
#topContent div.areaL div.search input.image{
	width:92px;
}

#topContent div.areaL div.mdse{
	width:394px;
	padding:0 0 25px 0;
}
#topContent div.areaL div.mdse div.header{
	width:394px;
	padding:0 0 27px 0;
}
#topContent div.areaL div.mdse div.header h2{
	float:left;
	margin:0 15px 0 0;
}
#topContent div.areaL div.mdse div.header a{
	display:block;
	float:left;
}
#topContent div.areaL div.mdse div.matter{
	width:394px;
}
#topContent div.areaL div.mdse div.matter ul{
	width:394px;
	list-style:none;
}
#topContent div.areaL div.mdse div.matter ul:after  { content:"."; display:block; height:0; visibility:hidden; clear:both; }
#topContent div.areaL div.mdse div.matter ul        { display:inline-block; }
	* html #topContent div.areaL div.mdse div.matter ul { height:1%; }
#topContent div.areaL div.mdse div.matter ul        { display:block; }

#topContent div.areaL div.mdse div.matter li {
	width:162px;
	padding:0 10px 13px 18px;
	white-space:nowrap;
	float:left;
	background:url(../../site/images/icon_arrow_r.gif) 8px 0 no-repeat;
}
#topContent div.areaL div.mdse div.matter li span {
	display:block;
	line-height:1em;
	padding:0 0 5px 0;
}
#topContent div.areaL div.mdse div.matter li p {
	font-size:0; line-height:0;
}
#topContent div.areaL div.mdse div.matter li p img {
	border:1px solid #E5E5E3;

}


#topContent div.areaL div.info{
	width:394px;
	padding:0 0 23px 0;
}
#topContent div.areaL div.info div.header{
	width:394px;
	padding:0 0 27px 0;
}
#topContent div.areaL div.info div.header h2{
	float:left;
	margin:0 15px 0 0;
}
#topContent div.areaL div.info div.header a{
	display:block;
	float:left;
}
#topContent div.areaL div.info div.matter{
	width:394px;
}
/*
#topContent div.areaL div.info div.matter dl {}
#topContent div.areaL div.info div.matter dl dt { clear:left; float:left; width:145px padding:0 0 11px 0; }
#topContent div.areaL div.info div.matter dl dt img { margin:0 0 0 13px; vertical-align:top; }
#topContent div.areaL div.info div.matter dl dd { padding:0 0 11px 145px; }
*/

#topContent div.areaL div.info div.matter dl {}
	#topContent div.areaL div.info div.matter dl:after  { content:"."; display:block; height:0; visibility:hidden; clear:both; }
	#topContent div.areaL div.info div.matter dl        { display:inline-block; }
	* html #topContent div.areaL div.info div.matter dl { height:1%; }
	#topContent div.areaL div.info div.matter dl        { display:block; }
#topContent div.areaL div.info div.matter dl dt { clear:left; float:left; width:147px padding:0 0 11px 0; }
#topContent div.areaL div.info div.matter dl dt img { margin:0 0 0 10px; vertical-align:top; }
#topContent div.areaL div.info div.matter dl dd { padding:0 0 11px 147px; }

/*vertical-align:0em;*/

/* -------- right side -------- */

#topContent div.areaR{
	width:250px;
	float:right;
}

#topContent div.areaR div.twitter{
	width:250px;
/*	height:378px;*/
	padding:0 0 38px 0;
}
#topContent div.areaR div.twitter div.header {
	width:250px;
	padding:0 0 20px 0;
}
#topContent div.areaR div.twitter div.header h2 {}

#topContent div.areaR div.banner ul { list-style:none; }
	#topContent div.areaR div.banner ul:after  { content:"."; display:block; height:0; visibility:hidden; clear:both; }
	#topContent div.areaR div.banner ul        { display:inline-block; }
	* html #topContent div.areaR div.banner ul { height:1%; }
	#topContent div.areaR div.banner ul        { display:block; }
#topContent div.areaR div.banner li.tw { float:left; padding:0 10px 0 0; }
#topContent div.areaR div.banner li.fb { float:left; }