@charset "utf-8";

/*========================================================================

siteName	: www.mintetsu.or.jp
fileName	: /common/css/modules.css
description	: Contents modules CSS.
date		: 2010.03.01
update	: 2010.03.09

	---------------------LIST---------------------
	 *** 01: Basic ***
			 01-1: PageHeading
			 				-見出し [上罫線/下点線]
							-見出し [下点線・グラデーション]
							-見出し [装飾なし]
							-見出し [下点線のみ]
							-見出し [上グラデ線]
							-見出し内RSSアイコン
			 01-2: LeadText
			 01-3: TopicsList
			 				-2行
							-1行
							-年代別リンク
			 01-4: ContentsList
			 				-パターン1
							-パターン2
							-選択中リスト
							-リスト非表示
			 01-5: ListStyle
			 				-青三角
							-黒矢印
							-もっと見る
							-もっと見る（別窓）
							-もっと見る（右寄せ）
			 01-6: Table
			 				-基本
							-幅645px
							-セル色変更
							-TH中央揃え
							-縦位置
			 01-7: BoxList
			 				-横並び幅335px・画像なし
							-横並び幅335px・画像あり
			 01-8: NewsDatil
							
	 *** 02: SSI ***
			 02-1: ssi_PR
			 02-2: ssiBnr_A
	
	 *** 03: Common ***
			 03-1: Margin
			 03-2: Padding
			 03-3: TextAlign
			 03-4: Font
			 03-5: LineHeight
			 03-6: BorderReset
			 03-7: Float/Potision
			 03-8: ClearFix
	----------------------------------------------

========================================================================*/


/************************************************************************

 01: Basic

************************************************************************/

/*======================================================================

  01-1: PageHeading
	
=======================================================================*/
h1 {
	background: url(../img/css_img/modules/h1_bg.jpg) repeat-x;
	width: 910px;
	height: 45px;
	padding: 25px 10px 0;
	font-size: 167%;
	margin-bottom: 25px;
}

h2 {
	font-size: 117%;

}

h3 { 
	font-size: 117%;
}

/* 見出し [上罫線/下点線] ---------- */
.Title01 {
	background: url(../img/css_img/modules/bg_Title01.jpg) repeat-x top;
	border-top: 2px solid #999999;
	border-bottom: 1px dotted #999999;
	padding: 8px 15px 6px 15px;
	margin-bottom: 10px;
}
/* 見出し [下点線・グラデーション] ---------- */
.Title02 {
	background: url(../img/css_img/modules/bg_Title01.jpg) repeat-x top;
	border-bottom: 1px dotted #999999;
	padding: 8px 15px 6px 15px;
	margin-bottom: 10px;
}

/* 見出し [装飾なし] ---------- */
.Title03 {
	padding: 10px 15px 0;
}

/* 見出し [下点線のみ] -------- */
.Title04 {
	border-bottom: 1px dotted #999999;
	padding: 10px 15px 10px 15px;
	margin-bottom: 10px;
}

/* 見出し [上グラデ線] -------- */
.Title05 {
	background: url(../img/css_img/modules/bg_Title05.jpg) repeat-x top;
	padding: 10px 15px 10px 15px;
	margin-bottom: 5px;
}


/* 見出し内RSSアイコン
　（見出しには.rel（03-7に記載）を指定）
----------------------------------------------------------- */
span.rss {
	position: absolute;
	top: 10px;
	right: 20px;
}





/*=======================================================================

  01-2: LeadText
	
=======================================================================*/
p.lead {
	padding: 0 15px 20px;
	line-height: 190%;
}



/*=======================================================================

  01-3: TopicsList
	
=======================================================================*/

/* 2行 -------------------------- */
ul.topics01 li {
	border-bottom: 1px dotted #999999;
	padding: 5px 15px;
}
ul.topics01 li span.topicsDate {
	display: block;
}
ul.topics01 li span.topicsTxt {
	display: block;
	padding-top: 5px;
}
ul.topics01 li span.topicsCorp a {
	color: #000000;
	text-decoration: underline;
	padding-left: 5px;
}


/* 1行 -------------------------- */
ul.topics02 li {
	border-bottom: 1px dotted #999999;
	padding: 5px 15px;
	zoom: 1;
}
ul.topics02 li:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
* html ul.topics02 li {
	/*\*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}

ul.topics02 li span.topicsDate {
	display: block;
	float: left;
	width: 70px;
}
ul.topics02 li span.topicsTxt {
	display: block;
	float: right;
	width: 560px;
}
ul.topics02 li span.topicsCorp a {
	color: #000000;
	text-decoration: underline;
	padding-left: 5px;
}


/* NEWアイコン -------------------------- */
span.new img { 
	padding: 0 5px;
	vertical-align: middle;
}

/* PDFアイコン -------------------------- */
span.pdf img {
	padding: 0 5px;
	vertical-align: middle;
}



/* バックナンバーリンク -------------------------- */
.backNum {
	margin-top: 25px;
}
.backNum h2 {
	padding-top: 20px;
	font-size: 117%;
}
.backNum ul {
	padding-left: 15px;
}
.backNum ul li {
	display: inline;
	padding-right: 1em;
}




/*=======================================================================

  01-4: ContentsList
	
=======================================================================*/

/* ------------------------------------------------ * 
* パターン1
*
*　 枠色：青
*
*		見出し
*			└大リスト（リンクなし）
*				└小リスト
*
* ------------------------------------------------- */

.ContentsList01 {
	width: 234px;
	border: 3px solid #0099cc;
}

/*----- 見出し -----*/
.ContentsList01 h3 { 
	font-size: 117%;
	background: url(../img/css_img/modules/icon_arrow_black.gif) no-repeat 12px 15px;
	border-bottom: 1px solid #cccccc;
	padding: 12px 10px 6px 25px;
	margin-bottom: 0;
	cursor: pointer;
}

/*----- 大リスト -----*/
.ContentsList01 ul {
	/*border-top: 1px solid #cccccc;*/
}
.ContentsList01 ul li a {
	display: block;
	background: url(../img/css_img/modules/icon_arrow_blue.gif) no-repeat 12px 11px;
	border-bottom: 1px solid #cccccc;
	padding: 8px 9px 8px 25px;
	cursor: pointer;
	zoom: 1; /* IE隙間対策 */
}

/*----- 小リスト -----*/
.ContentsList01 ul li ul li a {
	display: block;
	background: url(../img/css_img/modules/icon_arrow_blue.gif) no-repeat 22px 11px;
	border-bottom: 1px dotted #999999;
	padding: 8px 9px 8px 35px;
	cursor: pointer;
}


/* ------------------------------------------------ * 
* パターン2 []
*
*　 枠色：青
*
*		見出し
*			└大リスト（リンクあり）
*				└小リスト
*
* ------------------------------------------------- */
.ContentsList02 {
	width: 234px;
	border: 3px solid #0099cc;
}

/*----- 大リスト -----*/
.ContentsList02 ul {
	border-top: 3px solid #0099cc;
}
.ContentsList02 ul li {
	border-bottom: 1px solid #cccccc;
	zoom: 1; /* IE隙間対策 */
}
.ContentsList02 ul li a {
	display: block;
	background: url(../img/css_img/modules/icon_arrow_blue.gif) no-repeat 12px 11px;
	padding: 8px 9px 8px 25px;
	/*font-weight: bold;
	color: #000000;*/
	cursor: pointer;
	zoom: 1; /* IE隙間対策 */
}

/*----- 小リスト -----*/
.ContentsList02 ul li ul {
	border-top: 1px solid #cccccc;
}
.ContentsList02 ul li ul li {
	border-bottom: 0;
}
.ContentsList02 ul li ul li a {
	display: block;
	background: url(../img/css_img/modules/icon_arrow_blue.gif) no-repeat 22px 11px;
	border-bottom: 1px solid #cccccc;
	padding: 8px 9px 8px 35px;
	font-size: 100%;
	font-weight: normal;
	/*color: #0066cc;*/
	cursor: pointer;
	zoom: 1; /* IE隙間対策 */
}
.ContentsList02 ul li ul li a:hover {
	text-decoration: underline;
}


/* ------------------------------------------------ * 
*
*  共通：選択中リスト
*
* ------------------------------------------------- */

/*----- 大リスト選択中 -----*/
li.open01 {
	background: url(../img/css_img/modules/icon_arrow_blue.gif) #cbddf5 no-repeat 12px 11px;
	border-bottom: 1px solid #cccccc !important;
}
li.open01 span{
	display: block;
	border: 1px solid #ffffff;
	font-weight: bold;
	padding: 7px 8px 7px 25px;
}
li.open01 ul li {
	background-color: #ffffff!important;
}

li.open01 span{
	display: block;
	border: 1px solid #ffffff;
	font-weight: bold;
	padding: 7px 8px 7px 25px;
}

/*----- 小リスト選択中 -----*/
li.open02 {
	background: url(../img/css_img/modules/icon_arrow_blue.gif) #cbddf5 no-repeat 22px 11px !important;
	border-bottom: 1px solid #cccccc !important;
}
li.open02 span{
	display: block;
	border: 1px solid #ffffff;
	font-weight: bold;
	padding: 7px 8px 7px 35px;
}


/* ------------------------------------------------ * 
*
*  リスト非表示
*
* ------------------------------------------------- */
ul.hidden {
	display: none;
}




/*=======================================================================

  01-5: ListStyle
	
=======================================================================*/

/* 青三角 -------------------------- */
ul.list01 li {
	background: url(../img/css_img/modules/icon_arrow_blue.gif) no-repeat left;
	padding-left: 12px;
}

.arrow01 {
	background: url(../img/css_img/modules/icon_arrow_blue.gif) no-repeat left;
	padding-left: 12px;
}

/* 黒矢印 -------------------------- */
ul.list02 li {
	background: url(../img/css_img/modules/icon_arrow_black.gif) no-repeat left 2px;
	padding-left: 15px;
}

.arrow02 {
	background: url(../img/css_img/modules/icon_arrow_black.gif) no-repeat left 2px;
	padding-left: 15px;
}

/* もっと見る ----------------------- */
p.more {
	clear: both;
	background: url(../img/css_img/modules/icon_arrow_blue.gif) no-repeat 13px;
	padding: 8px 9px 8px 25px;
}
p.more a {
	text-decoration: underline;
}


/* もっと見る（別窓） --------------- */
p.moreB {
	clear: both;
	background: url(../img/css_img/modules/icon_blank.gif) no-repeat 10px;
	padding: 8px 9px 8px 26px;
}
p.moreB a {
	text-decoration: underline;
}


/* もっと見る（右寄せ） -------------- */
div.moreR {
	zoom: 1;
}
div.moreR:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
* html div.moreR {
	/*\*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}
div.moreR p {
	float:right;
	background: url(../img/css_img/modules/icon_arrow_blue.gif) no-repeat 13px;
	padding: 8px 9px 8px 25px;
}
div.moreR p a {
	text-decoration: underline;
}


/*=======================================================================

  01-6: Table
	
=======================================================================*/

/* 基本 -------------------------- */
table.table01{
   margin:0px 0px 10px 0px;
}
table.table01 th{
   padding:5px;
   font-weight:normal;
   border: 1px solid #CCCCCC;
   background-color:#F3F3F3;

}
table.table01 td{
   padding:5px;
   border: 1px solid #CCCCCC;
   background-color:#FFFFFF;
}
	
	
/* 幅645px -------------------------- */
table.table02{
   margin: 0px 15px 10px ;
	 width: 643px;
}
table.table02 th{
   padding: 5px 10px;
   font-weight:normal;
   border: 1px solid #CCCCCC;
   background-color:#F3F3F3;
}
table.table02 td{
   padding: 5px 10px;
   border: 1px solid #CCCCCC;
   background-color:#FFFFFF;
}
	
	
/* セル色変更　-------------------------- */
.bg01{
   background-color:#0099CC !important;
   color:#FFFFFF;
   font-weight:bold !important;
}
.bg02{ background-color:#eaeaea !important;}
.bg03{ background-color:#f3f3f3 !important;}



/* TH横位置　-------------------------- */
table.THcenter th { text-align: center;}
table.THright th { text-align: right;}


/* 縦位置　-------------------------- */
.valignT { vertical-align: top;}
.valignB { vertical-align: bottom;}
.valignM { vertical-align: middle;}




/*=======================================================================

  01-7: BoxList
	
=======================================================================*/

/* 横並び幅335px・画像なし
 -------------------------------------------------- */
.boxList01{
	width:335px;
	background:url(../../eco/img/bg_box02.gif) repeat-y left top;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin-bottom: 10px;
}
.boxList01 h2{
	background:url(../img/css_img/modules/bg_Title01.jpg) repeat-x left top;
	border-bottom:1px dotted #cccccc;
	padding:10px;
	margin:0px 2px 0px 2px;
}
.boxList01 h2 a{
	background:url(../img/css_img/modules/icon_arrow_black.gif) no-repeat left center;
	padding-left:15px;
}
.boxList01 p{
	margin:15px;
}
.boxList01 img{
	margin:0px 15px 15px 15px;
}


/* 横並び幅335px・画像あり
 -------------------------------------------------- */
.boxList02{
	width:335px;
	background:url(../../eco/img/bg_box02.gif) repeat-y left top;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	position:relative;
	margin-bottom: 10px;
}
.boxList02 h2{
	background:url(../img/css_img/modules/bg_Title01.jpg) repeat-x left top;
	border-bottom:1px dotted #cccccc;
	padding:10px;
	margin:0px 2px 0px 2px;
}
.boxList02 h2 a{
	background:url(../img/css_img/modules/icon_arrow_black.gif) no-repeat left center;
	padding-left:15px;
}
.boxList02 p{
	margin:15px;
	width:200px;
}
.boxList02 img{
	position:absolute;
	right:15px;
	top:15px;
}




/*=======================================================================

  01-8: NewsDatail
	
=======================================================================*/
/* お知らせ詳細見出し -------- */
h2.newsTitle {
	background: url(../../img/css_img/modules/bg_Title01.jpg) repeat-x top;
	border-top: 2px solid #999999;
	border-bottom: 1px dotted #999999;
	font-size: 117%;
	padding: 5px 15px;
	margin-bottom: 10px;
}
h2.newsTitle span {
	display: block;
	font-size: 84%;
	font-weight: normal;
}

/* お知らせ詳細内容 -------- */
p.newsDetail {
	line-height: 190%;
	padding: 0 10px;
	width: 655px;
}






/************************************************************************

 02: SSI

************************************************************************/

/*=======================================================================

  02-1: ssi_PR
	
=======================================================================*/
#ssi_PR {
	background-image: url(../img/include/bg_PR.jpg);
	margin-top: 30px;
	padding: 10px;
	width: 655px;
	height: 258px;
}
#ssi_PR ul#ssi_PR1 {
	background-color: #f3f3f3;
	width: 655px;
	height: 117px;
	margin-bottom: 5px;
}
#ssi_PR ul#ssi_PR2 {
	width: 655px;
	height: 75px;
}


/*=======================================================================

  02-2: ssiBnr_A
	
=======================================================================*/
ul#ssiBnr_A {
	width: 240px;
	padding-top:10px;
}
ul#ssiBnr_A li {
	margin-bottom: 5px;
}





/************************************************************************

 03: Common

************************************************************************/

/*=======================================================================

  03-1: Margin
	
=======================================================================*/
.marginT5 { margin-top: 5px !important; }
.marginT10 { margin-top: 10px !important; }
.marginT15 { margin-top: 15px !important; }
.marginT20 { margin-top: 20px !important; }
.marginT25 { margin-top: 25px !important; }
.marginT30 { margin-top: 30px !important; }

.marginB5 { margin-bottom: 5px !important; }
.marginB10 { margin-bottom: 10px !important; }
.marginB15 { margin-bottom: 15px !important; }
.marginB20 { margin-bottom: 20px !important; }
.marginB25 { margin-bottom: 25px !important; }
.marginB30 { margin-bottom: 30px !important; }

.marginA5 { margin: 5px !important; }
.marginA10 { margin: 10px !important; }
.marginA15 { margin: 15px !important; }

.marginS0 { margin-left: 0px !important; margin-right: 0px !important; }
.marginS5 { margin-left: 5px !important; margin-right: 5px !important; }
.marginS10 { margin-left: 10px !important; margin-right: 10px !important; }
.marginS15 { margin-left: 15px !important; margin-right: 15px !important; }



/*=======================================================================

  03-2: Padding
	
=======================================================================*/
.paddingT5 { padding-top: 5px !important; }
.paddingT10 { padding-top: 10px !important; }
.paddingT15 { padding-top: 15px !important; }
.paddingT20 { padding-top: 20px !important; }
.paddingT25 { padding-top: 25px !important; }

.paddingB5 { padding-bottom: 5px !important; }
.paddingB10 { padding-bottom: 10px !important; }
.paddingB15 { padding-bottom: 15px !important; }
.paddingB10 { padding-bottom: 20px !important; }
.paddingB15 { padding-bottom: 25px !important; }

.paddingA5 { padding: 5px !important; }
.paddingA10 { padding: 10px !important; }
.paddingA15 { padding: 15px !important; }

.paddingS5 { padding-left: 5px !important; padding-right: 5px !important; }
.paddingS10 { padding-left: 10px !important; padding-right: 10px !important; }
.paddingS15 { padding-left: 15px !important; padding-right: 15px !important; }



/*=======================================================================

  03-3: TextAlign
	
=======================================================================*/
.alignC { text-align: center; }
.alignL { text-align: left; }
.alignR { text-align: right; }



/*=======================================================================

  03-4: Font
	
=======================================================================*/
.txtxsmall {	font-size:84%; }
.txtsmall { font-size:92%; }
.txtlarge { font-size:117%; }
.txtxlarge {	font-size:134%; }

.blue { color: #0066cc;}



/*=======================================================================

  03-5: LineHeight
	
=======================================================================*/
.line130 { line-height: 130%; }
.line150 { line-height: 150%; }
.line170 { line-height: 170%; }
.line180 { line-height: 180%; }
.line190 { line-height: 190%; }



/*=======================================================================

  03-5: BorderReset
	
=======================================================================*/
.borderT0 { border-top: 0 !important; }
.borderB0 { border-bottom: 0 !important; }
.borderL0 { border-left: 0 !important; }
.borderR0 { border-right: 0 !important; }

.borderA0 { border: 0 !important; }
.last {	border: 0 !important;}



/*=======================================================================

  03-6: Float
	
=======================================================================*/
.float_L { float: left; }
.float_R { float: right; }
.clear { clear: both; }

.rel { position: relative;}


/*=======================================================================

  03-7: ClearFix
	
=======================================================================*/
.clearfix {
	zoom:1;
}
.clearfix:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
* html .clearfix {
	/*\*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}

/* section --------------- */
.section {
	zoom:1;
}
.section:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
* html .section {
	/*\*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}

/* article --------------- */
.article {
	zoom:1;
}
.article:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.article {
	/*\*/height:1%;/*for WinIE*/
	display:inline-table;/*for MacIE*/
}