﻿/* --------------------リセット------------------ */
@charset "utf-8";

/* reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
ul.tdftad {
	display: none;
}

/* --------------------個別------------------ */

body{
	font-family:"メイリオ",sans-serif;
	font-size:75%;
	font-weight:bold;
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆黒バック◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#wrap{
	position:relative;
	left:200px;
	top:30px;
	width:620px;
	height:600px;
	background-color:#000000;
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆画像10個◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#ring{
	position:absolute;
	left:420px;
	top:200px;
	width:66px;
	height:66px;
}
#himawari{
	position:absolute;
	left:320px;
	top:100px;
	width:100px;
	height:100px;
}
#italy{
	position:absolute;
	left:486px;
	top:266px;
	width:100px;
	height:100px;
}
#glass{
	position:absolute;
	left:320px;
	top:366px;
	width:66px;
	height:66px;
}
#inn{
	position:absolute;
	left:520px;
	top:68px;
	width:66px;
	height:66px;
}
#tiger{
	position:absolute;
	left:200px;
	top:132px;
	width:66px;
	height:66px;
}
#fish{
	position:absolute;
	left:134px;
	top:66px;
	width:66px;
	height:66px;
}
#ferrari{
	position:absolute;
	left:134px;
	top:366px;
	width:66px;
	height:66px;
}
#jwele{
	position:absolute;
	left:34px;
	top:432px;
	width:100px;
	height:100px;
}
#azarashi{
	position:absolute;
	left:34px;
	top:230px;
	width:66px;
	height:66px;
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆サイト名部分　大枠（黒バックのPositionとして子）◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#name{
	position:absolute;
	left:134px;
	top:230px;
	width:150px;
	height:100px;
	vertical-align:middle;
}
/*◆◆◆◆◆◆◆◆◆サイト名部分　内枠（この中でさらにPositionの親子）◆◆◆◆◆◆◆◆◆*/
#name2{
	position:relative;
}
h1,h2,h3{
	color:#ffffff;
}
h1{
	position:absolute;
	top:13px;
	font-size:24px;
	font-weight:bold;
	line-height:1.2;
}
h2{
	position:absolute;
	top:70px;
	font-size:10px;
	font-weight:bold;
	line-height:1.2;
}
h3{
	position:absolute;
	top:0px;
	font-size:7px;
	font-weight:normal;
	line-height:1.2;
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆ナビゲーション◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#navi{
	position:absolute;
	left:320px;
	top:230px;
	width:100px;
	height:130px;
}
#navi ul{
	list-style:none;
}
#navi ul li a{
	color:#ffffff;
	font-size:10px;
	line-height:1.7;
	text-decoration:none;
}
#navi ul li a:hover{
	color:#ffa500;
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆○型リンク◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#event{
	position:absolute;
	left:500px;
	top:450px;
	width:86px;
	height:86px;
}
#event a{
	display:block;
	width:86px;
	height:86px;
	background:#000000 url(../img/event_off.gif) left top no-repeat;
}
#event a:hover{
	background:#000000 url(../img/event_on.gif) left top no-repeat;
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆コピーライト◆◆◆◆◆◆◆◆◆◆◆◆◆*/
#copy{
	position:absolute;
	left:400px;
	top:550px;
	width:200px;
	height:30px;
	color:#ffffff;
	font-size:8px;
}