/* ============================================================================ */
/* ‘S‘Μ‚Μέ’θ                                                                   */
/* ============================================================================ */
* {
	margin:0px;
	padding:0px;
	line-height:1.5em;
}
h1, h2, h3, h4, h5, h6, p, form {
	margin: 0px;
	padding: 0px;
}
dl, dt, dd {
	margin: 0px;
	padding: 0px;
}
li, ul, ol {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
table {
	border-collapse:collapse;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* +++++ Style for float clear +++++ */
.clearfix:after {
    content: ".";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	font-size: 0.1em;
	line-height:0;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* +++++ Style for float clear +++++ */
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}
.px12 {
	font-size: 12px;
}
.px14 {
	font-size: 14px;
}
.px16 {
	font-size: 16px;
}
.px18 {
	font-size: 18px;
}
.px20 {
	font-size: 20px;
}
.px22 {
	font-size: 22px;
}
.px24 {
	font-size: 24px;
}
.px30 {
	font-size: 30px;
}
.px36 {
	font-size: 36px;
}
.b {
	font-weight: bold;
}
.black {
	color: #000;
}
.gray01 {
	color: #666;
}
.gray02 {
	color: #999;
}
.red {
	color: #F00;
}
.dark_red {
	color: #C00;
}
.blue {
	color: #00F;
}
.light_blue {
	color: #09F;
}
.green {
	color: #090;
}
.dark_green {
	color: #030;
}
.orenge01 {
	color: #F90;
}
.orange02 {
	color: #F60;
}
.brown {
	color: #502601;
}
.purple {
	color: #639;
}
.left {
	float: left;
}
.right {
	float: right;
}

body{
	background-color:#fff;
	font-family: "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", Arial, Helvetica, sans-serif, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro",;
}

a: { line-height:1.5em; }
a:link    { color: #000000; text-decoration: underline; }
a:visited { color: #000000; text-decoration: underline; }
a:active  { color: #000000; text-decoration: underline; }
a:hover   { color: #ff9900; text-decoration: none; }


#wrapper {
	max-width:800px;
	margin:0 auto 0 auto;
	padding:0 15px;
	background:#ffffff;
}




/* ============================================================================ */
/* ΕIXV“ϊ                                                                   */
/* ============================================================================ */
#date {
	text-align:right;
	font-size:12px;
}




/* ============================================================================ */
/* ŠJ‰^index—“                                                                  */
/* ============================================================================ */
/* ‘S‘Μ */
#kaiun_index {
	margin:10px 0 10px 0;
}



/* γ */
#kaiun_index .top {
	display:table;
	width:100%;
}
#kaiun_index .top h2 {
	font-size:18px;
	text-align:center;
	line-height:26px;
	height:26px;
	display:table-cell;
	background-color:#2e4300;
	color:#ffffff;
	width:25%;
	margin-right:10px;
	border-radius:5px 5px 0px 0px;
	padding:4px 0 0 0;
}
#kaiun_index .top div {
	display:table-cell;
	padding:5px;
	font-size:12px;
	color:#cc0000;
}



/* “ΰ—e */
#kaiun_index .box {
	border:solid 3px #2e4300;
	border-radius:0 5px 5px 5px;
}

#kaiun_index .box .scroll {
	height:600px;
	margin:5px 1px 5px 5px;
	overflow-y:scroll;
}


#kaiun_index .box .scroll ul {
	display:table;
	width:100%;
}

#kaiun_index .box .scroll li {
	display:table-cell;
	font-weight:bold;
	font-size:90%;
	width:50%;
	padding:5px 0 5px 0;
	line-height:150%;
	vertical-align:top;
	border-bottom:dotted 1px #000000;
	list-style:none;
}

#kaiun_index .box .scroll a {
	display:block;
	background-image: url(./images_sys/mark_kai.jpg);
	background-repeat: no-repeat;
	background-size: 18px;
	padding-left:22px;
	text-decoration: none;
}




/* ============================================================================ */
/* ŠJ‰^ξ•ρˆκ——                                                                 */
/* ============================================================================ */
/* ‘S‘Μ */
#kaiun_list {
	margin:10px 0 10px 0;
}



/* γ */
#kaiun_list h2 {
	background-color:#2e4300;
	font-size:18px;
	text-align:center;
	line-height:30px;
	height:30px;
	color:#ffffff;
}

#kaiun_list h2 span {
	font-size:14px;
	margin-left:10px;
}



/* “ΰ—e */
#kaiun_list .box {
	border-bottom:dotted 1px #777777;

}
#kaiun_list h3 {
	font-size:26px;
	line-height:1.4;
	color:#000;
	margin:4px 0
}
#kaiun_list .box .kiji {
	text-align:center;
}

#kaiun_list .box .kiji .image {
	display:inline-block;
	max-width:800px;
}
#kaiun_list .box .kiji .image img { width:100%; }


/* €•i */
#kaiun_list .box .item {
	margin:10px 0 0 0;
	width:220px;
	text-align:center;
	border:dotted 1px #b5b5b5;
}

#kaiun_list .box .item .head {
	background-color:#b5b5b5;
	font-size:14px;
	font-weight:bold;
	padding:5px;
}

#kaiun_list .box .item .content {
	font-size:12px;
}
#kaiun_list .box .item .content a {
	display:block;
	padding-top:5px;
}

#kaiun_list .box .item .content img {
	max-width:120px;
	max-height:120px;
}


#kaiun_list .box .top_link{ text-align:right; }



/* ‰όƒy[ƒW—“ */
#kaiun_list .page_link {
	text-align:center;
	font-size:30px;
}

#kaiun_list .page_link a {
	margin:15px;
}

#kaiun_list .page_links {
	text-align:center;
	font-size:30px;
}


#kaiun_list .page_links span {
	margin:15px;
}