/*
Theme Name: TwentyTen
Theme URI: http://wordpress.org/
Description: The 2010 default theme for WordPress.
Author: the WordPress team
Version: 1.0.3
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


/* CSS Document */

/*/////////////////////////////////////////////////////////
file name: index.css
description: トップページ専用スタイルシート

1.レイアウト
2.メイン画像
3.ボタン
4.リンク
5.ニュース

///////////////////////////////////////////////////////// */

/* ===========  1.レイアウト  =========== */
#contents01 {
	float: left;
	width: 520px;
	margin-right: 30px;
	position: relative;
}

#contents02 {
	float: left;
	width: 310px;
}

.contents03 {
	float: left;
	width: 250px;
	margin-right: 20px;
}

.contents04 {
	float: left;
	width: 250px;
}

.contents05 {
	float: left;
	width: 90px;
	margin-right: 15px;
}

.contents06 {
	float: left;
	width: 145px;
}

.contents07 {
	float: left;
	width: 110px;
	margin-right: 8px;
	margin-left: 5px;
}

.contents08 {
	float: left;
	width: 180px;
}


/* ===========  2.メイン画像  =========== */

#mainImg {
	float: left;
	width: 550px;
}

#pickUp {
	width: 370px;
	float: left;
}

.topMain {
	height: 300px;
	overflow: hidden;
	_overflow: visible;
}

/* ===========  3.ボタン  =========== */

a.btnBlog {
    background-image: url(../../../images/top/btn_blog.gif);
	background-position: 0 92px;
	height:92px;
	width: 93px;
	display: block;
	text-align: left;
	text-indent: -9999px;
}

a:hover.btnBlog {
    background-position: 0 0;
}

a.btnRss {
    background-image: url(../../../images/top/btn_rss.gif);
	background-position: 0 12px;
	height:12px;
	width: 40px;
	display: block;
	text-align: left;
	text-indent: -9999px;
}

a:hover.btnRss {
    background-position: 0 0;
}

a.bnrDub {
    background-image: url(../../../images/top/bnr_dub.gif);
	background-position: 0 163px;
	height:163px;
	width: 290px;
	display: block;
	text-align: left;
	text-indent: -9999px;
	margin-left: 10px;
}

a:hover.bnrDub {
    background-position: 0 0;
}

a.btnRecruit {
    background-image: url(../../../images/top/btn_recruit.gif);
	background-position: 10px -18px;
	background-repeat: no-repeat;
	height: 18px;
	width: 180px;
	display: block;
	text-align: left;
	text-indent: -9999px;
}

a:hover.btnRecruit {
    background-position: 10px 0;
}

a.btnExam {
    background-image: url(../../../images/top/btn_exam.gif);
	background-position: 3px -18px;
	background-repeat: no-repeat;
	height: 18px;
	width: 180px;
	display: block;
	text-align: left;
	text-indent: -9999px;
}

a:hover.btnExam {
    background-position: 3px 0;
}

a.btnFilmDetail {
    background-image: url(../../../images/top/btn_filmDetail.gif);
	background-position: 0 13px;
	height:13px;
	width: 68px;
	display: block;
	text-align: left;
	text-indent: -9999px;
}

a:hover.btnFilmDetail {
    background-position: 0 0;
}

a.bnrStudio {
    background-image: url(../../../images/top/bnr_studio02.jpg);
	background-position: 0 -68px;
	background-repeat: no-repeat;
	height: 68px;
	width: 310px;
	display: block;
	text-align: left;
	text-indent: -9999px;
}

a:hover.bnrStudio {
    background-position: 0 0;
}

/*RSS*/
#rssArea {
	position:absolute;
	top: 10px;
	right: 18px;
}

/*フィルムプリントサービス*/
#film {
	position: relative;
}

#filmDetail {
	position: absolute;
	top: 5px;
	right: 10px;
}

/* ===========  4.リンク  =========== */
a.arrowLink {
	padding-left: 14px;
	background: url(../../../images/top/arrow.gif) left top no-repeat;
	font-weight: bold;
	font-size: 83.3%
}

a.arrowLink02 {
	padding-left: 14px;
	background: url(../../../images/top/arrow.gif) left top no-repeat;
	font-weight: bold;
}

a:link.arrowLink,a:link.arrowLink02 {
	color: #a71538;
	font-weight: bold;
	text-decoration: none;
}

a:visited.arrowLink,a:visited.arrowLink02 {
	color: #a71538;
	font-weight: bold;
	text-decoration: none;
}

a:active.arrowLink,a:active.arrowLink02 {
	color: #e59113;
	font-weight: bold;
	text-decoration: underline;
}

a:hover.arrowLink,a:hover.arrowLink02 {
	color: #e59113;
	font-weight: bold;
	text-decoration: underline;
}



/* ===========  5.ニュース  =========== */
#news {
	width: 500px;
	margin-left: 10px;
	position: relative;
}

.news-block {
	background: url(../../../images/top/line_topics.gif) left bottom no-repeat;
	width: 500px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

dl.list-news {
	width: 500px;
}

dl.list-news dt {
	width: 7em;
	float: left;
	padding-left: 10px;
	clear: left;

}

dl.list-news dd {
	padding-left: 8em;
	padding-right: 140px;
}

#blogArea {
	position: absolute;
	right: 10px;
	top: 10px;
}