/* basic css*/

/* Common style */
body {
	margin:0;
	padding:0;
	background-color:#00a0e9;
	font-family: 'Lucida Grande', Arial, Verdana, Sans-Serif;
	font-size:12px;}

h1#topics, h1#statement, h1#projects, h1#works, h1#text, h1#contact {
	margin:0 0 30px 20px;
	padding:0;
	height:35px;
	text-indent:-9999px;}

h1#topics { width:250px; background:url(img/h1_topics.gif) no-repeat #000000;}
h1#statement { width:250px; background:url(img/h1_statement.gif) no-repeat #000000;}
h1#projects { width:250px; background:url(img/h1_projects.gif) no-repeat #000000;}
h1#works { width:250px; background:url(img/h1_works.gif) no-repeat #000000;}
h1#text { width:250px; background:url(img/h1_text.gif) no-repeat #000000;}
h1#contact { width:250px; background:url(img/h1_contact.gif) no-repeat #000000;}

h2 {
	margin-left:50px;
	font-size:1.0em;}
h3 {
	margin-left:50px;
	font-size:1.0em;}

h2.worksTitle {
	margin:0 0 50px 60px;
	padding:0;
	font-size:11px;}

.worksPhoto {
	margin:0 0 5px 60px;}

p { margin-left:60px;}

a:link {color:#FFFFFF; text-decoration:none;}
a:visited {color:#FFFFFF; text-decoration:none;}
a:hover {color:#F6FF00; text-decoration:none;}

div.topicsBox {
	padding:10px 0;
	border-bottom:solid 1px #000000;}

div.topicsBox h1{
	font-size:1.0em;
	font-weight:bold;
	margin-left:60px;}

div.topicsBox h2{
	font-size:1.0em;
	font-weight:normal;
	margin-left:60px;}

div.topicsBox p.artistList{
	font-size:0.9em;
	margin-left:60px;
	line-height:1.3;}

/* main layout */

div#containerM {
	width:860px;
	padding:10px;}

div#mainM {
	width:800px;
	clear:both;
	padding:30px 0 20px 20px;}

div#mainM dl {
	margin-left:60px;}

div#mainM dt {
	float:left;
	padding:2px 0 2px 10px;}

div#mainM dd {
	padding:2px 0 2px 20px;}

div#headerM {
	margin:0;
	padding:0;}

div#titleM {
	margin:10px 0 0 10px;
	background:url(../img/logo.gif) no-repeat;
	width:300px;
	height:80px;
	text-indent:-9999px;
	float:left;}

div#titleM a {
	width:300px;
	height:80px;
	display:block;}

div#foorerM p {
	margin:0 0 0 40px;
	text-indent:-9999px;
	background:url(../img/copyright.gif) no-repeat;
	width:230px;
	height:30px;}

/* Navigation Common //////////////////////////////////////////////////////////// */
#naviM {
	margin:20px 0 0 0;
	width:518px;
	height:25px;
	float:right;}
#naviM ul {
	padding:0;
	margin:0;}
#naviM li {
	display:inline;
	list-style-type:none;}
#naviM li a {
	background:url(../img/navibt.gif) no-repeat;
	height:25px;
	display:block;
	float:left;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;}

#naviM li#n01 a { background-position: 0px 0px; width:70px;}
#naviM li#n02 a { background-position: -70px 0px; width:110px;}
#naviM li#n03 a { background-position: -180px 0px; width:100px;}
#naviM li#n04 a { background-position: -280px 0px; width:80px;}
#naviM li#n05 a { background-position: -360px 0px; width:65px;}
#naviM li#n06 a { background-position: -425px 0px; width:93px;}
#naviM li#n01 a:hover, #naviM li#n01on a { background-position: 0px -25px; width:70px;}
#naviM li#n02 a:hover, #naviM li#n02on a { background-position: -70px -25px; width:110px;}
#naviM li#n03 a:hover, #naviM li#n03on a { background-position: -180px -25px; width:100px;}
#naviM li#n04 a:hover, #naviM li#n04on a { background-position: -280px -25px; width:80px;}
#naviM li#n05 a:hover, #naviM li#n05on a { background-position: -360px -25px; width:65px;}
#naviM li#n06 a:hover, #naviM li#n06on a { background-position: -425px -25px; width:93px;}

/* Navigation Common End //////////////////////////////////////////////////////////// */

/* 001 index*/
/* layout---------------------------*/
div#container {
	width:750px;
	margin:0 auto;}

div#indexFooter {
	margin:0 auto;
	width:750px;}

div#indexFooter p {
	margin:0 auto;
	text-indent:-9999px;
	background:url(../img/copyright.gif) no-repeat;
	width:230px;
	height:30px;}

div#mainTitle {
	margin:180px auto 50px;
	background:url(../img/migakikko_title.gif);
	padding:0;
	text-indent:-9999px;
	width:560px;
	height:150px;}

#naviIndex {
	margin:20px auto 150px auto;
	width:240px;
	height:25px;}
#naviIndex ul {
	padding:0;
	margin:0;}
#naviIndex li {
	display:inline;
	list-style-type:none;}
#naviIndex li a {
	background:url(img/eng_jap.gif) no-repeat;
	height:25px;
	display:block;
	float:left;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;}

#naviIndex li#nEng a { background-position: 0px 0px; width:115px;}
#naviIndex li#nJap a { background-position: -115px 0px; width:125px;}
#naviIndex li#nEng a:hover { background-position: 0px -25px; width:115px;}
#naviIndex li#nJap a:hover { background-position: -115px -25px; width:125px;}

/* CV //////////////////////////////////////////////////////////// */

div#cvRightBox {
	width:390px;
	float:right;}

div#cvLeftBox {
	width:390px;
	float:left;}

/* TEXT //////////////////////////////////////////////////////////// */

div.boxTextFuculty {
	margin-left:60px;
	padding:20px 40px;
	font-size:15px;
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:#FFFFFF;
	color:#999999;}

div.boxTextFuculty p.textS {
	margin-top:30px;
	font-size:12px;
	line-height:1.4em;
	text-align:right;}

div.boxTextFuculty h2, div.boxTextFuculty p {
	margin-left:0;}

div.boxText {
	line-height:1.5em;}

/* margin //////////////////////////////////////////////////////////// */

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

.clearfix {
	display: inline-block;}

/* Hide from IE-mac \*/
*html .clearfix {height:1%;}
.clearfix {display:block;}
/*End hide from IE-mac */