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

/* ヘッダーの設定 ここから　*/
#header {
	width: 900px;
	margin: 30px auto 0;
	text-align: left;
	magin: 0 20;
	padding: 0;
}
/* ヘッダーの設定 ここまで　*/

/* メニューの設定 */
#menulist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menulist li {
	margin: -20px 0 0 30px;
	padding: 0;
	float: right;
}
/* メニューの設定 ここまで */

/* メニュータイトル ここから */
#menutittle {
	width: 500px;
	height: 30px;
	position: absolute;
	left: 50%;
	margin: 30px 0 0 -310px;
	padding: 0px;
}
/* メニュータイトル ここまで */

/* Indexコンテンツの設定 ここから */
#toppage {
	width: 900px;
	height: 625px;
	background-color: #fff;
	margin: 0px auto 0;
	border-color: #ddd;
	border-style: solid solid solid;
	border-width: 1px 1px 1px;
}
#topcontents {
	width: 500px;
	height: 500px;
	position: absolute;
	left: 50%;
	margin: 50px 0 0 -250px;
	padding: 0px;
	border-color: #ddd;
	border-style: solid solid solid;
	border-width: 1px 1px 1px;
}
#portfolio {
	margin: 0;
	padding: 0;
}
/* Indexコンテンツ ここまで */

/* Information,Biography,Portfolio,Contactのコンテンツの設定 ここから */
#mainpage {
	width: 900px;
	height: 625px;
	background-color: #fff;
	margin: 0px auto 0;
	border-color: #ddd;
	border-style: solid solid solid;
	border-width: 1px 1px 1px;
}

#maincontents {
	width: 600px;
	height: 400px;
	position: absolute;
	left: 50%;
	margin: 50px 0 0 -330px;
	padding: 0 0 30px 30px;
	border-color: #ddd;
	border-style: solid solid solid;
	border-width: 1px 1px 1px;
	font-size:smaller;
	background-color:#F6F6F6;
	list-style-type: none;
}
#maincontents h2{
	text-decoration:none;
	font-size: small;
	color: #333333;
	margin: 20px 0 0 15px;
	padding: 0;
	font-weight: bold;
}
#still li {
	margin: 15px 0 0 40px;
	padding: 0;
	float: inherit;
}

/* about,Portfolio,Contactのコンテンツの設定 ここまで */

/* Movieの設定 ここから */
#moviecontents {
	width: 600px;
	height: 400px;
	position: absolute;
	left: 50%;
	margin: 50px 0 0 -330px;
	padding: 40px 0 30px 30px;
	border-color: #ddd;
	border-style: solid solid solid;
	border-width: 1px 1px 1px;
	font-size:smaller;
	background-color:#F6F6F6;
	list-style-type: none;
}

.movie-box {margin:0 auto;
width:600px;
text-align:ceter;}
.movie-box br{clear:both;}
div.t1{display:block;
float:left;
margin:0 0 15px 15px;
padding:10px;
width:150px;
height:85px;
border:1px solid #666;
}
div.t2{display:block;
float:left;
margin:0 0 15px 15px;
padding:10px;
width:150px;
height:85px;
border:1px solid #666;
}
div.t3{display:block;
float:left;
margin:0 0 15px 15px;
padding:10px;
width:150px;
height:85px;
border:1px solid #666;
}

#moviepreview {
	width: 600px;
	height: 400px;
	position: absolute;
	left: 50%;
	margin: 50px 0 0 -330px;
	padding: 50px 0 10px 0px;
	border-color: #ddd;
	border-style: solid solid solid;
	border-width: 1px 1px 1px;
	font-size:smaller;
	background-color:#F6F6F6;
	list-style-type: none;
}
.movie-box_view {margin:0 auto;
width:600px;
text-align:ceter;}
.movie-box br{clear:both;}
div.t4{display:block;
float:left;
margin:0 0 15px 15px;
padding:10px;
width:150px;
height:85px;
border:1px solid #666;
}
div.t5{display:block;
float:left;
margin:0 0 15px 15px;
padding:10px;
width:150px;
height:85px;
border:1px solid #666;
}
div.t6{display:block;
float:left;
margin:0 0 15px 15px;
padding:10px;
width:150px;
height:85px;
border:1px solid #666;
}

/* Movieのclassの設定 ここまで */

/* リンクのカラー設定 ここから */
/* Satsuki Kishida Photography */
a.styleS:link {
	color:#333333;
	text-decoration:
	}
a.styleS:visited {
	color:#333333;
	text-decoration:none;
	}
a.styleS:active {
	color:#333333;
	text-decoration:none;
	}
a.styleS:hover {
	text-decoration: none;
	color: #FF0000;
	}
	
/* Information */
a.styleI:link {
	color:#333333;
	text-decoration:
	}
a.styleI:visited {
	color:#333333;
	text-decoration:none;
	}
a.styleI:active {
	color:#333333;
	text-decoration:none;
	}
a.styleI:hover {
	text-decoration: none;
	color: #FFCC00;
	}
	
/* about */
a.styleB:link {
	color:#333333;
	text-decoration:
	}
a.styleB:visited {
	color:#333333;
	text-decoration:none;
	}
a.styleB:active {
	color:#333333;
	text-decoration:none;
	}
a.styleB:hover {
	text-decoration: none;
	color: #00CC66;
	}
/* Portfolio */
a.styleP:link {
	color:#333333;
	text-decoration:
	}
a.styleP:visited {
	color:#333333;
	text-decoration:none;
	}
a.styleP:active {
	color:#333333;
	text-decoration:none;
	}
a.styleP:hover {
	text-decoration: none;
	color: #00CCFF;
	}
/* Contact */
a.styleC:link {
	color:#333333;
	text-decoration:
	}
a.styleC:visited {
	color:#333333;
	text-decoration:none;
	}
a.styleC:active {
	color:#333333;
	text-decoration:none;
	}
a.styleC:hover {
	text-decoration: none;
	color: #0066FF;
	}
/* Mail */
a.styleM:link {
	color:#333333;
	text-decoration:
	}
a.styleM:visited {
	color:#333333;
	text-decoration:none;
	}
a.styleM:active {
	color:#333333;
	text-decoration:none;
	}
a.styleM:hover {
	text-decoration: none;
	color: #FF66CC;
	}
/* リンクのカラー設定 ここまで */

/* 著作権の設定 */
#adress {
font-size:smaller;
}