@charset "utf-8";

/* --------------------------------------------------
	SiteName : yuukinotsubasa.com
	FileName : top.css
	Description : toppage styles
	
	== TOC =========================================
	1 : topHeader styles
	2 : topContents styles
			
-------------------------------------------------- */


/* 1. topHeader styles
================================================== */
#topHeader{
	width:844px;
	height:207px;
	padding:0 30px 0 30px;
	background:transparent url(../images/top/bg_tophdr.gif) no-repeat left top;
}
#topHeaderVisual{
	float:left;
	width:628px;
	margin-top:18px;
}
#topHeaderBanner{
	float:right;
	width:196px;
}
#topHeaderBanner p.blog{
	margin:4px 0 0 0;
}
#topHeaderBanner p.wing{
	margin:10px 0 0 0;
}


/* 2. topContents styles
================================================== */
#topContents{
	padding:0 29px 0 30px;
}
#topMain{
	position:relative;
	float:left;
	width:630px;
	top:-14px;
}
#topSub{
	float:right;
	width:196px;
}

/* topicsSection */
#topicsSection{
	margin-bottom:8px;
}
#topicsSection h2{
	margin:0;
}
#topicsSection h2 img{
	vertical-align:bottom;
}
#topicsSectionInner{
	padding:0 17px 13px 19px;
	background:transparent url(../images/top/bg_topics.gif) no-repeat left bottom;
}
#topicsContSet{
	margin-bottom:13px;
}
#topicsSectionInner div.topicsCont{
	width:280px;
}
#topicsSectionInner div.topicsCont p.photo{
	margin:0;
	float:left;
	width:114px;
}
#topicsSectionInner div.topicsCont dl{
	float:right;
	width:152px;
	line-height:1.5;
}
#topicsSectionInner div.topicsCont dl dt{
	color:#2f87ad;
}
#topicsSectionInner div.topicsCont dl dd{
	font-size:x-small;
}
#topicsSectionInner div.topicsCont dl dd p{
	margin:0 0 3px 0;
}
#topicsSectionInner div.topicsCont dl dd p.toDetail{
	text-align:right;
}
#topicsSectionInner div.topicsCont dl dd p.toDetail a{
	display:inline-block;
	padding:0 0 0 8px;
	background:transparent url(../common/images/icn_arw_01.gif) no-repeat left center;
}
#topicsSectionInner li{
	list-style:none;
	margin-bottom:4px;
	padding-bottom:4px;
	line-height:1.3;
	background:transparent url(../common/images/lin_dotted.gif) repeat-x left bottom;
	zoom:1;
}
#topicsSectionInner li.lastChild{
	background:none;
}

/* videoSection */
#videoSection{
	margin-bottom:8px;
	background:transparent url(../images/top/bg_video.gif) no-repeat left bottom;
}
#videoSection div.videoCont{
	width:309px;
}
#videoSection div.videoCont h2{
	margin:0;
}
#videoSection div.videoCont h2 img{
	vertical-align:bottom;
}
#videoSection div.videoContInner{
	padding:0 14px 10px 18px;
}
#videoSection div.videoContInner p.photo{
	float:left;
	width:114px;
	margin:0;
}
#videoSection div.videoContInner dl{
	float:right;
	width:152px;
	line-height:1.5;
}
#videoSection div.videoContInner dl dt{
	color:#2f87ad;
}
#videoSection div.videoContInner dl dd{
	font-size:x-small;
}
#videoSection div.videoContInner dl dd p{
	margin:0 0 3px 0;
}
#videoSection div.videoContInner dl dd p.toDetail{
	text-align:right;
}
#videoSection div.videoContInner dl dd p.toDetail a{
	display:inline-block;
	padding:0 0 0 8px;
	background:transparent url(../common/images/icn_arw_01.gif) no-repeat left center;
}

/* otherSection */
#otherSection{
	margin-bottom:8px;
	padding:0 0 10px 0;
	background:transparent url(../images/top/bg_video.gif) no-repeat left bottom;
}
#otherSection div.otherCont{
	width:309px;
}
#otherSection div.otherCont h2{
	margin:0;
}
#otherSection div.otherCont h2 img{
	vertical-align:bottom;
}
#otherSection div.otherCont p{
	margin:0 0 3px 0;
	padding:0 14px 0 18px;
	font-size:x-small;
	line-height:1.5;
}
#otherSection div.otherCont p.toDetail{
	text-align:right;
}
#otherSection div.otherCont p.toDetail a{
	display:inline-block;
	padding:0 0 0 8px;
	background:transparent url(../common/images/icn_arw_01.gif) no-repeat left center;
}

/* wingSection */
#wingSection{
	margin:15px 0 10px 0;
	padding-bottom:10px;
	background:transparent url(../images/top/bg_subcont.gif) no-repeat left bottom;
}
#wingSection h2{
	margin:0;
}
#wingSection h2 img{
	vertical-align:bottoml;
}
#wingSection p{
	margin:0 15px 5px 15px;
	font-size:x-small;
	line-height:1.4;
}
#wingSection p.toDetail{
	margin:0 15px 10px 15px;
	font-size:x-small;
	line-height:1.4;
	text-align:right;
}
#wingSection p.toDetail a{
	display:inline-block;
	padding:0 0 0 8px;
	background:transparent url(../common/images/icn_arw_01.gif) no-repeat left center;
}
#wingSection ul{
	text-align:center;
	list-style:none;
}
#wingSection ul li{
	margin-bottom:8px;
}

/* booksSection */
#booksSection{
	width:196px;
	padding-bottom:10px;
	background:transparent url(../images/top/bg_subcont.gif) no-repeat left bottom;
}
#booksSection h2{
	margin:0 0 7px 0;
}
#booksSection h2 img{
	vertical-align:bottoml;
}
#booksSection dl{
	padding:0 8px 5px 14px;
}
#booksSection dt{
	float:left;
	width:62px;
}
#booksSection dd{
	float:right;
	width:102px;
}
#booksSection dd p{
	margin:0;
	font-size:x-small;
}
#booksSection dd p.toDetail{
	margin-right:8px;
	text-align:right;
}
#booksSection dd p.toDetail a{
	display:inline-block;
	padding:0 0 0 8px;
	background:transparent url(../common/images/icn_arw_01.gif) no-repeat left center;
}
/* linkSection */
#linkSection{
	margin:10px 0 10px 0;
	padding-bottom:10px;
	background:transparent url(../images/top/bg_subcont.gif) no-repeat left bottom;
}
#linkSection h2{
	margin:0;
}
#linkSection h2 img{
	vertical-align:bottoml;
}
#linkSection p{
	margin:0 15px 5px 15px;
	font-size:x-small;
	line-height:1.4;
}
#linkSection p.toDetail{
	margin:0 15px 10px 15px;
	font-size:x-small;
	line-height:1.4;
	text-align:right;
}
#linkSection p.toDetail a{
	display:inline-block;
	padding:0 0 0 8px;
	background:transparent url(../common/images/icn_arw_01.gif) no-repeat left center;
}
#linkSection ul{
	text-align:center;
	list-style:none;
}
#linkSection ul li{
	margin-bottom:8px;
}