/* 全般の設定 */

*{
font-size: 15px;
font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
margin: 0px;
padding: 0px;
}

* a{
text-decoration: underline;
color: #000000;
}

* a:hover{
text-decoration: underline;
color: #0000ff;
}

/* 各項の設定 */

#header{
height: 30px;
margin: 0px;
padding: 5px;
text-align: left;
background-color: #333333;
font-size: 18px;
color: #ffffff;
}

#top_title{
max-width: 960px;
height: auto;
margin: 0px;
padding: 5px;
}

#contents{
max-width: 960px;
height: auto;
margin: 0px;
padding: 5px;
}

#footer{
height: 20px;
margin: 20px 0px 0px 0px;
padding: 5px;
background-color: #333333;
font-size: 10px;
color: #ffffff;
}

#footer a{
font-size: 10px;
color: #ffffff;
text-decoration: none;
}

#footer a:hover{
font-size: 10px;
color: #cccccc;
text-decoration: none;
}


/* 表示の詳細設定 */

/* imgを<p class="imgbox">で囲うことでデバイスによってリサイズします */
p.imgbox img{
width: 100%;
}

p.txtbox{
text-align: left;
margin: 0px 10px;
padding: 0px;
}

ul {
text-align: left;
margin: 0px 20px;
padding: 5px;
}



h1{
margin: 30px 0px 10px 0px;
padding: 5px 5px 5px 5px;
background-color: #333333;
font-size: 25px;
font-weight: bold;
color: #ffffff;
text-align: center;
}

h2{
margin: 50px 0px 20px 0px;
padding: 5px 5px 5px 5px;
border-left: 12px solid #333333;
border-bottom: 5px dotted #333333;
background-color: #ffffff;
font-size: 18px;
font-weight: bold;
color: #333333;
text-align: left;
}

/* strong、b、spanなどの設定 */

strong {
color: #55ffff;
}

b {
color: #ff5555;
}

.a1 {
background-color: #ff00ff;
color: #333333;
}

.a2 {
background-color: #ffff00;
color: #333333;
}