/**********************************************
	/index.html
	専用CSS
**********************************************/

#block01 {
	background: url(../../haha_images/home_block1_bg.gif) repeat-y;	
}

.block01-ul{
	list-style-type: none;
	padding: 0 0 0 15px;
}

.block01-ul li {
	display: inline;
}

#block02 {
	background: url(../../haha_images/home_block2_bg.gif) repeat-y;
}

.scroll-td {
	background: #fff9f2;
	padding: 0;
}

#scroll-area {
	overflow: hidden;
}

.scroll-item {
	float: left;
	width: 178px;
}
.scroll-item-end {
	float: left;
	width: 158px;
}

.scroll-item-inner {
	width: 168px;
	background: url(../images/scroll_border.gif) repeat-y right;
}

#scroll-area h3 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 0.3em;
}

#scroll-area p {
	padding-right: 10px;
	font-size: 12px;
	margin-bottom: 0.3em;
}

.block2-2 {
	padding: 0 15px 10px 15px;
}

.block2-3 {
	width: 353px;
}

/* block03 */

#block03 { background: url(../../haha_images/home_block2_bg.gif) repeat-y; }

.block03-q1 { width:195px; }

.block03-cell-L1{
	padding-right:47px;
	background: url(../../enquete/images/enq_line_01.gif) repeat-y 218px 0px;
	}


/**
 * topPicture  Topics
 */
div#newsArea {
	margin-top:1px;
	text-align: left;
	width: 635px;
	overflow:hidden;
}

div#newsArea #topicArea {
	height:29px;
	background:url(../../haha_dat/images/topics_back.jpg) no-repeat bottom;
	padding-bottom:0px;
	text-align: left;
	padding-left:10px;
}


div#newsArea #topicArea #topicsImg {
	width:51px;
	text-align:left;
	margin:9px 0px 0px 0px;
}

div#newsArea #topicArea #newsDiv {
	width:550px;
	margin:8px 0px 0px 0px;
}

div#portfolio{
	padding: 0;
	margin:0;
/*	overflow:hidden;*/
	background-color:#F9F9F9;
	height:271px;
}

/**
 * carousel
 */
.jcarousel-container {
    position: relative;
	height:220px;
	background: #fff9f2;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	left:12px;
	*left:5px;
	height:210px;
	
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
	height:210px;

}

.jcarousel-item {
    float: left;
    list-style: none;
    width: 178px;
    height: 190px;
	text-align:left;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.scroll-item-inner {
	width: 168px;
	background: url(../images/scroll_border.gif) repeat-y right;
}

#mycarousel h3 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 0.1em;
	margin-top: 0.5em;
}

#mycarousel p {
	padding-right: 10px;
	font-size: 12px;
	margin-bottom: 0.1em;
	margin-top: 0.5em;
}