@charset "shift_jis";


/* -------------------------------------------------------------------------------------------------
   サブページ共通CSS

   date:2011.07.27
   update:2013.03.28
------------------------------------------------------------------------------------------------- */


/* =================================================================================================
   レイアウトに関する設定
================================================================================================= */

/* ページ全体
--------------------------------------------------------------------------------------- */

body.renmei, body.taisou, body.kaijou, body.topics, body.events, body.faq, body.other {
}

body.narrow {
}

/* ヘッダ
--------------------------------------------------------------------------------------- */

body.renmei div#header, body.taisou div#header, body.kaijou div#header, body.topics div#header,
body.events div#header, body.faq div#header, body.other div#header {
	height: 80px;
	background: url(../image/sub_header_bg.jpg) no-repeat top left #fff;
}

body.none-global_navi div#header {
	height: 178px;
}

/* コンテンツとグローバルナビ・その他を囲むコンテナ
--------------------------------------------------------------------------------------- */

div.wrapper {
	background: url(../image/sub_wrapper_bg.jpg) repeat-y 0 0;
}

/* コンテンツとグローバルナビ・その他を囲むコンテナ
--------------------------------------------------------------------------------------- */

body.narrow div.wrapper {
	background: url(../image/sub_wrapper_narrow_bg.jpg) repeat-y 0 0;
}

/* コンテンツを囲むコンテナ（角丸フタ用）
--------------------------------------------------------------------------------------- */

div.wrapper-inner {
	margin: 0 auto;
	width: 900px;
	background: url(../image/sub_wrapper-inner_bg.jpg) no-repeat top left;
}

div.wrapper-inner:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
div.wrapper-inner { display: inline-block; }
div.wrapper-inner { display: block; }
/* Mac版IEのみに適用 \*//*/
div.wrapper-inner { overflow: hidden; }
/* */

/* コンテンツ幅700pxを囲むコンテナ（2カラム、角丸フタ用）
--------------------------------------------------------------------------------------- */

body.narrow div.wrapper-inner {
	margin: 0 auto;
	width: 900px;
	background: url(../image/sub_wrapper-inner_narrow_bg.jpg) no-repeat top left;
}

body.narrow div.wrapper-inner:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
body.narrow div.wrapper-inner { display: inline-block; }
body.narrow div.wrapper-inner { display: block; }
/* Mac版IEのみに適用 \*//*/
body.narrow div.wrapper-inner { overflow: hidden; }
/* */

/* コンテンツ
--------------------------------------------------------------------------------------- */

/* コンテンツ幅860px（通常コンテンツ、サイドにメニューなし） ------ */

div#contents {
	margin: 0 auto;
	width: 860px;
	text-align: left;
}

div#contents:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
div#contents { display: inline-block; }
div#contents { display: block; }
/* Mac版IEのみに適用 \*//*/
div#contents { overflow: hidden; }
/* */

/* コンテンツ幅700px（2カラム、右サイドにメニュー） --------------- */

body.narrow div#contents {
	float: left;
	display: inline;
	margin: 0 auto 0 20px;
	_margin: 0 auto 0 10px;
	width: 708px;
	text-align: left;
}

body.narrow div#contents:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
body.narrow div#contents { display: inline-block; }
body.narrow div#contents { display: block; }
/* Mac版IEのみに適用 \*//*/
body.narrow div#contents { overflow: hidden; }
/* */

/* サイドナビエリア（div.side_nav）※2011.07.31現在、イベント情報のみに使用
--------------------------------------------------------------------------------------- */

body.narrow div.wrapper-inner div#side_nav {
	float: left;
	display: inline;
	margin: 0 0 0 12px;
	width: 140px;
}

body.narrow div.wrapper-inner div#side_nav:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
body.narrow div.wrapper-inner div#side_nav { display: inline-block; }
body.narrow div.wrapper-inner div#side_nav { display: block; }
/* Mac版IEのみに適用 \*//*/
body.narrow div.wrapper-inner div#side_nav { overflow: hidden; }
/* */

/* フッタ
--------------------------------------------------------------------------------------- */

div#footer {
	clear: both;
	margin: 0 auto;
	width: 900px;
	height: 130px;
	background: url(../image/sub_footer_bg.jpg) no-repeat bottom left #479103;
	color: #fff;
}

/* フッタ
--------------------------------------------------------------------------------------- */

body.narrow div#footer {
	clear: both;
	margin: 0 auto;
	width: 900px;
	height: 130px;
	background: url(../image/sub_footer_narrow_bg.jpg) no-repeat bottom left #479103;
	color: #fff;
}


/* =================================================================================================
   div以外の要素の設定
================================================================================================= */

/* ヘッダ
--------------------------------------------------------------------------------------- */

/* ロゴ ----------------------------------------------------------- */

p#logo {
	padding: 20px 0 0 78px;
}

/* ヘッダの右上に配置してあるホームへのナビ ----------------------- */

ul#home_nav {
	list-style-type: none;
	margin: -56px 0 0 820px;
}

div#header ul#home_nav li {
}

/* ナビゲーション
--------------------------------------------------------------------------------------- */

div#nav {
	height:48px;
	background: url(../image/sub_nav_bg.jpg) repeat-y top left #479103;
}

/* サイドナビエリア（div.side_nav）※2011.07.31現在、イベント情報のみに使用
--------------------------------------------------------------------------------------- */

body.narrow div.wrapper-inner div#side_nav ul.local_nav {
	margin: 80px 0 0 0;
	width: 134px;
	border: solid 0px #000;
}

body.narrow div.wrapper-inner div#side_nav ul.local_nav li {
	margin: 0 0 5px 33px;
}

body.narrow div.wrapper-inner div#side_nav dl {
	margin: 45px 0 0 10px;
}

body.narrow div.wrapper-inner div#side_nav dt {
	margin: 5px 14px 13px 3px;
	padding: 0 0 2px 2px;
	font-weight: bold;
	border-bottom: dotted 2px #479103;
}

body.narrow div.wrapper-inner div#side_nav dd {
	margin: 5px 0 20px 23px;
}

body.narrow div.wrapper-inner div#side_nav dd ul {
	margin: 0 0 15px 0;
}

body.narrow div.wrapper-inner div#side_nav dd li {
	margin: 0 0 5px 0;
}

/* コンテンツ幅850px（通常コンテンツ、サイドにメニューなし）で使用
--------------------------------------------------------------------------------------- */

div#contents h1 {
	margin: 0 0 25px 0;
	padding: 20px 0 0 17px;
}

div#contents h2 {
	margin: 25px 60px 10px 50px;
	padding: 3px 0 2px 8px;
	border-bottom: solid 1px #7ccce5;
	border-left: solid 10px #7ccce5;
}

div#contents h3 {
	margin: 25px 65px 10px 65px;
	padding: 3px 0 2px 3px;
	border-bottom: solid 1px #7ccce5;
}

div#contents h4 {
	margin: 16px 65px 10px 65px;
}

div#contents h5 {
	margin: 16px 65px 10px 65px;
}

div#contents p {
	margin: 0 65px 1em 5em;
}

div#contents ul {
	margin: 0 65px 15px 6.4em;
}

div#contents ol {
	margin: 0 65px 15px /*53px*/5.9em;
}

div#contents ul li,
div#contents ol li {
}

div#contents ul ul {
	margin: 0 30px 15px 47px;
}

div#contents dl {
	margin: 0 65px 20px 5em;
}

div#contents dl ul,
div#contents dl ol {
	margin: 0.5em 0 0 17px;
}

div#contents p img {
	padding: 5px;
}

div#contents table ul {
	margin: 0 0 0 16px;
}

/* ダウンロード --------------------------------------------------- */

div#contents ul.download {
	margin-top: 30px;
}

/* コンテンツ幅700px（2カラム、右サイドにメニュー）で使用
--------------------------------------------------------------------------------------- */

body.narrow div#contents.narrow h1 {
	margin: 0 0 25px 0;
/*	padding: 20px 0 0 17px;*/
	border: solid 0px #f93;
}

/* フッタ
--------------------------------------------------------------------------------------- */

/* 事務局の団体名と住所 ------------------------------------------- */

div#footer address,
body.narrow div#footer address {
	padding: 32px 0 5px 35px;
	text-align: left;
}

/* コピーライト --------------------------------------------------- */

div#footer p.copyright,
body.narrow div#footer p.copyright {
	margin: 10px auto 0 auto;
	padding: 3px 10px 0 10px;
	border-top: solid 1px #b0c4de;
	width: 830px;
	text-align: right;
}

/* 要素(id,class)
--------------------------------------------------------------------------------------- */

/* 行揃え --------------------------------------------------------- */

/* 中央揃え --------------------------------------------- */

div#contents p.center {
	text-align: center;
}

/* 右揃え ----------------------------------------------- */

div#contents p.right {
	clear: both;
	text-align: right;
}

/* 回り込み ------------------------------------------------------- */

/* 左方向 ----------------------------------------------- */

div#contents p.float_left {
	float: left;
	display: inline;
	margin: 0 15px 10px 65px;
	text-align: center;
}

/* 右方向 ----------------------------------------------- */

div#contents p.float_right {
	float: right;
	display: inline;
	margin: 0 65px 10px 15px;
	text-align: center;
}

/* 汎用 ----------------------------------------------------------- */

div#contents .center {
	text-align: center;
}

div#contents .right {
	text-align: right;
}

div#contents left {
	text-align: left;
}


/* =================================================================================================
   各要素のフォントまわり
================================================================================================= */

div#contents h1,
div#contents.narrow h1 {
	font-size: 182%;
}

div#contents h2,
div#contents.narrow h2 {
	font-size: 153.9%;
}

div#contents h3,
div#contents.narrow h3 {
	font-size: 138.5%;
}

div#contents h4,
div#contents.narrow h4 {
	font-size: 123.1%;
}

div#contents p,
div#contents.narrow p {
	line-height: 2;
	font-size: 108%;
}

div#contents ul, div#contents ol, div#contents dl,
div#contents.narrow ul, div#contents.narrow ol, div#contents.narrow dl {
	line-height: 2;
	font-size: 108%;
}

div#contents table,
div#contents.narrow table {
	line-height: 1.6;
	font-size: 100%; /* モダンブラウザ向け */
	font: 100%; /* Win IE 5-5.5､6(後方互換モード)向け */
}

div#contents table p,
div#contents.narrow table p {
	line-height: 1.6;
	font-size: 108%; /* モダンブラウザ向け */
	font: 100%; /* Win IE 5-5.5､6(後方互換モード)向け */
}

div#contents table ul,
div#contents.narrow table ul {
	line-height: 2;
	font-size: 100%; /* モダンブラウザ向け */
	font: 100%; /* Win IE 5-5.5､6(後方互換モード)向け */
}

div#contents ul ul, div#contents ul ol,
div#contents.narrow ul ul, div#contents.narrow ul ol {
	font-size: 100%; /* モダンブラウザ向け */
	font: 100%; /* Win IE 5-5.5､6(後方互換モード)向け */
}

div#contents ol ul, div#contents ol ol,
div#contents.narrow ol ul, div#contents.narrow ol ol {
	font-size: 100%; /* モダンブラウザ向け */
	font: 100%; /* Win IE 5-5.5､6(後方互換モード)向け */
}

div#contents dl p, div#contents.narrow dl p {
	font-size: 100%; /* モダンブラウザ向け */
	font: 100%; /* Win IE 5-5.5､6(後方互換モード)向け */
}

div#contents dl ul, div#contents dl ol,
div#contents.narrow dl ul, div#contents.narrow dl ol {
	font-size: 100%; /* モダンブラウザ向け */
	font: 100%; /* Win IE 5-5.5､6(後方互換モード)向け */
}

div#contents ul table, div#contents ol table, div#contents dl table
div#contents.narrow ul table, div#contents.narrow ol table, div#contents.narrow dl table {
	font-size: 100%; /* モダンブラウザ向け */
	font: 93%; /* Win IE 5-5.5､6(後方互換モード)向け */
}

div#contents.narrow dl dt {
	font-weight: bold;
}

/* サイドナビエリア ----------------------------------------------- */

div#side_nav dt {
	font-size: 116%; /* モダンブラウザ向け */
	font: 116%; /* Win IE 5-5.5､6(後方互換モード)向け */
}

div#side_nav ul, div#side_nav dl ul {
	line-height: 2;
	font-size: 108%; /* モダンブラウザ向け */
	font: 108%; /* Win IE 5-5.5､6(後方互換モード)向け */
}


/* =================================================================================================
   各種ナビゲーション
================================================================================================= */

/* トピックパス（パンくずリスト）
--------------------------------------------------------------------------------------- */

p#topicpath {
	margin: 10px 0 0 0;
	padding: 0 0 0 35px;
	height: 40px;
	background: url(../image/sub_topicpath_bg.jpg) no-repeat top left #c8dfb5;
	border: solid 0px #f00;
	line-height: 32px;
	font-size: 93%;
	text-align: left;
}

/* 区切り記号「＞」 */

p#topicpath span.topicpath_mark {
	margin: 0 7px;
}

/* ローカルナビ（同一カテゴリ間ページ切り替え）
--------------------------------------------------------------------------------------- */

div#contents ul.local_nav {
	list-style-type: none;
	margin: 0 40px 5px 0;
	color: #999; /* カレント表示のために色を落としている */
	text-align: right;
}

div#contents ul.local_nav li {
	display: inline;
	margin: 3px 0 3px 12px;
	padding: 1px 2px 2px 5px;
}

/* 前のページに戻るナビ
--------------------------------------------------------------------------------------- */

div#contents p.prev_navi {
	margin: 15px auto 10px auto;
	text-align: center;
}

/* ページのトップに戻るナビ
--------------------------------------------------------------------------------------- */

div#contents p.page-top_nav {
	clear: both;
	margin: 5px 0 0 0;
	padding: 0 50px 0 0;
	font-size: 93%;
	text-align: right;
}

/* ページ送りのナビ
--------------------------------------------------------------------------------------- */

div#contents ul.page_nav {
	margin: 15px 0;
	text-align: center;
}

div#contents ul.page_nav li {
	list-style: none;
	display: inline;
}

div#contents ul.page_nav li em {
	display: -moz-inline-box; /* firefox2 対応 */
	display: inline-block;
	padding: 0.2em 0.5em;
	background: #dcdcdc;
	border: solid 1px #999;
}

div#contents ul.page_nav li a {
	display: -moz-inline-box; /* firefox2 対応 */
	display: inline-block;
	padding: 0.2em 0.5em;
	border: solid 1px #999;
}

div#contents ul.page_nav li a:link,
div#contents ul.page_nav li a:visited {
	border: solid 1px #999;
}

div#contents ul.page_nav li a:hover,
div#contents ul.page_nav li a:active {
	background: #ffa500;
	border: solid 1px #ffa500;
}


/* =================================================================================================
   フォームまわりの設定
================================================================================================= */

/* 共通（イベント情報、よくある質問、会場登録）
--------------------------------------------------------------------------------------- */

/* 注意事項 ------------------------------------------------------- */

div#contents dl.chuui_jikou {
	margin: 15px 0 20px 65px;
	padding: 5px 8px;
	width: 710px;
	background: #f5f5f5;
	border: solid 1px #999;
}

div#contents dl.chuui_jikou p.doui {
	margin: 5px;
	width: 6em;
	background: #ffc0cb;
	font-weight: bold;
	font-size: 123.1%;
}

div#contents dl.chuui_jikou ul li {
	margin-bottom: 0;
}

div#contents dl.chuui_jikou p.error {
	margin-left: 2em;
	line-height: 1.231 !important;
}


/* 備考 ----------------------------------------------------------- */

div#contents p.bikou {
	margin-bottom: 0;
	color: #f00;
	font-weight: bold;
}

/* フォーム ------------------------------------------------------- */

div#contents form {
}

div#contents form p {
	margin: 0 65px 1em 5em;
}

div#contents form table {
	margin: 0 0 10px 65px;
	width: 730px;
	border: solid 2px #666;
}

div#contents form table th {
	padding: 5px 8px;
	width: 10em;
	background: #dcdcdc;
	border: solid 1px #666;
	font-weight: bold;
	text-align: left;
}

div#contents form table td {
	padding: 5px 8px;
	border: solid 1px #666;
}

div#contents form table td p {
	margin: 0 0 5px 0;
}

div#contents form table td p.error {
	line-height: 1.231 !important;
}

div#contents form table td p input {
	margin: 0 0 5px 0;
	border: solid 0px #666;
}

/* ボタンエリア ----------------------------------------- */

div#contents form p.btn_area {
	margin: 20px 0;
	text-align: center;
}

div#contents form p.btn_area input {
	margin: 0 30px;
	padding: 1px 3px;
	width: 7em;
}

/* 入力必須項目 ----------------------------------------- */

div#contents form .hissu {
	margin-left: 2px;
	color: #f00;
	font-weight: bold;
	font-size: 85%;
}

/* 入力のヒント ----------------------------------------- */

div#contents form .hint {
	margin-left: 3px;
	color: #00008b;
	font-weight: bold;
	font-size: 93%;
}

/* 全国ラジオ体操会場登録
--------------------------------------------------------------------------------------- */

/* 郵送で登録する ------------------------------------------------- */

div#contents dl.yuso_touroku {
	margin: 10px 65px 0 5em;
	width: 740px;
}

div#contents dl.yuso_touroku dt {
	margin-bottom: 6px;
	padding: 3px 5px;
	background: #dcdcdc;
}

div#contents dl.yuso_touroku dd {
	margin: 0 0 15px 1em;
}

div#contents dl.yuso_touroku dd ul {
	margin-left: 20px;
}