/* *** Generated by www.csscreator.com *** */
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-image: url(../image/back.gif); 
} 
 
#pagewidth{ 
 width:780px; 
 text-align:left; 
 min-width: 500px;margin-left:auto; 
 margin-right:auto; 
  
} 
 
#header{ 
 height:80px; 
 width:775px;
margin: 0px 0px 0px 5px;
padding: 1px 2px 2px 2px; 
 background-image: url(../image/header-bg.png);
 } 
 
#header2{ 
 height:20px; 
 width:775px; 
	margin: 2px 0px 0px 0px;
padding: 2px;
 background-color:#808080; 
font-size: 10pt;
text-align: left;
 } 

 /*
-------------------------------------------------
	MENU BOX
-------------------------------------------------
*/

#menu-box {
	display: inline;
	float: left;
	width: 119px;
	margin: 20px 0px 20px 5px;
        padding: 0px; 

}

ul.menu{
    list-style-type: none;
	margin: 15px;
    padding: 0;
    border-top: 1px solid #cccccc;
color: #ffff00;

}

li.menu {
    list-style: none;
    margin-bottom: 0;
	padding: 2px 5px;
    border-bottom: 1px solid #ff0000;
    line-height: 100px;
    text-indent: 0;
color: #ffff00;
font-size: 13px;

}

li.cur-menu {
    list-style: none;
    margin-bottom: 0;
	padding: 2px 5px;
    border-bottom: 1px solid #cccccc;
    line-height: 20px;
    text-indent: 0;
}

dl#draft {
	margin: 15px;
	padding: 0;
}

/* Contents Navi */

#content-menu {
	position: absolute;
	top: 80px;
	width: 780px;
	height: 20px;
	margin: 0 0 0 0px;
	padding: 0;
	background: #808080;
}

#content-menu h2{
	display:none;
}

#content-menu ul.menu {
	list-style: none;
	height: 20px;
	margin: 0;
	padding: 0 0 0 10px;
	border: none;
}

#content-menu li.menu {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
}

/* Current Page Menu */
#content-menu li.cur-menu {
	list-style: none;
	float: left;
    margin: 1px 0 1px -1px;
	padding: 2px 10px;
	border: none;
	border-right: 1px solid #998675;
	border-left: 1px solid #998675;
	background: #FF0000;
	color: #ffff00;
	line-height: 14px;
	text-indent: 0;
}

#content-menu a.menu,
#content-menu a.menu:visited {
	display: block;
	margin: 1px 0 1px -1px;
	padding: 2px 10px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	color: #ffffff;
	line-height: 14px;
    text-decoration: none;
}

#content-menu a.menu:hover,
#content-menu a.menu:active {
    margin: 1px 0 1px -1px;
	padding: 2px 10px;
	border-right: 1px solid #998675;
	border-left: 1px solid #998675;
	background: #222222;                             /*メニューにマウスを乗せた時の背景色*/
    color: #ffffff;
    text-decoration: none;
}



#outer{ 
 border:solid white 0px; 

border-left-style: solid; 
background-color: #151515; /* center column colour */ 
width: 741px; 
padding: 5px 30px 5px 8px;
color: #F0FFFF;
font-size: 80%;

 } 
 
#footer{
 height:20px; 
 width:780px; 
   background-color:#808080;
text-align: right;
font-size: 12px;

} 
 
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 width: 100%; 
 position: relative; 
 margin: 12px -10px 0 5px; 
letter-spacing: 0.8px;
border-left-color: #ff0000;
line-height: 170%;
font-size: 100%;


 }
 
#outer>#inner { border-bottom: 1px solid #ff0000;  }        /*一番下の線*/
 
.clr{clear:both;}
 
.content{padding:5px;} /*padding for content */ 
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 

 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 
}
div.menu {
	margin: 15px 0;
    padding: 0 10px;

	font-size: 100%;
}

div.menu h2 {
	margin: 0 -15px 10px -15px;
	padding: 0 10px;
	background: #00ffff;        /* 検索とカテゴリの四角の背景;*/
    	color: #000000;                 /* 検索とカテゴリと日記タイトルの文字色;*/
   	 font-size: 100%;
	font-weight: normal;
	line-height: 22px;
}

div.menu p {
	margin: 0;
	padding: 90px;
    color: #ffffff;
}

div.menu ul {
    list-style-type: none;
	margin: 0 0 0.5em 0px;
	padding: 0;
	line-height: 220%;
    color: #ffffff;
font-size: 12px;
}




A{
  color : #000000;
  text-decoration : none;
}

A:link{
color:#cccccc;
text-decoration:none;}
A:active{
color:#000000;
text-decoration:none;}
A:visited{
color:#ffffff;
text-decoration:none;}
A:hover{
color:#cccccc;
border-top-style : double;
border-top-color : #ffffff;
border-top-width : 1px;
border-bottom-style : double;
border-bottom-color : #ffffff;
border-bottom-width : 1px;
background-color: #000000;
text-decoration:none ;}


h1 {
 color : #ff0000;
font-size: 13px;
 }

h2 {
 color : #F5F5F5;
background-color:#808080; 
  }



h4 {
  color : #FF0000;
  }

h5 {
 color : #F5F5F5;
background-color:#808080; 
  }





table {
table-layout: fixed; 
font-size : 10pt;
color: #ffffff;
border-collapse: collapse; 

}

th, td
{ 
 background-color: #000000;
padding: 5px 10px

 }
.col1 { width: 10em; }
.col2, .col3 { width: 25em; }
.col4 { width: 5em; }
.col5 { width: 30em;}
.col6 { width: 15em;}
.col7 { width: 6em;}
.col8 { width: 20em;}


p {
margin-right: 10px;
margin-lef: 200px;
color: #ff0000;
}

hr {
border: thin dotted #cccccc;
}