@charset "UTF-8";

/* ////////////////////////////////////////////////////////////////////
  Color Travel Guide CSS
  2010.04.10: lastup
//////////////////////////////////////////////////////////////////// */

/* ////////////////////// reset /// */
html, body, div,
p, h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dt, dd,
pre, blockquote, form, fieldset, input, textarea {
  margin: 0;
  padding: 0;
}
fieldset, abbr, acronym, img {
  border: 0;
}
address, caption, cite, code,
dfn, em, strong,
th, var {
  font-style: normal;
  font-weight: normal;
}
ol, ul {
  list-style: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before, q:after {
  content: '';
}
abbr, acronym {
  border: 0;
}
select, input, textarea {
  font: 99%; /* for IE6 */
}
code {
  font-family: monospace;
  font-size: 115%;
  *font-size: 100%; /* for IE7 */
}

/* ////////////////////// body  /// */
body {
  margin: 0;
  text-align: left;
  color: #000000;
  font-size: 13px;
  line-height: 13px;
  *font-size: small: /* for IE7 */
  *font: x-small;  /* for IE6 */
  background: #ffffff;
}

/* ////////////////////// common /// */
div#header {
  width: 950px;
  height: 99px; 
  text-align: left;
}
div#header #sitename {
  padding: 25px 0 0 65px;
}
div#wrapper {
  width: 950px;
  text-align: left;
}
div#globalnav {
  padding: 0 0 0 96px;
  width: 55px;
  text-align: left;
  float: left;
}
div#globalnav ul {
  width: 55px;
  height: 110px;
  background: url(images/globalnav_bg.gif) no-repeat;
}
div#globalnav li a {
  height: 22px;
  display: block;
  text-indent: -9877em;
  text-decoration: none;
  overflow: hidden;
}
div#globalnav li.photo a {
  background: url(images/globalnav.gif) no-repeat 0 0;
  width: 55px;
}
div#globalnav li.photo a:hover {
  background: url(images/globalnav.gif) no-repeat -55px 0;
}
div#globalnav li.photo_on a {
  background: url(images/globalnav.gif) no-repeat -55px 0;
  width: 55px;
}
div#globalnav li.profile a {
  background: url(images/globalnav.gif) no-repeat 0 -22px;
  width: 55px;
}
div#globalnav li.profile a:hover {
  background: url(images/globalnav.gif) no-repeat -55px -22px;
}
div#globalnav li.profile_on a {
  background: url(images/globalnav.gif) no-repeat -55px -22px;
  width: 55px;
}
div#globalnav li.archive a {
  background: url(images/globalnav.gif) no-repeat 0 -44px;
  width: 55px;
}
div#globalnav li.archive a:hover {
  background: url(images/globalnav.gif) no-repeat -55px -44px;
}
div#globalnav li.archive_on a {
  background: url(images/globalnav.gif) no-repeat -55px -44px;
  width: 55px;
}
div#globalnav li.contact a {
  background: url(images/globalnav.gif) no-repeat 0 -66px;
  width: 55px;
}
div#globalnav li.contact a:hover {
  background: url(images/globalnav.gif) no-repeat -55px -66px;
}
div#globalnav li.contact_on a {
  background: url(images/globalnav.gif) no-repeat -55px -66px;
  width: 55px;
}
div#globalnav li.link a {
  background: url(images/globalnav.gif) no-repeat 0 -88px;
  width: 55px;
}
div#globalnav li.link a:hover {
  background: url(images/globalnav.gif) no-repeat -55px -88px;
}
div#globalnav li.link_on a {
  background: url(images/globalnav.gif) no-repeat -55px -88px;
  width: 55px;
}
div#contents {
  width: 799px;
  text-align: left;
  float: left;
}
div#contents:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
div#footer {
  width: 950px;
  text-align: right;
  clear: both; 
}

/* ////////////////////// photo /// */
div#photo {
  padding: 0 0 11px 101px;
  width: 445px;
  font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro W3','ＭＳ Ｐ明朝','MS PMincho,',serif;
  text-align: left;
}
div#photo h1 {
  padding: 7px 0 7px;
}
div#photo img {
  padding: 0 0 7px;
}
div#subnav {
  margin: 0 0 0 200px;
  width: 445px;
  height: 22px;
  text-align: left;
  background: url(images/subnav_bg.gif) no-repeat;
}
div#subnav ul {
  width: 46px;
  height: 22px;
}
div#subnav ul li {
  margin: 0;
  padding: 0;
  width: 23px;
  height: 22px;
  float: left;
}
div#subnav li a {
  width: 23px;
  height: 22px;
  display: block;
  text-indent: -9877em;
  text-decoration: none;
  overflow: hidden;
}
div#subnav ul li.new a {
  background: url(images/subnav.gif) no-repeat 0 0;
  width: 23px;
}
div#subnav ul li.new a:hover {
  background: url(images/subnav.gif) no-repeat 0px -22px;
  width: 23px;
}
div#subnav ul li.old a {
  background: url(images/subnav.gif) no-repeat -23px 0;
  width: 23px;
}
div#subnav ul li.old a:hover {
  background: url(images/subnav.gif) no-repeat -23px -22px;
  width: 23px;
}
div#subnav:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* ////////////////////// profile /// */
div#profile {
  width: 799px;
  text-align: left;
}
div#profile h1 {
  padding: 78px 0 123px 190px;
}

/* ////////////////////// archive /// */
div#archive {
  position: relative;
  width: 461px;
  height: 456px;
  padding: 73px 0 0 124px;
  text-align: left;
}
div#archive:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
div#archive ul {
  position: absolute;
  width: 461px;
  top: 118px;
}
div#archive ul li {
  padding: 0 18px 34px 0;
  width: 135px;
  height: 70px;
  float: left;
}
div.archive_nextyear {
  padding: 0 0 73px 0;
  width: 461px;
  text-align: left;
}
div.archive_nextyear dl {
  padding: 0 0 0 124px;
  width: 461px;
}
div.archive_nextyear dl:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
div.archive_nextyear dl dt {
  padding: 73px 0 31px 0;
}
div.archive_nextyear dl dd {
  padding: 0 18px 34px 0;
  width: 135px;
  height: 70px;
  float: left;
}

/* ////////////////////// link /// */
div#link {
  font-family: "osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック","メイリオ", "Meiryo", "sans-serif";
}
div#link a:link, a:visited, a:active {
  color: #000000;
  text-decoration: none;
}
div#link a:hover {
  color: #999999;
}
div#link ul {
  padding: 133px 0 198px 276px;
}
div#link ul li {
  padding: 0 0 20px;
}

/* ////////////////////// count /// */
div#count{
  positioncount relative;
  width: 461px;
  height: 456px;
  padding: 73px 0 0 124px;
  text-align: left;
  line-height: 30px;
}
div#count:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}