@charset "UTF-8";
@import "header.css";

/* body */
* {
	margin:0;
	padding:0;
}
html {
	height:100%;
}

body {
	height:100%;
	text-align:center;
	background:url(../images/bg.gif) top left;
	font-size:small;
	font-family:Verdana, "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

img {
	border:none;
}

ul, li {
	margin:0;
	padding:0;
}
a.def:link, a.def:visited {
	color:#fff;
}
a.def:hover {
	background-color: #e30000;
}
p {
	margin: 10px 0;
}
/* ---- wraper, container ---- */
div#wrapper {
	width:760px;
	margin:0 auto 0;
	padding:0;
}
*html div#wrapper {
	font-size:90%;
	line-height:180%;
}
div#container {
	clear:both;
	margin:0;
	padding:0;
	background:url(../images/bg02.gif) repeat-y top left;
	color:#fff;
	overflow: hidden;
}

#container:after{
    content:".";
    display: block;
    height:0;
    clear:both;
    overflow: hidden;
}
/*\*/
* html div#container {
    height: 1em;
    overflow: visible;
}
/**/

/* ---- h1, h2, ---- */
h1 {
	background:url(../images/ico01.gif) no-repeat center left;
	padding-left:10px;
	font-size:100%;
}

/* ---- header ---- */
div#header {
	margin:0;
	padding:0;
	width:760px;
	height:64px;
	background:url(../images/header.gif) no-repeat top left;
}
div#siteIdentity {
	float:left;
	width:238px;
	height:36px;
	margin:20px 0 0 25px;
}
* html div#siteIdentity {
	margin:20px 0 0 15px;
}

div#siteIdentity a:link {
	text-decoration:none;
}
div#siteIdentity a:hover {
	text-decoration:none;
	background-color:#000;
}

a.bunner:hover {
	text-decoration:none;
	background-color:#000;
}
/* ---- mainArea ---- */
div#mainArea {
	margin: 0;
	padding: 0;
}

div#mainAreaImage {
	margin: 0 auto;
	width: 730px;
	height: 400px;
}
div#mainAreaImage a:hover {
	text-decoration: none;
	background-color: #000;
}
/* mainArea Parts */
ul#portfolio li {
	list-style: none;
}

/* contentsArea */
div#contentsArea {
	clear: both;
	text-align: left;
	padding: 20px;
	overflow: hidden;
}
/* single */
div#contentsSingle {
		clear: both;
		margin: 15px 0 0;
}
/* left */
div#contentsleftArea {
	float:left;
	width:345px;
}
* html div#contentsleftArea {
	float:left;
	width:320px;
}
/* right */
#contentsrightArea {
	float:right;
	width:345px;
}
* html #contentsrightArea {
	float:right;
	width:320px;
}

/* contentsArea Parts */
ul#rcnews li {
	margin: 5px 0 5px 20px;
	padding: 0;
	list-style-image:url(../images/ico02.gif);
	
}
ul#rcnews li a:link, ul#rcnews li a:visited {
	color:#fff;
}
ul#rcnews li a:hover {
	backgroud-color: #e30000;
}
div#bnr {
	margin: 20px 0;
}

div#pageId {
	margin:0 auto;
	text-align:center;
	padding:0;
	width:730px;
	height:40px;
	background:url(../images/bg03.gif) no-repeat top left;
}
div#pageId h1 {
	float:left;
	margin:15px 10px 0;
}
div#pageId div#localNavigatoin {
	float:right;
	text-align:right;
	font-size:70%;
	margin:15px 10px 0;
	padding:0;
}

ul.biographyList {
	list-style: none;
}
ul.biographyList li {
	margin: 5px 0;
	line-height: 1.6em;
}
ul.linkList {
	margin: -25px 20px 0;
	padding: 0;
}
ul.linkList li {
	margin: 5px 0 10px;
	list-style-image:url(../images/ico04.gif);
}
ul.pageLink {
	list-style: none;
}
div.textL, div.textL p {
	margin: 10px 0;
}
div.textL h2 {
	margin: 20px 0;
}
div.textL br {
	margin: 10px 0;
}
div.caption {
	margin: 0 0 10px;
}

/* works pages */
div.wpct {
	clear: both;
	margin: 20px 0;
	overflow: hidden;
}
div.wpctLeft {
	float: left;
	width:350px;
}
div.wpctRight {
	float: right;
	width:330px;
}
div.wpctLeft h2 {
	font-size: 32px;
}
div.wpctRight img {
	height: 226px;
}
div.detailLink a {
	clear:both;
	padding-left:15px;
	margin:7px 0;
	background:url(../images/ico02.gif) no-repeat center left;
	color: #fff;
}
div.detailLink a:link {
	text-decoration:underline;
}
div.detailLink a:hover {
	background-color: #e30000;
}


a.linkImg:link img, 
a.linkImg:visited img,
a.linkImg:active img {
	display:block;
	padding:2px;
	background-color:#fff;
}
a.linkImg:hover img {
	display:block;
	padding:2px;
	background-color:#e30000;
}

div#itdImg {
	clear: both;
	margin:20px;
}
div#itdImg img{
	float: left;
	width: 287px;
	border: 1px solid #fff;
}
div#flashcontent .mov {
	float: right;
	width: 420px;
}

/* ---- footer ---- */
div#footer {
	clear:both;
	width:760px;
	height:56px;
	background:url(../images/footer.gif) no-repeat bottom left;
	color:#fff;
	font-size:80%;
}

div#footer p {
	float:left;
	margin:27px 0 0 15px;
	padding:0;
}

div#footer p#mail {
	float:right;
	margin:27px 20px 0 0;
}

div#footer p#mail a:link{
	text-decoration:none;
	color:#fff;
}
div#footer p#mail a:hover{
	background-color:#e30000;
}