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

Title : manual.css
Author : bresto BMS 
URL : 

Description :　汎用CSS

Created : 2007/1/22
Modified : 

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

/*------------ 右メニューなし用 ------------*/

#Contents div.full{
	padding:0 30px 0 0;
}

/*------------ タイトル ------------*/
#Contents h1.title {
	background:transparent url(/image/ptitle_bg.gif) repeat-x scroll left bottom;
	color:#333333;
	font-size:120%;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0 0 12px 5px;
}

#Contents h1.headline {
	font-size:120%;
	font-weight:bold;
	margin:15px 0 0;
	padding:0 0 10px 11px;
}

#Contents h2.title {
	background:#F2F2F2;
	border:1px solid #CCCCCC;
	color:#666666;
	font-size:85%;
	font-weight:bold;
	margin:17px 0 10px 0;
	padding: 4px 0 4px 0.6em;
}

	/*--------- リンクある場合 ---------*/
	#Contents h2.title a,
	#Contents div.plus-archive h2 a {
			background:transparent url(/image/ico_title.gif) no-repeat scroll left center;
			padding:3px 0 0 0.6em;
	}

	/*--------- h2の右端に"一覧"等がついた場合 ---------*/
	
#Contents div.plus-archive {
	zoom:1;
	
	background:#F2F2F2;
	border:1px solid #CCCCCC;
	margin:17px 0 15px;
	padding:3px 0 0 6px;
}

#Contents div.plus-archive:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;	
}

/* Hides from IE-mac \*/
* html div.plus-archive {
	height: 1%;
}

div.plus-archive {
	display: block;
}
/* End hide from IE-mac */


	#Contents div.plus-archive h2 {
		font-size:85%;
		color:#666666;
		font-weight:bold;
		padding:2px 0 4px 2px;
		float: left;
	}

	#Contents div.plus-archive span {
		font-size:85%;
		margin: 2px 0.6em 0 0;
		float: right;
	}
	
	#Contents div.plus-archive img {
		display: block;
	}
	
	/*--------- カラーバリエーション ---------*/
	#Contents div.plus-archive.green,
	#Contents h2.title.green {
		background: #F5F8EA;
	}
	
	#Contents div.plus-archive.orange,
	#Contents h2.title.orange {
		background: #f9f4de;
	}

#Contents h3.title {
	color:#333;
	font-size:85%;
	font-weight:bold;
	margin:0 0 10px 0;
	padding: 4px 0 4px 0.6em;
}

	/*--------- リンクがある場合 ---------*/
	#Contents h3.title a {
			background:transparent url(/image/ico_title.gif) no-repeat scroll left center;
			padding:3px 0 0 0.6em;
	}

	/*--------- 枠、破線、背景色 ---------*/
	#Contents h3.solid {
		border: 1px solid #ccc;
	}
	
	#Contents h3.dot {
		border-bottom: 1px dotted #ccc;
	}
	
	#Contents h3.green {
		background: #f5f8ea;
	}
	
	#Contents h3.gray {
		background: #f2f2f2;
	}
	
	#Contents h3.orange {
		background: #f9f4de;
	}
	
	#Contents h3.brown {
		background: #ececde;
	}
	
	#Contents h3.square {
		background:transparent url(/image/icon_tit01.gif) no-repeat scroll left top;
		line-height:150%;
		padding:0pt 0pt 0pt 1.2em;
		margin: 0 0 10px 10px;
	}

#Contents h4.title {
	color:#333;
	font-size:85%;
	font-weight:bold;
	margin:0 0 10px 0;
	padding: 5px 0 4px 0.6em;
	
}

	/*--------- 枠、破線、背景色 ---------*/
	#Contents h4.title span {
		padding: 4px;
	}
	
	#Contents h4.solid span {
		border: 1px solid #ccc;
	}
	
	#Contents h4.dot span {
		border-bottom: 1px dotted #ccc;
	}
	
	#Contents h4.green span {
		background: #F5F8EA;
	}
	
	#Contents h4.gray span {
		background: #f2f2f2;
	}
	
	#Contents h4.orange span {
		background: #f9f4de;
	}

/*---------- リスト ----------*/

#Contents .container ul {
	line-height:1.5;
	font-size: 90%;
	margin: 5px 0 0.5em 1em;
	padding: 0 0 0 0.8em;

}

#Contents .container ol {
	line-height:1.5;
	font-size: 90%;
	margin: 5px 0 0.5em 0.5em;
	list-style-position: outside;
	padding: 0 0 0 1.5em;

}

#Contents .container ul.non-bullet {
	list-style-type: none
}

#Contents .container ul.link-list {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: outside;
}

#Contents ul.link-list li,
#Contents ol.link-list li {
	padding: 0 0 0 1.3em;
	background:transparent url(/image/ico_list02.gif) no-repeat scroll left top;
}

	/*---------- リストの装飾 ----------*/

	#Contents ul.dot,
	#Contents ul.solid {
		list-style: none;
		margin: 5px 0 0.5em 0.3em;
	}
	
	#Contents ul.dot li,
	#Contents ol.dot li {
		border-bottom: 1px dotted #ccc;
	}
	
	#Contents ul.solid li,
	#Contents ol.solid li {
		border-bottom: 1px solid #ccc;
	}
	
	/*---------- リンクリストの時の装飾 ----------*/

	#Contents ul.link-list.dot,
	#Contents ul.link-list.solid {
		list-style: none;
		margin: 5px 0 0.5em 0;
		padding: 0;
	}
	
	#Contents ul.link-list.dot li,
	#Contents ol.link-list.dot li {
		border-bottom: 1px dotted #ccc;
	}
	
	#Contents ul.link-list.solid li,
	#Contents ol.link-list.solid li {
		border-bottom: 1px solid #ccc;
	}

#Contents dl {
	font-size: 85%;
	line-height: 140%;
	margin: 0 0 1em 0.7em;
}

#Contents dt {
	border-bottom: 1px dotted #ccc;
	margin-top: 0;
	padding: 0 0 3px 0;
}

#Contents .container dl ul,
#Contents .container dl ol {
	font-size: 100%;	/* リストが入れ子になった場合を考慮して */
}

#Contents dt.square {
	background:transparent url(/image/icon_tit01.gif) no-repeat scroll left top;
	line-height:150%;
	padding:0pt 0pt 0pt 1.2em;
	margin: 0;
}

#Contents dl.light {
	margin: 0;
}

#Contents dl.light dt {
	clear: both;
	float: left;
	display: block;
	width: 23%;
	margin: 0 ;
	padding: 0.5em 0.5em 0.5em 8px;
	border-bottom: none;
	line-height: 1.4;
	vertical-align: middle;
	
}

#Contents dl.light dd {
	display: block;
	margin: 0 0 0 24%;
	padding: 0.5em 0.5em 0.5em 1em;
	line-height: 1.4;
	vertical-align:middle;
	border-left: 1px solid #ccc;
}

/*---------- リンク,アイコン ----------*/
#Contents a.link {
	background:transparent url(../image/ico_list02.gif) no-repeat scroll left center;
	padding: 2px 0 0 1.3em;
}

#Contents span.pdf {
	background:transparent url(/image/icon_pdf01.gif) scroll right center no-repeat;
	padding: 5px 30px 5px 0;
}

#Contents span.new {
	background:transparent url(/image/ico_new.gif) scroll right center no-repeat;
	padding: 5px 38px 5px 0;
}

#Contents span.marker-pdf {
	background:transparent url(/image/icon_pdf02.gif) scroll left center no-repeat;
	padding: 5px 0 5px 20px;
}


#Contents span.mailto {
	background: url(/image/icon_mailto.gif) scroll right center no-repeat;
	padding: 5px 20px 5px 0;
}

#Contents a.external,
#Contents span.external {
	background: url(/image/ico_lnavi06.gif) scroll right center no-repeat;
	padding: 5px 16px 5px 0;
	margin-right: 3px;
}

#Contents span.camera {
	background: url(/image/ico_camera.gif) scroll right center no-repeat;
	padding: 5px 20px 5px 0;
}

#Contents span.tokusyu {
	background: url(/image/ico_topic.gif) scroll left center no-repeat;
	padding: 2px 0 0 38px;
}

#Contents span.zoom {
	background: url(/image/icon_megane.gif) scroll left center no-repeat;
	padding: 5px 0 5px 20px;
}

#Contents span.print {
	background: url(/image/ico_print.gif) scroll left center no-repeat;
	padding: 3px 0 3px 20px;
}



/*---------- プラグイン リンクボックス ----------*/
#Contents .plugin {
	margin: 0 0 1em 0;
	padding: 10px;
	border-top: 2px solid #ccc;
	background: #F2F2F2;
	line-height: 140%;
}

#Contents .plugin img {
	float: left;
}

#Contents .plugin.pdf p {
	margin: 0 0 0 122px;
	font-size: 85%;
}

#Contents .plugin.flash p {
	margin: 0 0 0 98px;
	font-size: 85%;
}

/*- - - - - 2段組み + 写真- - - - -*/
div.container {
    display: inline-table;
    min-height: 1%;
	margin-bottom: 8px;
}

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

/* Hides from IE-mac \*/
* html div.container {
	height: 1%;
}

div.container {
	display: block;
}
/* End hide from IE-mac */


* html .container{
	width: auto;
}

.container p {
	line-height: 150%;
	padding: 0 8px;
	font-size: 85%;
}

.text p {
	line-height: 150%;
	padding: 0 8px;
	font-size: 100%;
}

.container p.caption {
	font-weight: bold;
	font-size: 12px;
	line-height: 120%;
	margin: 7px 0 0 0;
}

.l-float {
	float: left;
}

.r-float {
	float: right;
}

	/*- - - - - l-float r-floatの横幅設定(%指定)- - - - -*/
	.half {
		width: 49%;
	}
	
	.w-70 {
		width: 69%;
	}
	
	.w-30 {
		width: 29%;
	}
	
	.w-60 {
		width: 59%;
	}
	
	.w-40 {
		width: 39%;
	}

div.container .clear {
	clear: both;
}


/*- - - - - 写真が絡んだ段組 - - - - -*/
div.container .photo {
	clear: both;
}

div.container .photo img {
	display: block;
	border: 1px solid #ccc;
}

.with-frame img.photo {
	margin: 0;
	border: 6px solid #f2f2f2;
}

	div.container .photo td {
		background: #f2f2f2;
		padding: 6px 6px 2px 6px;
	}
	
	div.container .photo td img {
		border: none;
	}
	
	div.container .photo td p {
		font-size: 75.85%;
		margin: 0;
		padding: 4px 0 0 0;
		text-align: center;
	}
	
	div.container .photo p.caption {
		font-weight: bold;
		text-align: left;
	}

div.container div.l-float img.photo,
div.container div.l-float table.photo {
	margin: 4px 12px 4px 0;
}

div.container div.r-float img.photo,
div.container div.r-float table.photo {
	margin: 4px 0 4px 12px;
}

	
	/*- - - - - 横幅指定 二段組 - - - - -*/
	.setl-100 .l-float .caption,
	.setr-100 .r-float .caption,
	.setl-120 .l-float .caption,
	.setr-120 .r-float .caption,
	.setl-155 .l-float .caption,
	.setr-155 .r-float .caption,
	.setl-180 .l-float .caption,
	.setr-180 .r-float .caption,
	.setl-200 .l-float .caption,
	.setr-200 .r-float .caption,
	.setl-250 .l-float .caption,
	.setr-250 .r-float .caption,
	.setl-300 .l-float .caption,
	.setr-300 .r-float .caption {
		text-align: left;
	}
	
	/*- - - - - 横幅100px 二段組 - - - - -*/
	.setl-100 .l-float {
		width: 100px;
		margin-right:0.4em;
		text-align: center;
	}
	
	.setl-100 .r-float {
		float: none;
		margin-left: 110px;
	}

	.setr-100 .r-float {
		width: 100px;
		margin-left:0.4em;
		text-align: center
	}
	
	.setr-100 .l-float {
		float: none;
		margin-right: 110px;
	}

	/*- - - - - 横幅120px 二段組 - - - - -*/
	.setl-120 .l-float {
		width: 120px;
		margin-right:0.4em;
		text-align: center
	}
	
	.setl-120 .r-float {
		float: none;
		margin-left: 130px;
	}

	.setr-120 .r-float {
		width: 120px;
		margin-left:0.4em;
		text-align: center
	}
	
	.setr-120 .l-float {
		float: none;
		margin-right: 130px;
	}
	
	/*- - - - - 横幅155px 二段組 - - - - -*/
	.setl-155 .l-float {
		width: 155px;
		margin-right:0.4em;
		text-align: center
	}
	
	.setl-155 .r-float {
		float: none;
		margin-left: 165px;
	}

	.setr-155 .r-float {
		width: 155px;
		margin-left:0.4em;
		text-align: center
	}
	
	.setr-155 .l-float {
		float: none;
		margin-right: 165px;
	}

	/*- - - - - 横幅180px 二段組 - - - - -*/
	.setl-180 .l-float {
		width: 180px;
		margin-right:0.4em;
		text-align: center
	}
	
	.setl-180 .r-float {
		float: none;
		margin-left: 190px;
	}

	.setr-180 .r-float {
		width: 180px;
		margin-left:0.4em;
		text-align: center
	}
	
	.setr-180 .l-float {
		float: none;
		margin-right: 190px;
	}
	
	/*- - - - - 横幅200px 二段組 - - - - -*/
	.setl-200 .l-float {
		width: 200px;
		margin-right:0.4em;
		text-align: center;
	}
	
	.setl-200 .r-float {
		float: none;
		margin-left: 210px;
	}

	.setr-200 .r-float {
		width: 200px;
		margin-left:0.4em;
		text-align: center;
	}
	
	.setr-200 .l-float {
		float: none;
		margin-right: 210px;
	}
	
	/*- - - - - 横幅250px 二段組 - - - - -*/
	.setl-250 .l-float {
		width: 250px;
		margin-right:0.4em;
		text-align: center
	}
	
	.setl-250 .r-float {
		float: none;
		margin-left: 260px;
	}

	.setr-250 .r-float {
		width: 250px;
		margin-left:0.4em;
		text-align: center;
	}
	
	.setr-250 .l-float {
		float: none;
		margin-right: 260px;
	}
	
	/*- - - - - 横幅300px 二段組 - - - - -*/
	.setl-300 .l-float {
		width: 300px;
		margin-right:0.4em;
		text-align: center
	}
	
	.setl-300 .r-float {
		float: none;
		margin-left: 310px;
	}

	.setr-300 .r-float {
		width: 300px;
		margin-left:0.4em;
		text-align: center
	}
	
	.setr-300 .l-float {
		float: none;
		margin-right: 310px;
	}

	/*- - - - - boxの装飾- - - - -*/
	div.container div.solid {
		padding: 4px 0;
		margin-bottom: 1em;
		border: 1px solid #ccc;
	}
	
	div.container div.dot {
		padding: 4px 0;
		margin-bottom: 1em;
		border: 1px dotted #ccc;
	}
	
	#Contents div.green {
		background: #F5F8EA;
	}
	
	#Contents div.orange {
		background: #F9F4DE;
	}
	
	#Contents div.gray {
		padding: 4px 0;
		background: #f7f7f7;
	}
	
	#Contents div.solid {
		padding: 4px 0;
		border: 1px solid #ccc;
	}
	
	
	/*- - - - - boxの装飾時、段組なしの場合の余白 - - - - -*/
	#Contents div.container.single {
		padding: 10px 10px 8px 10px;
	}
	
	* html #Contents div.container.single {
		padding: 10px 10px 0 10px;
	}
	
	/*- - - - - .single時のタイトル余白調整 - - - - -*/
	#Contents .single h3.title,
	#Contents .single h4.title {
		margin-bottom: 0px;
	}


/*---------- 2x2レイアウト ----------*/

#Contents .cross-container {
	zoom:1;
}

#Contents .cross-container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html div.cross-container {
	height: 1%;
}

div.cross-container {
	display: block;
}
/* End hide from IE-mac */


div.cross-container div.left-top,
div.cross-container div.right-top,
div.cross-container div.left-bottom,
div.cross-container div.right-bottom {
	margin-bottom: 5px;
	border: 1px solid #ccc;
	min-height: 145px;
}

* html div.cross-container div.left-top,
* html div.cross-container div.right-top,
* html div.cross-container div.left-bottom,
* html div.cross-container div.right-bottom {
	height: 145px;
}


#Contents div.cross-container div.left-top h3.title,
#Contents div.cross-container div.right-top h3.title,
#Contents div.cross-container div.left-bottom h3.title,
#Contents div.cross-container div.right-bottom h3.title {
	margin: 0;
	padding: 10px 0 0 10px ;
}


div.cross-container div.left-top img,
div.cross-container div.right-top img,
div.cross-container div.left-bottom img,
div.cross-container div.right-bottom img {
	float: left;
	display: inline;
	margin: 10px 6px 10px 10px;
	
}

div.cross-container div.para {
	margin: 0 0 0 106px;
	
}

div.cross-container div.left-top p,
div.cross-container div.right-top p,
div.cross-container div.left-bottom p,
div.cross-container div.right-bottom p {
	margin: 0 2px 0 0 ;
	padding: 10px 0 0 0;
	line-height: 1.25;
}


div.cross-container div.left-top {
	float: left;
	width: 49%;
}

div.cross-container div.right-top {
	float: right;
	width: 49%;
}

div.cross-container div.left-bottom {
	float: left;
	width: 49%;
}

div.cross-container div.right-bottom {
	float: right;
	width: 49%;
}

* html #Contents h3 {
	clear: none;
}

/*- - - - - hr罫線 - - - - -*/
#Contents hr {
	height:0px;
	margin: 0 0 5px 0;
	padding: 0;
	border-top: 1px dotted #f2f2f2;
}

*+html #Contents hr {
	border-color: #999;
}

* html #Contents hr {
	border-color: #ccc;
}

/*- - - - - 注釈 - - - - -*/
#Contents p.footnote {
	
	font-size: 75%;
}

/*- - - - - テーブル 全般 - - - - -*/

#Contents .container table td ul,
#Contents .container table td ol,
#Contents .container table td dl {
	font-size: 100%;
}

/*- - - - - テーブル data-grid - - - - -*/
#Contents div.data-grid,
#Contents div.data-grid2 {
	font-size: 85%;
	text-align: left;
	margin: 0 0 16px 0;
}

#Contents div.data-grid table,
#Contents div.data-grid2 table {
	margin: 0 auto;
	background: #ccc;
	border-spacing: 1px;
}

#Contents div.data-grid td,
#Contents div.data-grid th,
#Contents div.data-grid2 td,
#Contents div.data-grid2 th  {
	padding: 6px;
	vertical-align:middle;
}

#Contents div.data-grid thead th {
	background: #f5f8ea;
}

#Contents div.data-grid th {
	background: #f2f2f2;
}

#Contents div.data-grid td,
#Contents div.data-grid2 td {
	background: #fff;
}

#Contents div.data-grid .empty,
#Contents div.data-grid2 .empty {
	background: #fff;
}

/*- - - - - テーブル data-grid2 - - - - -*/
#Contents div.data-grid2 th {
	font-weight: bold;
}

#Contents div.data-grid2 thead th {
	background: #7b889a;
	color: #fff;
}

#Contents div.data-grid2 th {
	background: #f8f4de;
	color: #666;
}

/*- - - - - テーブル light - - - - -*/
#Contents div.light {
	font-size: 85%;
	text-align: center;
	margin: 10px 0 12px 0;
}

#Contents div.light table {
	background: none;
	margin: 0 auto;
}

#Contents div.light td,
#Contents div.light th {
	text-align: left;
	padding: 6px;
	vertical-align:middle;
}

#Contents div.light th {
	border-right: 1px solid #ccc;
	background: none;
}

#Contents div.light td {
	padding-left: 10px;
}


/*- - - - - テーブル gallery（簡易型） - - - - -*/
#Contents .gallery {
	text-align: center;
	margin:0 0 16px;
}

#Contents .gallery table {
	margin: 0 auto;
	background: #fff;
}

#Contents .gallery td {
	padding: 6px 8px 0px 8px;
	background: #f2f2f2;
	text-align: center;
	vertical-align: top;
}

#Contents .gallery img {
	margin-bottom: 4px;
}

#Contents .gallery p {
	margin: 0.5em 0;
	line-height: 125%;
}

#Contents span.zoom {
	margin-top: 10px;
}

/*- - - - - テーブル stripe - - - - -*/
#Contents div.stripe {
	margin-bottom: 4px;
	font-size: 85%;
	text-align: left;
}

#Contents div.stripe table {
	background: #ccc;
	border-spacing: 1px;
}

#Contents div.stripe td,
#Contents div.stripe th {
	padding: 6px;
	vertical-align:middle;
}

#Contents div.stripe .odd {
	background: #f4f8fe;
}

#Contents div.stripe .even {
	background: #fff;
}

/*- - - - - テーブル floaty_gallery - - - - -*/
div.floaty_gallery {
	width: 165px;
	float: left;
	margin: 0 0 0.5em 3px;
	font-size: 100%;
}

div.floaty_gallery table {
	border-collapse:collapse;
	border: 0;
}

div.floaty_gallery td {
	padding: 5px;
	vertical-align: middle;
	font-size: 75.25%;
}

div.floaty_gallery thead {
	background: #eaeaea;
	text-align: center;
}

div.floaty_gallery tfoot {
	background: #f7f7f7;
	font-weight: bold;
}

div.floaty_gallery tbody {
	background: #f7f7f7;
	text-align: center;
}

div.floaty_gallery tbody td {
	height: 185px;
	min-height: 185px;
}

* html div.floaty_gallery tbody td {
	height: 185px;
}

div.floaty_gallery tfoot td {
	vertical-align: top;
	height: 6.5em;
}

*+html body div.floaty_gallery tfoot td {
	height: 4.5em;
}

* html div.floaty_gallery tfoot td {
	height: 4.5em;
}


/*- - - - - テキスト文字揃え - - - - -*/
.c-text {
	text-align:center;
}

.r-text {
	text-align: right;
}

.l-text {
	text-align: left;
}

/*- - - - - fieldset legend - - - - -*/
#Contents fieldset {
	border: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 1em 0;
	padding: 5px 1em 10px 1em;
}

#Contents fieldset legend {
	color: #333;
	margin: 0;
	padding: 6px 0.8em;
}

#Contents fieldset label {
	margin: 0 5px;
	padding: 0;
	vertical-align: middle;
}