@charset "Shift_JIS";

/*===== CONTENTS ===========================================

	1: clear
			-clearfix
			-clear
	2: noscript
	3: header title
	4: navi icon
	5: layout part
	6: box layout
	7: table
	8: list
	9: sort menu
	10: template part

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

/* 1: clearfix
==========================================================*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 1%!important;
}

*html .clearfix {/* IE6 */
	zoom: 1;
}

*:first-child+html .clearfix {/*IE7*/
	display: inline-table;
	min-height: 1%;
}

/* clear */
.clmclear {
	clear: both;
	display: block;
	height: 1%!important;
	font-size: 1%;
	zoom: 1;
}


/* 2: noscript
==========================================================*/
.jsBlock {
	margin: 1em 0;
	background-color: #FFFFFF;
	text-align: center;
}


/* 3: header title
==========================================================*/
#contents #main h1.decoA1 {
	margin-bottom: 1em;
	padding: 13px 18px 8px 18px;
	background: #F3EFDD url("/common/images/title_main_bg.gif") no-repeat left top;
	border-bottom: 1px solid #B6B2A7;
	font-size: 140%;
	line-height: 1.5;
}

#contents #main h2.decoA2 {
	clear: both;
	margin-bottom: 1em;
	padding: 8px 18px 6px 18px;
	background-color: #F7F7F7;
	border-top: 3px solid #B6B2A7;
	border-bottom: 1px solid #B6B2A7;
	font-size: 120%;
	line-height: 1.4;
}

#contents #main h3.decoA3 {
	clear: both;
	margin-bottom: 0.6em;
	padding: 0 18px 0 18px;
	background: url("/common/images/icon_header_circle.gif") no-repeat 4px 0.3em;
	font-size: 110%;
	line-height: 1.4;
}

#contents #main h4.decoA4 {
	clear: both;
	margin-bottom: 0.6em;
	padding: 0 18px 0 18px;
	background: url("/common/images/icon_header_circle2.gif") no-repeat 4px 0.3em;
	font-size: 100%;
	line-height: 1.4;
}

#contents #main h2.decoA2_link {
	clear: both;
	margin-bottom: 1em;
	background-color: #F7F7F7;
	border-top: 3px solid #B6B2A7;
	border-bottom: 1px solid #B6B2A7;
	font-size: 120%;
	line-height: 1.4;
}

#contents #main h2.decoA2_link a {
	display: block;
	padding: 8px 18px 6px 18px;
	zoom: 1;
}

#contents #main h2.decoA2_link a:hover {
	background-color: #F3EFDD;
}

#contents #main h2.noItem,
#contents #main h2.noItem {
	margin-bottom: 1.5em;
}

#contents #main h2.decoB2 {
	clear: both;
	margin-bottom: 1.5em;
	padding: 6px 18px 6px 10px;
	border-left: 6px solid #B6B2A7;
	font-size: 120%;
	line-height: 1.4;
}

#contents #main h3.decoB3 {
	clear: both;
	margin-bottom: 0.6em;
	padding-left: 10px;
	border-left: 5px solid #B6B2A7;
	font-size: 110%;
	line-height: 1.4;
}

#contents #main h4.decoB4 {
	clear: both;
	margin-bottom: 0.6em;
	padding-left: 10px;
	border-left: 5px solid #B6B2A7;
	font-size: 100%;
	line-height: 1.4;
}

#contents #main h2.decoC2 {
	clear: both;
	margin-bottom: 1.5em;
	padding: 0 18px 6px 18px;
	border-bottom: 1px solid #B6B2A7;
	font-size: 120%;
	line-height: 1.4;
}

#popupBlock h1.decoD1 {
	margin: 0 15px 1em 15px;
	padding: 4px 20px 2px 10px;
	background-color: #F6F6F4;
	border-left: 6px solid #B7161C;
	font-size: 140%;
	line-height: 1.5;
}


/* 4: navi icon
==========================================================*/
/* navi text hover set */
a:hover.gotop,
a:hover.andmore,
a:hover.goindex {
	background-color: #F3EFDD;
}

/* gotop */
.gotop {
	display: block;
	margin-top: 1em;
	padding-left: 16px;
	background: url("/common/images/icon_arrow_top.gif") no-repeat left 0.4em;
}

/* andmore */
.andmore {
	display: block;
	margin-top: 1em;
	padding-left: 16px;
	background: url("/common/images/icon_arrow_more.gif") no-repeat left 0.4em;
}

/* go index */
.goindex {
	display: block;
	margin-top: 1em;
	padding-left: 16px;
	background: url("/common/images/icon_arrow_index.gif") no-repeat left 0.4em;
}

/* file icon */
img.fileIcon {
	padding-left: 4px;
	vertical-align: middle;
}

html>/**/body img.fileIcon { margin-bottom: 0.2em; /*\**/: blue\9; } /* IE8 */
html>/**/body img.fileIcon, x:-moz-any-link{ margin-bottom: 0.2em; } /* Firefox2, 3 */


/* 5: layout part
==========================================================*/
#contents .floatleft { float: left; }
#contents .floatright { float: right; }

#container .textleft,
#popupBlock .textleft { text-align: left; }
#container .textright,
#popupBlock .textright { text-align: right; }
#container .textcenter,
#popupBlock .textcenter { text-align: center; }


/* 6: box layout
==========================================================*/

/* common
----------------------------------------------------------*/

/* image float */
#contents #main .thumb {
	float: left;
	margin: 0 20px 20px 0;
	clear: both;
}

#contents #main .listNone {
	list-style: none;
}


/* attention
----------------------------------------------------------*/
#contents #main .attention {
	margin-bottom: 1em;
	padding: 10px 0 5px 15px;
	color: #333333;
	font-size: 90%;
	line-height: 110%;
}

#contents #main .attention ul {
	margin-left: 0;
	list-style: none;
}

#contents #main .attention li {
	margin-bottom: 5px;
}

/* relatedLink
----------------------------------------------------------*/
#contents #main .relatedLink {
	width: 768px;
	margin-bottom: 1em;
	border: 1px solid #B6B2A7;
}

* html #contents #main .relatedLink { width: 770px; }/* IE6 */

#contents #main .relatedLink .h3bg {
	padding: 5px 18px;
	background-color: #F7F7F7;
	border-bottom: 1px solid #B6B2A7;
}

#contents #main .relatedLink h3 {
	margin-bottom: 0;
}

#contents #main .relatedLink .linkInner {
	padding: 10px 15px;
}

/* writing
----------------------------------------------------------*/
#contents #main .writing {
	width: 768px;
	margin-bottom: 1em;
	border: 1px solid #B6B2A7;
}

* html #contents #main .writing { width: 770px; }/* IE6 */

#contents #main .writing .h3bg {
	padding: 5px 18px 6px 18px;
	background-color: #F7F7F7;
	border-bottom: 1px solid #B6B2A7;
}

#contents #main .writing h3 {
	margin-bottom: 0;
}

#contents #main .writing .linkInner {
	padding: 10px 15px;
}


/* common singleBlock,basicBlock
----------------------------------------------------------*/
#contents #main .singleBlock .andmore,
#contents #main .basicBlock .andmore,
#contents #main .sortBlock .andmore {
	margin: 0;
}

#contents #main .singleBlock .marginB20,
#contents #main .basicBlock .marginB20 {
	margin-bottom: 2em;
}

#contents #main .singleBlock .margin0,
#contents #main .basicBlock .margin0 {
	margin: 0;
}

#contents #main .singleBlock li a:hover,
#contents #main .basicBlock li a:hover {
	background-color: #F3EFDD;
}

#contents #main .singleBlock .boxInner,
#contents #main .basicBlock .boxInner {
	margin-left: 15px;
}

#contents #main .singleBlock .writeDate,
#contents #main .basicBlock .boxInnerCenter .writeDate {
	margin-bottom: 0;
	line-height: 1.2;
	text-align: right;
}

#contents #main .singleBlock .writeAdmin,
#contents #main .basicBlock .boxInnerCenter .writeAdmin {
	line-height: 1.2;
	text-align: right;
}

/* singleBlock
----------------------------------------------------------*/
#contents #main .singleBlock {
	width: 755px;
	margin-left: 15px;
	padding-bottom: 1em;
}

#contents #main .singleBlock .clmBlock {
	width: 754px;
	padding-bottom: 1em;
}

#contents #main .singleBlock .clmBox1 {
	float: left;
	display: inline;
	width: 370px;
	margin-right: 14px;
}

#contents #main .singleBlock .clmBox2 {
	float: left;
	width: 370px;
}

#contents #main .singleBlock ul,
#contents #main .singleBlock ol,
#contents #main .singleBlock p {
	margin-bottom: 1em;
}

/* iconList */
#contents #main .singleBlock .clmBox2 .iconList {
	margin-left: 0;
}

#contents #main .singleBlock ul.iconList {
	margin-left: 15px;
	list-style: none;
}

#contents #main .singleBlock .iconList li {
	padding: 0.2em 0;
	line-height: 1.4;
}

#contents #main .singleBlock .iconList dl {
}

#contents #main .singleBlock .iconList dt {
	float: left;
	width: 70px;
}

* html #contents #main .singleBlock .iconList dt img,
*:first-child+html #contents #main .singleBlock .iconList dt img {/* IE6,7 */
	display: block; width: 70px; margin-top: 0.1em;
}

html>/**/body #contents #main .singleBlock .iconList dt img { display: block; width: 70px; /*\**/: blue\9; }/* IE8 */

#contents #main .singleBlock .iconList dd {
	margin: 0 0 0 80px;
}

/* basicBlock
----------------------------------------------------------*/
#contents #main .basicBlock {
	width: 770px;
	padding-bottom: 1em;
}

#contents #main .basicBlock .boxInner ul,
#contents #main .basicBlock .boxInner ol,
#contents #main .basicBlock .boxInner p,
#contents #main .basicBlock .boxInnerCenter p {
	margin-bottom: 1em;
}

#contents #main .basicBlock .clm2Box1 {
	float: left;
	display: inline;
	width: 378px;
	margin-right: 14px;
}

#contents #main .basicBlock .clm2Box2 {
	float: left;
	width: 378px;
}

#contents #main .basicBlock .boxInnerCenter {
	width: 740px;
	margin: 0 15px;
}

*html #contents #main .basicBlock .boxInnerCenter table {/* IE6 */
	width: 705px;
}


/* topicBlock
----------------------------------------------------------*/
#contents #main .topicBlock {
	width: 768px;
	margin-bottom: 1em;
	border: 1px solid #8C887E;
}

* html #contents #main .topicBlock { width: 770px; }/* IE6 */

#contents #main .topicBlock h2 {
	border-bottom: 1px solid #BAB8B2;
}

#contents #main .topicBlock ul {
	margin: 10px 0 10px 15px;
}

#contents #main .topicBlock li {
	margin: 0 20px 0 20px;
	padding: 0.2em 0;
	line-height: 1.4;
}

#contents #main .topicBlock .andmore {
	margin: 0 10px 0.5em 0;
}

/* photoBlock
----------------------------------------------------------*/

#contents #main .singleBlock .photoBlock {
	width: 755px;
	padding-bottom: 1em;
}

#contents #main .singleBlock .photoBlock .photoBox a,
#contents #main .singleBlock .photoBlock .photoBox a:hover span,
#contents #main .singleBlock .photoBlock .photoBox a:visited span,
#contents #main .singleBlock .photoBlock .photoBox170px a,
#contents #main .singleBlock .photoBlock .photoBox170px a:hover span,
#contents #main .singleBlock .photoBlock .photoBox170px a:visited span
#contents #main .singleBlock .photoBlock .photoBox235px a,
#contents #main .singleBlock .photoBlock .photoBox235px a:hover span,
#contents #main .singleBlock .photoBlock .photoBox235px a:visited span {
	text-decoration: none;
}

#contents #main .singleBlock .photoBlock .photoBox img.photoLine,
#contents #main .singleBlock .photoBlock .photoBox170px img.photoLine,
#contents #main .singleBlock .photoBlock .photoBox235px img.photoLine {
	margin-bottom: 0.2em;
	border: 1px solid #CCCCCC;
}

/* photoBox */
#contents #main .singleBlock .photoBlock .photoBox {
	float: left;
	display: inline;
	width: 172px;
	margin: 0 15px 1em 0;
	font-size: 90%;
	line-height: 1.2;
}

#contents #main .singleBlock .photoBlock .photoBox span {
	display: block;
	width: 170px;
	height: 110px;
	margin-bottom: 0.2em;
}

/* photoBox170px */
#contents #main .singleBlock .photoBlock .photoBox170 {
	float: left;
	display: inline;
	width: 172px;
	margin: 0 15px 1em 0;
	font-size: 90%;
	line-height: 1.2;
}

#contents #main .singleBlock .photoBlock .photoBox170 span {
	display: block;
	width: 170px;
	margin-bottom: 0.2em;
}

/* photoBox230 */
#contents #main .singleBlock .photoBlock .photoBox230 {
	float: left;
	display: inline;
	width: 232px;
	margin: 0 16px 1em 0;
	font-size: 90%;
	line-height: 1.2;
}

#contents #main .singleBlock .photoBlock .photoBox230 span {
	display: block;
	width: 230px;
	margin-bottom: 0.2em;
}


/* 7: table
==========================================================*/
#contents #main table.basic a:hover,
#contents #main table.layout a:hover {
	background-color: #F3EFDD;
}

#contents #main table.basic caption,
#contents #main table.layout caption,
#contents #main table.table1a caption,
#contents #main table.table1b caption,


#contents #main table.table2a caption,
#contents #main table.table2b caption,
#contents #main table.table3a caption,
#contents #main table.table3b caption,
#contents #main table.table4a caption,
#contents #main table.table4b caption,
#contents #main table.table5 caption {
	padding: 0 10px 0.2em 10px;
	font-weight: bold;
	text-align: left;
}

/* basic table
----------------------------------------------------------*/
#contents #main table.basic {
	width: 100%;
	margin-bottom: 1em;
	font-size: 100%;
	line-height: 1.4;
}

#contents #main table.basic th,
#contents #main table.basic td {
	padding: 6px 10px;
	border: 1px solid #CCCCCC;
	text-align: left;
	vertical-align: middle;
}

#contents #main table.basic th {
	background-color: #F6F5F2;
	font-weight: normal;
}

#contents #main table.basic td {
	background: #FFFFFF;
}

#contents #main table.basic ul {
	margin-bottom: 0;
}

/* layout table
----------------------------------------------------------*/
#contents #main table.layout {
	width: 730px;
	margin: 0 0 1em 25px;
	border: none;
	font-size: 100%;
	line-height: 1.4;
}

#contents #main table.layout th,
#contents #main table.layout td {
	padding: 2px 10px;
	border: none;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}

/* template part
----------------------------------------------------------*/
#contents #main table.table1a,
#contents #main table.table1b,
#contents #main table.table2a,
#contents #main table.table2b,
#contents #main table.table3a,
#contents #main table.table3b,
#contents #main table.table4a,
#contents #main table.table4b,
#contents #main table.table5 {
	width: 755px;
	margin-bottom: 1em;
	font-size: 100%;
	line-height: 1.4;
	text-align: left;
}

/* 20120216 */
#contents #main table.tdR td {
	text-align: right!important;
}

/* 20120315 */
#contents #main table.tdC td {
	text-align: center!important;
}

/* 20120510 */
#contents #main table.tdR th {
	text-align: center!important;
}
#contents #main table.tdC th {
	text-align: center!important;
}

#contents #main .clmBlock table.table1a,
#contents #main .clmBlock table.table1b,
#contents #main .clmBlock table.table2a,
#contents #main .clmBlock table.table2b,
#contents #main .clmBlock table.table3a,
#contents #main .clmBlock table.table3b,
#contents #main .clmBlock table.table4a,
#contents #main .clmBlock table.table4b,
#contents #main .clmBlock table.table5 {
	width: 370px;
}

#contents #main table.table1a th,
#contents #main table.table1a td,
#contents #main table.table1b th,
#contents #main table.table1b td,
#contents #main table.table2a th,
#contents #main table.table2a td,
#contents #main table.table2b th,
#contents #main table.table2b td,
#contents #main table.table3a th,
#contents #main table.table3a td,
#contents #main table.table3b th,
#contents #main table.table3b td,
#contents #main table.table4a th,
#contents #main table.table4a td,
#contents #main table.table4b th,
#contents #main table.table4b td {
	padding: 6px 10px;
	border: 1px solid #CCCCCC;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}

#contents #main table.table5 th,
#contents #main table.table5 td {
	padding: 2px 10px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}

/* table1a */
#contents #main table.table1a { border: 1px solid #CCCCCC; }
#contents #main table.table1a th { background-color: #F2F0E4; }
#contents #main table.table1a thead th { background-color: #E6E2CD; }
#contents #main table.table1a a:hover { background-color: #FCFBF8; }

/* table1b */
#contents #main table.table1b { border: 1px solid #CCCCCC; }
#contents #main table.table1b th { background-color: #F0F0F0; }
#contents #main table.table1b thead th { background-color: #DDDDDD; }
#contents #main table.table1b a:hover { background-color: #F9F9F9; }

/* table2a */
#contents #main table.table2a { border: 1px solid #CCCCCC; }
#contents #main table.table2a th { background-color: #F2F0E4; }
#contents #main table.table2a a:hover { background-color: #FCFBF8; }

/* table2b */
#contents #main table.table2b { border: 1px solid #CCCCCC; }
#contents #main table.table2b th { background-color: #F0F0F0; }
#contents #main table.table2b a:hover { background-color: #F9F9F9; }

/* table3a */
#contents #main table.table3a { border: 1px solid #CCCCCC; }
#contents #main table.table3a th { width: 25%; background-color: #F2F0E4;}
#contents #main table.table3a a:hover { background-color: #FCFBF8; }

/* table3b */
#contents #main table.table3b { border: 1px solid #CCCCCC; }
#contents #main table.table3b th { width: 25%; background-color: #F0F0F0; }
#contents #main table.table3b a:hover { background-color: #F9F9F9; }

/* table4a */
#contents #main table.table4a { border: 1px solid #FFFFFF; }
#contents #main table.table4a th { background-color: #E6E2CD; border: 1px solid #FFFFFF; }
#contents #main table.table4a td { background-color: #F2F0E4; border: 1px solid #FFFFFF; }
#contents #main table.table4a a:hover { background-color: #FCFBF8; }

/* table4b */
#contents #main table.table4b { border: 1px solid #FFFFFFF; }
#contents #main table.table4b th { background-color: #DDDDDD; border: 1px solid #FFFFFF; }
#contents #main table.table4b td { background-color: #F0F0F0; border: 1px solid #FFFFFF; }
#contents #main table.table4b a:hover { background-color: #F9F9F9; }

/* table5 */
#contents #main table.table5 { border: none; }
#contents #main table.table5 th,
#contents #main table.table5 td { border: none; }
#contents #main table.table5 td p { margin-bottom: 0; }
#contents #main table.table5 td p.marginB1 { margin-bottom: 1em; }

/* arrow icon */
#contents #main table.arrowIcon td {
	padding-left: 20px;
	background: url("/common/images/icon_arrow_list.gif") no-repeat 10px 0.5em;
}


/* 8: list
==========================================================*/

/* basic list
----------------------------------------------------------*/
#contents #main ul.basicList,
#contents #main ol.basicList {
	margin-bottom: 1em;
}

#contents #main ul.basicList li,
#contents #main ol.basicList li {
	margin: 0.2em 0;
}

/* list parts (5type)
----------------------------------------------------------*/
#contents #main ul.arrowList,
#contents #main ul.arrow2List,
#contents #main ol.numberList,
#contents #main ul.layoutList {
	margin: 0 0 1em 10px;
}

#contents #main ul.arrowList li,
#contents #main ol.arrowList li {
	padding-left: 12px;
	background: url("/common/images/icon_arrow_list.gif") no-repeat 3px 0.4em;
	list-style: none;
}

#contents #main ul.arrow2List li,
#contents #main ol.arrow2List li {
	padding-left: 12px;
	background: url("/common/images/icon_arrow2_list.gif") no-repeat left 0.4em;
	list-style: none;
}

#contents #main ol.numberList li {
	padding-left: 18px;
	list-style: none;
}

#contents #main ol.numberList li.no1 { background: url("/common/images/icon_no_list01.gif") no-repeat left 0.2em; }
#contents #main ol.numberList li.no2 { background: url("/common/images/icon_no_list02.gif") no-repeat left 0.2em; }
#contents #main ol.numberList li.no3 { background: url("/common/images/icon_no_list03.gif") no-repeat left 0.2em; }
#contents #main ol.numberList li.no4 { background: url("/common/images/icon_no_list04.gif") no-repeat left 0.2em; }
#contents #main ol.numberList li.no5 { background: url("/common/images/icon_no_list05.gif") no-repeat left 0.2em; }
#contents #main ol.numberList li.no6 { background: url("/common/images/icon_no_list06.gif") no-repeat left 0.2em; }
#contents #main ol.numberList li.no7 { background: url("/common/images/icon_no_list07.gif") no-repeat left 0.2em; }
#contents #main ol.numberList li.no8 { background: url("/common/images/icon_no_list08.gif") no-repeat left 0.2em; }
#contents #main ol.numberList li.no9 { background: url("/common/images/icon_no_list09.gif") no-repeat left 0.2em; }
#contents #main ol.numberList li.no10 { background: url("/common/images/icon_no_list10.gif") no-repeat left 0.2em; }
#contents #main ol.numberList li.no11 { background: url("/common/images/icon_no_list11.gif") no-repeat left 0.2em; }
#contents #main ol.numberList li.no12 { background: url("/common/images/icon_no_list12.gif") no-repeat left 0.2em; }
#contents #main ol.numberList li.no13 { background: url("/common/images/icon_no_list13.gif") no-repeat left 0.2em; }
#contents #main ol.numberList li.no14 { background: url("/common/images/icon_no_list14.gif") no-repeat left 0.2em; }
#contents #main ol.numberList li.no15 { background: url("/common/images/icon_no_list15.gif") no-repeat left 0.2em; }
#contents #main ol.numberList li.no16 { background: url("/common/images/icon_no_list16.gif") no-repeat left 0.2em; }
#contents #main ol.numberList li.no17 { background: url("/common/images/icon_no_list17.gif") no-repeat left 0.2em; }
#contents #main ol.numberList li.no18 { background: url("/common/images/icon_no_list18.gif") no-repeat left 0.2em; }
#contents #main ol.numberList li.no19 { background: url("/common/images/icon_no_list19.gif") no-repeat left 0.2em; }
#contents #main ol.numberList li.no20 { background: url("/common/images/icon_no_list20.gif") no-repeat left 0.2em; }

#contents #main ul.arrowList li li,
#contents #main ol.arrowList li li,
#contents #main ul.arrow2List li li,
#contents #main ol.arrow2List li li,
#contents #main ol.numberList li li {
	padding-left: 0;
	background: none;
	list-style: circle;
}

#contents #main ul.layoutList li,
#contents #main ol.layoutList li {
	margin: 0.2em 0;
	list-style: none;
}

#contents #main ul.arrowList li ol li,
#contents #main ul.arrow2List li ol li{
	padding-left: 0;
	background: none;
	list-style-type: decimal;
}

/* List parts
----------------------------------------------------------*/
#contents #main ul.defineList {
	margin: 10px 0;
}

#contents #main .defineList li {
	display: block;
	margin: 0 0 0 15px;
	padding: 0.2em 0 0.2em 12px;
	background: url("/common/images/icon_dotted_list.gif") no-repeat left 0.7em;
	line-height: 1.4;
	list-style: none;
}

#contents #main .defineList dl {}

#contents #main .defineList dt {
	float: left;
	width: 12em;
}

#contents #main .defineList dd {
	margin: 0 0 0 13em;
}

#contents #main .defineList dd a:hover {
	background-color: #F3EFDD;
}

/* Frame parts
----------------------------------------------------------*/
* html #contents #main .flameLine1,
* html #contents #main .flameLine2,
* html #contents #main .flameLine3,
* html #contents #main .flameLine4,
* html #contents #main .flameLine5 {
	width: 755px;
}/* IE6 */

/* flameLine 1 */
#contents #main .flameLine1 {
	width: 717px;
	margin-bottom: 1em;
	padding: 10px 15px;
	border: 4px solid #B6B2A7;
}

/* flameLine 2 */
#contents #main .flameLine2 {
	width: 723px;
	margin-bottom: 1em;
	padding: 10px 15px;
	border: 1px solid #B6B2A7;
}

/* flameLine 3 */
#contents #main .flameLine3 {
	width: 753px;
	margin-bottom: 1em;
	border: 1px solid #B6B2A7;
}

#contents #main .flameLine3 .h3bg {
	padding: 5px 18px 6px 18px;
	background-color: #F7F7F7;
	border-bottom: 1px solid #B6B2A7;
}

#contents #main .flameLine3 h3 {
	margin-bottom: 0;
}

#contents #main .flameLine3 .flameInner {
	padding: 10px 15px;
}

/* flameLine 4 */
#contents #main .flameLine4 {
	width: 723px;
	margin-bottom: 1em;
	padding: 10px 15px;
	background-color: #F0F0F0;
	border: 1px solid #CCCCCC;
}

/* flameLine 5 */
#contents #main .flameLine5 {
	width: 725px;
	margin-bottom: 1em;
	padding: 10px 15px;
	background-color: #F0F0F0;
}


/* 9: sort menu
==========================================================*/

/* commons
----------------------------------------------------------*/
#contents #main .sortBlock {
	margin: 0.5em 0 1.5em 0;
}

#contents #main .sortMonthly li.sortIcon,
#contents #main .sortField li.sortIcon {
	background: url("/common/images/sort_arrow.gif") no-repeat center bottom;
}

#contents #main .sortMonthly ul,
#contents #main .sortField ul {
	margin-left: 8px;
	list-style: none;
}

#contents #main .sortMonthlyView ul,
#contents #main .sortFieldView ul {
	margin-left: 8px;
	padding: 7px 0;
	list-style: none;
}

#contents #main .sortLink {
	margin: 0 0 0.5em 0;
}

#contents #main .sortMonthly li a:hover,
#contents #main .sortField li a:hover,
#contents #main .sortMonthlyView li a:hover,
#contents #main .sortFieldView li a:hover {
	background: none;
}

/* sortMonthly
----------------------------------------------------------*/
#contents #main .sortMonthly {
	width: 770px;
	height: 91px;
	background: url("/common/images/sort_bg_monthly.gif") no-repeat top left;
}

#contents #main .sortMonthly p {
	height: 14px;
	padding: 8px 0 8px 25px;
}

*html #contents #main .sortMonthly p {/* IE6 */
	height: 30px;
	font-size: 1%;
}

#contents #main .sortMonthly li {
	float: left;
	width: 61px;
	height: 41px;
	margin-right: 2px;
	padding-bottom: 20px;
}

/* sortField
----------------------------------------------------------*/
#contents #main .sortField {
	width: 770px;
	height: 91px;
	background: url("/common/images/sort_bg_field.gif") no-repeat top left;
}

#contents #main .sortField p {
	height: 15px;
	padding: 8px 0 7px 16px;
}

*html #contents #main .sortField p {/* IE6 */
	height: 30px;
	font-size: 1%;
}

#contents #main .sortField li {
	float: left;
	width: 56px;
	height: 41px;
	margin-right: 2px;
	padding-bottom: 20px;
}

/* sortMonthlyView
----------------------------------------------------------*/
#contents #main .sortMonthlyView {
	width: 770px;
	height: 55px;
	margin-bottom: 1em;
	background: url("/common/images/sort_bg_monthlyview.gif") no-repeat top left;
}

#contents #main .sortMonthlyView li {
	float: left;
	width: 61px;
	height: 41px;
	margin-right: 2px;
}

/* sortFieldView
----------------------------------------------------------*/
#contents #main .sortFieldView {
	width: 770px;
	height: 55px;
	margin-bottom: 1em;
	background: url("/common/images/sort_bg_fieldview.gif") no-repeat top left;
}

#contents #main .sortFieldView li {
	float: left;
	width: 56px;
	height: 41px;
	margin-right: 2px;
}


/* 10: template part
==========================================================*/

/* anchor navigation
----------------------------------------------------------*/
#contents #main .anchorNavi {
	margin-bottom: 1.5em;
	padding: 8px 10px;
	background-color: #EFEEEB;
}

#contents #main .anchorNavi p {
	display: inline;
	margin-bottom: 0;
}

*html #contents #main .anchorNavi p {/* IE6 */
	display: inline;
}

#contents #main .anchorNavi a:hover {
	background-color: #FCFBF8;
}

/* pagination
----------------------------------------------------------*/
#contents #main .pagination {
	width: 755px;
	padding-bottom: 1.5em;
}

#contents #main .pagination p {
	margin-bottom: 0;
}

#contents #main .pagination .prev {
	display: inline-block;
	float: left;
}

#contents #main .pagination .next {
	display: inline-block;
	float: right;
}

#contents #main .pagination a:hover {
	background-color: #F3EFDD;
}

*html #contents #main .pagination .prev,
*html #contents #main .pagination .next,
*:first-child+html #main .pagination .prev,
*:first-child+html #main .pagination .next {
	display: inline;
	zoom: 1;
} /* IE6,7 */


/* text flow around figures
----------------------------------------------------------*/
#contents #main .singleBlock .imgtxtBlockL img { margin: 0 10px 10px 0; }
#contents #main .singleBlock .imgtxtBlockR img { margin: 0 0 10px 10px; }
#contents #main .singleBlock .imgtxtBlock .textcenter img { margin-bottom: 10px; }

#contents #main .singleBlock .imgtxtBlockL ul,
#contents #main .singleBlock .imgtxtBlockL ol,
#contents #main .singleBlock .imgtxtBlockR ul,
#contents #main .singleBlock .imgtxtBlockR ol { margin-left: 0; }

/* get Plug-in Block */
#contents #main .getPlugin {
	width: 723px;
	margin-bottom: 1em;
	padding: 10px 15px;
	background-color: #F0F0F0;
	border: 1px solid #B6B2A7;
}

* html #contents #main .getPlugin {
	width: 755px;
} /* IE6 */

#contents #main .getPlugin p {
	margin-bottom: 0;
}

#contents #main .getPlugin .pluginIcon {
	float: left;
	display: inline;
	width: 112px;
	margin-right: 10px;
}

#contents #main .getPlugin .pluginText {
	float: left;
	width: 601px;
}

/* xml icon area css ----------------------------------------------------------*/
ul#xml li{
 float: left;
 list-style:none;
}
ul#xml li.two{
 margin: 1px 0 0 0;
 padding-left: 10px;
 text-align: left;
}
img.xml{
 width: 2.4em;
 height: 1.1em;
_margin-top: 5px;
margin-top\9: 5px;
}
div#xml{
 width: 8em;
_width: 9em;
 height: 1em;
_margin-top: 0px;
 border: 1px solid #CCC;
 padding: 2px 4px 8px 15px;
_padding: 4px 4px 3px 15px;
 white-space:nowrap;
 background: url("/common/images/arrow.gif") no-repeat 0.4em 0.5em;
}
div#xml a{
 color: #1240a0;
 text-decoration:none;
}
div#xml a:hover{
 color: #900;
 text-decoration:none;
 background: none;
}

/* end of xml icon area ----------------------------------------------------------*/