/* ++++++++++++++++++++++++++++++++++++
	DMS - www.pmc-h.jp/dms/ -
	CSS service/service.css
	last update 2008.05.04
+++++++++++++++++++++++++++++++++++++++ */

@import "../common/css/base.css";

/* intro
----------------------------------------------- */

#seminar_intro{
clear:both;
margin:0 0 10px 11px;
}

#seminar_intro h2{
background:url(../common/img/h2_bg.gif) no-repeat;
line-height:30px;
padding-left:30px;
font-size:100%;
color:#000;
}

#intro_tab dl{
padding:5px 0 10px 0;
width:616px;
background:url(../common/img/dot.gif) repeat-x left bottom;
}

#intro_tab dl dt{
text-align:right;
height:50px;
padding-right:5px;
}

#intro01 dt{background:url(img/title_intro01.gif) no-repeat left bottom;}
#intro02 dt{background:url(img/title_intro02.gif) no-repeat left bottom;}
#intro03 dt{background:url(img/title_intro03.gif) no-repeat left bottom;}
#intro04 dt{background:url(img/title_intro04.gif) no-repeat left bottom;}
#intro05 dt{background:url(img/title_intro05.gif) no-repeat left bottom;}

#intro_tab dd{
margin:5px 0 0 0;
padding:0 10px;
}

#intro_tab dd p{
margin-top:15px;
}


#intro_tab ol#tab{
margin:15px auto;
clear:both;
}

#intro_tab ol#tab li{
list-style:none;
display:inline;
}


/* JQuery ui-tabs
----------------------------------------------- */
.ui-tabs-hide {display: none;}
.ui-tabs-panel {clear:left;}
.ui-tabs-selected span{color:#ccc;}

#intro_tab ol#tab li a{
padding:5px 7px;
display:block;
margin-left:10px;
float:left;
background:#ffffcc;
border:1px solid #ccc;
text-decoration:none;
font-weight:bold;
}

#intro_tab ol#tab li a:hover{
background:#FF3300;
color:#fff;
}

/* detail
----------------------------------------*/

#seminar_detail{
clear:both;
margin:0 0 10px 11px;
}

ol#detail_tab{
padding:0 0 10px 1px;
}

ol#detail_tab li{
list-style:none;
float:left;
margin-right:3px;
}

#seminar_detail dl{
margin-top:15px;
}

#seminar_detail dd ol{
border:dotted 1px #336600;
padding:5px 0 10px 0;
}

#seminar_detail dd ol li{
list-style:inside decimal;
font-size:14px;
_font-size:120%;
margin:10px 10px 0 10px;
}
#seminar_detail dd ol strong{
line-height:200%;
}

#seminar_detail dl dd{
padding:10px 19px 0 8px;
}

#seminar_detail dd .dot{
padding:10px;
border:dotted 1px #336600;
}

#seminar_detail dd h3{
margin:10px 0;
}


#seminar_detail dd span.red{color:#FF0000;}



#detail01 p{
background:url(img/detail01_02.gif) no-repeat top left;
padding-left:80px;
}

#detail02 ol span.small{
font-size:12px;
_font-size:75%;
}

#detail03 dd{
background:url(img/detail03_bg.gif) no-repeat 487px 0;
}

#detail03 p,
#detail04 p,
#detail05 p,
#detail06 p,
#detail07 p{
margin-top:10px;
}