/* レイアウト */

div#title {
margin-top:-8px;
width:802px;
height:200px;
clear: both;
background:url("img/title2.jpg");
background-size:800px 200px;
}

div#title p{
text-align: left;
padding-left: 20px;
padding-top: 10px;
color:white;
font-weight: bold;
font-size:25pt;
text-shadow: 1px 1px 2px silver;
}


div#contents {
width:800px;
overflow: hidden;
clear: both;
border: solid 1px #dcdcdc;
padding-bottom:auto;

}



div#menu {
width:190px;
float:left;
text-align:left;
padding-right:5px;
padding-left:5px;

}


div#main_image {
width:600px;
float:right;
}




div#main {
width:592px;
float:right;
top:0px;
right:100px;
border: 2px #a0a0a0 solid; 
padding:2px;
}

div#result p{
text-align: left;
padding-left:10px;
}

ul{
text-align: left;
}



div#footer {
width:802px;
height:80px;
overflow: hidden;
background-color:darkgray;
background-size:300px 80px;
}

div#footer p{
text-align: center;
padding-top:18px;
color:black;
font-size:11pt;
}


/* レイアウト（倶楽部用） */

div#title2 {
width:802px;
height:80px;
margin-top:-8px;
background:url("titth/img/title-bk.jpg");
background-size:800px 80px;
}

div#title2 p{
text-align: left;
padding-left: 20px;
padding-top: 25px;
color:black;
font-weight: bold;
font-size:20pt;
text-shadow: 1px 1px 2px silver;
}

div#main2 {
width:592px;
float:right;
top:0px;
right:100px;
border:2px #a0a0a0 solid;
text-align:left;
padding:2px;
}



/* 文字 */


h5{
font-size:19px;
line-height:25px;
padding:10px 5px 10px 15px;
margin:5px 0 5px 0;
border-bottom:solid 1px black;
border-left:solid 15px blue; 
}

h4{
font-size:17px;
line-height:25px;
padding:10px 5px 10px 15px;
margin:5px 0 5px 0;
border-bottom:solid 1px black;
border-left:solid 15px red; 
}


h3{
font-size:22px;
line-height:25px;
padding:5px 5px 10px 15px;
margin:5px 0 5px 0;
border-bottom:solid 1px black;
}

h1{
margin:10px;

}

/* リンク */

a:link{
text-decoration : none;
background: transparent;
color: #73A6C2;
}

#footer a:link{
text-decoration : none;
background: transparent;
color:black;
}


a:visited{
text-decoration : none;
background: transparent;
color: #73A6C2;
}

a:hover{
text-decoration : underline;
background: transparent;
color: #73A6C2;
}



/* 練習日程の表 */

/* --- 表全体 --- */
table.example {
width: 480px; /* 表の幅 */
border: 2px #a0a0a0 solid; /* 大枠の境界線 */
border-collapse: collapse;
font-size: 90%;
}

/* --- 表タイトル --- */
table.example caption {
font-size: 11pt;
font-weight: bold;
padding: 5px 5px; /* 表タイトルの下パディング */
}

/* --- セル --- */
table.example th,
table.example td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* セルの境界線 */
}

/* --- 見出しセル --- */
table.example thead th {
background-color: #deefff; /* 見出しセルの背景色 */
text-align: center;
}

/* --- 奇数行 --- */
table.example tr.odd {
background-color: #ffffff; /* 奇数行の背景色 */
}

/* --- 偶数行 --- */
table.example tr.even {
background-color: #f5f5f5; /* 偶数行の背景色 */
}

/* メンバー紹介の表 */

/* --- 表全体 --- */
table.mem {
border: 2px #a0a0a0 solid; /* 大枠の境界線 */
border-collapse: collapse;
font-size: 90%;
}

/* --- セル --- */
table.mem th,
table.mem td {
border: 1px #c0c0c0 solid; /* セルの境界線 */
padding: 2px 0px; /* セルのパディング（上下、左右） */
}

/* --- 表全体 --- */
table.memcon {
border: none; /* 大枠の境界線 */
font-size: 90%;
}

/* --- セル --- */
table.memcon th,
table.memcon td {
border: none; /* セルの境界線 */
vertical-align: baseline;
padding: 2px 2px; /* セルのパディング（上下、左右） */
}

/* --- 見出しセル --- */
table.memcon thead th {
white-space: nowrap;
text-align: center;
font-weight: bold;
}