@charset "utf-8";

/* 汎用スタイル */
body {
	margin: 0px;
	padding: 0px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 10.5pt;
	font-style: normal;
	line-height: 1.2em;
	font-weight: normal;
}

a {
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: underline;
	color: #B83503;
}

small {
	color: #4C4C4C;
}

.large {
	font-size: larger;
	font-weight: bold;
}

.clear {
	margin: 0px;
	clear: both;
	padding: 0px;
}

.center {
	text-align: center;
}

.anybox {
	margin: 8px;
	padding: 8px;
}

input[type=button] {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border:#a9a9a9 1px solid;
	color:#333;
	font-weight:bold;
	cursor:pointer;
	background:#f5f5f5;
	text-shadow:1px 1px 0px #fff;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

input[type=button]:hover {
	border:solid 1px #20b2aa;
	background-color: #C4F4F2;
}

input[type=submit] {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border:#a9a9a9 1px solid;
	color:#333;
	font-weight:bold;
	cursor:pointer;
	background:#f5f5f5;
	text-shadow:1px 1px 0px #fff;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

input[type=submit]:hover {
	border:solid 1px #20b2aa;
	background-color: #C4F4F2;
}

input[type=reset] {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border:#a9a9a9 1px solid;
	color:#333;
	font-weight:bold;
	cursor:pointer;
	background:#f5f5f5;
	text-shadow:1px 1px 0px #fff;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

input[type=reset]:hover {
	border:solid 1px #20b2aa;
	background-color: #C4F4F2;
}

input[type=file] {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border:#a9a9a9 1px solid;
	color:#333;
	font-weight:bold;
	cursor:pointer;
	background:#f5f5f5;
	text-shadow:1px 1px 0px #fff;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

input[type=file]:hover {
	border:solid 1px #20b2aa;
	background-color: #C4F4F2;
}

/* ヘッダ */
.header {
	width: auto;
	color: #FFFFFF;
	clear: both;
	padding: 6px;
	margin: 0px;
	text-align: right;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);

	background: #c9de96; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #c9de96 0%, #8ab66b 44%, #398235 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#c9de96), color-stop(44%,#8ab66b), color-stop(100%,#398235)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #c9de96 0%,#8ab66b 44%,#398235 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #c9de96 0%,#8ab66b 44%,#398235 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #c9de96 0%,#8ab66b 44%,#398235 100%); /* IE10+ */
	background: linear-gradient(135deg,  #c9de96 0%,#8ab66b 44%,#398235 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.header p {
	font-size: 24px;
	font-style: italic;
	line-height: 1.2em;
	font-weight: normal;
}

/* *****************************
 * menu;メニュー 
 * **************************** */
.menu {
	margin: 10px;
	padding: 0px;
	letter-spacing: 0.1em;
	font-size: 11.5pt;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #bbb;

	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.menu ul {
	margin: 0px;
	padding: 0px;
}

.menu li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aaa;
}

.menu a {
	margin: 0px;
	padding: 12px;
	display:block;
	color: #444;
}

.menu a:hover {
	background-color: #666666;
	color: #FFFFFF;
}

/* フッタ */
.footer {
	font-size: 12px;
	color: #EEEEEE;
	text-align: right;
	background-color: #006e2e;
	margin: 0px;
	padding: 2px 6px;
	line-height: 1.2em;
}

/* サイドバー */
.sidebar {
	margin: 0px;
	padding: 0px;
	width: 25%;
	text-align: left;
	float: left;
}

/* 投稿領域 */
.post {
	width: 100%;
	border: 1px solid #999999;
	background: #EEEEEE; /* Old browsers */
	display:none;
}

.post ul {
	margin: 0px;
	padding: 8px;
	list-style-type: none;
	list-style-position: outside;
}

.post li {
	margin: 0px;
	padding: 0px;
}

/* 投稿ナビ */
.postnavi {
	text-align: right;
	
}

/* コンテンツ領域 */
.contents {
	text-align: left;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #bbb;
	margin: 0px;
	width: 73%;
	padding: 0.5em;
	float: right;
}

.contents .title {
	font-size: x-large;
	color: #004D21;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	letter-spacing: 0.1em;
}

/* リスト */
.contents .list {
	margin-bottom: 2em;
}

.contents .list .head {
	margin: 0px;
	padding: 0.3em;
}

.contents .list h3 {
	margin: 0px;
	padding: 0px;
	font-size: larger;
}

.contents .list p {
	padding: 0.3em;
}

/* リスト:タスク */
.contents .list.task dt {
	margin: 0px;
	padding: 0.0em;
	width: 60%;
	float:left;
	clear:left;
	font-size: larger;
}

.contents .list.task dd {
	margin: 0px;
	padding: 0.0em;
	width: 40%;
	float:left;
	clear:right;
}

.contents .progress {
	width:99%;
	height:2em;
	position:relative;
	overflow:hidden;
	
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	
	border:#DDD 1px solid;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
}

.contents .progress .bar {
	height:100%;
	left:0px;
	top:0px;
	position:absolute;
	z-index:1;
	
	background: #cfe7fa; /* Old browsers */
	background: -moz-linear-gradient(top,  #cfe7fa 0%, #6393c1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe7fa), color-stop(100%,#6393c1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cfe7fa 0%,#6393c1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cfe7fa 0%,#6393c1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */

}
.contents .progress p {
	margin:0em;
	padding:0.5em;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	position:absolute;
	z-index:2;
	
	text-align:center;
}

/* ****************************** *
 * contents:pager
 * ****************************** */

.contents .pager {
	margin: 0px;
	padding: 0.5em;
	text-align: center;
	color:666;
}

.contents .pager a {
	margin: 0px;
	padding: 0.15em 0.5em;
	background-color: #EEE;

	border:#a9a9a9 1px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

.contents .slider {
	display:inline-block;
}

/* カテゴリナビ */
.catnavi {
	text-align: right;
}

.catnavi p {
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
}

.catnavi a {
	text-decoration: none;
	color: #666;
	padding: 2px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}

.catnavi a:hover {
	color: #B83503;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B83503;
}

.catnavi .me {
	font-size: larger;
	font-weight: bold;
}

/* シェアナビ */
.sharenavi {
	text-align: right;
}

.sharenavi a {
	margin: 0em;
	padding: 0.2em;
	border: 1px solid #CCC;
	
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    margin: 0.0em;
    padding: 0.5em;
}

.sharenavi a:hover {
	background-color: #C8DEFF;
}

.sharenavi .selected {
	background-color: #C8DEFF;
}

/* シート領域 */
.sheet {
	margin: 10px;
	padding: 10px;
	display: block;
}

.left {
	margin: 0px;
	padding: 0px 8px;
	float: left;
	width: 296px;
}

/* ***************************** *
 * section: 
 * ***************************** */
.section {
	margin: 10px;
	padding: 0px;
}

.section h3 {
	margin: 0px;
	padding: 0.5em;
}

.section ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.section li {
	margin: 0px;
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
}

/* minilink */
.minilink {
	padding: 3px;
	background-color: #666;
	color: #FFF;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border:#666 1px solid;
	font-size: smaller;
}

a:hover.minilink {
	color: #444;
	background-color: #eee;
	text-decoration: none;
}

.font_red {
	color: #993300;
}

.bk_llgray {
	background-color: #F0F0F0;
}

.bk_lightblue {
	background-color: #E1F0FF;
}

.bk_lightpink {
	background-color: #FFDDDD;
}

.bk_pink {
	background-color: #FFDDDD;
}

.border {
	border: 1px solid #999999;
}

.border_blue {
	border: 1px solid #666699;
}

.border_pink {
	border: 1px solid #FE989A;
}

.calendar {
    margin: 0.0em;
    padding: 0.5em;
}
	
.calendar caption {
	margin: 0.5em;
}

.calendar table {
	width: 100%;
	border-collapse: collapse;
    background-color:#f7fdff; /*背景色にあわせます*/
}

.calendar td,th {
	padding: 0.2em;
	text-align: center;
	border: 1px solid #b9b9b9;
	color: #666;
}

.calendar th {
	height: 2em;
}

.calendar td {
	width: 14.28%;
	height: 5em;
	text-align: left;
	vertical-align: top;
}

.calendar ul {
	margin: 0.0em;
	padding: 0.5em;
	width: auto;
	list-style-position: inside;
	list-style-type: none;
}

.calendar li {
    margin: 0.0em;
    padding: 0.0em;
	width: auto;
}

.calendar .prev {
	text-align: left;
}

.calendar .next {
	text-align: right;
}