@charset "Shift_JIS";
* {
	scrollbar-3dlight-color : #ff9999;		/* 左端と上端 */
	scrollbar-arrow-color : #ff9999;		/* 矢印 */
	scrollbar-base-color : #ffffff;			/* ベース */
	scrollbar-darkshadow-color : #ffffff; 	/* 右端と下端 */
	scrollbar-face-color : #ffffff; 		/* 表面の色 */
	scrollbar-highlight-color : #ffffff; 	/* ハイライトの色 */
	scrollbar-shadow-color : #ff9999;		/* 影 */
}

body
{
	margin: 0;
	background: #ffffff;
	background-image: url("./img2/dot.gif");
	color: #666666;
	text-align : center; /* バグを利用してブロックレベル要素をセンタリング */
}
#container {
	margin-left : auto;  /* 左側のマージンを自動算出 */
	margin-right : auto; /* 右側のマージンを自動算出 */
 	text-align : left;   /* body要素で指定したセンタリングを戻す */
	font-size: small;
	width : 780px;			/* for old-IE(w+p*2+b*2) */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 800px;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
/* opera */
html>body #container {
　width: 800px;
}

div#title {
	float:left;
	background: url(img2/goo_dot.gif) left bottom no-repeat;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:10px;
	height:280px;
	padding-left:220px;
	padding-top:0px;
	width: 400px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:180px;
}
div#whatsnew {
	width:320px;
	float:right;	
	padding-top:20px;
	padding-right:20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding-right:0px;
}

div.main {
	float:left;
	border: 1px solid #FFCCFF;
	padding: 8px 8px;
	width: 530px;		/* for old-IE(w+p*2+b*2) */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 512px;
}
/* opera */
html>body main {
　width: 512px;
}

div#sub {
	float:right;
	border: 1px solid #FFCCFF;
	padding: 8px 8px;
	width : 260px;		/* for old-IE(w+p*2+b*2) */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 242px;
}

/* opera */
html>body #sub {
　width: 242px;
}
div.section {
	background-color:#ffffff;
	padding: 8px;
	margin-bottom: 10px;
}
#bottom_area {
	margin-top: 20px;
	margin-bottom: 10px;
	clear: both;
}

#footer {
	clear: both;
	margin-top : 5px;
	padding: 0.5em 0;
	width: 100%;
	border-top: 2px dashed #FFCCFF;
	text-align: center;
	font-size: x-small;
}
/*
 * リンク
 */
A:link { color: #FF3399; text-decoration:none; }
A:visited { color: #FF6699; text-decoration:none; }
A:active { color: #FF0066; }
A:hover { color: #FF3366; }

img {
	border: 0px;
}

/*
 * 見出し
 */
h1 {
	font-family : sans-serif ;
}
h2 {
	background : #FFCCFF;
	padding: 2px 10px;
	margin-top : 0px;
	margin-bottom: 0.2em;
	font-size: medium;
}
h2.sub {
	background : #FFCCFF;
	padding: 2px 10px;
	margin-top : 0px;
	margin-bottom: 0.2em;
	font-size: medium;
	width: 220px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 210px;
}

h3 {
	background: url("./img2/heart4.gif") no-repeat left bottom;
	margin-top : 1em;
	margin-bottom: 0.2em;
	padding: 0px 15px;
	font-size: small;
	border-bottom :1px solid #FF99FF;
	width:60%;
}
h4{
	margin-top : 0px;
	margin-bottom: 0.2em;
	font-size: small;
}


/*
 * デザイン 
 */
iframe {
	border:#ff99ff dashed 1px;
	outline : none;
}
input {
	outline: none;
}
ul{
	margin-top: 0px;
	margin-left:2.05em;
	line-height: 1.1em;
	list-style-type:square;
	list-style-image:url("img2/heart6.gif");
}

div#webring {
	float:left;
	margin-left: auto;
	margin-right:auto;
	width:540px;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
}

table.uc_webring {
	float:left;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
table#notoy_webring {
	float:right;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}

div#about{
	padding:5px;
	border:2px dashed;
	float:right;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}