/* 全体 */

* {
margin: 0;
padding: 0;
font-family: メイリオ, Verdana, Arial, Osaka, Helvetica, sans-serif;
line-height: 1.5;
font-size:13px;
border: none;
}

/* ボディ */
body {
color: #404040;
height: 100%;
}

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

/* リンク色 */
a {
color:#404040;
text-decoration: none;}

/* 選択リンク色 */
a:hover {color: #e0b5d3;}

br{letter-spacing:0;}

.all {/* 全体 */
width: 600px;
margin: 0px auto;
}

/* ヘッダ */
.head {
margin: 0 0 10px 0;
padding: 30px 20px 10px 20px;
text-align: right;
letter-spacing: 3pt;/* 文字間 */
font-family: Candara, メイリオ, Verdana, Arial, Osaka, Helvetica, sans-serif;
background: #e0b5d3;
}

/* タイトル */
.h1 {
font-size:210%;
}


/* メイン */
.main {
height: 360px;
overflow: auto;
margin: 0 auto;
padding: 20px;
letter-spacing: 1pt;/* 文字間 */
text-align: left;
border: solid 1px #e0b5d3;
}

/* フッター */
.footer {
background: #e0b5d3;
margin: 10px 0 0 0;
padding: 20px;
letter-spacing: 3px;/* 文字間 */
text-align: right;
font-size:80%;
}/* メニュー */
ul.menu {
list-style: none;/* リストマーク消去 */
margin: 5px 0 0 0;
text-align: right;
}

ul.menu > li {
display: inline-block;/* ブロック横並び */
padding: 2px 5px;
letter-spacing: 2pt;/* 文字間 */
list-style: none;
text-align: center;
}

ul.menu > li > a {
font-family: Candara, メイリオ, Verdana, Arial, Osaka, Helvetica, sans-serif;
color: 404040;
font-size: 150%;
}

ul.menu > li > a:hover {color: #e0b5d3;}

/* ここまでメニューリスト */

/* サブタイトル */
.h2 {
margin: 10px 0 20px 0;
padding: 5px 5px 5px 15px;
letter-spacing: 3pt;/* 文字間 */
font-size: 120%;
font-weight: bold;
background: linear-gradient(transparent 60%, #bbc8e6 60%);
font-family: Candara, メイリオ, Verdana, Arial, Osaka, Helvetica, sans-serif;}

/* ボックス */
p {
line-height: 1.5;
margin:15px 10px 20px 20px;}/* フォーム */
input,textarea {
margin: 2px;
padding: 2px;
color: #404040;
background-color: #ffffff;
font-size: 90%;
border:solid 1px #c1e4e9;}

input:focus,textarea:focus {
background-color: #f0f8ff;}

input[type="text"] {
width: 200px;}

textarea{
width: 450px;}

select,option {
margin: 2px;
padding: 1px;
color: #404040;
border: solid 1px #c1e4e9;
background-color: #ffffff;
font-size: 90%;}

select:focus {
background-color: #b0c4de;
}

input[type="checkbox"],input[type="radio"] {
border: solid 1px #c1e4e9;
background-color: #ffffff;
}

input[type="submit"] {
width: auto;
margin: 2px;
padding: 2px;
letter-spacing: 3pt;
text-align: center;}

form {margin: 0px;}