@charset "Shift_JIS";




/********** 基本セレクタ **********/

BODY{
	/* 背景の設定 */
	background-image: url("Images/cross_aqua.jpg");
	background-repeat: repeat;
	background-attachment: fixed;
	
	/* フォントの設定 */
	font-family: "ＭＳ Ｐゴシック";
	font-size:11pt;
	line-height:14pt;
	line-break:strict;
	
	/* スクロールバーの設定 */
	scrollbar-track-color:#CCFFFF;
	scrollbar-face-color:#99CCFF;
	scrollbar-arrow-color:red;
	scrollbar-3dlight-color:#66CCFF;
	scrollbar-darkshadow-color:#6699FF;
	scrollbar-highlight-color:#0099FF;
	scrollbar-shadow-color:#0000FF
}


UL{
	margin-top: 2px;
	margin-bottom: 2px;
}


LI{} /* 未設定 */



/********** 疑似クラス **********/

a:link{color: royalblue} /* リンクを設定した要素のスタイル */
a:visited{color: gray}   /* すでに訪れた要素のスタイル */
a:hover{color:red; background-color:FFCCCC}      /* リンクを設定している要素にマウスカーソルを重ねた際のスタイル */
a:active{color: green}   /* リンクを設定している要素をクリックした際のスタイル */



/********** CLASSセレクタ **********/

/* フォント */
.title-font{
	font:normal normal bold 25pt/30pt sans-serif;
	line-break:strict
}

.note-font{
	font:normal normal normal 8pt/12pt sans-serif;
	color:gray
}

.note-small{
	font:normal normal normal 8pt/12pt sans-serif;
	color:black
}

.quote{
	font:normal normal normal 9pt/15pt sans-serif;
	line-break:strict;
	color:blue
}

.red{color:red}
.green{color:green}
.blue{color:blue}
.white{color:white}
.gray{color:gray}
.black{color:black}
.purple{color:purple}
.pink{color:pink}
.palevioletred{color:palevioletred}
.hotpink{color:hotpink}

.rubynaka{
	ruby-align:center
}

.ueruby{
	ruby-position:above
}

.bgcol{
	background-color:yellow
}

.date1{
	width:100px;
	border-left:orange 20px solid;
	border-bottom:orange 1px solid;
	padding-left:10px;
}

.date{
	width:100px;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:orange;
	background-color:yellow;
	text-align:left;
	font-weight:bold;
	padding-left:10px;
}

.death {
	display: none
}


/********** FILTER **********/
/* 円形グラデーション */
.circle-filter{
	filter:progid:DXImageTransform.Microsoft.Alpha
	(style=2,opacity=100,finishopacity=20)
}

/* 長方形グラデーション */
.rectangular-filter{
	filter:progid:DXImageTransform.Microsoft.Alpha
	(style=3,opacity=100,finishopacity=15)
}

.gray-filter{
	filter:gray()
}

/* 発光フィルター */
.glow{
	filter:progid:DXImageTransform.Microsoft.Grow
	(color=#FFEE20,strength=10)

}





/********** レイアウト関係 **********/

/* BOX大枠レイアウト */
#homepage{
	position: absolute;
	/*width: 100%;*/
	/*height: 100%;*/
	margin: 0px;
	padding: 0px;
	/*overflow: scroll*/
}

/* タイトルのレイアウト */
#tytle_glow{
	position: absolute;             /* 絶対位置 */
	top: 0px;
	left: 0px;
	width: 700px;                  /* 幅 */
	padding: 5px;                   /* 余白 */
	margin: 0px;
	z-index: 3;

	font-style: normal;             /* 斜体にするかどうか */
	font-variant: normal;           /* スモールキャピタル指定をするかどうか */
	font-weight: 900;               /* 文字の太さ */
	font-size: 23pt;                /* 文字の大きさ */
	line-height: 28pt;              /* 行送り */
	font-family: "ＭＳ Ｐゴシック"; /* フォント名 */
	color: mediumblue;              /* フォントの色 */

	filter:progid:DXImageTransform.Microsoft.Glow
	(color="powderblue",strength=15)               /* 発光フィルター */
}



/* 縦のTOP写真のレイアウト */
#photo{
	position: absolute;
	top: 0px;
	left: 680px;
	
	float: right;
	width: 350px;
	height: 445px;
	background-color: white;
	z-index: 2
}

/* 縦の写真用の補足説明 */
#sleeve_notes{
	position: absolute;
	top: 470px;
	left: 680px;
	width: 350px;
	text-align: center
}


/* about */
#about{
	width: 130pt;                    /* 幅 */
	padding: 5px;              /* 要素内の余白 */
	margin: 3pt;               /* 要素外の余白 */
	text-decoration: none;     /* リンクの下線の有無 */
	cursor:pointer;
	
	color: maroon;
	background-color: #FF9933
}


/* climbings */
#climbings{
	width: 130pt;                    /* 幅 */
	padding: 5px;              /* 要素内の余白 */
	margin: 3pt;               /* 要素外の余白 */
	text-decoration: none;     /* リンクの下線の有無 */
	cursor:pointer;
	
	color: olivedrab;
	background-color: #CCFF33
}


/* photo gallery */
#gallery{
	width: 130pt;                    /* 幅 */
	padding: 5px;              /* 要素内の余白 */
	margin: 3pt;               /* 要素外の余白 */
	text-decoration: none;     /* リンクの下線の有無 */
	cursor:pointer;
	
	color: green;
	background-color: springgreen
}


/* photo gallery（Picasa） */
#picasa{
	width: 130pt;                    /* 幅 */
	padding: 5px;              /* 要素内の余白 */
	margin: 3pt;               /* 要素外の余白 */
	text-decoration: none;     /* リンクの下線の有無 */
	cursor:pointer;
	
	color: royalblue;
	background-color: mediumturquoise
}


/* メニュー */
#menu{
	position: absolute;             /* 絶対位置 */
	top: 90px;
	left: 30px;
	width: 130pt;                    /* 幅 */
	height: 150pt;

	font:normal normal normal 15pt/17pt "ＭＳ Ｐゴシック";
	text-decoration: none;

	filter:progid:DXImageTransform.Microsoft.Alpha
	(style=1,opacity=100,finishopacity=10)               /* Alphaフィルター */
}


/* 短信 */
#short_letter{
	position: absolute; /* 絶対位置 */
	top: 260px;         /* 鉛直位置 */
	left: 10px;         /* 水平位置 */
	width: 800px;       /* 幅 */
	text-align: left    /* テキストを寄せる位置 */
}


/* 縦の写真用のクレジット */
#credit{
	position: absolute; /* 絶対位置 */
	top: 93px;           /* 鉛直位置 */
	left: 250px;        /* 水平位置 */
	width: 270px;       /* 幅 */
	text-align: left;   /* テキストを寄せる位置 */
	padding: 4px;
	background-color: #FFCC66;
	font:normal normal normal 10pt/13pt "ＭＳ Ｐゴシック"
}


/* メールフォーム（fc2） */
#mail_form{
	position: absolute; /* 絶対位置 */
	top: 360px;         /* 鉛直位置 */
	left: 10px;         /* 水平位置 */
	width: 800px;       /* 幅 */
	text-align: left    /* テキストを寄せる位置 */
}