@charset "utf-8";




/* ****************************************************************************************************
   * visual
**************************************************************************************************** */

div#visual {
	height: 360px;
	overflow: hidden;
	margin-bottom: 20px;
}

@media screen { body#layout-index div#visual div.visual      { display:none; } }

@media print  { body#layout-index div#visual div.nivo-slider { display:none; } }

div#visual div.nivoSlider {
	width: 700px;
	float: left;
}

div#visual div.nivoSlider a.nivo-imageLink {
	background: url(../../_images/_common/c-spacer.png);
}

div#visual div.nivo-controlNav {
	width: 260px;
	margin: 0;
	padding: 0;
	float: right;
	text-align: right;
}

div#visual div.nivo-controlNav a {
	display: block;
}

div#visual div.nivo-controlNav a:hover {
}

div#visual div.nivo-controlNav a.active {
	background: url(../../_images/index/visual-arrow.png) 5px center no-repeat;
}

div#visual div.nivo-controlNav a ~ a {
	margin-top: 4px;
}

div#visual div.sp-bnr {
  display: none;
}

@media all and (max-width:736px) {
  div#visual {
    height: auto;
  }
  div#visual .nivo-slider,
  div#visual .nivo-slider img {
    width: 100%;
    height: auto !important;
  }
  div#visual div.sp-bnr {
    display: block;
    text-align: center;
    letter-spacing: -0.5em;
    margin-top: 2%;
  }
  div#visual div.sp-bnr a.item {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    margin-top: 2%;
    margin-left: 2%;
  }
  div#visual div.sp-bnr a.item:nth-child(2n+1) {
    margin-left: 0;
  }
  div#visual div.sp-bnr a.item img {
    width: 100%;
  }
  .nivo-controlNav {
    display: none;
  }
}




/* ****************************************************************************************************
   * topics
**************************************************************************************************** */

div#topics h2 {
	margin-bottom: 0;
}

div#topics dl,
div#topics dl dt,
div#topics dl dd {
	margin: 0;
	padding: 0;
}

div#topics dl {
	width: 100%;
	height: 100%;
	display: table;
	border-bottom: dotted 1px #d1c5ab;
} .ie7 div#topics dl { letter-spacing:-0.4em; zoom:1; }

div#topics dl:hover {
	background: #fffaf2;
}

div#topics dl dt {
	width: 36%;
	height: 100%;
	white-space: nowrap;
	vertical-align: top;
	display: table-cell;
} .ie7 div#topics dl dt { width:36%; letter-spacing:normal; display:inline; zoom:1; }

div#topics dl dd {
	width: 64%;
	height: 100%;
	vertical-align: top;
	display: table-cell;
} .ie7 div#topics dl dd { width:65%; letter-spacing:normal; display:inline; zoom:1; }

div#topics dl a {
	height: 100%;
	padding-top: 1.25em;
	padding-bottom: 1.2em;
	display: block;
	text-decoration: none;
	color: inherit;
} .ie7 div#topics dl a { color:#333; }

div#topics dl dt a {
	padding-left: 1em;
	padding-right: 0.5em;
}

div#topics dl dd a {
	padding-left: 0.5em;
	padding-right: 1em;
}

div#topics dl a:hover img {
	opacity: 1.0;
}

@media all and (max-width:736px) {
  div#topics dl dt,
  div#topics dl dd {
    width: 100%;
    display: block;
  }
  div#topics dl dt a {
    padding: 1em 1em 0.5em;
  }
  div#topics dl dd a {
    padding: 0 1em 1em;
  }
}




/* ****************************************************************************************************
   * item
**************************************************************************************************** */

div#item ul.navi,
div#item ul.navi li {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#item ul.navi {
	text-align: justify;
	text-justify: distribute-all-lines;
} .ie7 div#item ul.navi { zoom:1; }

div#item ul.navi:after {
	content: '';
	width: 100%;
	display: inline-block;
	line-height: 0;
	visibility: hidden;
}

div#item ul.navi li {
	text-align: left;
	text-justify: auto;
	vertical-align: top;
	display: inline-block;
} .ie7 div#item ul.navi li { display:inline; zoom:1; }

@media all and (max-width:736px) {
  div#item ul.navi {
    text-align: center;
  }
  div#item ul.navi li {
    width: 32%;
    margin-bottom: 2%;
  }
  div#item ul.navi li img {
    width: 100%;
  }
}




/* ****************************************************************************************************
   * kaitori
**************************************************************************************************** */

div#kaitori {
}

div#kaitori ul.navi,
div#kaitori ul.navi li {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#kaitori ul.navi {
	text-align: justify;
	text-justify: distribute-all-lines;
} .ie7 div#kaitori ul.navi { zoom:1; }

div#kaitori ul.navi:after {
	content: '';
	width: 100%;
	display: inline-block;
	line-height: 0;
	visibility: hidden;
}

div#kaitori ul.navi li {
	text-align: left;
	text-justify: auto;
	vertical-align: top;
	display: inline-block;
} .ie7 div#kaitori ul.navi li { display:inline; zoom:1; }

@media all and (max-width:736px) {
  div#kaitori ul.navi {
    text-align: center;
  }
  div#kaitori ul.navi li {
    margin-bottom: 1em;
  }
}