/* 素材・各ページ　全体 */

body {
 scrollbar-face-color:#990066;
 scrollbar-track-color:#990066;
 scrollbar-arrow-color:#ffffff;
 scrollbar-highlight-color:#ffffff;
 scrollbar-shadow-color:#ffffff;
 scrollbar-3dlight-color:#990066;
 scrollbar-darkshadow-color:#990066;
 font-family: "Verdana","Chicago","Arial","Helvetica","ＭＳ Ｐゴシック", "Osaka" ; 
 font-size: 10pt; line-height: 130%; cursor:ne-resize;
 color: #999999;
 }


/* リンク */
a:link    { color: #0000ff; }
a:visited { color: #990066; }
a:active  { color: #cc3333; }
a:hover   { color: #cc3333; position: relative;top:1px; left:1px; }
a         { cursor:ne-resize; }

.left     { text-align: left; }
.right    { text-align: right; }
.center   { text-align: center; }

/* 画像 */
img {
	border: none;
	margin: 5px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: bottom
}

.ex2 img {
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.ex3 img {
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.none img {
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.new { border: 1px solid #000000; }


/* 本体 */
div#document { 
	text-align: center;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

div#header {
	margin: 5px auto 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: none;
	clear: both;
}


div#header-navi {
	margin: 5px 0px 0px 0px;
	width: 100%;
	text-align: left;
}



div#header-navi li {
	list-style-type: none;
	display: inline;
	color: #330000;
}


div#main {
	margin: 10px auto 20px;
	padding: 0px 0px 0px 0px;
	width: 350px;
	text-align: center;
	float: none;
	clear: both;
}

/* アフィリエイト・下部 */
div#affiliate {
	margin: 10px auto;
	padding: 30px 0px 30px 0px;
	clear: both;
}


/* アフィリエイト・上部 */
div#affiliate2 {
	clear: both;
}


/* フッター */
div#footer {
	margin: 30px auto 30px;
	clear: both;
	text-align: center;
}

div#footer img {
	border: none;
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}


div#footer ul {
	margin: 0px;
}



div#footer li {
	list-style-type: none;
	display: inline;
}




/* アイコン等横長版 */

div#header2 {
	margin: 5px auto 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 85%;
	float: none;
	clear: both;
}

div#main2 {
	margin: 10px auto 20px;
	padding: 0px 0px 0px 0px;
	width: 85%;
	text-align: center;
	float: none;
	clear: both;
}

div#main3 {
	margin: 10px auto 20px;
	padding: 0px 0px 0px 0px;
	width: 85%;
	text-align: left;
	float: none;
	clear: both;
}


div#main h1 {
	margin: 0px auto 20px;
	padding: 10px 10px 10px 10px;
	width: 350px;
	font-size: 10pt;
	font-weight: bold;
	background-color: #999999;
	color: #ffffff;
	text-align: left;
}

div#main2 h1 {
	margin: 0px auto 20px;
	padding: 10px 10px 10px 10px;
	font-size: 10pt;
	font-weight: bold;
	background-color: #999999;
	color: #ffffff;
	text-align: left;
}

div#main3 h1 {
	margin: 0px auto 20px;
	padding: 10px 10px 10px 10px;
	font-size: 10pt;
	font-weight: bold;
	background-color: #999999;
	color: #ffffff;
	text-align: left;
}


/* 壁紙・展示 */
.exhibition {
	margin: 0px auto;
	padding: 2px 2px 2px 2px;
	background-color: #ffffff;
	text-align: center;
	float: none;
	clear: both;
}

/* 説明文 */
.ex {
	margin: 40px auto 20px;
	width: 350px;
	font-size: 10pt;
	text-align: left;
}

/* 説明文2 */
.ex2 {
	margin: 40px auto 20px;
	padding: 10px;
	width: 350px;
	background-color: #ffffff;
	font-size: 10pt;
	text-align: left;
}

/* 説明文3 */
.ex3 {
	margin: 40px auto 20px;
	padding: 10px;
	width: 85%;
	font-size: 10pt;
	text-align: left;
}


/* ボタン　付箋の説明文 */
.ex4 {
	margin: 20px auto 10px;
	width: 350px;
	padding: 10px;
	text-align: left;
	border: 1px dashed #999999;
}


a.a:hover { color:#990066; background-color:#ff6633; }


/* テーブルのソース提示 */
.ex5 {
	margin: 40px auto 10px;
	width: 80%;
	padding: 10px;
	text-align: left;
	border: 1px dashed #999999;
}


.su-ji {
	font-weight: bold;
	color: #cc0000;
}

.cell {	color: #cc0000; }

.table {
	font-weight: bold;
	color: #990066;
}

.b-back {
	background-color: #ffff99;
}

.b-gif {
	font-weight: bold;
	color: #990066;
	background-color: #ffff99;
}


/* テーブルの説明文 */
.ex6 {
	margin: 40px auto 20px;
	padding: 10px;
	width: 85%;
	font-size: 10pt;
	text-align: left;
}


.kado {
	background-color: #ffffcc;
}

.juji {
	background-color: #ffcccc;
}


/* テーブル・カフェ型 */

.red {
	margin: 10px auto 10px;
	padding: 0px;
	width: 400px;
	border: 2px solid #8b0000;
	background-color: #ffe4b5;
}

.blue {
	margin: 10px auto 30px;
	padding: 0px;
	width: 400px;
	border: 2px solid #7f94b0;
	background-color: #d1eeee;
}

.green {
	margin: 10px auto 30px;
	padding: 0px;
	width: 400px;
	border: 2px solid #609f80;
	background-color: #c1ffc1;
}

.brown {
	margin: 10px auto 30px;
	padding: 0px;
	width: 400px;
	border: 2px solid #8b7d6b;
	background-color: #ffe4b5;
}

.orange {
	margin: 10px auto 30px;
	padding: 0px;
	width: 400px;
	border: 2px solid #e07854;
	background-color: #ffe4b5;
}

.purple {
	margin: 10px auto 30px;
	padding: 0px;
	width: 400px;
	border: 2px solid #8b5f65;
	background-color: #cdc5bf;
}



/* 大きさ違いの案内 */
.navi {
	font-size: 10pt;
	text-align: center;
}

div#navi3 {
	font-size: 10pt;
	text-align: left;
	width: 70%;
}

div#navi4 {
	font-size: 10pt;
	text-align: left;
	width: 350px;
}

/* サンプル集 */
.sample {
	margin: 0px auto;
	width: 350px;
	text-align: center;
	float: none;
	clear: both;
}

.sample h1 {
	margin: 0px auto 20px;
	padding: 10px 10px 10px 10px;
	width: 350px;
	font-size: 10pt;
	font-weight: bold;
	background-color: #999999;
	color: #ffffff;
	text-align: left;
}


.sample dl {
	margin: 0px ;
	margin-right: 5px;
	margin-bottom: 1em;
	text-align: center;
	width: 150px;
	float: left;
	border-style: solid;
	border-color: #cdb79e;
}

.sample dt {
	margin: 0px ;
	padding: 5px;
	height: 30px;
	background-color: #cdb79e;
	font-weight: bold;
}

.sample dd {
	margin: 0px 0px 0px 0px;
	height: 70px;
	text-align: center;
	border: #cdb79e;
}


/* カウンター */
.box {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 80%;
	clear: both;
}

.sample2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.download {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	text-align: left;
}




/* サンプルのヘッダーナビ */
div#navi2 {
	font-size: 10pt;
	text-align: right;
}

/* ボタンのサンプル */
div#sample3 {
	float: none;
	clear: both;
	margin: 0px auto;
	margin-bottom: 1em;
	text-align: center;
	border:1px #990066 dashed;
}

div#sample3 dl {
	margin: 0px auto;
	float: left;
	border: 1px #000000 solid;
	text-align: center;
}

div#sample3 dt {
	text-align: center;
	margn: 0px;
	padding: 0px;
}

div#sample3 dd {
	margin: 0px;
	padding: 5px;
	text-align: center;
}


tr,td { font-size: 10pt; }



div#sample3 a:link    { color: #990066; }
div#sample3 a:visited { color: #cc9999; }
div#sample3 a:active  { color: #cc3333; }
div#sample3 a:hover   { color: #cc3333; }


.word-m { font-size: medium; font-weight: bold; }
.word-s { font-size: x-small; font-weight: bold; }

.caution { color: #cc0000; }