@charset "UTF-8";

/*================================================
*
*	Layout Style Sheet (Common)
*	Version: 01 Jul 2011
*	Autor: Y.Tamura
*
*	1.Column Structure
*	2.Global Navigation
*	3.Top Navigation
*	4.Bottom Navigation
*	5.Bread Crumbs Navigation
*	6.Contents Area
*	7.Side Area
*	8.Other
*
=================================================*/


/*------------------------------------------------
	1.Column Structure
-------------------------------------------------*/
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(../images/bg_body.gif);
}

#container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}


/* | ヘッダ | */
#main-header {
	position: relative;
	width: 960px;
	height: 243px;
}

#main-header h1 {
	padding: 3px 0 0 5px;
}
#main-header h1 a {
	display: block;
	width: 320px;
	height: 26px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../images/logo_header.gif) no-repeat;
}
#main-header h1 a:hover { background-position: 0 -26px; }

#main-header h2 {
	margin: 11px 0 0 5px;
}


/* | コンテンツカラム | */
#content-wrap {
	width: 960px;
	padding-bottom: 80px;
	overflow: hidden;
}

#main {
	width: 644px;
	float: left;
}
#main div.content {
	border: 4px solid #dcdcdc;
	padding: 20px 25px 25px;
}

#side {
	float: right;
	width: 298px;
	padding-top: 144px;
}


/* | フッタ | */
footer#main-footer {
	position: absolute;
	bottom: 0;
	width: 960px;
}
footer#main-footer address {
	padding: 40px 10px 10px 10px;
	text-align: right;
}


/* | 汎用カラム | */
div.section {
	line-height: 1.6;
	margin: 0 0 30px 35px;
}
div.section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.section { display: inline-block; }
/* Hides from IE-mac \*/
* html div.section { height: 1%; }
div.section { display: block; }
/* End hide from IE-mac */


/* | 2段組み | */
.left_column {
	float: left;
	display: inline; /* for Win IE */
}
.right_column {
	float: right;
	display: inline; /* for Win IE */
}

.hidden {
	display: none;
}



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

#global-nav li.challenge a { background-position: 0 0; width: 216px; }
#global-nav li.message a { background-position: -216px 0; width: 218px; }
#global-nav li.blog a { background-position: -434px 0; width: 214px; }

#global-nav li.challenge a:hover { background-position: 0 -80px; }
#global-nav li.message a:hover { background-position: -216px -80px; }
#global-nav li.blog a:hover { background-position: -434px -80px; }

#global-nav li.challenge a:active { background-position: 0 -160px; }
#global-nav li.message a:active { background-position: -216px -160px; }
#global-nav li.blog a:active { background-position: -434px -160px; }



/*------------------------------------------------
	3.Top Navigation
-------------------------------------------------*/
#top-nav ul {
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 29px;
}
#top-nav li {
	float: left;
	display: inline; /* for Win IE */
}
#top-nav li a {
	display: block;
	width: 100px;
	height: 29px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../images/btn_top-nav.png) no-repeat;
}

#top-nav li.profile a { background-position: 0 0; }
#top-nav li.links a { background-position: -100px 0; }
#top-nav li.books a { background-position: -200px 0; }

#top-nav li.profile a:hover { background-position: 0 -29px; }
#top-nav li.links a:hover { background-position: -100px -29px; }
#top-nav li.books a:hover { background-position: -200px -29px; }



/*------------------------------------------------
	4.Bottom Navigation
-------------------------------------------------*/
#main-footer p {
	position: absolute;
	right: 0;
	top: 0;
	width: 140px;
	height: 30px;
}

#main-footer p a {
	display: block;
	width: 140px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../images/btn_toTop.png) no-repeat;
}
#main-footer p a:hover { background-position: 0 -30px; }

#main-footer ul {
	position: absolute;
	top: 0;
	width: 242px;
	height: 30px;
}
#main-footer li {
	float: left;
	display: inline; /* for Win IE */
}
#main-footer li a {
	display: block;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../images/btn_bottom-nav.png) no-repeat;
}

#main-footer li.privacy a { width: 146px; background-position: 0 0; }
#main-footer li.sitemap a { width: 96px; background-position: -146px 0; }

#main-footer li.privacy a:hover { background-position: 0 -30px; }
#main-footer li.sitemap a:hover { background-position: -146px -30px; }



/*------------------------------------------------
	5.Bread Crumbs Navigation
-------------------------------------------------*/
#breadcrumbs {
	position: absolute;
	top: 42px;
	left: 12px;
	font-size: 77%;
	color: #fa6400;
}
#breadcrumbs li {
	display: inline;
	line-height: 1.2;
	padding-left: 3px;
}
#breadcrumbs li a {
	padding-right: 8px;
	background: url(../images/arrow_breadcrumb_on.gif) no-repeat 100% 50%;
}



/*------------------------------------------------
	6.Contents Area
-------------------------------------------------*/
#main div.content {
	background-color: #fff;
}

div.content article {
	margin: 0 0 20px 0;
}
div.content article.lastChild {
	margin: 0 0 0 0;
}

/* | 半円形タイトル | */
header.title-wrap {
	position: relative;
	height: 64px;
}
header.title-wrap p {
	position: absolute;
	right: 0;
	top: 5px;
}
header.title-wrap p a {
	display: block;
	width: 64px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../images/btn_feed.png) no-repeat;
}
header.title-wrap p a:hover { background-position: 0 -24px; }

/* | 画像サムネイル 背景アニメーション | */
nav.recent-entries dt a,
article#recently-movie section figure a,
article#category-list section figure a {
	display: block;
	padding: 3px;
	background: #ff9b32;
}
nav.recent-entries dt a:hover,
article#recently-movie section figure a:hover,
article#category-list section figure a:hover {
	background: url(../images/stripe_animated.gif);
}

/* | 本文・追記 エリア | */
div.content div.entry-content p,
div.asset-more-link {
	margin: 0 0 1em 0;
	line-height: 1.8;
}


/* | コンテンツ下のテキストナビ | */
div.content-nav {
	text-align: center;
	font-size: 93%;
}
div.content-nav span.title {
	font-weight: bold;
	color:#666;
}


/* | ページタイトル | */
div.content h1#page-title {
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	font-weight: bold;
	font-size: 138.5%;
	background: url(../images/bg_column-shadow.gif) no-repeat 50% 100%;
}
div.content h1#page-title em { font-weight: bold; }

/* | アーカイブリスト | */
h2.archive-header {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	border-left: 6px solid #3cc3ff;
	line-height: 1.6;
	font-weight: bold;
	font-size: 138.5%;
}
div.archive {
	margin: 0 0 30px 0;
}
div.archive li {
	margin: 0 0 5px 0;
	line-height: 1.6;
	font-size: 108%;
}
div.archive li a {
	padding: 0 0 0 15px;
	background: url(../images/arrow_01.gif) no-repeat 0 0.2em;
}
div.archive li a:hover {
	background-image: url(../images/arrow_01_on.gif);
}



/*------------------------------------------------
	7.Side Area
-------------------------------------------------*/
#side section {
	margin: 0 0 20px 0;
}
#side nav section h3 {
	background: url(../images/bg_side-title.gif);
	height: 26px;
	margin: 0 0 2px 0;
	padding: 7px 0 0 10px;
}
#side nav div {
	margin: 0 1px 0;
	padding: 10px;
	border: 3px solid #dcdcdc;
	background-color: #fff;
}
#side nav div p {
	font-size: 93%;
	line-height: 1.5;
	margin: 0 0 10px 0;
}
#side nav li {
	margin: 0 0 5px 0;
	line-height: 1.5;
}
#side nav li a,
nav.recent-entries dd a,
p.archives a {
	padding: 0 0 0 15px;
	background: url(../images/arrow_01.gif) no-repeat 0 0.2em;
}
#side nav li a:hover,
nav.recent-entries dd a:hover,
p.archives a:hover {
	background-image: url(../images/arrow_01_on.gif);
}
#side nav div p.archives {
	padding-top: 10px;
	font-size: 100%;
	text-align: right;
}


/* | search box | */
#side section#search-box {
	margin: 0 0 30px 0;
}
#side section#search-box h3 {
	margin: 0 0 5px 0;
}
#searchForm fieldset {
	width:296px;
	position:relative;
	display:block;
}
div.input {
	width:200px;
	padding:5px 15px 7px 15px;
	border-radius:20px;
	border:1px solid #c6d2db;
	border-top:1px solid #b4c1cb;
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.08);
	float:left;
	background:#e8edf1;
}

	div.input.focus {
		border:1px solid #9ecbe2;
		box-shadow:0 0 6px #abdcff, inset 0 1px 2px rgba(0,0,0,0.08);
	}

input#search {
	width:100%;
	border:0;
	border-radius:20px;
	background:transparent;
	height:16px;
	color:#b4bdc4;
	text-shadow:0 1px 1px #fff;
}

	input#search:focus {
		outline:none
	}
	
input#searchSubmit {
	width:19px;
	height:19px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/search-icon.png) no-repeat;
	border:0;
	position:absolute;
	top:7px; right:13px;
	z-index:10;
	display:none;
	cursor:pointer;
}

/* | aside | */
#side aside {
	line-height: 1.5;
	margin-bottom: 20px;
}
#side aside h3 {
	margin: 0 0 2px 0;
}
#side aside li {
	margin: 0 0 5px 0;
}
#side aside li.lstChild {
	margin: 0 0 0 0;
}



/*------------------------------------------------
	8.Other
-------------------------------------------------*/
img.icon {
	padding: 0 10px 0 0;
}