﻿@charset "utf-8";

html,body {
  width: 960px;
  margin: 0 auto;
}

/*--Reset-----------------------------------------------------------*/
a {
  text-decoration: none;
}
img {
  border: none;
}
ul {
  list-style: none;
}
#wrapper {
  margin: 0 auto;
  padding: 20px;
}

/*--Text------------------------------------------------------------*/
body {
  font-size: 12px;
  line-height: 1.5;
  font-family: "メイリオ", "Hiragino Kaku Gothic Pro", sans-serif;
  color: #333333;
  background: #fff;
}
h1 {  
  font-weight: normal;
  text-align: right;
  font-size: 12px;
}
h2 {
  font-weight: normal;
  font-size: 12px;
}

/*--Link------------------------------------------------------------*/

/*--HTML5-----------------------------------------------------------*/
article,aside,details,footer,header,hgroup,menu,nav,section,summary {
  display: block;
}
/*--header-----------------------------------------------------------*/
#header_01 {
width: 960px;
height: 120px;
margin: 0 auto;
text-align: left; 
background-image: url(../img/t_01.jpg);
background-position: left top; 
background-repeat: no-repeat;
}
#header_02 {
width: 960px;
height: 120px;
margin: 0 auto;
text-align: left; 
background-image: url(../img/t_02.jpg);
background-position: left top; 
background-repeat: no-repeat;
}
#header_03 {
width: 960px;
height: 120px;
margin: 0 auto;
text-align: left; 
background-image: url(../img/t_03.jpg);
background-position: left top; 
background-repeat: no-repeat;
}
#header_04 {
width: 960px;
height: 120px;
margin: 0 auto;
text-align: left; 
background-image: url(../img/t_04.jpg);
background-position: left top; 
background-repeat: no-repeat;
}

/*--contents-----------------------------------------------------------*/
#contents {
overflow: hidden;
width: 960px;
margin: 0 auto 10px auto;
}

/*--column1-----------------------------------------------------------*/
#column1 {
float: right;
width: 720px;
}

/*--column2-----------------------------------------------------------*/
#column2 {
float: left;
width: 220px;
}
#column2 {
  width: 90px;
  margin-top: 10px;
  padding: 0 0 0 30px;
  text-indent: -999em;
}
#column2 ul {
  width: 110px;
  height: 240px;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#column2 li {
  float: left;
  margin: 0px;
  padding: 0px;
}
#column2 a {
  display: block;
  text-decoration: none;
}
#column2 li.menu1 a {
  background: url(../img/nav.gif) -0px 0px no-repeat;
  display: block;
  width: 22px;
  height: 240px;
}
#column2 li.menu2 a {
  background: url(../img/nav.gif) -22px 0px no-repeat;
  display: block;
  width: 22px;
  height: 240px;
}
#column2 li.menu3 a {
  background: url(../img/nav.gif) -44px 0px no-repeat;
  display: block;
  width: 22px;
  height: 240px;
}
#column2 li.menu4 a {
  background: url(../img/nav.gif) -66px 0px no-repeat;
  display: block;
  width: 22px;
  height: 240px;
}
#column2 li.menu5 a {
  background: url(../img/nav.gif) -88px 0px no-repeat;
  display: block;
  width: 22px;
  height: 240px;
}
#column2 li.menu1 a:hover {
  background: url(../img/nav_hover.gif) -0px 0px no-repeat;
  display: block;
  width: 22px;
  height: 240px;
}
#column2 li.menu2 a:hover {
  background: url(../img/nav_hover.gif) -22px 0px no-repeat;
  display: block;
  width: 22px;
  height: 240px;
}
#column2 li.menu3 a:hover {
  background: url(../img/nav_hover.gif) -44px 0px no-repeat;
  display: block;
  width: 22px;
  height: 240px;
}
#column2 li.menu4 a:hover {
  background: url(../img/nav_hover.gif) -66px 0px no-repeat;
  display: block;
  width: 22px;
  height: 240px;
}
#column2 li.menu5 a:hover {
  background: url(../img/nav_hover.gif) -88px 0px no-repeat;
  display: block;
  width: 22px;
  height: 240px;
}

/*--footer-----------------------------------------------------------*/
#footer {
width: 960px;
margin: 0px auto;
padding-top: 70px;
text-align: center;
}

/* ninja delete
--------------------------------------------- */
.tdftad {
  display: none;
}