@charset "utf-8";

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


	Site Name   TOTO
	File Name   mod_scrollcontents.css

	Create Date 2010/09/21
	Update Date 2010/09/21


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

/**
 * Module
 */

.mod_scrollcontents {
	margin-top: 20px;
	width: 698px;
	border: 1px solid #b7e2d1;
	background: url(../images/mod_scrollcontents/mod_scrollcontnets_bg.gif) bottom left repeat-x;
}

	.mod_scrollcontents h2 {
		margin: 0;
		padding: 8px 17px;
		border-bottom: 1px solid #b7e2d1;
		font-size: 0;
	}

	.mod_scrollcontents .mod_scrollcontents_container {
		width: 100%;
		height: 190px;
		overflow: hidden;
		position: relative;
	}

		.mod_scrollcontents .mod_scrollcontents_container .mod_scrollcontents_nav_left {
			width: 23px;
			height: 160px;
			position: absolute;
			top: 15px;
			left: 0;
			z-index: 99;
		}

		.mod_scrollcontents .mod_scrollcontents_container .mod_scrollcontents_nav_right {
			width: 23px;
			height: 160px;
			position: absolute;
			top: 15px;
			right: 0;
			z-index: 99;
		}

		.mod_scrollcontents .mod_scrollcontents_container .mod_scrollcontents_main {
			padding: 0 23px 0 38px;
			position: absolute;
			top: 20px;
			left: 0;
		}

		.mod_scrollcontents .mod_scrollcontents_container .mod_scrollcontents_main .item {
			width: 140px;
			padding-right: 15px;
			float: left;
		}

			.mod_scrollcontents .mod_scrollcontents_container .mod_scrollcontents_main .item dl {
				margin: 0;
				padding: 0;
			}

				.mod_scrollcontents .mod_scrollcontents_container .mod_scrollcontents_main .item dl dt,
				.mod_scrollcontents .mod_scrollcontents_container .mod_scrollcontents_main .item dl dd {
					margin: 0;
					padding: 0;
				}

				.mod_scrollcontents .mod_scrollcontents_container .mod_scrollcontents_main .item dl dd.item_title {
					margin-top: 10px;
					font-size: 95%;
					line-height: 1.4;
					_width: 140px;
				}

					.mod_scrollcontents .mod_scrollcontents_container .mod_scrollcontents_main .item dl dd.item_title img {
						margin-left: 5px;
						vertical-align: middle;
					}

				.mod_scrollcontents .mod_scrollcontents_container .mod_scrollcontents_main .item dl dd.item_desc {
					margin-top: 10px;
					font-size: 80%;
					line-height: 1.3;
					_width: 140px;
				}

					.mod_scrollcontents .mod_scrollcontents_container .mod_scrollcontents_main .item dl dd.item_desc a {
						padding-left: 17px;
						display: block;
						background: transparent url(../images/mod_scrollcontents/mod_scrollcontents_link.gif) 0 0 no-repeat;
						text-decoration: none;
						color: #2197d1;
					}