@charset "utf-8";
/* ページ上の横長画像 */

#containerMain {
	margin-top: 10px;
}
#attention p {
	color: #FFF;
	background-color: rgb(226, 74, 129);
	border-radius: 10px;
	padding: 10px 20px;
	font-size: 16px;
	margin-top: 15px;
}
#containerMain section .article {
	margin-top: 38px;
}
#containerMain #chapter h3 {
	font-size: 22px;
	line-height: 33px;
	letter-spacing: 2px;
	color: #666666;
	margin: 12px 0px 0px;
	padding: 0px 0px 1px 15px;
	border-left: 5px solid rgb(226, 74, 129);
	border-bottom: 1px solid #ccc;
}


/* article_entry */
#containerMain {
	font-size: 18px;
	letter-spacing: 2px;
}
#released, #expired, #invisible, #anchor, #spotlight, #routeTitle,
#articleTitle, #category_b, #categoryTitle, #imageFile, 
#articleContent, #buttonArea, #url, #exception {
	margin: 20px;
}

#containerMain #entry_box #spotlight #essential {
	/*margin-left: 10px;*/
}

#containerMain #entry_box #spotlight #important,
#containerMain #entry_box #spotlight #essential {
	float: left;
}

#containerMain #buttonArea ul li {
	float: left;
	margin: 10px;
}
#containerMain #buttonArea ul li a,
#containerMain #buttonArea ul li a:hover {
	color: #fff;
	text-decoration: none;
}

#containerMain #articleTitle span.kaiin {
	color: #E24A81;
}





#containerMain input[type="text"] {
	font-size: 14px;
	border-radius: 3px;
	border: solid 1px #AAA;
	line-height: 18px;
	padding: 3px;
}
#containerMain input[name="released"],
#containerMain input[name="expired"] {
	width: 140px;
}
#containerMain input[name="title"],
#containerMain input[name="destination"] {
	width: 99%;
/* １行で表示させるには660px以内に収める */
}
#containerMain textarea {
	width: 100%;
	height: 220px;
	font-size: 14px;
	border-radius: 3px;
	border: solid 1px #AAA;
}

input[type="radio"] {
	/*margin-right: 5px;*/
}
#category .category_label {
	line-height: 24px;
}
#routeTitle label,
#categoryTitle label {
	margin-right: 30px;
}
.administration footer {
	background-color: rgb(255, 130, 130);
	padding: 0px;
	background-image: none;
	min-height: inherit;
	text-align: right;
}
.administration footer p {
	letter-spacing: 1px;
	color: #FFF;
	line-height: 20px;
	padding: 5px;
}
#buttonArea.button_area_bottom {
	margin: 20px 20px 10px 20px;
}


#container #headerArea input[type="radio"] {
	display: none;
}
#container #headerArea input[type="radio"]:checked + label {
	background: #0099FF;
	color: #FFF;
}
#container #headerArea label.my_name_label,
#container #headerArea label.tax_label {
	float: left;
}
#container #headerArea label.my_name,
#container #headerArea label.tax {
	/*font-size: 18px;*/
	margin: 0px 3px;
	/*padding: 3px;*/
	color: #0099FF;
	background-color: #FFF;
	border: 1px solid #0099FF;
	display: block;
	float: left;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
	letter-spacing: 2px;
}
#container #headerArea label.my_name,
#container #headerArea label.tax {
	width: 150px;
}
span.essential {
	font-size: 15px;
	margin-right: 5px;
	padding: 3px 2px 2px 3px;
	border-radius: 3px;
	display: inline-block;
	line-height: 14px;
	color: #FFF;
	background-color: #006DD9;
	border: 1px solid #006DD9;
	margin-left: 5px;
	margin-bottom: 2px;
}
#imageFile input {
	display: block;
	margin-top: -8px;
	margin-bottom: 15px;
}




/* article お知らせ一覧ページ */
#containerMain #chapter .article .newsCat {
	width: 80px;
	font-size: 12px;
	letter-spacing: 1px;
	/*padding: 2px 3px 3px;*/
	color: #FFF;
	border-radius: 3px;
	/*margin-right: 5px;*/
	display: inline-block;
	text-align: center;
	line-height: 20px;
}
#containerMain #chapter .article h3 .essential {
	color: #e5004f;
}
/* お知らせ分類アイコン */
#containerMain #chapter .article .catKyokai {
	/*background-color: #e5004f;*/
	background-color: #006DD9;
}
#containerMain #chapter .article .catKenshu {
	/*background-color: rgb(38,134,125);*/
	background-color: #FF6464;
}
#containerMain #chapter .article .catIinkai {
	background-color: #FF9900;
}
#containerMain #chapter .article .catNc {
	background-color: rgb(248,121,168);
}
#containerMain #chapter .article .catSonota {
	background-color: #999;
}

/* article_entry ボタンなどの色を切り替える*/
#wrapper.blog {
	background-color: #fff0f7;
}
.administration header p.blog,
.administration footer.blog {
	background-color: rgb(248,121,168);
}
#containerMain #editorSwitch .button.blog,
#containerMain #buttonArea .button.blog {
	background-color: rgb(248,121,168);
	border: 1px solid rgb(248,121,168);
}
span.essential.blog {
	background-color: #CC0099;
	border: 1px solid #CC0099;
}
/* article_entry ボタンなどの色を切り替える*/

/* article_list */
#buttonArea.button_area_top {
	margin: 0px 0px 20px 0px;
}
#articleList table {
	width: 100%;
}
#articleList table .content {
	width: 50%;
}
#articleList table td {
	line-height: 20px;
}
#articleList table textarea {
	line-height: 20px;
}
tr.clickable:hover td {
	background-color: #E0FFFF;
	cursor: pointer;
}
#articleList .article {
	/*padding: 15px 0px;*/
	padding: 20px 10px;
	/*border-bottom: solid 1px #CCC;*/
}
#articleList .article h3 {
	color: #000;
}
#containerMain #articleList .newsCat {
	width: 120px;
	font-size: 12px;
	letter-spacing: 1px;
	/*padding: 2px 5px 3px;*/
	color: #FFF;
	border-radius: 3px;
	margin-right: 8px;
	display: inline-block;
	text-align: center;
	line-height: 20px;
}
div.clickable:hover {
	/*background-color: #E0FFFF;*/
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid rgb(38, 134, 125);
	background-color: rgb(240, 255, 255);
}
#articleList div.content {
	margin: 20px 0px 0px 20px;
}
#articleList div.content img {
	margin-right: 20px;
}
#containerMain .articleTitle p.released span.invisible {
	color: #FF0099;
}
#containerMain #articleList  h3 .essential {
	color: #e5004f;
}

/* お知らせ分類アイコン */
#containerMain #articleList .catOshirase {
	/*background-color: #e5004f;*/
	background-color: #006DD9;
}
#containerMain #articleList .catKenshu {
	/*background-color: rgb(38,134,125);*/
	background-color: #FF6464;
}
#containerMain #articleList .catSonota {
	background-color: #009900;
}
#containerMain #articleList .catSeinen {
	background-color: #CC3399;
}

#specialNews #specialNewsInner .catOshirase,
#importantNews #importantNewsInner .catOshirase,
#newsArea #containerInner .containerNews .catOshirase {
	/*background-color: #e5004f;*/
	background-color: #006DD9;
}
#specialNews #specialNewsInner .catKenshu,
#importantNews #importantNewsInner .catKenshu,
#newsArea #containerInner .containerNews .catKenshu {
	/*background-color: rgb(38,134,125);*/
	background-color: #FF6464;
}
#specialNews #specialNewsInner .catSonota,
#importantNews #importantNewsInner .catSonota,
#newsArea #containerInner .containerNews .catSonota {
	background-color: #009900;
}
#specialNews #specialNewsInner .catSeinen,
#importantNews #importantNewsInner .catSeinen,
#newsArea #containerInner .containerNews .catSeinen {
	background-color: #CC3399;
}

#containerMain .articleContent {
	margin: 8px 0px 0px 22px;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 1px;
}
/* article_list */



/* article_list */
#buttonArea.button_area_top {
	margin: 0px 0px 20px 0px;
}
#articleList {
	width: 96%;
	margin: 0px auto;
}
#articleList table {
	width: 100%;
}
#articleList table .content {
	width: 50%;
}
#articleList table td {
	line-height: 20px;
}
#articleList table textarea {
	line-height: 20px;
}
tr.clickable:hover td {
	background-color: #E0FFFF;
	cursor: pointer;
}
#articleList .article {
	padding: 10px 10px;
	/*border-bottom: solid 1px #CCC;*/
}
#articleList .article h3 {
	color: #000;
}
#articleList .article p {
	line-height: 24px;
}
#containerMain #articleList .newsCat {
	width: 120px;
	font-size: 12px;
	letter-spacing: 1px;
	/*padding: 2px 5px 3px;*/
	color: #FFF;
	border-radius: 3px;
	margin-right: 8px;
	display: inline-block;
	text-align: center;
	line-height: 20px;
}
div.clickable:hover {
	/*background-color: #E0FFFF;*/
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid rgb(255, 90, 90);
	background-color: rgb(255, 250, 250);
}
#articleList div.content {
	margin: 20px 0px 0px 20px;
	font-size: 14px;
}
#articleList div.content img {
	margin-right: 20px;
}
#containerMain .articleTitle p.released span.invisible {
	color: #FF0099;
}
#containerMain #articleList  h3 .essential {
	color: #e5004f;
}
/* お知らせ分類アイコン */
#containerMain #articleList .catOshirase {
	/*background-color: #e5004f;*/
	background-color: #006DD9;
}
#containerMain #articleList .catKenshu {
	/*background-color: rgb(255, 130, 130);*/
	background-color: #FF6464;
}
#containerMain #articleList .catMembers {
	background-color: #CC3399;
}
#containerMain #articleList .catSonota {
	background-color: #009900;
}
#containerMain #articleList h3 {
	font-size: 16px;
	letter-spacing: 1px;
	color: #333;
	line-height: 24px;
	background: none;
	border-bottom: solid 1px #CCC;
	border-left: solid 5px rgb(255, 100, 100);
	padding-left: 20px;
	margin-bottom: 10px;
}
#containerMain #articleList .article {
	margin-top: 40px;
}
#containerMain #articleList .article h3 span {
	display: inline-block;
	vertical-align: top;
}
#containerMain #articleList .article h3 span.released {
	width: 100px;
}
#containerMain #articleList .article h3 span.articleTitle {
	width: 800px;
}
#containerMain #articleList .article p.articleContent {
	/*width: 800px;*/
	margin-left: 25px;
}
#containerMain #articleList .article .newsCat.important {
	color: #FFF;
	background-color: #F03;
	width: 50px;
}


/* article_list */
@media screen and (max-width:990px) {

	#containerMain {
		margin-top: 0px;
	}
	#containerMain h3 {
		font-size: 20px;
		letter-spacing: 1px;
	}

}