@charset "UTF-8";

body {margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;padding:0px;color: #ffffff;font-size: 60%;/*font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;*/
font-family: "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", Arial, Helvetica, sans-serif;}
#d_warp a{color:#96efff;}
#d_warp a:hover{color:#41c3ff; text-decoration:none;}
#d_warp a em{text-decoration:underline;}

img{ border:0;}
ul,li{ margin:0; padding:0; list-style:none;}
.clear{ clear:both;}

#d_warp{width:800px; margin: 0 auto; position:relative; text-align:left; color:#ffffff; font-size:12px;background: #ffffff;}
#d_warp #d_img{ position:relative;}

#d_img #movie {
	background-color: #ffffff;
	position: absolute;
	z-index: 100;
	width: 360px;
	height:238px;
	top: 316px;
	left: 48px;
}
#d_img #slide {
	height: 590px;
	width: 800px;
	overflow: hidden;
	z-index:0;
	position:relative;
}


#d_main {
	width: 800px;
	position: relative;
	background-image: url(../images/main_bk.gif);
	background-repeat: repeat-y;	
}
#d_box {
	width: 800px;
}
#d_box #left {
	width: 385px;
	float: left;
}
#d_box #right {
	width: 415px;
	float: right;
}


#d_menu {
	width: 800px;
	height:60px;
	position: relative;
	background-image: url(../images/tit1.gif);	
}
#d_menu li a{
    float:left;
	background-repeat: no-repeat;
	display: block;
	height: 36px;
}
#d_menu li a:hover{ background-position: 0px -36px; }

#d_menu #prof a {
	width: 159px;
	background-image: url(../images/btn_prof.gif);
	position:absolute;
	left: 481px;
	top: 0px;
}
#d_menu #link a {
	width: 159px;
	background-image: url(../images/btn_link.gif);
	position:absolute;
	left: 641px;
	top: 0px;
}


#news {
    padding-left: 27px;
}

#news li a{
    height: 28px;
	width: 338px;
	padding-bottom:9px;
	padding-left:20px;
	position:relative;
}
#news li p {
	color:#FFFFFF;
	position:absolute;
	top:10px;
	left: 110px;
}

#sptit {
　　display: block;
	text-indent: -9999px;
	height: 97px;
	width: 385px;
	background: url(../images/tit2.png) no-repeat;
	margin-top:30px;
}
* html #sptit {
behavior: expression(IEPNGFIX.fix(this));
}

#spnote {
    margin-left: 27px;
	padding: 10px 15px;
	background-image: url(../images/note_bk.png);
	background-repeat: repeat-y;
    width: 328px;
	color:#f4ffcc;
}
* html #spnote {
behavior: expression(IEPNGFIX.fix(this));
}


#itemtit {
　　display: block;
	text-indent: -9999px;
	height: 113px;
	width: 363px;
	background: url(../images/tit4.png) no-repeat;
	margin-left: 26px;
}
* html #itemtit {
behavior: expression(IEPNGFIX.fix(this));
}

#itemnote {
    padding-left: 24px;
    width: 364px;
}
#item span {
color:#96efff;
font-size:110%;
}
#special span {
color:#96efff;
}

#item #cd {
    margin-left: 26px;
}

#item .cdimg {
    float: left;
	position:relative;
}

#item #cd01{
	background-image: url(../images/cd1.png);
    height: 228px;
	width: 183px;
	float:left;
}
* html #cd01 {
behavior: expression(IEPNGFIX.fix(this));
}
#item #cd02{
	background-image: url(../images/cd2.png);
    height: 228px;
	width: 179px;
	float:left;
}
* html #cd02 {
behavior: expression(IEPNGFIX.fix(this));
}

.cdnote {
	text-align:center;
	position:absolute;
	font-size:95%;
	top:182px;
	left: 13px;
}

#indexnote {
    margin-left: 26px;
	padding: 10px 15px;
	font-size:95%;
	background-image: url(../images/note_bk.png);
	background-repeat:repeat-y;
    width: 332px;
}
* html #indexnote {
behavior: expression(IEPNGFIX.fix(this));
}

.hr {
	background-image: url(../images/hr.png);
	background-repeat:no-repeat;
	height: 1px;
}
* html .hr {
behavior: expression(IEPNGFIX.fix(this));
}

#pageup a{
width: 800px;
height: 25px;
background-image: url(../images/pageup.gif);
background-repeat: no-repeat;
text-decoration: none;
text-indent: -9999px;
font-size: 1px;
line-height: 1px;
outline-width: medium;
outline-style: none;
outline-color: -moz-use-text-color;
display: block;
}


/* ------------------------------
  tab
------------------------------ */


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav {
	font-size: 12px;
	line-height: 22px;
	text-indent: 0px;
	padding-right: 0px;
	list-style: none;
	margin: 0 0 0 0;
}
.ui-tabs-panel {
	font-size: 12px;
	line-height: 22px;
	text-indent: 0px;
	color: #ff3579;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
	float: left;
	margin: 0 0 0 0px;
	min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
	display: block;
}
.ui-tabs-nav a {
	height: 37px;
	width: 358px;
	background-image: url(../images/news_bk.gif);
	background-repeat:no-repeat;
	background-position:top;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.2;
	text-align: left;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */
	outline: 0; /* prevent dotted border in Firefox */
	margin-top: 10px;
}
.ui-tabs-nav a:hover {
　　width: 358px;
    background-position: 0 -37px;
	background-repeat:no-repeat;
}
.ui-tabs-nav .ui-tabs-selected a {
	color: #ffffff;
	padding-bottom: 10px;
}
.ui-tabs-nav a span {
	width: 64px; /* IE 6 treats width as min-width */
	min-width: 64px;
	height: 18px; /* IE 6 treats height as min-height */
	min-height: 18px;
	padding-top: 10px;
	color:#ff2773;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: 358px;
    height: 37px;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .3;
    filter: alpha(opacity=30);
}
.ui-tabs-panel {
	background: #ffffff;
	padding: 20px 20px;
	width: 318px;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

.iepngfix { 
　 behavior: url(../js/iepngfix.htc)
}