@charset "Shift_JIS"; 

/* style by-飛翼（パクリ可） */

/* とりあえず基礎 */
html
	{
	direction   : ltr;
	margin  : 0px;
	padding : 0px;
	border  : 0px;
	}

html *
	{
	box-sizing  : border-box;
	-moz-box-sizing : border-box;
	}

body
	{
	text-align  : left;
	margin : 3%;
	}

a,img,em,strong,dfn,q,cite,sub,sup,ins,del,br,
kbd,samp,code,var,abbr,acronym,bdo,map,area,
span
	{
	font-weight : normal;
	font-style  : normal;
	font-size   : 100%;
	text-decoration : none;
	margin  : 0px;
	padding : 0px;
	border  : 0px;
	}

table,thead,tfoot,tbody,caption,
tr,th,td,colgroup,col
	{
	font-weight : normal;
	font-style  : normal;
	font-size   : 100%;
	text-align  : left;
	text-decoration : none;
	margin  : 0px;
	padding : 0px;
	border  : 0px;
	}

h1,h2,h3,h4,h5,h6,address,pre,blockquote,hr,
ul,ol,dl,li,dt,dd,
fieldset,form,
div
	{
	font-weight : normal;
	font-style  : normal;
	font-size   : 100%;
	text-align  : left;
	text-decoration : none;
	margin  : 0px;
	padding : 0px;
	border  : 0px;
	}


/* Body */

body
	{
	font-size : 100%;
	background-image:url(mainback.jpg);
	background-position: 100% 100%;
	background-color : #999999;
	background-repeat: no-repeat;
	background-attachment:fixed;
	color : #000000;
	text-autospace  : none;
	line-break  : nomal;
	margin-right:207px;
	margin-left:0%;
	margin-top:0%;
	margin-bottom:0%;
	}

/* form類 */	
	
legend,select,option,optgroup,input,
textarea,label,button
	{
	font-size   : 100%;
	border  : #ffffff 1px solid;
	background-color:#000000;
	font-size   : 100%;
	text-decoration : none;
	color : #ffffff;
	}

fieldset
	{
	padding:5%;
	margin-right:0%;
	margin-left:0%;
	margin-top:0%;
	margin-bottom:0%;
	border-bottom : #444444 5px solid;
	border-right : #ffffff 0% solid;
	border-top : #444444 5px solid;
	border-left : #ffffff 0% solid;
	background : #000000;
	color:#ffffff;
	}

	
/* 見出し */

h1
	{	
	margin-right:0%;
	margin-left:0%;
	margin-top:0%;
	margin-bottom:0%;
	font-size : 300%;
	padding-top:30px;
	background : #444444;
	text-align : center;
	color:#ffffff;
	}

h2
	{
	margin-right:0%;
	margin-left:0%;
	margin-top:0%;
	margin-bottom:0%;
	font-size : 250%;
	border-right: #999999 30px solid;
	border-bottom : #444444 30px solid;
	border-top : #444444 30px solid;
	border-left : #000000 0px solid;
	background : #444444;
	text-align : center;
	color:#ffffff;
	}

h3
	{
	margin-right:0%;
	margin-left:0%;
	margin-top:0%;
	margin-bottom:0%;
	font-size : 220%;
	border-right: #999999 30px solid;
	border-bottom : #444444 30px solid;
	border-top : #444444 30px solid;
	border-left : #000000 0px solid;
	background : #444444;
	text-align : center;
	color:#ffffff;
	}

h4
	{
	margin-right:0%;
	margin-left:0%;
	margin-top:0%;
	margin-bottom:0%;
	font-size : 190%;
	border-right: #999999 30px solid;
	border-bottom : #444444 30px solid;
	border-top : #444444 30px solid;
	border-left : #000000 0px solid;
	background : #444444;
	text-align : center;
	color:#ffffff;
	}


	
/* 基本設定 */
	
p
	{
	margin-right:0%;
	margin-left:0%;
	margin-top:0%;
	margin-bottom:0%;
	padding-left:10%;
	border-bottom : #444444 5px solid;
	border-right : #ffffff 0px solid;
	border-top : #444444 5px solid;
	border-left : #ffffff 0px solid;
	background : #000000;
	color:#ffffff;
	}



blockquote
	{
	padding:5%;
	margin-right:0%;
	margin-left:0%;
	margin-top:0%;
	margin-bottom:0%;
	border-bottom : #444444 5px solid;
	border-right : #ffffff 0% solid;
	border-top : #444444 5px solid;
	border-left : #ffffff 0% solid;
	background : #000000;
	color:#ffffff;
	}

blockquote p
	{
	margin-top : 0px;
	margin-right : 0%;
	}
	
	
del
	{
	text-decoration:line-through;
	}

em
	{
	font-weight:bold;
	}

strong
	{
	font-size:170%;
	font-weight:bold;
	}

ul,ol
	{
	margin-right:0%;
	margin-left:0%;
	margin-top:0%;
	margin-bottom:0%;
	padding-left:10%;
	border-bottom : #444444 0px solid;
	border-right : #ffffff 0px solid;
	border-top : #444444 0px solid;
	border-left : #ffffff 0px solid;
	background : #444444;
	color:#ffffff;
	}

ul li
	{
	text-align:center;
	list-style:none;
	margin-right:0px;
	margin-left:10%;
	margin-top:0%;
	margin-bottom:0%;
	border-bottom : #444444 5px solid;
	border-right : #ffffff 0px solid;
	border-top : #444444 5px solid;
	border-left : #ffffff 0px solid;
	background : #000000;
	color:#ffffff;
	}


ol li
	{
	text-align:center;
	list-style:none;
	margin-right:0%;
	margin-left:20%;
	margin-top:0%;
	margin-bottom:0%;
	border-bottom : #444444 5px solid;
	border-right : #ffffff 0px solid;
	border-top : #444444 5px solid;
	border-left : #ffffff 0px solid;
	background : #000000;
	color:#ffffff;
	}

	
/* リンク */

a
	{
	text-decoration:none;
	color:#7799dd;
	}

a:link
	{
	text-decoration:none;
	color:#7799dd;
	}

a:visited
	{
	text-decoration:none;
	color:#5588dd;
	}

a:hover
	{
	text-decoration:none;
	color:#8899aa;
	background-color:#445566;
	}

a:active
	{
	text-decoration:none;
	color:#8899aa;
	background-color:#445566;
	}

address
	{
	margin-right:0%;
	margin-left:0%;
	margin-top:0%;
	margin-bottom:0%;
	padding-left:10%;
	border-bottom : #444444 0px solid;
	border-right : #999999 30px solid;
	border-top : #444444 30px solid;
	border-left : #ffffff 0px solid;
	background : #444444;
	color:#ffffff;
	}
	

/* テーブル */

table.keepsake
	{
	margin-right:0%;
	margin-left:0%;
	margin-top:0%;
	margin-bottom:0%;
	padding:0px;
	border-bottom : #444444 5px solid;
	border-right : #ffffff 0px solid;
	border-top : #444444 5px solid;
	border-left : #ffffff 0px solid;
	background : #000000;
	color:#ffffff;
	width:100%;
	}

table.keepsake caption
	{
	margin-right:0%;
	margin-left:0%;
	margin-top:0%;
	margin-bottom:0%;
	border-bottom : #444444 5px solid;
	border-right : #ffffff 0px solid;
	border-top : #444444 5px solid;
	border-left : #ffffff 0px solid;
	background : #000000;
	color:#ffffff;
	}

table.keepsake tr
	{
	margin-right:0%;
	margin-left:0%;
	margin-top:0%;
	margin-bottom:0%;
	padding:0px;
	border-top : #444444 5px solid;
	border-bottom : #444444 5px solid;
	}

table.keepsake th
	{
	margin-right:0%;
	margin-left:0%;
	margin-top:0%;
	margin-bottom:0%;
	padding:2px;
	border-right: #ffffff 10px solid;
	border-bottom : #444444 0px solid;
	border-top : #444444 10px solid;
	border-left : #ffffff 0px solid;
	background-color:#ffffff;
	color:#000000;
	}

table.keepsake td
	{
	margin-right:0%;
	margin-left:0%;
	margin-top:0%;
	margin-bottom:0%;
	padding:1px;
	border-right: #ffffff 0px solid;
	border-bottom : #444444 0px solid;
	border-top : #444444 0px solid;
	border-left : #ffffff 0px solid;
	background-color:#ffffff;
	color:#000000;
	}

/* 背景設定 */	
h1,h2,h3,h4,h5,h6
	{
	background-image : url(hback.gif);
	background-position: 100% 100%;
	background-repeat: no-repeat;
	}


p,li,select,option,optgroup,input,
textarea,label,button
	{
	background-image : url(gunpback.gif);	
	background-repeat: no-repeat;
	}
	
blockquote
	{
	background-image : url(quoteback.gif);
	background-repeat: no-repeat;
	}

q
	{
	background-color:#666666;
	border-top: #ffffff 1px solid;
	border-left: #ffffff 3px solid;
	}
	
/* 非表示設定 */

hr
	{
	display:none;
	}

/* countes */
p.counter
	{
	text-align:right;
	}

/* geoguide */

div.guide
	{
	margin-right:0%;
	margin-left:0%;
	margin-top:0%;
	margin-bottom:0%;
	background : #444444;
	text-align : center;
	}	

/* BBS専用CSS部 */
img.icon
	{
	float:right;
	width:117px;
	}

span.data
	{
	clear:right;
	display:block;
	text-align:right;
	}

div.res p
	{
	padding-right:30%;
	}

/* HTML講座関連 */

p.takisay
	{
	background-image:url(tkface.gif);
	padding-left:117px;
	padding-top:50px;
	padding-bottom:10px;
	}

p.hayasay
	{
	background-image:url(hyface.gif);
	padding-left:117px;
	padding-top:50px;
	padding-bottom:10px;
	}

code
	{
	background-color:#999999;
	color:#333333;
	}