@charset "UTF-8";

@import url("reset.css");




.clear:after { content: url(spacer.gif); display: block; clear: both; height: 0; } .clear { display: inline-block; } /* Mac版IEを除外 \*/ .clear { display: block; } /* */

.fade a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	background:url("../images/bg.gif") top center repeat-y;
	height:100%;
}

.container {
	width:950px;
	_width:930px;
	margin:0 auto;
	text-align:left;
}

/*----------------------------
 header
------------------------------*/

.container .header {
	height:100px;
	position:relative;
}

.container .header h1 {
	position:absolute;
	left:13px;
	top:20px;
	font-size:153.9%;
	font-weight:bold;
}
.container .header ul {
	position:absolute;
	left:13px;
	top:70px;
}
.container .header ul li {
	float:left;
	margin-right:10px;
}
.container .header ul li a {
	background:url("../images/breadclumb-bg.gif") right 4px no-repeat;
	padding:0 20px 0 0;
}
.container .header p {
	position:absolute;
	right:13px;
	top:22px;
}

/*----------------------------
 main
------------------------------*/
.container .main {
	position:relative;
	margin:0 12px;
	_margin:0;
	padding:24px 0;
	border-top:solid 1px #666;
}

.container .main h2 {
	background-color:#eee;
	padding:10px 20px;
	margin-bottom:26px;
}

.container .main h2 span{
	color: #F33;
	margin-left:60px;}

.container .main h3 {
	background-color:#eee;
	padding:6px 20px;
	margin-bottom:10px;
	margin-right:6px;
	width:100px;
	float:left;
	clear:both;
}

.container .main #article_title,
.container .main #article_read,
.container .main #article_detail{
	margin-bottom:7px;
	padding:12px 12px;
	width:780px;
	line-height:1.6em;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.container .main #article_title{
	padding:2px 12px;
}

.container .main #article_date,
.container .main #article_category{
	margin-bottom:7px;
	padding:2px 12px;
	width:300px;
	float:left;
	line-height:1.4em;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.container .main .image_list{
	position:relative;
}

.container .main .image_list span{
	display:block;
	margin-bottom:8px;
}

.container .main .image_list textarea{
	margin:0 7px 7px 0;
	padding:6px 12px;
	width:640px;
	line-height:1.4em;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.container .main .image_list img{
	position:absolute;
	top:14px;
	right:0;
	_left:680px;
}


.container .main #upload{
    width: 120px;  
    height: 25px;
	margin-bottom:7px;
	margin-right:20px;
	display:block;
    background: url(../images/input_upload.gif) no-repeat center center;  
    text-indent: -9999px;
	float:left;
}

.container .main #del{
	margin:10px 0 10px 0;
    width: 76px;  
    height: 22px;
	display:block;
    background: url(../images/input_del.gif) no-repeat center center;  
    text-indent: -9999px;
	float:left;
}

.view_flag{
padding-right:350px;
float:right;
margin:10px 0 10px 0;
}

.view_flag label{
margin:0 30px 0 0;
}

.view_flag input{
margin:0 5px 0 0;
}

.container .main #viewlist{
    width: 150px;  
    height: 25px;
	display:block;
    background: url(../images/input_viewlist.gif) no-repeat center center;  
    text-indent: -9999px;
	float:right;
	margin:20px 0px 10px 0;
}

.container .main #prev{
    width: 124px;  
    height: 35px;
	display:block;
    background: url(../images/input_prev.gif) no-repeat center center;  
    text-indent: -9999px;
	float:right;
	margin:10px 0 10px 20px;
}
.container .main #regist{
    width: 124px;  
    height: 35px;
	display:block;
    background: url(../images/input_regist.gif) no-repeat center center;  
    text-indent: -9999px;
	float:right;
	margin:10px 0 10px 7px;
}

.hr01{
	clear:both;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #CCC;
    height: 1px;}

.container .main div.control table {
	margin-bottom:26px;
}
.container .main div.control table th {
	background-color:#eee;
	padding:6px 8px;
	vertical-align:middle;
}
.container .main div.control table td {
	padding:0 8px;
	vertical-align:middle;
}

.container .main div.list {
	padding-bottom:26px;
	border-bottom:solid 1px #999;
}
.container .main div.list table {
	width:100%;
	border-top:solid 1px #999;
}
.container .main div.list table th ,
.container .main div.list table td {
	padding:6px 8px;
	text-align:center;
	white-space:nowrap;
}
.container .main div.list table th {
	border-bottom:solid 1px #999;
}
.container .main div.list table td {
	border-bottom:dashed 1px #999;
	font-size:93%;
}
.container .main div.list table tr:hover {
	background-color:#eee;
}
.container .main div.list table td:hover {
	background-color:#fff;
}
.container .main div.list table td label {
	padding:4px 6px;
}
.container .main div.list table td p {
	text-align:left;
}
.container .main div.list table td span {
	font-size:85%;
}

.container .main .page-navi {
	text-align:center;
	padding:20px;
}
.container .main .page-navi ul {
	display:inline;
}
.container .main .page-navi ul li {
	display:inline;
}
.container .main .page-navi .newer ,
.container .main .page-navi .older ,
.container .main .page-navi ul li a {
	padding:1px 7px;
	border:solid 1px #999;
	background-color:transparent;
}
.container .main .page-navi .newer:hover ,
.container .main .page-navi .older:hover ,
.container .main .page-navi ul li a:hover {
	border:solid 1px #39F;
	background-color:#ECF5FF;
}

.container .main .box01 {
	padding:10px 20px;
	text-align:right;
	background-color:#eee;
	margin-bottom:26px;
}