@charset "utf-8";
/*======================================================================


       Structure CSS

Structure CSS と　Style CSSの違いについて
-Structure CSSは構造を扱い、印刷に反映する
-Style CSSは、装飾等を扱い、印刷に反映されない



document
	header		ヘッダー
	globalnav	ナビ
    contents	コンテンツ
    footer		フッター
======================================================================*/

html {
	background-color: #000000;
}

body {
	text-align: center; /* IE5.5 margin 0 auto */
}

#document {
	margin: 0 auto;
	width: 800px;
	text-align: left; /* body text-align: center　対策 */
	
}

#header {
	height: 100px;

}

#globalnav {

}

#contents {
	padding: 10px;
}

#footer {
	height: 15px;
}

#footer div#copyright {
	padding: 2px;
	font-size: 85%;
	text-align: center;
}

/* トップページ表示バナー */
#banner {
	margin: 0 auto;
	width: 800px;
	text-align: left;
}


#topic_path {
	font-size: 85%;
}
/*======================================================================


        ナビ


======================================================================*/
ul#nav {
	margin: 0;
	padding: 0;
	display:  block;
}



ul#nav li{
	margin:0;
	float: left;
	display: inline;
	padding-left: 3px;
}

ul#nav li a {
	margin: 0;
	height: 20px;
	padding-left: 17px;
	padding-right: 10px;
	text-decoration:none;
	
}
/*======================================================================


       index.html(トップページ)


======================================================================*/


#contents #top_gallery {
	padding: 10px;
	float: left;
	display: inline;
}

#contents #top_gallery_title{
	text-align: right;
	
}

/* 更新日 */
#contents #update {
	text-align: right;	
}

/*======================================================================


        Photograph.html


======================================================================*/
#photo {
	margin: 0;
	padding: 15px;
}



/*======================================================================


        Programming


======================================================================*/
#category {
	margin: 0;
	margin-top: 20px;
	padding: 3px;
	display:  block;
}
#category .part {
	width: 190px;
	float: left;
	display: inline;
	padding-left: 3px;
}
#category .part ul {
	text-decoration:none;
	list-style-type: none;
}
#category .part ul li {
	padding: 3px;
}
/*======================================================================


        Programming-software


======================================================================*/
#software {
	margin: 0 auto;
	margin-top: 20px;
	width: 600px;

}

/*======================================================================


        Programming-html5


======================================================================*/
#html5 {
	margin: 0 auto;
	margin-top: 20px;
	width: 600px;

}

#html5 #canvas {
	margin: 0 auto;
	margin-top: 20px;
}

#html5 #canvas ul{
	text-decoration: none;
	list-style-type: none;
	padding-left: 10px;	
}	
/*======================================================================


        Profile


======================================================================*/
#history {
	padding: 10px;
	float: left;
	display: inline;
	width: 500px;
}
#history table caption {
	padding: 10px;
}

#profile {
	padding: 20px;
	width:200px;
	float: right;
	display: inline;

}


/*======================================================================


       Clearfix


======================================================================*/
.clearfix:after {
	content:".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	font-size: 0;
}

.clearfix {
	zoom: 1;
}