@charset "euc-jp";
/* CSS Document */

/*トピックス*/

.dtk-carousel {
    height:170px;
	width:432px; _width:432px;
    position:relative /* keep for child element positioning*/;
	background:url(http://i.yimg.jp/images/present/prst_smpl/top/ysample_top_newtitle.gif) no-repeat top left;
}

.dtk-carousel a.prev span, .dtk-carousel a.next span { display:none; }

.dtk-carousel a.prev, .dtk-carousel a.next { 
    position:absolute; /* note that these controls are positioned absolutely to allow each property the most flexibility in positioning */
    top:9px; right:45px;    /* this is the absolute positioned coords */
    width:31px; height:22px;    /* this is the width of the buttons */
    background:url(http://i.yimg.jp/images/present/prst_smpl/top/carousel_nav.gif) no-repeat;
    overflow:hidden; display:inline;
    cursor:pointer; cursor:pointer;
}

.dtk-carousel a.next {
    right:15px; /* this is the absolute positioning of the next button */
    width:30px; /* this is the width of the next control */
    background-position:-30px 0px; /* this is the offset to display the proper sprite image */
}

a.off {
cursor:default !important;
filter:alpha(opacity=60);
-moz-opacity:.6;
opacity:.6;
}

.dtk-carousel .scrollnav { 
    position:absolute; /* note that these controls are positioned absolutely to allow each property the most flexibility in positioning */
    top:15px; right:85px; /* this is the absolute positioned coords of where to place the page indicator dots */
    list-style-type:none; 
}

.dtk-carousel .scrollnav a {
    float:left; overflow:hidden; 
    background:transparent url(http://i.yimg.jp/images/present/prst_smpl/top/carousel_nav.gif) no-repeat -11px -23px;
    display:block; width:9px; height:9px; /* display these anchors as blocks of this width and height */
    margin:0 1px; padding:0;
    text-indent:-100px; 
				cursor:pointer;
}
.dtk-carousel .scrollnav a.current {
    background-position:0 -23px; /* change the offset for the current page to display the correct sprite image */
    cursor:default;
}
.dtk-carousel .ft {
    float:right;
}

.dtk-carousel div.scrollbody { 
	width:410px; _width:410px;
    float:left; display:inline;
    height:125px;
    margin:0 0 0 13px;
    overflow:hidden;
}

html:\66irst-child .dtk-carousel div.scrollbody { 
    margin-top:0px;
    overflow:hidden;
}

.dtk-carousel div.scrollpages {
    width:1000em; /* up this value if scrollable content is very wide - netscape 8.1+ limits the scalar value to 4 digits, so use em instead of px for larger widths */
    list-style-type:none;
    margin:0;
    padding-right:6px;
	overflow:hidden;
}

/* we target these .dtk-list and .dtk-item class names in order to allow the content to also contain lists and list items without picking up these styles */
ul.dtk-list, .scrollpage {
    float:left; 								
/*width:614px;*/
    display:inline; }
	
ul.dtk-list li.dtk-item { 
    float:left; 
	width:90px; _width:90px;
    display:inline; overflow:visible;
	margin-right:15px;
}
ul.dtk-list li.dtk-item img { 
    float:left;
	border:1px solid #cbc9c9;
}
ul.dtk-list li.dtk-item p { 
    line-height:1.1em;
	clear:both;
	padding-top:4px;
}

.scrollpage ol { margin-left:0px; padding:0px; }
ul.dtk-list li.dtk-item div { margin-left:0px; padding:0px;}
ul.dtk-list li.dtk-item .img_wrapper { height:80px;}
ul.dtk-list li.dtk-item h3 { font-size:100%; }

/* clearfix */
.dtk-carousel:after, .dtk-carousel .scrollpages:after, .dtk-carousel h2:after, .dtk-carousel ul.scrollnav:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
.dtk-carousel, .dtk-carousel .scrollpages, .dtk-carousel h2, .dtk-carousel ul.scrollnav { zoom:1; } /* IE */


/* 追加*/
.ysample_top_topicwr{
	width:432px;
	height:200px;
	background:url(http://i.yimg.jp/images/present/prst_smpl/top/ysample_top_newbg.gif) top left repeat-y;
	padding:0px 0px;
	margin:0 auto;
}
.ysample_top_newfoot{
	height:3px;
	background:url(http://i.yimg.jp/images/present/prst_smpl/top/ysample_top_newfoot.gif) top left no-repeat;
	font-size:0;
	overflow:hidden;
	margin-bottom:10px;
}
.ysample_top_topicwr p.shinchaku{
	background:url(http://i.yimg.jp/images/present/prst_smpl/cmn/ysample_arrow01.gif) no-repeat 0 10px;
	padding:10px 15px 0px 19px;
	_background:url(http://i.yimg.jp/images/present/prst_smpl/cmn/ysample_arrow01.gif) no-repeat 0 6px;/* IE6*/
	_padding:5px 15px 0px 19px;/* IE6*/
	float:right;
	line-height:1.3em;
	clear:both;
}

h2.ysample_top_topic{ height:50px; text-indent:-9999px;}