/*                                        */
/*   Style sheet for TAKENAKA's web page  */
/*                                        */
/*      updated on 2004-01-11             */


/* 全体の色，行間，マージン，フォント */ 
body {
    background-color : #f8faf8;
    font-family: "Verdana", helvetica;
    margin : 0px 35px;
    line-height:1.30;
}

/* ページ頭部の大目次行 */ 
.top_index {
    background-color: #f4f8ff;
    border-bottom: 1px solid #90a0f0;
    text-align: center;
}

/* リンクにカーソルあてたときの色 */ 
a:hover {
    color: #303060;
    background-color: #e4e8e8;
    text-decoration: underline;
}

/* 行間を狭く（ブラウザの標準の行間） */ 
P.narrow{line-height:100%;}

/* インデント */ 
.indent {margin-left:30px; margin-right:10px;}


/* 短歌引用 */ 
.tanka {
    margin-left:20px; 
    margin-right:10px;
    margin-top : 10px;	
    margin-bottom : 10px;
    background-color: #F0F2F0;
    border: 4px solid   #e4e8e8;
    padding: 0.1em 1em;
    line-height: 1.5;
}


/* 文書の更新日 */ 
.update {
    font-size: small;
    color: #606060;
}

/* ひとまとまりの文書の終わりなどのマーク */
HR.short {
    width: 5%;
}

/* 注釈行など */
.annotation {
    color : #808020;
    margin:1px 10px;
    font-size: small;
}


.float_right {
    float: right;
    padding: 0.5em
}

.float_left {
    float: left;
    padding: 0.5em
}

.float_clear {
    clear: both
}

/* ******** 表題 *********** */

/* 文書全体の表題など */
.box0 {
    background-color : #f0f4f4;
    border: 4px inset #8090F0;
    padding: 0.2em 1em;
    line-height: 1.5;
}

/* 文書中の中見出しなど */
.box1 {
    background-color: #f0f4f8;
    border-top: 1px solid #607090;
    border-left: 8px solid #607090;
    padding: 0.2em 1em;
    line-height: 1.5;
}

/* 文書中の小見出しなど */
.box2 {
    border-top: 1px solid #607080;
    border-left: 2px solid #608080;
    padding: 0.1em 1em;
    line-height: 1.5;
}

/* 文書中の図などの目立たない囲み */
.box3 {
    border: 4px solid   #e4e8e8;
    padding: 0.1em 1em;
    line-height: 1.3;
}


/* もうちょっと目立たせたいボックス */
.box4 {
    background-color: #f8fcfc;
    border: 1px solid   #808040;
    padding: 0.1em 1em;
    line-height: 1.3;
}

/* 薄いグレイのグラディエントのボックス */
.box5 {
	clear: both;
	margin-bottom: 20px;	/*見出しの下(外側)に空けるスペース*/
	color: #333;			/*文字色*/
	background: linear-gradient(#fff, #eee);	/*グラデーション*/
	border-radius: 30px;	/*角丸のサイズ*/
	padding: 5px 20px;		/*上下、左右への見出し内の余白*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
}


/* 「様子」の日付バー */
.date {
    border: 1px solid #606080;
    border-left: 10px solid #6060A0;
    background-color: #f0f4f8;
    color: #000044;
    padding: 0.2em 1em;
}

/* 写真のアイコン画像 */

img.icon {
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
}

/* ********  [Perl 基礎の基礎] 用  ******** */

/*  コード用:  PRE に適用 */
.code {
    margin:1px 10px;
    background-color: #f8f8f4;
    border: 4px double   #a0a0a0;
    line-height: 1.3;
    padding: 0.5em;
}

/*  コンソール出力例:  PRE に適用 */
.console {
    margin:1px 10px;
    background-color: #e0e0e0;
    border: 4px solid   #f0f0f0;
    line-height: 1.3;
    padding: 0.5em;
    font-size: medium;
}

/*  データファイルの内容:  PRE に適用 */
.data {
    margin-left:60px;
    margin-right:60px;
    background-color: #e8e8ff;
    border: 4px solid   #e8e8e8;
    line-height: 1.3;
    padding: 0.5em;
    font-size: medium;
}

/*  課題  */
.work {
/*    font-family: "Verdana"; */
    margin:1px 10px;
    border: 4px solid   #f0f0f0;
    background-color: #f0f0f8;
    line-height: 1.3;
    padding: 0.5em;
}