@charset "UTF-8";
/**********************************************************

スクリーン用設定スタイルシート
for_screen.css

Copyright (C) All rights reserved.

-----------------------------------------------------------

記述順

1.表示や配置など「視覚整形モデル」に関するプロパティ
display
list-style
position
float
clear
z-index
2.ボックスモデルに関するプロパティ
width
height
line-height
vertical-align
overflow
clip
visibility
margin
padding
border
3.背景と前景に関するプロパティ
background
4.フォントとテキストに関するプロパティ
color
font
text-indent
text-decoration
text-align
vertical-align
white-space
5.表に関するプロパティ
6.生成内容に関するプロパティ
7.UIに関するプロパティ
8.印刷に関するプロパティ
9.音声に関するプロパティ

-----------------------------------------------------------

内容

1.レイアウト基本設定
2.indexページ用スタイル
3.ヘッダースタイル
4.フッタースタイル
5.topページ用スタイル
6.conceptページ用スタイル
7.worksページ用スタイル
8.profileページ用スタイル
9.contactページ用スタイル

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


/***********************************************************
	1.レイアウト基本設定
***********************************************************/
body{
	font-size: 11px;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", sans-serif;
	line-height: 1.5em;
	text-align: center;
}
div#wrapper{
	width: 845px;
	margin: 0 auto 15px auto;
	text-align: left;
}
div#headerArea{
	margin-top: 30px;
	margin-bottom: 29px;
}
div#contentsArea{
}
div#footerArea{
	clear: both;
	height: 100%;
	margin-bottom: 25px;
	padding-top: 20px;
	text-align: right;
}

/***********************************************************
	2.indexページ用スタイル
***********************************************************/
/* レイアウト --------------------------------------------*/
div#headerIndex{
	margin-top: 105px;
	text-align: center;
}
div#contentsIndex{
	position: relative;
	height: 138px;
	margin-top: 105px;
	text-align: center;
}
div#footerIndex{
	margin-top: 105px;
	text-align: center;
}
/* ヘッダー ---------------------------------------------*/
h1#siteTitle{
}
#pageTitle{
	margin-bottom: 20px;
}
/* コンテンツ -------------------------------------------*/
div#btnWelcome{
	position: absolute;
	top: 0;
	left: 162px;
	z-index: 1;
}
div#btnWelcome a{
}
div#character{
	position: absolute;
	top: 20px;
	left: 331px;
	z-index: 0;
}
/* フッター ----------------------------------------------*/
#copyrightIndex{
}


/***********************************************************
	3.ヘッダースタイル
***********************************************************/
h2#logo{
}
ul#mainNavigation{
	float: right;
	margin-top: -25px;
}
ul#mainNavigation li{
	display: inline;
	margin-left: 40px;
}


/***********************************************************
	4.フッタースタイル
***********************************************************/
#copyright{
}
#portfolio{
	margin-right: 10px;
}


/***********************************************************
	5.topページ用スタイル
***********************************************************/
div#imageNewsArea{
	width: 920px;
	position: relative;
	margin-left: -40px;
}
div#topImage{
	z-index: 1;
}
div#newsArea{
	position: absolute;
	top: 0;
	left: 40px;
	height: 425px;
	z-index: 2;
}
dl#newsList{
	position: absolute;
	top: 37px;
	left: 17px;
	width: 190px;
}
dl#newsList dt{
}
dl#newsList dd{
	margin-bottom: 1em;
}


/***********************************************************
	6.conceptページ用スタイル
***********************************************************/
.centerImage{
	text-align: center;
	margin-bottom: 25px;
}
.conceptText{
	text-align: center;
	margin-bottom: 13px;
}

/***********************************************************
	7.worksページ用スタイル
***********************************************************/
/* インデックスページ ------------------------------------*/
ul.worksList{
	width: 890px;
	* ワークスが5行になったら削除 ----------------------------------------------------------------*/
	margin-top: 20px;
	margin-right: -10px;
	background: url(../img/works_index_bg.gif) repeat-y;
}
ul.worksList li{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
ul.worksList li a{
	display: block;
	border: 1px solid #CCCCCC;
}
ul.worksList li a:hover{
	border: 1px solid #CCCCCC;
}
/* 個別ページ --------------------------------------------*/
.galleria_container{
	float: right;
	margin-top: -174px;
	border: 1px solid #CCCCCC;
	height:420px;
	width:595px;
}
.worksInfo{
	height: 170px;
	margin-bottom: 7px;
}
.worksTitle{
	margin-bottom: 7px;
}
.worksThumbnail{
	width: 230px;
	height: 230px;
	background: url(../img/thumbnail_bg.gif) no-repeat;
}
.worksThumbnail li{
	display: block;
	float: left;
	overflow: hidden;
	width: 48px;
	height: 48px;
	margin-right: 7px;
	margin-bottom: 7px;
	border: 1px solid #CCCCCC;
}
.worksThumbnail li.hover,
.worksThumbnail li.active{
	cursor: pointer;
	border: 1px solid #666666;
}
/*
* html .worksThumbnail li{
	width: 50px;
	height: 50px;
}
*/

ul.worksBtn{
	font-size: 10px;
	line-height: 0em;
}
ul.worksBtn li{
	float: left;
	margin-right: 7px;
	border: 1px solid #CCCCCC;
}
.btnPrev{
	border: 1px solid #CCCCCC;
	margin-right: 8px;
}

/***********************************************************
	8.profileページ用スタイル
***********************************************************/
.profileTitle{
	float: left;
	margin-right: 12px;
}
.yearList{
	height: 100%;
}
.yearList li{
	float: left;
	margin-top: 4px;
	margin-right: 12px;
}
.leftBlock{
	float: left;
}
.rightBlock{
	float: right;
}
.profileBlock{
	clear: both;
	height: 100%;
}
.profileCharacter{
	margin-bottom: 25px;
	text-align: center;
}
.yearTable{
	margin-left: 50px;
	margin-bottom: 13px;
	width: 350px;
}
.yearTable th{
	width: 3em;
	padding: 3px;
}
.yearTable td{
	padding: 3px;
}
.smallText{
	margin-left: 5px;
	font-size: 8px;
}
.tableCaption,
.name{
	margin-left: 50px;
	margin-bottom: 5px;
	font-weight: bold;
}

/***********************************************************
	9.contactページ用スタイル
***********************************************************/
.contactText{
	text-align: center;
	margin-bottom: 13px;
}