@import "base.css";
@import "link.css";
body { line-height: 1.5em;}
div#contents     { padding-right: 5px; padding-left: 10px; width: 680px }
ul.comment  { font-size: 70%; list-style-type: none }
ul.comment li { display: inline }
p    { font-size: 80%; margin-bottom: 1em; padding-right: 2em }
table  { font-size: 80%; margin-bottom: 1em }
th  { color: #333; background-color: #cccccc; padding: 5px 1em 5px 1em; }
td   { background-color: #eee; padding: 5px 1em }
h2  { font-weight: bold; margin-top: 1em; margin-bottom: 1em; padding-left: 0.5em; border-left: 5px solid #8eccf5; /*border-left: 5px solid #081639;*/ }
h3  { color: white; font-size: 70%; background-color: #00779b; clear: both; margin-top: 20px; margin-bottom: 10px; padding: 0px 0px 0px 1em; border-bottom: 1px solid #00779b; width: 659px }
/*h4  { color: #333; font-size: 80%; background-color: #f06; padding: 5px 1em 5px 1em; display: inline; border:1px dotted #2c85bd;}*/

h4    { color: #333; font-weight: bold; font-size: 80%; clear: both; margin-top: 0px; padding: 0px }
ul.bannerList li   { margin-bottom: 2px }
.gotop  { font-size: 70%; text-align: right; padding-right: 2em }
h5 { font-size: 70%; color: #006699; margin-left: 1em }

/* blog */
ul.blogList li  { font-size: 70%; display: inline; margin-bottom: 10px; width: 300px }

/* workshop */
.teacher   { font-size: 75%; margin-left: 160px; width: 490px }
.workList  { font-size: 75%; margin-left: 20px }
.underline  { margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px dotted gray }

/* results */
dl.results_d  { font-size: 80%; padding: 0px 0px 10px 10px;
border-bottom:1px dashed #CCCCCC;
margin:0px 10px 10px 0px;}
dl.noline {
	border-bottom:0px;
}
dl.results_d dt  { /*color: #2c85bd;*/ /*color: #006b89;*/ color:333; font-weight: bold;
float: left; margin-right: 1em; }
dl.results_d dd   { margin-left: 6em; padding-right: 1em }


/* ページ内リンクメニュー */

#globalnavi{
  margin: 0;
  padding: 0;
  width:660px;
}

#globalnavi ul { list-style-type: none; margin: 0; padding: 2px 0px 0px 20px }

ul.button { background: url(images/button.jpg) no-repeat; text-align: left; padding-top: 2px; width: 672px; height: 35px }

#globalnavi ul li { font-size: 70%; display: inline; margin: 0px 20px 0px 0px; padding: 0px; height: 21px }

#globalnavi ul li a { display: inline; }

#globalnavi li.pan01{
  float: left;
  height:21px;
  padding: 0;
  font-size: 70%;
  text-decoration: none;
  width:68px;
}

#globalnavi li.pan02{
  float: left;
  height:21px;
  padding: 0;
  font-size: 70%;
  text-decoration: none;
  width:93px;
}

#globalnavi a { color: #1b5b7e; text-decoration: none; text-align: center; display: block; width: 100% }

#globalnavi a:hover{
  color:#00bef2;
  text-decoration: none;
}


/* 所属タレント */


ul.talentList    { text-decoration: none; list-style-type: none; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; width: 658px }

ul.talentList li {
  float: left;
  width: 100px;
  margin: 0px 25px 0px 0px;
}

ul.talentList dd  { color: #000; font-style: normal; font-size: 80%; line-height: 110%; text-align: center; margin: 0px 0px 20px; padding: 0px }

ul.talentList dd.icon_z  { background: url(images/icon_z_s.jpg) no-repeat right top }

ul.talentList dd.icon_bb  { background: url(images/icon_bb_s.jpg) no-repeat right top }

ul.talentList {
font-style:normal;
}

span.eigo {
font-size:70%;
color: #999;}


#talent01,
#talent02,
#talent03,
#talent04,
#talent05,
#talent06  { margin: 10px 10px 30px 0px }

/* goods */
img.img_goods   { margin-right: 10px; margin-bottom: 5px; padding: 3px; border: solid 1px #bcbcbc }
ul.goodsList li  { font-size: 80%; list-style-type: none }
ul.goodsL li   { font-size: 80%; list-style-type: circle; padding-right: 20px }
img.imgLeft  { float: left }
.goodsRight  { margin-left: 350px }
.goodsLeft    { float: left; margin-right: 20px; margin-bottom: 10px; padding-right: 20px }
.pay    { background-color: #c1dfff; clear: both; margin-top: 20px; padding: 10px; width: 650px }
.pay h3    { color: #00779b; background-color: #c1dfff; margin-top: 5px; margin-bottom: 5px; padding: 0px; width: 654px }
.pay ul li  { margin-left: 20px }
.pay p  { margin-left: 10px }
.goodsRight img.imgRight { margin-top: 20px; text-align:right }
img.img_pay { margin-top: 10px }
dl.goods_dl  { font-size: 80%; float: left; margin-right: 15px }
dl.goods_dl dt  { font-weight: bold; margin-left: 0pt; padding-left: 0pt }
dl.goods_dl dd  { margin-right: 20px; margin-bottom: 10px }
h3.goods_h3  { margin: 20px 0pt; padding: 0pt; border: none 0pt; background-color:#FFFFFF }

/*プルダウンメニュー*/

ul#pulldown-menu a  { color: #287aa4; text-decoration: none; margin-left: 0pt }
ul#pulldown-menu a:link,
ul#pulldown-menu a:visited   { background-color: #aadeec; margin-left: 0pt }
ul#pulldown-menu a:hover,
ul#pulldown-menu a:active    { color: white; background-color: #87cefa; margin-left: 0pt }

ul#pulldown-menu li    { font-weight: bold; font-size: 100%; line-height: 2em; background-color: #c5e6ec; float: left; margin: 0 0.5em 0 0em; padding: 0pt; position: relative; width: 7em; height: 2em }
ul#pulldown-menu li a   { background-color: #d5e6ec; text-align: center; display: block; margin-left: 0pt; width: 7em; height: 2em }

/* 下層のメニューを不可視に */
ul#pulldown-menu li ul.pull_sub    { font-size: 100%; background-color: #d5e6ec; display: none; margin: 0pt; padding: 0pt }

/* 疑似要素 :hover で下層のメニューを可視に */
ul#pulldown-menu li:hover ul.pull_sub  { display: block; margin: 0pt; padding: 0pt; position: absolute; z-index: 100 }

ul#pulldown-menu li ul.pull_sub li   { font-weight: normal; background-color: #d5e6ec; list-style-type: none; float: none; margin: 0; padding: 0px }

ul#pulldown-menu    { font-size: 75%; list-style-type: none; margin-bottom: 20px; width: 630px; behavior: url("csshover.htc") }
h3.pull_h3  { margin-top: 20px }

/* news */
h3.news_h3   {  }
.backnumber     { font-size: 80%; background: url(images/btn_backnumber.jpg) no-repeat left top; text-align: right; float: left; margin-top: 10px; padding-right: -99999px; width: 158px; height: 23px }
.backnumber span   { }
dl.news_b,
dl.news     { font-size: 70%; margin-right: 20px; padding: 10px }
dl.news_b dt,
dl.news dt  { color: #FF6600; font-weight: bold }
dl.news_b  { background-color: #e2f6ff }
dt.newsIcon   { background: url(images/icon_up_b.jpg) no-repeat 6em 0.3em }
.img_leaflet{ margin: 3px 15px; border: 1px #ccc solid;}

/* プライバシー */
.privacy_d  { font-size: 80% }
.privacy_d dt  { font-weight: bold }
.privacy_d dd  { margin-bottom: 1em }

.cl  { clear: both }

.pink { color:#FF3366; font-weight: bold; font-size: 110% }