@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------ */
/* Basic Setting */
/* ------------------------------------------------------------ */

html{
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); /* これで一瞬砂時計が出るのを回避（IE Only） */
overflow-y:scroll;
}
ul,
li{
	list-style:none;
	margin:0;
	padding:0;
}
p{
	margin:0 0 1em 0;
	padding:0;
}
body{
	margin:0;
	padding:0;
	line-height:1.6;
	color:#333;
	font-family: Arial, Helvetica, sans-serif,'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

}
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}

/* ------------------------------------------------------------ */
/* Link Color */
/* ------------------------------------------------------------ */
a{ color: #002C53; text-decoration: underline;}
a:visit{ color: #002C53; text-decoration: underline;}
a:hover{ color: #5783B9; text-decoration: underline;}
a:active{ color: #5783B9; text-decoration: underline;}
a.simplelink{ color: white; text-decoration: none;}

/* ------------------------------------------------------------ */
/* Container */
/* ------------------------------------------------------------ */
#container{
	width: 870px;
	margin:0px auto;
	padding:0px;
	/*background:url(img/head_bg.jpg) #FFFFFF left top repeat-x;*/
}

/* ------------------------------------------------------------ */
/* Header */
/* ------------------------------------------------------------ */
#head{
	width:870px;
	height:68px;
	margin:0px auto;
}
#head #utility{
	float:right;
	margin-top:50px;
padding-right:10px;
	font-size:12px;
	text-align:right;
}
#head #utility li{
	float:left;
	font-size:12px;
	margin-left:10px;
	padding-left:12px;
	background:url(img/point_link.gif) #FFFFFF left center no-repeat;
}
#head #ci{
	float:left;
}
#head #ci h1{
	margin:20px 0px 0px 10px;
	font-size:27px;
	text-decoration:none;
	color:#555;
}
#head a img{
	border:none;
}

/* ------------------------------------------------------------ */
/* Main Menu */
/* ------------------------------------------------------------ */
#mainmenu{
	width:100%;
	height:25px;
	margin:0px auto 5px auto;
	background:url(img/mainmenu_bg.jpg) #FFFFFF left center repeat-x;
}
#mainmenu ul{
	width:100%;
	height:25px;
	margin:0 auto;
	background:url(img/mainmenu_li_bg.jpg) left top no-repeat;
}
#mainmenu li{
	float:left;
	text-align:center;
	font-size:12px;
	/* margin-top:3px;*/
	background:url(img/mainmenu_li_bg.jpg) right top no-repeat;
}
#mainmenu li a{
	display:block;
	width:145px;
	height:19px;
	padding:3px 0px 3px 0px;
	color:#FFFFFF;
	text-decoration:none;
}
#mainmenu li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

/* ------------------------------------------------------------ */
/* Main */
/* ------------------------------------------------------------ */
#main{
	width:840px;
	font-size:12px;
    margin-left:15px;  
}
#main a img{
	border:none;
}
/*
#main a:hover img{
	opacity	: 0.7;
	filter		: alpha(opacity=70);
}
*/

/* ------------------------------------------------------------ */
/* VI */
/* ------------------------------------------------------------ */
#vi{
	width:870px;
	height:250px;
	background:url(img/vi.jpg) #EEE no-repeat;
	margin:0px auto 15px auto;
}
#vi h2{
	font-size:18px;
	padding:75px 0 10px 40px;
}
#vi .bodycopy{
	width:870px;
	font-size:12px;
	padding:0 0 0 40px;
}

/* ------------------------------------------------------------ */
/* Sidebar */
/* ------------------------------------------------------------ */
#sidebar{
	float:right;
	width:165px;
	background-color:#DDD;
	padding:10px;
}
#sidebar .no{
	text-align:center;
	font-size:18px;
	color:#990000;
	font-weight:bold;
}
#sidebar p{
	margin:0 0 10px 0;
}

/* ------------------------------------------------------------ */
/* Contents */
/* ------------------------------------------------------------ */
#content{
	float:100%;
	width:840px;
}
#content h2{
	width: 825px;
	background:url(img/footer_bg.jpg) #59A1DC left center repeat-x;
	height:25px;
	line-height:25px;
	color:#FFFFFF;
	font-size:16px;
	padding:2px 0px 0px 15px;
	margin:0 0 10px 0;
}
#content h3{
	width: 825px;
	height: 15px;
	line-height: 15px;
	font-size:14px;
	padding:5px 0 5px 10px;
	margin:0 0 15px 0;
	background-color:#EEE;
	border-left:solid #59A1DC 5px;
	border-bottom:solid 1px #CCCCCC;
}
#content.home h3{
	width: 825px;
	background:url(img/footer_bg.jpg) #59A1DC left top repeat-x;
	height:20px;
	line-height:20px;
	color:#FFFFFF;
	font-size:12px;
	padding:0 0 0 15px;
	margin:0 0 10px 0;
	border:none;
}
#content h4{
	font-size:12px;
	padding:0 0 0 7px;
	margin:0 0 5px 0;
	border-left:solid #59A1DC 4px;
}
#content table{
	width:100%;
	cellspacing:0px;
	cellpadding:0px;
	border:0px;
}

#content td{

/* 	border-bottom:dotted 1px #CCC; */
	padding:7px;
}
#content th{
	text-align:left;
	width:100px;
	background-color:#EEE;
/*  	border-bottom:dotted 1px #CCC; */
	padding:7px;
}
#content .section{
	margin:0 0 20px 0;
}

#content .newssection{ width:45%; float:left; margin:0 0 20px 0; clear:left; }
#content .infosection{ width:45%; float:right; padding-right:40px; margin:0 0 20px 0; }

/* ------------------------------------------------------------ */
/* Data List */
/* ------------------------------------------------------------ */
/* news data list */
#content .newsdata dl.datalist{ margin:10px 0px; line-height:25px; background:url(img/underline01.jpg) repeat-x bottom; float: left; display:block; width:400px;}
#content .newsdata dl.datalist dt{ margin-left:30px; clear: left; float: left; display: block; width: 50px;}
#content .newsdata dl.datalist dd{ float: left; display: block; width: 280px; }
#content .newsdata dl.datalist a{ text-decoration: none; }

/* information data list */
#content .infodata dl.datalist{ margin:10px 0px; line-height:25px; background:url(img/underline01.jpg) repeat-x bottom; float: left; display:block; width:400px; }
#content .infodata dl.datalist dt{ margin-left:30px; clear: left; float: left; display: block; width: 50px;}
#content .infodata dl.datalist dd{ float: left; display: block; width: 280px; }
#content .infodata dl.datalist a{ text-decoration: none; }

/* company data list */
#content .companydata dl.datalist{ margin:10px 0px; line-height:25px; float: left; display: block; background:url(img/underline01.jpg) repeat-x bottom; width:100%; }
#content .companydata dl.datalist dt{ margin-left:30px; clear: left; float: left; display: block; width: 120px;}
#content .companydata dl.datalist dd{ float: left; display: block;}

/* history data list */
#content .historydata dl.datalist{ margin:10px 0px; line-height:25px; float: left; display: block; background:url(img/underline01.jpg) repeat-x bottom; width:100%; }
#content .historydata dl.datalist dt{ margin-left:30px; clear: left; float: left; display: block; width: 120px;}
#content .historydata dl.datalist dd{ float: left; display: block;}

/* partner data list */
#content .partnerdata dl.datalist{ margin:10px 0px; line-height:25px; background:url(img/underline01.jpg) repeat-x bottom; float: left; display:block; width:100%; }
#content .partnerdata dl.datalist dt{ margin-left:30px; clear: left; float: left; display: block; width: 250px;}
#content .partnerdata dl.datalist dd{ float: left; display: block;}
#content .partnerdata dl.datalist a{ text-decoration: none;}

/* casual data list */
#content .casualdata dl.datalist{ margin:10px 0px; line-height:25px; /*background:url(img/underline01.jpg) repeat-x bottom;*/ float: left; display:block; width:100%; }
#content .casualdata dl.datalist dt{ clear: left; float: left; display: block; width: 250px;}
#content .casualdata dl.datalist dd{ clear: right; float: right; display: block; width:550px; }

/* puroduct data list */
#content .productdata dl.datalist{ margin:10px 0px; line-height:25px; background:url(img/underline01.jpg) repeat-x bottom; float: left; display:block; width:100%; }
#content .productdata dl.datalist dt{ clear: left; float: left; display: block; width: 130px;}
#content .productdata dl.datalist dd{ clear: right; float: right; display: block; width:670px; }

/* press release data list */
#content .pressdata dl.datalist{ margin:10px 0px; line-height:25px; background:url(img/underline01.jpg) repeat-x bottom; float: left; display:block; width:100%; }
#content .pressdata dl.datalist dt{ margin-left:30px; clear: left; float: left; display: block; width: 120px;}
#content .pressdata dl.datalist dd{ float: left; display: block;}
#content .pressdata dl.datalist a{ text-decoration: none;}

/* contact form data list */
#content .formdata dl.datalist{ margin:10px 0px; line-height:25px; float: left; display:block; width:100%; }
#content .formdata dl.datalist dt{ padding:0px 0px 5px; margin-left:50px; clear: left; float: left; display: block; width: 120px;}
#content .formdata dl.datalist dd{ padding:0px 0px 5px; float: left; display: block;}

/* ------------------------------------------------------------ */
/* Banner*/
/* ------------------------------------------------------------ */
.banner1{ list-style-type:none; /*margin:0px 10px;*/}
.banner1 li { float:left; display:block; width:300px; height:150px; margin:5px 10px 5px 15px; }
.banner1 li a{ width:300px; height:150px; display:block; text-align:center; }

.banner2{ list-style-type:none; /*margin:0px 10px;*/}
.banner2 li { float:left; display:block; width:200px; height:150px; margin:5px 10px 5px 10px; }
.banner2 li a{ width:200px; height:150px; display:block; text-align:center; } 

.banner3{ list-style-type:none; /*margin:0px 10px;*/}
.banner3 li { float:left; display:block; width:150px; height:150px; margin:5px 10px 5px 10px; }
.banner3 li a{ width:150px; height:150px; display:block; text-align:center; }

.banner4{ list-style-type:none; /*margin:0px 10px;*/}
.banner4 li { float:left; display:block; width:100px; height:150px; margin:5px 0px 5px 10px; }
.banner4 li a{ width:100px; height:150px; display:block; text-align:center; }

/* ------------------------------------------------------------ */
/* Form Button */
/* ------------------------------------------------------------ */
#content ul.button{ margin-left:280px; }
#content ul.button li{ display:inline; text-align:center; margin:10px; }
#content ul.button li input{ width:80px; padding-top:4px; }

/* ------------------------------------------------------------ */
/* Under Line */
/* ------------------------------------------------------------ */
.blueline {
	width:100%;
	height:5px;
	background:url(img/underline01.jpg) repeat-x bottom;
	float:left;
	margin-bottom:10px;
}

/* ------------------------------------------------------------ */
/* table */
/* ------------------------------------------------------------ */
/* Jazz Sculptor Gallery Table */
#content .gallerytable { width:100%; cellspacing:0px; cellpadding:0px; align:center; cols:3;}
#content .gallerytable tr{ align:center;}
#content .gallerytable td{ padding-top:34px; /*valign:top;*/ text-align:center; width:274px; /*height:340px;*/ background:url("products/jazzsculptor/img/flame01.jpg")}

.chui {
	color: #FF0000;
    margin:0px;
}

/* Dance Me Gallery Table */
#content .dancemegallery { width:100%; cellspacing:0px; cellpadding:0px; align:center; cols:3;}
#content .dancemegallery tr{ align:center; }
#content .dancemegallery td{ text-align:center; width: 256px;}

/* ------------------------------------------------------------ */
/* Footer */
/* ------------------------------------------------------------ */
#footer{
	width:870px;
	margin-right:20px;
	height:35px;
	background:url(img/footer_bg.jpg) #59A1DC left center repeat-x;
	padding-top:3px;
	font-size:10px;
	text-align:center;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif,'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
#footer li{ display:inline; margin:0 10px 0 10px; }
#footer li a{ color: white; text-decoration: none; }

/* ------------------------------------------------------------ */
/* Clearfix */
/* ------------------------------------------------------------ */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: 1%;
  display:block;
  overflow: hidden;
  /**/
}