<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*
Theme Name: 翠明会
Description: 京都成章高等学校翠明海サイト用テンプレート
Author: エスピーメディアテック株式会社
*/
/*---------------------------------*/
/* 共通設定 */
/*---------------------------------*/

* {
	margin: 0;
	padding: 0;
	line-height: 1.6;
	font-family: "メイリオ","ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	list-style-type: none;
	font-size: 100%;
	font-style: normal;
	/*zoom: 1;*//*IEトラブル検証用*/
}

html {
   overflow-y:scroll;
}

img {
	border: none;
	vertical-align: middle;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table.base_table {
	width: 100%;
	border: 1px solid #c0c0c0;
}

table.base_table tr th,
table.base_table tr td {
	border: 1px solid #c0c0c0;
	padding: 15px;
	font-size: 115%;
	text-align: center;
}

table.base_table tr th {
	background: #c9c9c9;
	border: 1px solid #fff;
	font-weight: normal;
}

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

a:hover {
	color: #006bff;
}

.paragraph {
	margin-bottom: 12px;
}


/* クリアフィックス */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
}



/*---------------------------------*/
/* ボックス設定 */
/*---------------------------------*/

body {
	font-size: small;
	text-align: center;
}

div#wrapper {
	width: 960px;
	text-align: left;
	margin: 0 auto;
}

/*---------------------------------*/
/* ヘッダ */
/*---------------------------------*/
div#header {
	height: 100px;
	width: 100%;
	background: #f3f3f3;
}

div#header div#header_inner {
	width: 960px;
	height: 100%;
	margin: 0px auto;
	text-align: left;
}

div#header div#header_inner h1 {
	float: left;
}

div#header div#header_inner p {
	float: right;
	text-indent: 2em;
	background: url(images/common/icon_common_01.gif) no-repeat left center;
	margin-top: 58px;
}


/*---------------------------------*/
/* グローバルナビゲーション */
/*---------------------------------*/
div#page_nav {
	height: 60px;
	width: 100%;
	background: #00337a;
	margin-bottom: 30px;
}

div#page_nav ul {
	width: 961px;
	height: 100%;
	margin: 0px auto;
	text-align: left;
	border-left: 1px solid #fff;
}

div#page_nav ul li {
	width: 159px;
	height: 100%;
	float: left;
	line-height: 60px;
	display: inline;
	border-right: 1px solid #fff;
	text-align: center;
}

div#page_nav ul li a {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	line-height: 60px;
}

div#page_nav ul li a:hover {
	background: #006bff;
}

/*カレント表示設定*/
body.home div#page_nav ul li#nav_01 a,/*トップ*/
body.page-id-29 div#page_nav ul li#nav_02 a,/*会則*/
body.page-id-31 div#page_nav ul li#nav_03 a,/*役員紹介*/
body.page-id-33 div#page_nav ul li#nav_04 a,/*活動情報*/
body.page-id-35 div#page_nav ul li#nav_05 a,/*住所変更フォーム*/
body.page-id-37 div#page_nav ul li#nav_06 a/*リンク*/ {
	background: #006bff;
	cursor: default;
}


/*---------------------------------*/
/* サイドバー */
/*---------------------------------*/
div#sidebar {
	width: 230px;
	float: left;
}

/*バナー(メニュー)*/
ul#side_menu_l {
	margin-bottom: 40px;
}

ul#side_menu_l li {
	margin-bottom: 10px;
	height: 100px;
	background: #f3f3f3;
	border: 1px solid #ccc;
}

ul#side_menu_l li a {
	display: block;
	height: 60px;
	padding: 20px 10px 20px 80px;
}

ul#side_menu_l li:hover {
	background: #fff;
}

ul#side_menu_l li#side_menu_l_01 a {
	background: url(images/common/icon_common_02.png) no-repeat 10px center;
}

ul#side_menu_l li#side_menu_l_02 a {
	background: url(images/common/icon_common_03.png) no-repeat 10px center;
}

ul#side_menu_l li a span.bn_ttl {
	display: block;
	font-size: 115%;
	font-weight: bold;
	color: #000;
}

ul#side_menu_l li a span.bn_text {
	line-height: 1.3em;
	color: #000;
}

/*リンクメニュー*/
ul#side_menu_s {
}

ul#side_menu_s li {
	line-height: 30px;
	text-indent: 1.5em;
	background: url(images/common/icon_common_04.png) no-repeat left center;
}

/*---------------------------------*/
/* メインコンテンツ */
/*---------------------------------*/
div.main {
	width: 700px;
	float: right;
}

h2.page_ttl {
	color: #00337a;
	font-size: 200%;
	line-height: 70px;
	text-indent: 10px;
	font-weight: normal;
	border-top: 1px solid #00337a;
	border-bottom: 1px solid #00337a;
	margin-bottom: 40px;
}

/*---------------------------------*/
/* フッタ */
/*---------------------------------*/
#footer {
	height: 100px;
	width: 100%;
	line-height: 100px;
	color: #fff;
	background: #00337a;
	margin-top: 60px;
}

/*以下個別ページスタイル----------------------------------------------------------------------------*/

/*---------------------------------*/
/*トップページ*/
/*---------------------------------*/
/*メインビジュアル*/
div#main_visual {
	margin-bottom: 30px;
	height: 320px;
	position: relative;
}

/*プレ表示用メッセージ*/
div#main_visual p#pre_msg {
	width: 300px;
	height: 50px;
	line-height: 25px;
	padding: 50px;
	position: absolute;
	text-align: center;
	top: 85px;
	left: 280px;
	background-color: rgba(255, 255, 255, 0.7);
	border: 1px solid #fff;
	font-size: 115%;
}

/*紹介文*/
div#description_text {
	margin-bottom: 20px;
}

div#description_text p {
	margin-bottom: 10px;
}

/*トピックス*/
div#topics {
}

div#topics h2 {
	height: 45px;
	line-height: 45px;
	background: #e8e8e8;
	border-top: 2px solid #00337a;
	padding: 0px 15px;
	position: relative;
	font-weight: normal;
	margin-bottom: 15px;
}

div#topics h2 span {
	display: block;
	position: absolute;
	text-indent: 1.5em;
	font-size: 90%;
	top: 15px;
	right: 15px;
	background: url(images/common/icon_common_04.png) no-repeat left center;
}

div#topics ul {
}


div#topics ul li {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ccc;
}

div#topics ul li h3 {
	font-size: 115%;
	line-height: 1.3em;
}

div#topics ul li h3 span {
	display: block;
	font-size: 80%;
	line-height: 1.3em;
	font-weight: normal;
	color: #666;
}

/*記事編集*/
div#topics_text h3 {
	font-size: 16px;
	color: #00337A;
	border-top: 1px dotted #00337A;
	padding: 5px 0px;
	margin-bottom: 5px;
}

div#topics_text h4 {
	font-size: 14px;
	color: #00337A;
	margin-bottom: 5px;
	padding-left: 12px;
	background: url(images/common/icon_common_06.gif) no-repeat left center;
}

/*---------------------------------*/
/*会則*/
/*---------------------------------*/
div#constitution_box {
}

div#constitution_box h3 {
	font-size: 130%;
	margin-bottom: 20px;
	text-align: center;
}

div#constitution_box ul {
	margin-bottom: 40px;
}

div#constitution_box ul &gt; li {
	margin-bottom: 10px;
}

div#constitution_box ul li span.order {
	display: inline-block;
	width: 55px;
}

div#constitution_box ul li span.text {
	display: inline-block;
	width: 640px;
	vertical-align: top;
}

div#constitution_box ul li ol {
	padding-left: 80px;
}

div#constitution_box ul li ol li {
	list-style: decimal;
}

div#constitution_box ul li ol.number_change {
	padding-left: 60px;
}

div#constitution_box ul li ol.number_change li {
	list-style: none;
	padding-left: 1.3em;
	text-indent: -1.3em;
}

div#constitution_box ul li ol li span.post {
	display: inline-block;
	width: 4.5em;
}

div#constitution_box ul li ol li span.number {
	display: inline-block;
	width: 5em;
	text-align: right;
	margin-right: 1em;
}

div#constitution_box ol#add_rule {
	padding-left: 2em;
}

div#constitution_box ol#add_rule li {
	list-style: decimal;
}

/*---------------------------------*/
/*役員紹介*/
/*---------------------------------*/


/*---------------------------------*/
/*住所変更フォーム*/
/*---------------------------------*/
/*table#address_change_table {
	margin-bottom: 20px;
}

table#address_change_table tr th {
	width:30%;
	text-align: left;
}

table#address_change_table tr th span {
	display: inline-block;
	text-align: center;
	padding: 0px 7px;
	background: #c00;
	color: #fff;
	font-size: 75%;
	border-radius: 3px;
}

table#address_change_table tr td {
	text-align: left;
}

table#address_change_table tr td input {
	background: #efefef;
	border: 1px solid #d0d0d0;
	margin-right: 5px;
}

table#address_change_table tr td input:focus {
	border: 1px solid #006BFF;
}

table#address_change_table tr td p {
}

table#address_change_table tr td.w_50 input {
	width: 50px;
}

table#address_change_table tr td.w_100 input {
	width: 100px;
}

table#address_change_table tr td.w_200 input {
	width: 200px;
}

table#address_change_table tr td.w_400 input {
	width: 400px;
}

p.form_btn {
	text-align: center;
}

p.form_btn input {
	height: 40px;
	width: 150px;
	background: #00337A;
	color: #fff;
	border: none;
	border-radius: 5px;
}

p.form_btn input:hover {
	background: #006BFF;
}*/

p#message-container-input {
	margin-bottom: 12px;
}

div.mw_wp_form table {
	width: 100%;
	border: 1px solid #c0c0c0;
	margin-bottom: 20px;
}

div.mw_wp_form table tr th,
div.mw_wp_form table tr td {
	border: 1px solid #c0c0c0;
	padding: 15px;
	font-size: 115%;
	text-align: center;
	font-weight: normal!important;
}

div.mw_wp_form table tr th {
	background: #c9c9c9;
	border: 1px solid #fff!important;
	font-weight: normal;
	width:30%;
	text-align: left;
}

div.mw_wp_form table tr th span.require {
	display: inline-block;
	text-align: center;
	padding: 0px 7px;
	background: #c00;
	color: #fff!important;
	font-size: 75%;
	border-radius: 3px;
	margin-left: 5px;
	margin-top: 1px;
	vertical-align: top;
}

div.mw_wp_form table tr td {
	text-align: left;
}

div.mw_wp_form table tr td input {
	background: #efefef;
	border: 1px solid #d0d0d0;
	margin-right: 5px;
	/*float: left;*/
}

div.mw_wp_form table tr td div.submessage {
	/*float: left;
	margin-top: 5px;*/
}

div.mw_wp_form table tr td input:focus {
	border: 1px solid #006BFF;
}

div.mw_wp_form table tr td p {
}

div.mw_wp_form input[type=submit] {
	margin-right: 20px;
}

.w_50 {
	width: 50px;
}

.w_100 {
	width: 100px;
}

.w_200 {
	width: 200px;
}

.w_400 {
	width: 400px;
}

p#confirm-button {
	text-align: center;
}

p#confirm-button button[type="submit"],p#confirm-button input  {
	height: 40px;
	width: 150px;
	background: #00337A;
	color: #fff;
	border: none;
	border-radius: 5px;
}

p#confirm-button input:hover {
	background: #006BFF;
}


/*---------------------------------*/
/*トピックス*/
/*---------------------------------*/
/*一覧ページ*/
div.pager span {
    font-weight: bold;
}

div.pager span, div.pager a {
    display: inline-block;
    margin-right: 5px;
    padding: 2px 5px;
}

div.pager a {
    border: 1px solid #00337A;
    text-decoration: none;
}

div.pager a:hover {
    border: 1px solid #006BFF;
	background: #006BFF;
	color: #fff;
}

/*個別ページ*/
h2.topics_ttl {
	padding-top: 10px;
	font-size: 150%;
	font-weight: normal;
	color: #00337A;
	border-top: 1px solid #00337A;
	margin-bottom: 20px;
}

h2.topics_ttl span {
	color: #666;
    display: block;
    font-size: 70%;
    font-weight: normal;
}


/*---------------------------------*/
/*サイトマップ*/
/*---------------------------------*/
ul#sitemap_list {
}

ul#sitemap_list li {
background: url(images/common/icon_common_04.png) no-repeat left center;
    line-height: 30px;
    text-indent: 1.5em;
}


/*---------------------------------*/
/*リンク*/
/*---------------------------------*/
ul#link_list {
}

ul#link_list li {
	line-height: 40px;
	height: 40px;
	border-bottom: 1px dotted #ccc;
	text-indent: 5px;
	font-size: 115%;
}

ul#link_list li a {
	display: inline-block;
	padding-right: 15px;
	background: url(images/common/icon_common_05.gif) no-repeat right center;
}</pre></body></html>