@charset "utf-8";
/* トップページのCSS */

a {
  color: #00AFE7;
  text-decoration: underline;
}
/* ==========================
    分野インデックス
========================== */
#banners {
  padding:20px;
  background:url(../img/common/dot-h.gif)  bottom repeat-x;
}
#banners .copy-text {
  margin-bottom:20px;
}
#banners .column {
  width:172px;
  margin-right:10px;
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
}
#banners .column.last {
  margin-right:0px;
}

/*  見出し */
#banners h2{
  width:172px;
  height: 51px;
  text-indent: -9999px;
}
/*  ボックス共通 */
#banners .column .inner{
  padding:10px 5px;
  font-size:85%;
}
#banners a{
  color:#666;
}
#banners a:hover{
  color:#333;
}
#banners ul {
  margin-bottom:5px;
}
#banners li{
  padding-left:8px;
}

/* 詳細ボタン */
#banners .column .inner p.more{
  width:88px;
  height: 16px;
  text-indent: -9999px;
  margin-left: 74px;
}

/* ---------- 小児科 */
#banners #child{
  background:#F9F0F3;
}
#banners #child a:hover .inner{
  background:#F9E5EC;
}
#banners #child h2{
  background:url(../img/top/i-c-banner.jpg)  0 0 no-repeat;
}
#banners #child a .more{
  background:url(../img/top/i-c-btn.gif)  0 0 no-repeat;
}
#banners #child a:hover .more{
  background:url(../img/top/i-c-btn.gif)  0 -16px no-repeat;
}
#banners #child li{
  background:url(../img/top/i-c-arrow.gif) center left no-repeat;
}

/* ---------- 消化器内科 */
#banners #gut{
  background:#FEF1DE;
}
#banners #gut a:hover .inner{
  background:#FFEDD2;
}
#banners #gut h2{
  background:url(../img/top/i-g-banner.jpg)  0 0 no-repeat;
}
#banners #gut a .more{
  background:url(../img/top/i-g-btn.gif)  0 0 no-repeat;
}
#banners #gut a:hover .more{
  background:url(../img/top/i-g-btn.gif)  0 -16px no-repeat;
}
#banners #gut li{
  background:url(../img/top/i-g-arrow.gif) center left no-repeat;
}

/* ---------- アレルギー */
#banners #immune{
  background:#FEF9E1;
}
#banners #immune a:hover .inner{
  background:#FEF6CF;
}
#banners #immune h2{
  background:url(../img/top/i-i-banner.jpg)  0 0 no-repeat;
}
#banners #immune a .more{
  background:url(../img/top/i-i-btn.gif)  0 0 no-repeat;
}
#banners #immune a:hover .more{
  background:url(../img/top/i-i-btn.gif)  0 -16px no-repeat;
}
#banners #immune li{
  background:url(../img/top/i-i-arrow.gif) center left no-repeat;
}

/* ---------- 歯科 */
#banners #oral{
  background:#EDF6F3;
}
#banners #oral a:hover .inner{
  background:#DFF5EE;
}
#banners #oral h2{
  background:url(../img/top/i-o-banner.jpg)  0 0 no-repeat;
}
#banners #oral a .more{
  background:url(../img/top/i-o-btn.gif)  0 0 no-repeat;
}
#banners #oral a:hover .more{
  background:url(../img/top/i-o-btn.gif)  0 -16px no-repeat;
}
#banners #oral li{
  background:url(../img/top/i-o-arrow.gif) center left no-repeat;
}

/* ---------- 介護 */
#banners #care{
  background:#EDF1D9;
}
#banners #care a:hover .inner{
  background:#EBF2C9;
}
#banners #care h2{
  background:url(../img/top/i-s-banner.jpg)  0 0 no-repeat;
}
#banners #care a .more{
  background:url(../img/top/i-s-btn.gif)  0 0 no-repeat;
}
#banners #care a:hover .more{
  background:url(../img/top/i-s-btn.gif)  0 -16px no-repeat;
}
#banners #care li{
  background:url(../img/top/i-s-arrow.gif) center left no-repeat;
}

/* ==========================
    メインエリア
========================== */
#contents {
  background:url(../img/common/dot-2col-a.gif)  1px 0 repeat-y;
  padding-bottom:30px;
}

/* ==========================
    新着情報
========================== */
#main {
  float: left;
  width:700px;
}
#main #main-inner {
  margin: 30px 20px;
}
/* ---------- 見出し */
#main h2 {
  padding-left:15px;
  border-left: 5px solid #00AFE7;
  margin-bottom: 20px;
}

#main #news dl {
  width:660px;
  border-bottom:1px solid #E5E5E5;
  padding-bottom:10px;
  margin-bottom:10px;
}
#main #news dl dt {
  float:left;
  width:140px;
  clear:both;
  padding:5px;
  line-height:12px;
}
#main #news dl dd {
  float:right;
  width:500px;
  padding:5px;
 /float:none;
 /margin-left:150px;
 /width:auto;
}
#main #news dl dd img {
  float:left;
  width:70px;
  height:70px;
  margin-right:0.5em;
  margin-bottom:0.5em;
}
#main #news dl dd p {
  color:#40C3ED;
}
#main #news dl dt img {
  text-indent:-9999px;
  margin-right:5px;
}

#main #news span.continue {
  font-size:11px;
}

/* ==========================
    カルーセル
========================== */
#mainvisual {
  position: relative;
  background:url(../img/common/dot-h.gif)  bottom repeat-x;
  padding-left:1px;
  padding-bottom:1px;
}

#carousel{
	width: 940px; /* Defines the size of the visible part of the carousel
		Attention : if you only want to see plain items in the viewport,
		the width of the viewport should take into account of :
		- the items width
		- the right and left padding of items
		- the number of items you want to see in the viewport
	 */
	height: 300px;
	overflow:hidden; /* Hides extra elements, those outside the viewport area */
}
#carousel ul{
	position: relative; /* Enables positionning of elements inside viewport */
	padding: 0; /* Resets default - User Agent - style */
}
#carousel li{
	width: 940px; /* Defines the size of inner element */
	height: 300px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
}

#cprevious{
  position: absolute;
  top:135px;
  left:20px;
}
#cnext{
  position: absolute;
  top:135px;
  right:20px;
}