/* -------------------------------------------------------

http://www.noda-seiko.gr.jp/ Cascading Style Sheets

File Name  : root.css
update     : 2008.02.27

cmsクラス定義
-------------------------------------------------------- */

/* ====================================================================
トップページ用クラス設定
==================================================================== */

/* --------------------------------------------------------------------
flash-area | フラッシュ
-------------------------------------------------------------------- */

div.flash-area {
	height: 320px;
	background: url(../img/index/flash_bg.jpg) repeat-x 0 0;
}

div#flashcontent {
	height: 320px;
	width: 880px;
	background: url(../img/index/flashcontent_bg.jpg) no-repeat top center;
	overflow: hidden;
	margin: 0 auto;
}

div#alternative {
	height: 320px;
	width: 880px;
	background: url(../img/index/mainimage.jpg) no-repeat top center;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
	zoom: 1;
}


div#alternative h1 {
	height: 14px;
	margin-top: 1px;
}

div#alternative p.box_vidomessage {
	float: left;
	padding-left: 10px;
}

div#alternative p.box_vidomessage a {
	display: block;
	height: 280px;
	width: 364px;
	overflow: hidden;
	text-decoration: none;
}

div#alternative p.box_profile {
	float: right;
}


div#alternative p.box_profile a {
	display: block;
	height: 270px;
	width: 210px;
	overflow: hidden;
	text-decoration: none;
}



/* --------------------------------------------------------------------
topic_list | 新着情報
-------------------------------------------------------------------- */

div.topic_list {
	width: 300px;
	float: left;
	background: url(../img/index/topic_bg.jpg) repeat-y 0 0;
	border-bottom: 1px solid #DDD7D7;
	margin: 0 20px 20px 0;
}

div.topic_r {
	margin-right: 0;
}

div.topic_list div.list {
	width: 300px;
	background: url(../img/index/topic_in_bg.jpg) no-repeat 1px 0;
}

div.topic_list div.list div {
	width: 278px;
	_width: 280px;
	margin: 0 10px 10px;
	border: 1px solid #EAE6E6;
	background: #FFF;
}

div.topic_list div.list ul li {
	padding: 0.3em 0.4em 0.3em;
	background: url(../img/common/dotline02.gif) repeat-x bottom;
}

div.topic_list div.list ul li.btm {
	background: none;
}

div.topic_list div.list ul li span {
	font-size: 75.5%;
	display: block;
}

div.topic_list div.list ul li a {
	font-size: 80%;
}


/* --------------------------------------------------------------------
rpt_title | 活動レポート
-------------------------------------------------------------------- */

div.rpt_title {
	background: url(../img/index/report_bg.jpg) no-repeat 0 0;
	color: #F473B4;
	height: 39px !important;
	_height: 49px !important;
	padding: 10px 0 0;
	zoom: 1;
}

div.rpt_title:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

* html div.rpt_title {
	/*\*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}

div.rpt_title h2 {
	float: left;
	margin-left: 10px;
	_margin-left: 5px;
}

div.rpt_title h2 a {
	padding-left: 20px;
	background: url(../img/common/ico_arrow_pink1.gif) no-repeat 0 2px;
	text-decoration: none !important;
}



/* --------------------------------------------------------------------
clm_title | コラム
-------------------------------------------------------------------- */

div.clm_title {
	background: url(../img/index/column_bg.jpg) no-repeat 0 0;
	color: #FFF;
	height: 39px !important;
	_height: 49px !important;
	padding: 10px 0 0;
	zoom: 1;
	display: block;
}

div.clm_title:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

* html div.clm_title {
	/*\*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}

div.clm_title h2 {
	float: left;
	margin-left: 10px;
	_margin-left: 5px;
}

div.clm_title h2 a {
	padding-left: 20px;
	background: url(../img/common/ico_arrow_pink5.gif) no-repeat 0 2px;
	text-decoration: none !important;
	color: #FFF !important;
}

div.clm_title h2 a:hover {
	color: #FFF !important;
}


div.rpt_title img.btn,div.clm_title img.btn {
	float: right;
	margin-right: 10px;
	_margin-right: 5px;
}


/* --------------------------------------------------------------------
rpt_title,clm_title | 活動レポート,コラム　共通
-------------------------------------------------------------------- */

div.rpt_title:after,div.clm_title:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}


/* --------------------------------------------------------------------
link_btn01 | 後援会のご案内
-------------------------------------------------------------------- */

p.link_btn01 {
	float: left;
	width: 300px;
	margin: 0 20px 20px 0;
}

/* --------------------------------------------------------------------
office | 事務所情報
-------------------------------------------------------------------- */

div.profile_box {
	float: left;
	width: 300px;
	margin-bottom: 20px;
}

div.profile_box h3 {
	font-size: 85%;
	color: #494949;
	margin-bottom: 5px;
}

div.profile_box h3 span {
	font-size: 75.5%;
}

div.profile_box p {
	font-size: 75.5%;
}


/* --------------------------------------------------------------------
stp_box | サイトマップ　ボックス
-------------------------------------------------------------------- */

div.stp_box {
	float: left;
	width: 300px;
	margin-bottom: 2em;
}

div.box_r {
	float: right;
}

div.stp_box h2 {
	background: url(../img/sitemap/stp_line01.jpg) no-repeat bottom;
}

div.stp_box h2 a {
	padding: 0.3em 0 0.3em 34px;
	margin-bottom: 0.3em;
	background: url(../img/common/ico_arrow_pink1.gif) no-repeat 10px 10px;
	display: block;
	text-decoration: none !important;
	color: #494949;
}

div.stp_box ul {
	margin-top: 1em;
}

div.stp_box ul li {
	margin-bottom: 0.3em;
	background: #F5F4F4;
}

div.stp_box ul li a {
	background: url(../img/sitemap/stp_list_bg01.jpg) repeat-y 0 0;
	padding: 0.3em 0 0.3em 20px;
	font-size: 80%;
	width: 280px;
	_width: 300px;
	display: block;
}



/* ====================================================================
個人情報保護方針用クラス設定
==================================================================== */

/* --------------------------------------------------------------------
p | 個人情報保護方針 リスト及び注意事項
-------------------------------------------------------------------- */
ul.pry_list {
	margin-bottom: 30px;
}

p.pry_txt01 {
	font-size: 80%;
}