@charset "utf-8";

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

				2-top-layout.css


				@published 2009/12/01
				@note 必ず該当するID以下に記述すること

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







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

				#container

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





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

				#header

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

#header .nav a{
	color: #000;
	text-decoration: none;
}

#header .nav a:hover {
	text-decoration: underline;
}


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

				#main

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

#main .column {
	position: relative;
}

#main .column .inner .contents .view-listings {
	position: absolute;
	top: 12px;
	right: 13px;
}

#main .column .item .description {
	font-size: 68%;
	line-height: 1.4;
	margin-bottom: 10px;
}

#main .column .item .detail {
	font-size: 65%;
}


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

				#watch-column

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

#webbook{
	height: 502px;
	}

#main #watch-column,
#main #about-column {
	width: 600px;
	float: left;
	display: inline;
}

#main #watch-column .column,
#main #about-column .column {
	background: url(../common/images/bg_w600_bottom.png) no-repeat 0 bottom;
	width: 600px;
	padding-bottom: 21px;
	margin-bottom: 15px;
}

#main #watch-column .inner,
#main #about-column .inner {
	background: url(../common/images/bg_w600_top.png) no-repeat 0 0;
	width: 600px;
	padding-top: 10px;
}

#main #watch-column .inner .contents,
#main #about-column .inner .contents {
	background: url(../common/images/bg_w600_contents.png) repeat-y 0 0;
	padding-left: 20px;
}

#main #watch-column .inner .contents .hl,
#main #about-column .inner .contents .hl {
	margin-bottom: 5px;
}

#main #watch-column .name {
	padding-bottom: 8px;
	border-bottom: 1px solid #000;
	margin-bottom: 7px;
	font-size: 80%;
	line-height: 1.2;
	display: block;
}

#main #recommend .list li {
	width: 175px;
	float: left;
	display: inline;
	margin-left: 18px;
}

#main #recommend .list li.first {
	margin-left: 0;
}

#main #recommend .item img {
	margin-bottom: 8px;
}

#main #original li {
	width: 378px;
	display: inline;
}

#main #original .item {
	margin-bottom: 10px;
}

#main #original .item .text-area {
	width: 378px;
	float: left;
	display: inline;
	margin-left: 10px;
}

#main #original .item img {

	float: left;
	display: inline;
}


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

				#sub-column

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

#main #sub-column,
#main #mobile-column,
#main #information-column {
	width: 340px;
	float: right;
	display: inline;
}

#main #sub-column .column,
#main #mobile-column .column,
#main #information-column {
	background: url(../common/images/bg_w340_bottom.png) no-repeat 0 bottom;
	width: 340px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#main #sub-column .inner,
#main #mobile-column .inner,
#main #information-column .inner {
	background: url(../common/images/bg_w340_top.png) no-repeat 0 0;
	width: 340px;
	padding-top: 10px;
}

#main #sub-column .inner .contents,
#main #mobile-column .inner .contents,
#main #information-column .inner .contents {
	background: url(../common/images/bg_w340_contents.png) repeat-y 0 0;
	padding-left: 20px;
}

#main #sub-column .inner .contents .hl {
	margin-bottom: 8px;
}

#main #news .list li {
	padding-top: 10px;
}

#main #news .list li.first {
	padding-top: 0;
}

#main #sub-column .column .item img {
	float: left;
	display: inline;
}

#main #sub-column .column .item .text-area {
	width: 244px;
	float: left;
	display: inline;
	margin-left: 8px;
}

#main #news .item .date {
	font-size: 80%;
}

#main #back-number .item .title {
	font-size: 77%;
	margin-bottom: 5px;
}

#main #sub-column .column .item .text-area-top {
	width: 244px;
	float: left;
	display: inline;
	margin-left: 8px;
	margin-top: 5px;
}

#main #mobile-column .inner .contents .text-area{
	width: 180px;
	float: left;
	display: inline;
	margin: 20px 10px 0 5px ;
}

#main #mobile-column .inner .contents .text-area img{
	margin-bottom: 10px;
}

#main #mobile-column .inner .contents .img-area{
	width: 98px;
	float: left;
	display: inline;
}


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

				#wide-column

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

#main #wide-column {
	clear: both;
	width: 950px;
	color: #A2A096;
}

#main #wide-column .column {
	background: url(../common/images/bg_w950_bottom.png) no-repeat 0 bottom;
	width: 950px;
	padding-bottom: 19px;
	margin-bottom: 15px;
}

#main #wide-column .inner {
	background: url(../common/images/bg_w950_top.png) no-repeat 0 0;
	width: 950px;
	padding-top: 10px;
}

#main #wide-column .inner .contents {
	background: url(../common/images/bg_w950_contents.png) repeat-y 0 0;
	padding-left: 20px;
}

#main #wide-column .inner .contents .hl-top {
	margin-bottom: 5px;
}

#main #wide-column .list-top li {
	width: 133px;
	float: left;
	display: inline;
	padding-right: 12px;
	padding-left: 10px;
	border-left: 1px solid #000;
}

#main #wide-column .list-top li a {
	color: #000;
	text-decoration: underline;
}

#main #wide-column .list-top li.first {
	padding-left: 0;
	border-left: none;
}

#main #wide-column .item {
	padding-top: 4px;
}

#main #wide-column .item.first {
	padding-top: 0;
}

#main #wide-column .item .name {
	font-size: 68%;
}

#main #wide-column .item img {
	float: left;
	display: inline;
	margin-right: 5px;
}

#main #wide-column .item .text-area {
	width: 95px;
	float: left;
	display: inline;
}


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

				#about-column

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

#main #about-hayashi .item .img {
	float: left;
	display: inline;
}

#main #about-hayashi .item .text-area {
	width: 370px;
	float: left;
	display: inline;
	margin-left: 10px;
}

#main #about-hayashi .item .text-area p {
	width: 370px;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
}

#main #about-hayashi .item .list {
	width: 365px;
}

#main #about-hayashi .item .list li {
	float: left;
	display: inline;
	margin-bottom: 5px;
}

#main #about-hayashi .item .list li.li-2,
#main #about-hayashi .item .list li.li-5 {
	width: 115px;
}

#main #about-hayashi .item .list li.li-1,
#main #about-hayashi .item .list li.li-4 {
	width: 142px;
}

#main #about-hayashi .item .list li.li-3 {
	width: 108px;
	margin-right: 0;
}

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

				#information-column

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

#main #store-information .item .contact {
	width: 305px;
	padding-bottom: 7px;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}

#main #store-information .item .information {
	font-size: 80%;
	line-height: 1.4;
}



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

				#footer

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