@charset "UTF-8";
/*
 * style.css : A style-sheet for my "Home" html-pages
 *
 * July 29, 2005 now editing
 * January 8, 2002 creat 
 *
 * To Use, insert follow line into "head" content
 *  <link rel="stylesheet" type="text/css" href="./style.css">
 *
 */

/* body outlines */
    body {
    color:#000080;
    background-color:#ffffee;
    line-height:150%;
	font-family: 'ヒラギノ明朝 Pro','平成明朝体','游明朝',serif;
	}

    body.album {
    color:#000080;
    background-color:#ffffe8;
    line-height:150%;
	font-family: 'ヒラギノ明朝 Pro','平成明朝体','游明朝',serif;
	}
	
/* リンクボタンのボーダーを消す */
	img.lnkbtn {
		margin:0;
		padding:0;
		border-style:none;
		border-width:0;
	}
	
/* ヘッダースタイル */
h1, h2 {
	font-size:large;
	}
	
/* Page style */
	/* Wrapper */
	#wrapper {
		width:680px;
		margin-left:auto;
		margin-right:auto;
		}

	/* Top Title */
	#title-area {
		margin-left:auto;
		margin-right:auto;
	}
	
	#main-title {
		color:#000080;
		background-color:transparent;
		font-size:x-large;
		font-weight:normal;
		font-style:normal;
		text-align:left;
		text-indent:0em;
		padding-top:0.7em;
		padding-bottom:0.7em;
		padding-right:20px;
		/*
		padding-left:20px;
		*/
		float:left;
		}
	.sub-title {
		vertical-align:middle;
		color:#0099CC; /* 水色 */
		background-color:transparent;
		font-size:medium;
		font-weight:normal;
		font-style:italic;
		}
		
	/* Top Anouncement ごあいさつ */
	#intro {
		clear:both;
		color:#000080;
		background-color:#FFFFFF;
		font-size:medium;
		font-weight:normal;
		font-style:normal;
		text-align:left;
		text-indent:1em;
		margin:0;
		padding-top:1em;
		padding-right:20px;
		padding-bottom:1em;
		padding-left:20px;
		line-height:1.5em;
		float:none;
		}
	
	/*  本文 */
	#content-area {
		clear:both; 
		margin-left:auto;
		margin-right:auto;
		padding:  0;
		line-height:1.5em;
		}
	#content {
		clear:both;
		font-size:medium;
		margin-left:auto;
		margin-right:auto;
		padding:0;
		}
	
	#content p {
		padding:0 2em 0 2em;
		}
		
	#textcontent {
		clear:both;
		font-size:medium;
		margin:0;
		padding:1.5em;
		}
	#content table{
		width:100%;
		margin:0;
		padding:0;
		background-color:#E0E0E0;
		}
	#content table tr{
		text-indent:0em;
		}
	#content table tr td {
		padding:10px;
		vertical-align:middle;
		}
	
	/*  カウンター */
	#counter-area {
		clear:both;
		margin:0;
		padding-top: 0.5em;
		padding-bottom:0.5em;
		line-height:1.5em;
		float:right;
		}
	/* フッター */
	#footer-area {
		clear:both;
		border-top:solid 2px #E0E0E0;
		margin:0 0 30px 0;
		padding:1em 20px 1em 20px;
		line-height:1.5em;
		}
		
	/* Menu Lists */
	#menu {
		clear:both;
		margin:0;
		padding:0;
		}
	
	#menu ul {
		border:0;
		margin:0 0 0 0;
		padding:0 0 0 0;
		list-style-type:none;
		}

	#menu ul li {
		display:block;
		float:left;
		text-align:center;
		padding:0;
		margin:0;
		width:98px;
		height:2em;
		border-top:none;
		border-left:none;
		border-bottom:1px solid #ccc;
		border-right:1px solid #ccc;
		font-size:medium;
		font-weight:normal;
		line-height:2em;
		}

	#menu ul li a {
		float:left;
		width:100px;
		height:2em;
		padding:0;
		margin:0 0 0 0;
		text-decoration:none;
		display:block;
		text-align:center;
		font-size:medium;
		font-weight:normal;
		line-height:2em;
		}
	
	li.on-now {
		color:#000080;
/*		background:#FFAA00; */
		background:#CCFFFF;
		}

	#menu a:link {
		color:#000080;
		background:transparent;
		text-decoration:none;
		}
	#menu a:visited{
		color:#000080;
		background:transparent;
		text-decoration:none;
		}
	#menu a:hover{
		color:#FFFFFF;
		font-weight:bold;
		background:#0080CC;
		text-decoration:none;
		border:1px solid #ff5500;
		}
	#menu a:active{
		color:#000080;
		background:transparent;
		text-decoration:none;
		}
	
/* 画像 */
	img.photo{
		margin: 10px 0 10px 0;
		padding : 0;
		border:solid 10px #FFFFFF;
		}

	img.album{
		margin-top:0px;
		margin-right:2em;
		margin-bottom:10px;
		margin-left:2em; 
		padding:0px;
		background-color:#FFFFFF;
		border-style:ridge;
		border-width:5px;
		border-color:#f0f0f0;
		}
		
	img.colored_pencil{
		margin-top:30px;
		margin-right:auto;
		margin-bottom:10px;
		margin-left:2em; 
		padding:20px;
		background-color:#FFFFFF;
		border-style:inset;
		border-width:2px;
		border-color:#E0E0E0;
		/*
		border:inset 2px #E0E0E0 ;
		*/
		}
		/*
		border:ridge   15px #C0C0C0 ;
		*/
	img.photo-right{
		margin: 10px 10px 10px 10px;
		padding : 0;
		float:right;
		}
	img.photo-left{
		margin: 10px 10px 10px 10px;
		padding : 0;
		float:left;
		}

	img.right{
		margin:0;
		padding:0;
		float:right;
		}
	img.left{
		margin:0;
		padding:0;
		float:left;
		}

/* 定義リスト */
	dl {
		margin : 0 0 0 0;
		padding : 0;
		}
	dt {
		text-indent: 0em;
		margin:0 0 0 0;
		padding : 0;
		}
	dd {
		line-height:1.5em;
		text-indent:0em;
		margin:0 0 5px 1em;
		}
		
/* サブメニューリスト */
	ul.submenu {
		text-indent:0;
		line-height:1.5em;
		border:0;
		margin:0 0 0 0;
		padding:0 0 0 0;
		list-style-type:none;
		}
	li.submenu {
		list-style-type:none;
		display:block;
		float:left;
		text-align:center;
		padding:0;
		margin:0 1em 0.5em 1em;
/*
		width:100px;
		height:2em;
		border-top:none;
		border-left:none;
		border-bottom:1px solid #ccc;
		border-right:1px solid #ccc;
		font-size:medium;
		font-weight:normal;
*/
		line-height:1.5em;
		}
/* text */
	.subletter {
		font-size:small;
	}
	.sigs {
		text-align:right;
		margin-right:2em;
	}