@charset "Shift_JIS";

/* INFO
--------------------------------------------------
   CSS File for "ドリコムブログ"
   Date:     2010-03-31
==================================================
1.Global
2.Layout
3.Header
4.Fotter
5.Contents


----------------------------------------------- */

/* 1.Global
----------------------------------------------- */
/* 基本タグの初期化（原則追加変更不可）
------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td{margin:0;padding:0;}
body{font:13px/1.231 "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;}
img{border:0;}
address,caption,cite,strong,th{font-style:normal;font-weight:normal;}
select,input,button,textarea,button{font:99% "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}


body {
  margin: 0 auto;
  color: #666;
  background-color: #FFFFFF;
}

p {
  line-height: 1.3;
}

/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1px;
}
/* End hide from IE-mac */


/* 基本リンク色
------------------------------------*/
a:link {
  color: #666666;
  text-decoration: none;
}
a:visited {
  color: #709d16;
  text-decoration: none;
}
a:hover {
  color: #f47861;
  text-decoration: underline;
}
a:active {
  color: #666666;
  text-decoration: underline;
}


/* 2.Layout
----------------------------------------------- */
#container {
  margin: 0 auto;
  width: 750px;
  background: url(/images/close/bg.gif) repeat-y center top;
}


/* 3.Header
----------------------------------------------- */
#header {
  position: relative;
  height: 145px;
  background: url(/images/close/header.gif) no-repeat left top;
}

#header h1 {
  display: none;
}

#header a {
  position: absolute;
  top: 60px;
  left: 586px;
  width: 104px;
  height: 31px;
  text-indent: -9999px;
  background: url(/images/close/btn_login.gif) no-repeat left top;
}

#header a:link,
#header a:visited {
  background: url(/images/close/btn_login.gif) no-repeat left top;
}

#header a:hover,
#header a:active {
  background: url(/images/close/btn_login.gif) no-repeat left bottom;
}


/* 4.Fotter
----------------------------------------------- */
#footer {
  margin: 0 auto;
  padding: 25px 0 5px 25px;
  width: 725px;
  background: url(/images/close/footer_bg.gif) no-repeat center top;
}

#footer a {
  float: left;
  width: 96px;
  height: 14px;
  display: block;
  text-indent: -9999px;
  background: url(/images/close/footer_logo.gif) no-repeat left top;
}

#copyright {
  float: right;
  text-align: right;
  font-size: 80%;
}



/* 5.Contents
----------------------------------------------- */
.letter01 {
  padding: 47px 0 0 123px;
  height: 253px;
  background: url(/images/close/letter01.gif) no-repeat left top;
}

.letter02 {
  text-indent: -9999px;
  height: 649px;
  background: url(/images/close/letter02.jpg) no-repeat 31px top;
}

.linkCont {
  position: relative;
  width: 750px;
  height: 304px;
  background: url(/images/close/site.gif) no-repeat left top;
}

.linkCont p {
  text-indent: -9999px;
}

.link01 {
  position: absolute;
  top: 197px;
  left: 230px;
  width: 120px;
  height: 60px;
  text-indent: -9999px;
}

.link02 {
  position: absolute;
  top: 197px;
  left: 394px;
  width: 120px;
  height: 60px;
  text-indent: -9999px;
}

.blogLink {
  position: relative;
  height: 30px;
}

.blogLink a {
  position: absolute;
  top: 10px;
  left: 462px;
  width: 271px;
  height: 15px;
  text-indent: -9999px;
  background: url(/images/close/blog.gif) no-repeat left top;
}