@charset "Shift_JIS";

/****************************************************/
/*--------------------全体の指定--------------------*/
/****************************************************/



* {
margin:0;padding:0;
font:normal normal normal small/1.5 Verdana,ＭＳ ゴシック,Chicago,sans-serif;
border:none;
}


/*スクロールバー*/
html {
scrollbar-arrow-color:#696969;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
height:100%;
}


/*文字*/
body {
color:#696969;
height:100%;
}


/*リンク*/
a{text-decoration:none;}
a:link,a:active{color:#aaaaaa;}
a:visited{color:#aaaaaa;}
a:hover{color:#95c9f8;text-decoration:underline;}


/*文字指定*/
em {font-weight:bold;}/* 強調 */
strong {font-weight:bold;font-size:120%;border-bottom:1px dotted #95c9f8;}/* より強い強調 */
del {text-decoration:line-through;}/* 取り消し線 */
ins {text-decoration:underline;}/* 下線 */
hr {display:none;}/*ライン*/
ul li {list-style:none;}/*リスト*/


/****************************************************/
/*--------------------左フレーム--------------------*/
/****************************************************/


#left {
padding-bottom:30px;
height:100%;
min-height:100%;
margin:0px 0px;
}

body > #left {height:auto;}


/*背景画像*/
#left {background:url(img/photo.jpg) no-repeat 0% 0% fixed;}


/*h1見出し*/
#left h1 {
font-size:220%;
text-align:right;
padding:15px 15px 10px 0px;
}


/*メニュー*/
#menu li {
display:inline;
padding:0px 3px;
}

#menu ul {
text-align:right;
margin:0px 10px 10px 0px;
}

#menu li a {
color:#999999;
}


/*Web拍手*/
#clap {
text-align:right;
margin:0px 10px 0px 0px;
}


/*フリースペース*/
#free {
background-color:#ffffff;
border:1px solid #aaaaaa;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
width:85%;
margin:10px auto;
padding:20px 10px;
}


/*更新履歴*/
#history {
overflow:auto;
width:250px;
height:120px;
margin:5px 0px 30px 20px;
padding:1px;
}


/*カウンター*/
#counter {
text-align:right;
margin:10px;
}


/*h2見出し*/
#left h2 {
font-size:110%;
padding-left:20px;
margin:10px 0px 10px 0px;
}


/*h3見出し*/
#left h3 {
margin:0px 0px 10px 20px;
text-decoration:underline;
}


/*P段落*/
#left p {
margin:5px 0px 30px 20px;
}


/*著作権表示*/
address {
text-align:right;
margin:20px 10px 0px 0px;
}


/******************************************************/
/*--------------------右フレーム----------------------*/
/******************************************************/



/*全体指定*/
#right {
width:90%;
margin:10px auto;
text-align:left;
}


/*h2見出し*/
#right h2 {
font-size:110%;
background:url(img/line.gif) no-repeat left bottom;
margin:20px 3px;
padding:0px 0px 0px 5px;
}


/*P段落*/
#right p {
margin:10px 0px 30px 10px;
}


/*文字を大きく*/
p.big,p.big a {
font-size:120%;
}


/*装飾ボックス１*/
p.box01 {
padding:10px;
border:2px solid #cccccc;
}


/*装飾ボックス２*/
p.box02 {
padding:10px;
border:1px dotted #95c9f8;
}


/*スクロールボックス*/
#right div.box03 {
overflow:auto;
width:300px;
height:50px;
margin:10px 0px 30px 10px;
padding:1px;
}


/*リスト*/
#right ul {margin:10px 0px 10px 10px;}
#right li {padding:0px 0px 2px 0px;}


/*アイコンを付ける*/
#right li.ul01 {
background:url(img/icon.gif) no-repeat left center;
padding:0px 0px 0px 15px;
line-height:180%;
}


/*左側にライン*/
#right li.ul02 {
padding-left:8px;
border-left:2px solid #cccccc;
}


/*絵の周りの枠*/
#right .waku {border:1px solid #696969;}


/*フォーム*/
#right form {margin:5px 3px;}

#right input,#right textarea {
color:#696969;
margin:3px 2px;
padding:2px;
line-height:100%;
border:1px solid #cccccc;
}


/******************************************************/
/*--------------------インデックス--------------------*/
/******************************************************/


/*背景画像*/
#index {
background:url(img/photo.jpg) no-repeat 0% 0% fixed;
}


/*全体指定*/
#main {
width:50%;
margin:10px auto;
text-align:left;
}


/*h2見出し*/
#main h2 {
font-size:110%;
letter-spacing:1px;
border-bottom:1px dashed #cccccc;
margin:0px 3px 20px 3px;
padding:20px 0px 0px 5px;
}


/*P段落*/
#main p {
margin:10px 0px 30px 10px;
}


/***********************CSS終わり***********************/