@charset "utf-8";
/*
Theme Name: Twenty Ten
Theme URI: http://wordpress.org/
Description: WordPress のデフォルトテーマ、2010。
Author: the WordPress team
Version: 1.0
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.レイアウト  =========== */


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

/* ===========  3.メインコンテンツ  =========== */
#mainContent {
	padding: 20px 20px 0;
}


/* ===========  4.右コンテンツ  =========== */
#topContents {
	width: 480px;
	float: left;
}

.service01 {
	float: left;
	width: 170px;
	margin-right: 10px;
}

.service02 {
	float: left;
	width: 170px;
}

a.btnDetail {
    background-image: url(../../../images/top/btn_detail.gif);
	background-position: 0 22px;
	height:22px;
	width: 82px;
	text-indent: -9999px;
	display: block;
}

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




/* ===========  5.左コンテンツ  =========== */
#topSidebar {
	width: 380px;
	float: left;
	padding-right: 20px;
}

#contentsBox {
	background: url(../../../images/top/bg_top.gif) left top no-repeat;
	padding: 20px 20px 0;
}

#contentsBoxEnd {
	background: url(../../../images/top/bg_top.gif) left bottom no-repeat;
	height: 20px;
}

.top01 {
	float: left;
	width: 160px;
	margin-right: 20px;
}

.top02 {
	width: 160px;
	float: left;
}

a.btnTopService01 {
    background-image: url(../../../images/top/btn_service01.jpg);
	background-position: 0 53px;
	height:53px;
	width: 160px;
	text-indent: -9999px;
	display: block;
}

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


a.btnTopCampaign {
    background-image: url(../../../images/top/btn_campaign02.jpg);
	background-position: 0 72px;
	height:72px;
	width: 160px;
	text-indent: -9999px;
	display: block;
}

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

a.btnTopService02 {
    background-image: url(../../../images/top/btn_service02.jpg);
	background-position: 0 53px;
	height:53px;
	width: 160px;
	text-indent: -9999px;
	display: block;
}

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

a.btnTopOfficial {
    background-image: url(../../../images/top/btn_official.jpg);
	background-position: 0 72px;
	height:72px;
	width: 160px;
	text-indent: -9999px;
	display: block;
}

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

a.btnTopStudio {
    background-image: url(../../../images/top/btn_studio.jpg);
	background-position: 0 44px;
	height:44px;
	width: 340px;
	text-indent: -9999px;
	display: block;
}

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

a.btnTopBlog {
    background-image: url(../../../images/top/btn_blog.gif);
	background-position: 0 20px;
	height:20px;
	width: 60px;
	text-indent: -9999px;
	display: block;
}

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


/*新着情報*/

.hdTopics {
	margin-top: 10px;
	position: relative;
}

.topicsDetail {
	background: url(../../../images/top/dotLineTopics.gif) left bottom no-repeat;
	width: 310px;
	margin: 10px 15px 0;
	padding-bottom: 5px;
}

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

dl.list-news dt {
	width: 6em;
	float: left;
	clear: left;
	font-size: 83.3%;
}

dl.list-news dd {
	padding-left: 7em;
	font-size: 83.3%;
}

/*RSS*/
.rss {
	position: absolute;
	top: 0;
	left: 305px;
}

a.btnTopRss {
    background-image: url(../../../images/top/btn_rss.gif);
	background-position: 0 10px;
	height:10px;
	width: 35px;
	text-indent: -9999px;
	display: block;
}

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

/*お問い合わせ*/
.contactBox {
	position: relative;
}

.btnContact {
	position: absolute;
	top: 80px;
	left: 10px;
}

a.btnTopContact {
    background-image: url(../../../images/top/btn_topContact.jpg);
	background-position: 0 28px;
	height:28px;
	width: 170px;
	text-indent: -9999px;
	display: block;
}

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