@charset "utf-8";

/* ----------------------------------------------------------------------------------------------------
	Reset
---------------------------------------------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  border:0;
  margin:0;
  padding:0;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section, main {
  display:block;
}

body {
  line-height:1;
}
ul {
  list-style:none;
}
blockquote, q {
  quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content:'';
  content:none;
}
img {
  vertical-align:bottom;
  border:0;
}
input, select {
  vertical-align:middle;
}
a {
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  border:0;
  margin:0;
  padding:0;
}
ins {
  color:#000000;
  text-decoration:none;
  background-color:#ffff99;
}
mark {
  color:#000000;
  font-style:italic;
  font-weight:bold;
  background-color:#ffff99;
}
del {
  text-decoration:line-through;
}
abbr[title], dfn[title] {
  border-bottom:1px dotted #000000;
  cursor:help;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}
div, p {
  color:#000000;
}


/* ----------------------------------------------------------------------------------------------------
	Base
---------------------------------------------------------------------------------------------------- */
body {
  -webkit-text-size-adjust:100%;
  position:relative;
  height:100%;
  color:#ffffff;
  font-family:ArialMT,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",メイリオ,sans-serif;
  font-size:14px;
  background:#ffffff url("../images/bg.jpg") left top repeat;
  background-size:295px 295px;
}
a {
  color:#ffffff;
  text-decoration:none;
}
img {
  /*max-width:100%;*/
}
a img {
  border:0;
}
.cb { clear:both !important; }

.cl:after {
	visibility:hidden;
	display:block;
	clear:both;
	height:0;
	font-size:0;
	content:" ";
	}
* html .cl             { zoom: 1; } /* IE6 */
*:first-child+html .cl { zoom: 1; } /* IE7 */

#container {
  min-width:320px;
  margin:0 auto;
}

.note {
	margin: 0 15px;
	color: #58280c;
	font-size: 12px;
	line-height: 140%;
}

/* ----------------------------------------------------------------------------------------------------
	Header
---------------------------------------------------------------------------------------------------- */
header {
  position:relative;
  width:320px;
  min-height:415px;
  background:transparent url("../images/top/header_bg.jpg") left top no-repeat;
  background-size:100% auto;
  margin:0 auto;
  padding:30px 0 0 0;
}
header h1 {
  width:280px;
  height:85px;
  margin:0 auto;
}
header ul {
  position:absolute;
  top:5px;
  width:100%;
}
header ul li.nt_logo {
  position:absolute;
  top:0;
  left:5px;
}
header ul li.ds_logo {
  position:absolute;
  top:0;
  right:5px;
}

.txtC{text-align:center; margin:20px 0 10px 0;}


/* ----------------------------------------------------------------------------------------------------
	Navi
---------------------------------------------------------------------------------------------------- */
nav {
  position:relative;
  width:320px;
  margin:-10px auto 0 auto;
}

nav p {
  width:100%;
  text-align:center;
  margin:40px auto 17px auto;
}

nav p:first-child{
    margin: 50px auto 17px auto !important;
}


nav ul {
  padding:0 6px;
}
nav ul li {
  float:left;
  margin:0 0 11px 0;
}
nav ul li:nth-of-type(2n) {
  float:right;
}


/* ----------------------------------------------------------------------------------------------------
	Pagetop
---------------------------------------------------------------------------------------------------- */
#pagetop {
  width:320px;
  text-align:center;
  margin:24px auto 0 auto;
}


/* ----------------------------------------------------------------------------------------------------
	SNS
---------------------------------------------------------------------------------------------------- */
#sns {
  width:320px;
  margin:33px auto 0 auto;
}
#sns ul {
  width:109px;
  margin:0 auto;
}
#sns ul li.twitter {
  float:left;
}
#sns ul li.facebook {
  float:right;
}


/* ----------------------------------------------------------------------------------------------------
	Footer
---------------------------------------------------------------------------------------------------- */
footer {
  width:100%;
  height:101px;
  background:transparent url("../images/footer_bg.png") left top repeat-x;
  background-size:320px 101px;
  margin:20px auto 0 auto;
}
footer .inner {
  width:320px;
  margin:0 auto;
  padding:38px 0 0 0;
}
footer .inner ul {
  width:100%;
  font-size:10px;
  margin:0 auto;
}
footer .inner ul li:nth-of-type(1) {
  float:left;
  width:11em;
  margin:0 0 0 25px;
}
footer .inner ul li:nth-of-type(2) {
  float:right;
  width:16em;
  margin:0 25px 0 0;
}
footer .inner ul li a {
  display:block;
  color:#ffffff;
  background:transparent url("../images/ic01.png") left 2px no-repeat;
  background-size:5px 9px;
  padding:1px 0 0 10px;
}
footer .inner p {
  color:#ffffff;
  font-size:12px;
  text-align:center;
  margin:10px 0 0 0;
}