@charset "Shift_JIS";

/*==============================================================================
* 背景
==============================================================================*/
#contents {
 clear: both;
 width: 100%;
 background: url('../img/thema1.jpg') top left no-repeat;
 height: 38em;
 min-height: 500px;	/* IE Not Support */
}
/*==============================================================================
* .row
==============================================================================*/
.row {
 clear: both;
 display: block;
 float: right;
 margin: 0;
 margin-bottom: 1em;
 padding: 0;
 border: 0px;
 width: 63%;
}

.row h2 {
 font-size: larger;
 font-weight: normal;
 margin: 0.5em 0px 0.25em 0px;
 padding: 0.25em 0px 0.25em 10px;
 border: 0px;
 border-left: 10px;
 border-bottom: 1px;
 border-color: #000080;
 border-style: solid;
}

.row h3 {
 font-size: larger;
 font-weight: normal;
 margin: 1em 0px 0.25em 0px;
 padding: 0.25em 0px 0.25em 10px;
 border: 0px;
 border-left: 10px;
 border-color: #000080;
 border-style: solid;
}

.lead {
 font-weight: normal;
 text-indent: 1em;
 margin: 1em 1em 0px 1em;
 margin: 1em 5px 0px 5px;
 padding: 0px;
 border: 0px;
}

.row ul {
 width: auto;
 margin: 0px;
 margin: 0.5em 1em 0.5em 4em;
 margin: 0.5em 10px 0.5em 30px;
 padding: 0px 0px 0px 1em;
 padding: 0px 0px 0px 15px;
}

.row .list {
 width: auto;
 margin: 0px;
 margin: 1em 10px 0px 50px;
 padding: 0px;
}
/*==============================================================================
* お知らせ
==============================================================================*/
#info {
 clear: both;
 display: block;
 float: right;
 margin: 0;
 margin-bottom: 1em;
 padding: 0;
 width: 63%;
}

#info h2  {
 display: block;
 font-size: larger;
 font-weight: normal;
 margin: 1em 0px 0.25em 0px;
 padding: 0.25em 0px 0.25em 10px;
 border: 0px;
 border-left: 10px;
 border-color: #000080;
 border-style: double;
}

#info .box {
 margin: 0px 10px 10px 0px;
 padding: 0px;
 border-left: 1px;
 border-bottom: 1px;
 border-right: 1px;
 border-top: 1px;
 border-color: #000080;
 border-style: dotted;
}

ul.notice1 {
 margin: 0.5em 5px;
 padding: 0;
 list-style-type: none;
 list-style-position: outside;
}

.notice1 li{
 background: url('../img/notice.gif') no-repeat center left;
 padding-left: 1.5em;
 border-bottom: red 1px solid;
/*
 background-color: pink;
*/
}

ul.notice2 {
 margin: 0.5em 5px 0.5em 25px;
 padding: 0;
 list-style: url('../img/info2.gif') outside;
}


/*==============================================================================
* フッター
==============================================================================*/
#tail {
 clear: both;
 text-align: left;
}

#tail .counter{
 margin-top: 0.5em;
}