/*----------------------------------------------------------
 - DEFAULT STYLE
----------------------------------------------------------*/
body {
  background-image: url(../images/base02.gif);
  background-attachment: fixed;
  font-size: 0.8em;
  line-height: 1.4em;
  font-weight: normal;
  color: #333;
  text-align: left;
  font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 0.8em;
  line-height: 1.5em;
  font-weight: bold;
  color: #0000ff;
  margin: 0;
  padding: 0 ;
  border: none;
}
h2 {
  font-size: 1.2em;
  line-height: 1.6em;
  font-weight: bold;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 'Times New Roman', Times, serif;
  color: #0000ff;
  margin: 0;
  padding: 0;
  border: none;
}
h3 {
  font-size: 1.0em;
  line-height: 1.4em;
  font-weight:normal;
  color: #339999;
  margin: 0;
  padding: 0 ;
  border: none;
}
h4 {
  font-size: 1.4em;
  line-height: 1.6em;
  color: #000;
  background-color: #e6e6e6;
  border-left: 8px solid #0000ff;
  margin: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 10px;
}

p {
  margin: 0;
  padding: 0;
}

a:link {
  text-decoration: none;
  color: #00f;
}
a:visited {
  text-decoration: none;
  color: #333399;
}
a:active {
  text-decoration: none;
  color :#333399;
}
a:hover {
  color: #f0f;
  text-decoration: underline;
  /*background-color: #FFFF00;*/
}

.l {
  text-align: left;
}
.c {
  text-align: center;
}
.r {
  text-align: right;
}
.j {
  text-align: justify;
}
.t {
  vertical-align: top;
}
.m {
  vertical-align: middle;
}
.b {
  vertical-align: bottom;
}


/*----------------------------------------------------------
 - FONT
----------------------------------------------------------*/
.text {
  color: #333;
  font-size: 0.9em;
  line-height: 1.6em;
}
.notice {
  color: #cc3366;
  font-size: 0.9em;
  line-height: 1.4em;
  font-weight: bold;
}
.notice2 {
  color: #333;
  font-size: 0.9em;
  line-height: 1.4em;
}
.bloger {
  color: #cc3366;
  font-size: 0.8em;
  line-height: 1.4em;
  font-weight: bold;
}
.bloger2 {
  color: #333;
  font-size: 0.7em;
  line-height: 1.4em;
}


/*----------------------------------------------------------
 - background
----------------------------------------------------------*/
td.title {
  background-image: url(../images/title01.gif);
}


/*----------------------------------------------------------
 - layout
----------------------------------------------------------*/
/*layout clear*/
.clearfloat { 
  clear: both;
  height: 0;
  line-height: 0px;
}

/*layout base*/
div#base {
  background-color: #fff;
  width: 960px;
  margin: auto;
  padding: 0;
  border: 0;
}

/*layout head*/
div#head{
  margin: 0 auto;
  text-align: left;
  width: 960px;
}
div#head ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div#head li{
  margin: 0;
  padding: 0;
  float: left;
}
/*layout menu*/
div#menu{
  margin: 0 auto;
  text-align: left;
  width: 960px;
}
div#menu ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div#menu li{
  margin: 0;
  padding: 0;
  float: left;
}
#menu li a:hover {
  filter: alpha(opacity=50);
  opacity: 0.6;
}

/*layout contents*/
div#con {
  background-color: #fff;
  width: 920px;
  margin: auto;
  padding: 0;
  border: 0;
}
/*layout con_left*/
div#con_left {
  float: left;
  width: 450px;
  margin: auto;
  padding: 0;
  border: 0;
}
/*layout con_right*/
div#con_right {
  float: right;
  width: 450px;
  margin: auto;
  padding: 0;
  border: 0;
}

/*layout pickup*/
div#pickup {
  width: 450px;
  margin: auto;
  padding: 0;
  border: 0;
}

/*layout touroku*/
div#touroku {
  width: 450px;
  margin: auto;
  padding: 0;
  border: 0;
}

/*layout google*/
div#google {
  width: 450px;
  margin: auto;
  padding: 0;
  border: 0;
  text-align: center;
}

/*layout tet*/
div#tweet1 {
  width:450px;
  margin:auto;
  padding:0;
  border:0;
}
div#tweet {
  width:450px;
  margin:auto;
  padding:0;
  border:0;
}
#tweet li {
margin-bottom:　5px;
}

/*layout footer*/
div#footer {
  background-color:#fff;
  width:960px;
  margin:auto;
  padding:0;
  border:0;
}