@charset "UTF-8";
/********************************************************************
	DLIVE 2010/03/01
	トップページ用
 ********************************************************************/

@import url("base.css");
@import url("common.css");

body{
}

/*--- container ------------------------------------------------***-*/

#container-inner{
}


/*--- Header ---------------------------------------------------***-*/

#header-inner{
}

#headernavi{
}


/*--- navi -----------------------------------------------------***-*/

#navi-inner{
}


/*--- main -----------------------------------------------------***-*/

#main{
	background: transparent url("../img/home/main_backg.jpg") repeat-x center 4px;
}

#main-inner{
	background: transparent;
}

/* main-img */
#main-img{
/*	background: #ebc7ba;*/
	background: #eee;
	width: 900px;
	margin: 0 auto;
	padding: 4px 0;
}

#main-contents{
	margin: 20px 0 0 0;
}

#contents01{
	background: transparent;
	width: 940px;
	margin: 0 0 20px 0;
}

#contents01-inner{
	padding: 0 0 0 0;
}

#contents01-left{
	float: left;
	background: #000 url("../img/home/dlive_logo.gif") no-repeat center bottom;
	border: 1px solid #ccc;
	width: 178px;
	margin: 0 20px 0 0;
	padding: 0 0 50px 0;
}

#contents01-left #left-lineup{
	background: transparent url("../img/home/lineup_bottom_backg.gif") no-repeat left bottom;
	width: 160px;
	margin: 9px 9px 0 9px;
	padding: 0 0 20px 0;
}

#left-lineup h2#lineup-title{
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	display: block;
	width: 160px;
	background: transparent url("../img/home/lineup_title.gif") no-repeat 0 0;
	height: 30px;
	margin: 0 0 0 0;
}

#left-lineup #lineup-list{
	background: transparent url("../img/home/lineup_middle_backg.gif") repeat-y 0 0;
	width: 160px;
	margin: 0 0 0 0;
}

#lineup-list h3#handle-title{
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	display: block;
	width: 138px;
	background: transparent url("../img/home/handle_title.gif") no-repeat 0 0;
	height: 24px;
	margin: 0 11px 1px 11px;
}

#lineup-list h4#handle01-title{
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	display: block;
	width: 138px;
	background: transparent url("../img/home/lineup_01_a.gif") no-repeat 0 0;
	height: 24px;
	margin: 0 11px 1px 11px;
}

#lineup-list h4#handle02-title{
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	display: block;
	width: 138px;
	background: transparent url("../img/home/lineup_01_b.gif") no-repeat 0 0;
	height: 24px;
	margin: 0 11px 1px 11px;
}

#contents01-left #left-maker{
	background: transparent url("../img/home/free_bottom_backg.gif") no-repeat left bottom;
	width: 160px;
	margin: 9px 9px 0 9px;
	padding: 0 0 16px 0;
}

#contents01-left #left-maker-inner{
	background: transparent url("../img/home/free_top_backg.gif") no-repeat left top;
	width: 160px;
	margin: 0;
	padding: 16px 0 0 0;
}

#left-maker #maker-list{
	background: transparent url("../img/home/free_middle_backg.gif") repeat-y 0 0;
	width: 160px;
	margin: 0;
	padding: 0;
}

#maker-list h2#maker-title{
	margin: 0 16px 0 16px;
	font-weight: bold;
	font-size: x-small;
	color: #94442a;
}

#maker-list ul{
	padding: 0 15px;
}

#contents01-left #left-shop{
	background: transparent url("../img/home/free_bottom_backg.gif") no-repeat left bottom;
	width: 160px;
	margin: 9px 9px 0 9px;
	padding: 0 0 16px 0;
}

#contents01-left #left-shop-inner{
	background: transparent url("../img/home/free_top_backg.gif") no-repeat left top;
	width: 160px;
	margin: 0;
	padding: 16px 0 0 0;
}

#left-shop #shop-list{
	background: transparent url("../img/home/free_middle_backg.gif") repeat-y 0 0;
	width: 160px;
	margin: 0;
	padding: 0;
}

#shop-list h2#shop-title{
	margin: 0 16px 0 16px;
	font-weight: bold;
	font-size: x-small;
	color: #94442a;
}

#shop-list ul{
	padding: 0 15px;
}

#shop-list ul li{
	border-bottom: 1px dotted #ddd;
	padding-bottom: 4px;
	font-size: x-small;
	line-height: 1.5;
}

#contents01-photo{
	float: left;
	width: 700px;
	margin: 0 0 20px 0;
}

#contents01-w700{
	float: left;
	width: 700px;
	margin: 0 0 0 0;
}

#contents01-w700 ul{
}

#contents01-w700 ul li{
	margin: 0 0 5px 0;
}

#contents01-w345{
	position: relative;
	float: left;
	width: 700px;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	border-bottom: 2px dotted #bbb;
}

#contents01-w345 h2{
	padding: 5px 0 0 10px;
}

#contents01-w345 ul{
}

#contents01-w345 ul li{
	float: left;
	width: 345px;
	margin: 0 10px 5px 0;
}

#contents01-w345 ul li.right{
	margin: 0 0 5px 0;
}

#contents01-w345 ul li.w170{
	float: left;
	width: 170px;
	margin: 0 5px 5px 0;
}

#contents01-w345 ul li.w170r{
	float: left;
	width: 170px;
	margin: 0 10px 5px 0;
}

#contents01-collabo{
	float: left;
	width: 700px;
	margin: 20px 0 20px 0;
}

#contents01-collabo h2 a{
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	display: block;
	width: 700px;
	background: transparent url("../img/home/collabo_title.gif") no-repeat 0 0;
	height: 26px;
	margin: 0 0 10px 0;
}

#contents01-collabo #collabo{
	float: left;
	background: #000;
	width: 170px;
	min-height: 200px;
	margin: 0 5px 10px 0;
}

#contents01-collabo #collabo #collabo-inner{
	padding: 5px;
}

#contents01-collabo #collabo #collabo-inner img{
	border: 2px solid #fff;
	margin: 0 10px 5px 0;
}

#contents01-collabo #collabo #collabo-inner p{
	border-top: 1px dotted #eee;
	border-bottom: 1px dotted #eee;
	width: 160px;
	margin: 0;
	padding: 4px 0;
	color: #fff;
}

#contents01-collabo #collabo #collabo-inner p a,
#contents01-collabo #collabo #collabo-inner p a:visited,
#contents01-collabo #collabo #collabo-inner p a:active{
	color: #fff;
}

#contents01-collabo #collabo #collabo-inner p a:hover{
	color: #ff0000;
}

#contents01-center{
	float: left;
	width: 330px;
	margin: 0 20px 0 0;
}

#contents01-center h2{
	border-bottom: 1px solid #ccc;
	padding: 0 0 2px 0;
	font-family: 'メイリオ', Meiryo, Arial, Helvetica, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
	font-weight: bold;
}

#contents01-center ul{
	border-bottom: 1px solid #ccc;
/*	min-height: 80px;*/
	margin: 0 0 20px 0;
	padding: 4px 0 2px 0;
}

#contents01-center ul.list01 li{
	background: transparent url("../img/icon_list01.gif") no-repeat left 3px;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 0 14px;
	line-height: 1.5;
}

#contents01-center ul.list03 li{
	background: transparent url("../img/icon_list03.gif") no-repeat left 3px;
	border-bottom: 1px dotted #94442a;
	padding: 0 0 0 14px;
	line-height: 1.5;
}

#contents01-center ul li span.date{
	font-family: Arial, Helvetica, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
}

#contents01-center ul li span.icon{
	margin: 0 0 0 4px;
	font-family: Arial, Helvetica, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
	font-weight: bold;
	color: #5ca930;
}

#contents01-center ul li span.title{
	display: block;
	font-weight: bold;
}

#contents01-center ul li span.category01{
	background: #3b5997;
	margin: 0 0 0 4px;
	padding: 2px 2px 2px 2px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

#contents01-center ul li span.category02{
	background: #ff7701;
	margin: 0 0 0 4px;
	padding: 2px 2px 2px 2px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

#contents01-center ul li span.category03{
	background: #f1c40e;
	margin: 0 0 0 4px;
	padding: 2px 2px 2px 2px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

#contents01-center ul li span.category04{
	background: #5ca930;
	margin: 0 0 0 4px;
	padding: 2px 2px 2px 2px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

#contents01-center ul li span.category{
	background: #5ca930;
	margin: 0 0 0 4px;
	padding: 2px 2px 2px 2px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

#contents01-center #press{
	background: #ef922f;
	width: 330px;
	margin: 10px 0 10px 0;
}

#contents01-center #press #press-inner{
	padding: 5px;
}

#contents01-center #press #press-inner img{
	float: left;
	border: 2px solid #fff;
	margin: 0 10px 0 0;
}

#contents01-center #press #press-inner p{
	float: left;
	border-top: 1px dotted #eee;
	border-bottom: 1px dotted #eee;
	width: 232px;
	margin: 0;
	padding: 4px 0;
}

/*--- MT 製品情報 ---*/
#newitem ul.list01 li #newitem-left{
	float: left;
	width: 237px;
}

#newitem ul.list01 li #newitem-left span.new{
	background: #ff0000;
	margin: 0 0 0 4px;
	padding: 1px 3px 1px 3px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

#newitem ul.list01 li #newitem-right{
	float: left;
	width: 64px;
	margin: 4px 0 0 15px;
}

#newitem ul.list01 li #newitem-right img{
	border: 2px solid #ddd;
}
/*--- MT 製品情報 ---*/

#contents01-right{
	float: left;
	width: 350px;
	margin: 0 0 0 0;
}

#contents01-right h2{
	border-bottom: 1px solid #ccc;
	padding: 0 0 2px 0;
	font-family: Arial, Helvetica, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
	font-weight: bold;
}

#contents01-right #banner-shop{
	padding: 8px 10px 4px 10px;
}

#contents01-right ul{
	border-bottom: 1px solid #ccc;
/*	min-height: 80px;*/
	padding: 4px 0 2px 0;
}

#contents01-right ul.list01 li{
	background: transparent url("../img/icon_list01.gif") no-repeat left 3px;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 0 14px;
	line-height: 1.5;
}

#contents01-right ul.list03 li{
	background: transparent url("../img/icon_list03.gif") no-repeat left 3px;
	border-bottom: 1px dotted #94442a;
	padding: 0 0 0 14px;
	line-height: 1.5;
}

#contents01-right ul li span.date{
	font-family: Arial, Helvetica, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
}

#contents01-right ul li span.icon{
	margin: 0 0 0 4px;
	font-family: Arial, Helvetica, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
	font-weight: bold;
	color: #d78f75;
}

#contents01-right ul li span.title{
	display: block;
	font-weight: bold;
}

#contents01-right ul li span.category{
	background: #d78f75;
	margin: 0 0 0 4px;
	padding: 2px 2px 2px 2px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

#contents01-right #press{
	background: #8acff9;
	width: 350px;
	margin: 10px 0 10px 0;
}

#contents01-right #press #press-inner{
	padding: 5px;
}

#contents01-right #press #press-inner img{
	float: left;
	border: 2px solid #fff;
	margin: 0 10px 0 0;
}

#contents01-right #press #press-inner p{
	float: left;
	border-top: 1px dotted #eee;
	border-bottom: 1px dotted #eee;
	width: 252px;
	margin: 0;
	padding: 4px 0;
}

#contents01-right #schedule{
	margin: 15px 0 0 0;
}

/*--- MT Information ---*/
#info ul.list01 li #info-left{
	float: left;
	width: 237px;
}

#info ul.list01 li #info-left span.new{
	background: #ff0000;
	margin: 0 0 0 4px;
	padding: 1px 3px 1px 3px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

#info ul.list01 li #info-right{
	float: left;
	width: 64px;
	margin: 4px 0 0 15px;
}

#info ul.list01 li #info-right img{
	border: 2px solid #ddd;
}
/*--- MT Information ---*/

#schedule h2{
	border-bottom: none;
}

#schedule table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #94442a;
	padding: 0 0 10px 0;
}

#schedule table th{
	background: #94442a;
	border-right: 1px solid #fff;
	padding: 1px;
	color: #fff;
	font-size: 84%;
}

#schedule table th.thright{
	border-right: none;
}

#schedule table td{
	border: 1px solid #94442a;
	padding: 1px;
	font-size: 84%;
}

/*--- jqueru-ui -------------------------------------------------***-*/

div#event-show {
display:none;
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 300px;
}

div#event-show2 {
display:none;
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 300px;
}

/*--- sidenavi -------------------------------------------------***-*/

#sidenavi{
}


/*--- sidebox --------------------------------------------------***-*/

#sidebox{
}


/*--- footer ---------------------------------------------------***-*/

#footer-inner{
}