@charset "UTF-8";

/*================================================
*
*	Home Only Style Sheet
*	Version: 26 Jul 2011
*	Autor: Y.Tamura
*
*	1.Body
*	2.Hypertext Module
*	3.Global Navigation
*	4.Contents Area
*	5.Side Area
*
=================================================*/


/*------------------------------------------------
	1.Body
-------------------------------------------------*/
body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
#wrap-outer {
	height: 100%;
	background: url(../images/bg_wt.gif) repeat-x;
}
#wrapper {
	height: 100%;
	background: url(../images/bg_footer.png) no-repeat 50% 100%;
}
#wrap-inner {
	height: 100%;
	background: url(../images/bg_home.png) no-repeat 50% 0;
}
#container {
	background: url(../images/bg_container.png) no-repeat;
}
/* | コンテンツカラム | */
#content-wrap {
	width: 960px;
	padding-bottom: 80px;
	overflow: hidden;
}

#main-header {
	position: relative;
	width: 960px;
	height: 448px;
}


#main {
	width: 400px;
	float: left;
}
#main div.content {

}

#side {
	float: right;
	width: 520px;
	padding-top: 0;
}

#main-header h2 {
	margin: 15px 0 0 15px;
}
#main-header aside#share-button {
	position: absolute;
	right: 0;
	top: 418px;
}
#main-header aside#share-button p {
	text-align: right;
}



/*------------------------------------------------
	2.Hypertext Module
-------------------------------------------------*/
a:link {
	color: #000;
}



/*------------------------------------------------
	3.Global Navigation
-------------------------------------------------*/
body.home #global-nav ul {
	position: absolute;
	top: 153px;
	left: 0;
	width: 696px;
	height: 260px;
}
body.home #global-nav li {
	float: left;
	display: inline; /* for Win IE */
}
body.home #global-nav li a {
	display: block;
	width: 232px;
	height: 260px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../images/global-nav.png) no-repeat;
}

body.home #global-nav li.challenge a { background-position: 0 0; }
body.home #global-nav li.message a { background-position: -232px 0; }
body.home #global-nav li.blog a { background-position: -464px 0; }

body.home #global-nav li.challenge a:hover { background-position: 0 -260px; }
body.home #global-nav li.message a:hover { background-position: -232px -260px; }
body.home #global-nav li.blog a:hover { background-position: -464px -260px; }



/*------------------------------------------------
	4.Contents Area
-------------------------------------------------*/
/* | What's New タイトル | */
header.title-wrap {
	height: 40px;
}

header.title-wrap ul {
	position: absolute;
	top: 0;
	right: 0;
	width: 154px;
	height: 24px;
}
header.title-wrap li {
	float: left;
	display: inline; /* for Win IE */
}
header.title-wrap li a {
	display: block;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../images/btn_feeds.png) no-repeat;
}
header.title-wrap li.feed a { width: 64px; background-position: 0 0; }
header.title-wrap li.archives a { width: 90px; background-position: -64px 0; }

header.title-wrap li.feed a:hover { background-position: 0 -24px; }
header.title-wrap li.archives a:hover { background-position: -64px -24px; }

/* | 最近の動画一覧 | */
article#new-article {
	margin: 0;
	line-height: 1.6;
}
article#new-article section {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #bebebe;
}
/* | 下線表示 | */
article#new-article section.lastChild {
	margin: 0;
	border-bottom: none;
}
article#new-article section div.section-inner {
	width: 400px;
	overflow: hidden;
}
/* | 種類別アイコン | */
article#new-article div.summary h3 {
	margin-bottom: 5px;
	line-height: 1;
}

article#new-article div.summary {
	float: right;
	width: 280px;
}
article#new-article div.summary p a {
	padding: 0 0 0 15px;
	background: url(../images/arrow_01.gif) no-repeat 0 0.15em;
}
article#new-article div.summary p a:hover {
	background-image: url(../images/arrow_01_on.gif);
}
article#new-article time {
	color: #555;
}
article#new-article section figure a {
	display: block;
	padding: 3px;
	background: #ff9b32;
}
article#new-article section figure a:hover {
	background: url(../images/stripe_animated.gif);
}
article#new-article figure {
	width: 102px;
	float: left;
}
#swfobject {
	position: absolute;
	left: 760px;
	top: 137px;
	width: 180px;
	height: 226px;
	outline: 0;
}

/* shuzo_aulineStamp_bunner */
.lineBanner {
	margin-bottom: 11px;
	padding-bottom: 11px;
	border-bottom: solid 1px #BEBEBE;
}

/* nenga_btn_close */
.pageOverlay {
	position: absolute;
	top: 0;
	right: 0;
}
.pageOverlay:hover {
	cursor: pointer;
}



/*------------------------------------------------
	5.Side Area
-------------------------------------------------*/
/* | aside | */
#side section#search-box,
#side aside#twitter {
	margin: 0 0 15px 10px;
}

#side aside#banner li {
	margin: 0 0 10px 0;
}

#side aside#banner .sgorin{width:486px;height:173px;padding:107px 0 10px 34px;background:url(../images/banner/bg_sgorin.jpg) no-repeat;}
#side aside#banner .sgorin li{margin-bottom:0!important;float:left;}
#side aside#banner .sgorin li a{background:url(../images/banner/btn_sgorin.jpg) no-repeat;display:block;height:173px;overflow:hidden;text-indent:-9999px;}
#side aside#banner .sgorin li.btn01 a{background-position:0 0;width:81px;}
#side aside#banner .sgorin li.btn01 a:hover{background-position:0 -173px;}
#side aside#banner .sgorin li.btn02 a{background-position:-81px 0;width:92px;}
#side aside#banner .sgorin li.btn02 a:hover{background-position:-81px -173px;}
#side aside#banner .sgorin li.btn03 a{background-position:-173px 0;width:92px;}
#side aside#banner .sgorin li.btn03 a:hover{background-position:-173px -173px;}
#side aside#banner .sgorin li.btn04 a{background-position:-265px 0;width:92px;}
#side aside#banner .sgorin li.btn04 a:hover{background-position:-265px -173px;}
#side aside#banner .sgorin li.btn05 a{background-position:-357px 0;width:92px;}
#side aside#banner .sgorin li.btn05 a:hover{background-position:-357px -173px;}