/* CSS Document */
body {
	background-color: #000000;
	margin-top: 0px;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-x;
}

img {
	border: none;
}

/*リンク*/
a:link { color: #FFFFFF ;
         text-decoration:none } /* 通常時 */
a:visited { color: #666666 ; 
         text-decoration:none} /* 訪問済 */
a:active { color: #FF6699 ;  
         text-decoration:none}/* クリック時 */
a:hover { color: #FF0066 ; 
         text-decoration:none} /* オンマウス時 */


/*コンテンツ枠*/
#sotowaku {
	width: 700px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	border-right: 1px solid #FF0066;
	border-left: 1px solid #FF0066;
	border-bottom: 1px solid #FF0066;
}

#header {
	background-image: url(../img/hd.gif);
	height: 90px;
	width: 700px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #FF0066;
	background-repeat: no-repeat;
}
#top {
	height: 350px;
	width: 700px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/top/top100321.jpg);
}

#navi {
	height: 20px;
	width: 700px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	list-style-type: none;
	border-top: 1px solid #FF0066;
	border-bottom: 1px solid #FF0066;
}

#contents {
	width: 700px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;

}

#footer {
	background-image: url(../img/ft.gif);
	background-repeat: repeat-x;
	padding: 0px;
	height: 45px;
	width: 700px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF0066;
	vertical-align: bottom;
}

/*ナビ中身*/
.navi_nakami{
	float: left;
	height: 20px;
	width: 175px;
	padding: 0px;
	margin-top: 0px;
}

/*その他*/
#url {
	padding-top: 15px;
	padding-left: 40px;
	margin-top: 0px;
	width: 660px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}

#header_text {
	padding-top: 20px;
	padding-right: 40px;
	margin-top: 0px;
	width: 660px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}


#header_text span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
}

#footer_text {
	margin-top: 15px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}

#ab {
	width: 450px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#ab_text {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	padding-top: 0px;
	padding-left: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}

.wo {
	width: 430px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	vertical-align: top;
}

#works_text {
	margin-top: 10px;
	padding-top: 0px;
	padding-left: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
}

#il {
	width: auto;
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	height: 150px;
	padding: 0px;
}

.il_list {
	margin: 3px;
	height: 35px;
	width: 35px;
	list-style-type: none;
	float: left;
}

#hr {
	height: 1px;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 5px;
	border-top: 1px dashed #FF0066;
}

/*サムネ（オンマウスでボーダー）*/

#contents li a img, #contents li a { 
    border: none;
	float: left;
}

#contents li a { 
    margin: 3px;
}

#contents li a:hover {
	outline: 1px solid #FF0066;
}