@charset "utf-8";

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

CSS Information

 File name:      common.css
 Summary:        for common (layout,class)
 Last update:    2010-07-23

bgcolor: #ffffff
color1: #DBD9CC
color2: #A19E8E
border1: #BCB9A7
border2: #D4D2C5
================================================================ */

a:hover img {
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}

/* @group list */
.ListArrow4 {
	
}
.ListArrow4 li {
	margin-left: 3px;
	padding: 0 0 0 16px;
	margin-bottom: 0.32em;
	line-height: 1.2;
	background: url(../img/list/arrow4.png) no-repeat left 0.28em;
}


.ListThumnail {
	
}
.ListThumnail li {
	margin-bottom: 15px;
	padding: 0;
	list-style: none;
  zoom: 1;
}
.ListThumnail li:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .ListThumnail li             { zoom: 1; } /* IE6 */
*:first-child+html .ListThumnail li { zoom: 1; } /* IE7 */


ul.ListThumnail li a {
	padding: 0;
	background: none;
}

.ListThumnail li img {
	float: left;
	display: inline;
	margin-right: 7px;
}

a.LinkArrow1 {
	padding-left: 16px;
	background:url(../img/list/arrow5.png) no-repeat left center;
}


ul.ListBookThumnail {
	clear: both;
}
.Wrap ul.ListBookThumnail li {
	float: left;
	display: inline;
	margin-right: 2px;
	padding: 0;
	list-style: none;
	background: none;
}

.Wrap ul.ListBookThumnail li.Last {
	margin-right: 0px;
}
.Wrap ul.ListBookThumnail li a {
	display: inline-block;
	padding: 0;
}


.ListArrow2 {
	padding: 10px;
	border: 1px solid #C9C6B8;
}
.Section .ListArrow2 li {
	display: inline;
	float: left;
	margin: 0;
	margin-right: 12px;
	padding: 0;
	background: none;
}
.Section .ListArrow2 li a {
	display: inline;
	float: left;
	
	padding: 5px 0 5px 30px;
	background: url(../img/list/arrow2.png) no-repeat left center;
	color: #605A48;
	font-size: 1.14em;
}

.ListBtnBox {
	padding-top: 20px;
	text-align: center;
}

.Section .ListBtnBox li {
	display: inline;
	background: none;
}

/* @group .DlInfo */
.DlInfo {
	padding-top: 10px;
	line-height: 1.2;
}
.DlInfo dt {
	width: 90px;
	color:#960;
}
.DlInfo dd {
	margin-top: -1.2em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 110px;
	border-bottom: 1px dotted #ddd;
}

/* @end */


/* @group .DlDate */

.DlDate {
	padding-top: 5px;
	margin-left: 3px;
	line-height: 1.2;
}

.DlDate dt {
	width: 140px;
	color: #666699;
	font-size: 0.9em;
}

.DlDate dd {
	margin-top: -1.2em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 140px;
	border-bottom: 1px solid #D4D2C5;
}


/* @end */

/* @end */
/* @group Box */
.BorderBox {
	margin: 1em 0;
	padding: 1.2em;
	border: 3px solid #DBD9CC;
}

.BoxScroll {
	overflow: auto;
	padding: 10px 20px;
	height: 300px;
	background-color: #fff;
}
/* @end */

/* @group .BreadCrumbs */

.BreadCrumbs {
	line-height: 1;
	padding-top: 4px;
	margin-bottom: 25px;
	background-image: url(../img/bg_check.png);
}

.BreadCrumbs dl {
	display: block;
	background-color: #EFEFEF;
}
.BreadCrumbs dl:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .BreadCrumbs dl             { zoom: 1; } /* IE6 */
*:first-child+html .BreadCrumbs dl { zoom: 1; } /* IE7 */

.BreadCrumbs dt {
    display: none;
}
.BreadCrumbs dd {
    float: left;
    padding: 8px;
}

.BreadCrumbs dd ol {
    overflow: hidden;
    padding-left: 5px;
}

.BreadCrumbs dd ol li {
    display: inline;
    padding-left: 0px;
    padding-right: 15px;
    background: url(../img/list/topicpath.gif) no-repeat right center;
    font-size: 99%;
}

.BreadCrumbs dd ol li.Last {
    padding-right: 0;
    background: none;
}

.BreadCrumbs dd ol li.Home {
    
}

/* @end */


/* @group .Popup */
#mask {
		position:absolute;
		left:0; top:0;
		z-index:9000;
		background-color:#000;
		display:none;
}
 
.Popup {
	display: none;
	position: absolute;
	width: 800px;
	top: 50px;
	left: 40px;
	z-index:9999;
}

.Popup .Wrap {
	position:relative;
	padding: 10px;
	border: 5px solid #DAD8CC;
	background-color: #fff;
	-moz-box-shadow:1px 1px 8px #999;
 	-webkit-box-shadow:1px 1px 8px #999;

}

a.LinkClose {
	position: absolute;
	top: 15px; right: 15px;
}

.Popup .ListArrow2 {
	padding: 10px 0 0 5px;
	border: 0;
	border-bottom: 1px solid #C9C6B8;
}
.Popup .ListArrow2 li {
	display: inline;
	float: left;
	margin: 0 10px 0 0; padding: 0 0 0 0;
	background: none;
}

.Popup .ListArrow2 li a {
	display: block;
	padding: 10px 30px 10px 40px;
	background: url(../img/list/arrow2.png) no-repeat 10px center;
	background-color: #EBE9E1;
	border: 1px solid #fff;
	border-bottom:0;
	color: #605A48;
	font-size: 1.14em;
}

.Popup .ListArrow2 li a:hover,
.Popup .ListArrow2 li.Current a {
	margin-bottom: -1px;
	border: 1px solid #C9C6B8;
	border-bottom: 1px solid #fff;
	background-color: #fff;
	color: #000;
	text-decoration: none;
}
.Popup .ListArrow2 li a:hover {
	margin-bottom: 0;
	border-bottom: 0;
}

.Tab {
	padding: 30px 20px 20px 20px;
}
.Tab h2 {
	margin-bottom: 1em;
	color: #333;
	font-size: 1.4em;
}

.Tab ul {
	
}

.Tab ul li{
	padding: 0 0 0 16px;
	margin-bottom: 0.9em;
	line-height: 1.4;
	background: url(../img/list/arrow4.png) no-repeat left 0.28em;
	list-style:none;
}

.Tab dl.BorderBox {
	margin: 1em 0;
	padding: 16px 10px;
	border: 1px solid #DAD8CC;
}

.Tab dl.BorderBox dt {
	display: inline;
	float: left;
	margin-right: 3em;
}

.Tab dl.BorderBox dd {
	display: inline;
	float: left;
	line-height: 1.6;
}

.Tab p {
	line-height: 1.6;
}


.TextTag {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 8px;
	padding: 2px 5px 4px 5px;
	color: #666;
	background-color: #CECCBE;
	
}
.TextTag a {
	color: #666;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 1.2;
}

/* @end */


/* @group .PageNation */

.PageNation {
	padding:5px 0;
	text-align:right;
}

.PageNation span.pages {
	display:inline-block;
	margin:0 1px;
	padding:4px 4px 4px 5px;
	font-size:0.9em;
	font-weight:bold;
	line-height:16px;
	overflow:hidden;
	background: #d1dbdd none repeat scroll 0 0;
	color: #336699;
	text-align:center;
}
.PageNation span.current, .PageNation a {
	display:inline-block;
	margin:0 1px;
	padding:4px 4px 4px 5px;
	font-size:0.9em;
	line-height:16px;
	overflow:hidden;
	background:none repeat scroll 0 0 #CDDADF;
	text-align:center;
}
.PageNation span.current, .PageNation a:hover {
	background:none repeat scroll 0 0 #336699;
	color:#FFFFFF;
	text-decoration:none;
}

a.LinkPreviousposts{
	display: inline;
	float: left;
	margin-bottom: 10px;
}
a.LinkNextposts{
	display: inline;
	float: right;
}

.PageNationTop {
	margin-bottom: 20px;
	padding-bottom: 8px;
	border-bottom: 1px solid #BCB9A7;
}
.PageNationBottom {
	margin-top: -15px;
}

/* @end */