@charset "Shift_JIS";

/* 0.basic setting	[基本設定]		*/
/* 1.id_container	[全体レイアウト]	*/
/* 2.id_header	[ヘッダー部分]	*/
/* 3.id_contents	[メイン部分]	*/
/* 4.id_menu	[メニュー部分]	*/
/* 5.id_archive	[アーカイブエリア] 	*/
/* 6.id_footer	[フッター部分]	*/



/*---------------------------------------------------------------------*/
/* 0.basic_setting：[基本設定]
/*---------------------------------------------------------------------*/

body{
  margin:0px;
  padding:0px;
  color:#333333;
  font-size: 12px !important;
  background-color: #E8E8E8;
  font-family: Geneva, Arial, Helvetica, sans-serif;
}

p,h1,h2,h3,h4,h5,h6{
  margin:0px;
  padding:0px;
  font-size:10px;
}

a:link{
  color:#CC0000;
  text-decoration:none;
}

a:active{
  color:#CC0000;
  text-decoration:none;
}

a:visited{
  color:#CC0000;
  text-decoration:none;
}

a:hover{
  color:#CC0000;
  text-decoration:none;
}

img {
  border: 0;
}



/*---------------------------------------------------------------------*/
/* 1.id_container：[基本レイアウト]
/*---------------------------------------------------------------------*/

#container {
  width: 760px;
  background-image: url(images/background.gif);
}



/*---------------------------------------------------------------------*/
/* 2.id_header：[ヘッダーエリア]
/*---------------------------------------------------------------------*/

#header{
  float: left;
  width: 760px;
  background-image: url(images/header_diary.gif);
  background-repeat: no-repeat;
  height: 70px;
}

#header h1{
  margin:20px 0px 0px 500px;
  font-size:12px;
  color:#888888;
}

#header p{
  margin:0px 0px 0px 500px;
  font-size:12px;
  color:#888888;
}



/*---------------------------------------------------------------------*/
/* 3.id_contents：[メインコンテンツエリア]
/*---------------------------------------------------------------------*/

#contents{
  float:left;
  width:560px;
  padding:0px;
  margin:0px;
}

#contents h1{
  margin:10px 0px 10px 20px;
  font-size:12px;
  color:#666666;
}

/*---[diary]---*/
#diary{
  width:520px;
  text-align:left;
  margin:0px 0px 25px 20px;
}

/*---[diary_title]---*/
#title{
  width:520px;
  height:31px;
  margin:0px 0px 4px 0px;
  border-bottom:1px solid #CCCCCC;
}

#title h2{
  font-size:15px;
  color:#CC0000;
  margin:0px 0px 0px 0px;
/*  padding:4px 4px 0px 0px; */
}

#title h3{
  font-size:11px;
  margin:0px 0px 0px 0px;
/*  padding:0px 4px 0px 0px; */
}

#title_left{
  float:left;
  width:450px;
}

#title_right{
  float:right;
  width:70px;
}

#archive_title h2{
  width:520px;
  font-size:14px;
  margin:5px 0px 0px 0px;
}

#diary p{
  font-size:11px;
  margin:6px 0px 0px 4px;
}

/*---[go to archive]---*/
#diary_footer{
  text-align:right;
}

#diary_footer p{
  text-size:10px;
  color:#666666;
}

#diary_footer a:link{
  color:#666666;
  text-decoration:underline;
}

#diary_footer a:active{
  color:#666666;
  text-decoration:underline;
}

#diary_footer a:visited{
  color:#666666;
  text-decoration:underline;
}

#diary_footer a:hover{
  color:#CC0000;
  text-decoration:underline;
}

/*---[go to archive]---*/
#goto_archive{
  width:70px;
  margin:0px 0px 0px 20px;
  padding:0px 0px 0px 450px;
}

#goto_archive a{
  text-decoration: none;
  width:70px;
  height:15px;
  display: block;
  border: none;
  text-indent: -9999px;
  background-image: url(images/goto_archive.gif);
  background-repeat: no-repeat;
}

#goto_archive a:hover {
  background-image: url(images/goto_archive_f2.gif);
  background-repeat: no-repeat;
}

/*---[back to page top]---*/
#backto{
  width:520px;
  margin:0px 0px 10px 20px;
  padding:0px 0px 0px 0px;
  border-top:1px solid #AAAAAA;
}

#backto a{
  text-decoration: none;
  width:70px;
  height:15px;
  display: block;
  border: none;
  text-indent: -9999px;
  background-image: url(images/pagetop.gif);
  background-repeat: no-repeat;
}

#backto a:hover {
  background-image: url(images/pagetop_f2.gif);
  background-repeat: no-repeat;
}



/*---------------------------------------------------------------------*/
/* 4.id_menu：[メニューエリア]
/*---------------------------------------------------------------------*/

#menu{
  float: right;
  width: 200px;
  text-align:left;
  margin:0px 0px 0px 0px;
  padding:10px 0px 0px 0px;
}

#menu ul{
  margin:0px 0px 10px 0px;
  padding:0px;
}

#menu li{
  list-style-position: outside;
  list-style-type: none;
}

#menu h3{
  text-decoration: none;
  width: 185px;
  height: 25px;
  text-indent: -9999px;
  background-repeat: no-repeat;
}

#menu li a{
  margin:0px;
  padding:0px;
  text-decoration: none;
  width: 185px;
  height: 25px;
  display: block;
  border: none;
  text-indent: -9999px;
  background-repeat: no-repeat;
  position: relative; /* for WinIE6*/
}

#menu h3.menu_contents{
  background-image: url(images/menu_contents.gif);
  background-repeat: no-repeat;
}

#menu .home a{
  background-image: url(images/menu_00.gif);
  background-repeat: no-repeat;
}
#menu .home a:hover {
  background-image: url(images/menu_00_f2.gif);
  background-repeat: no-repeat;
}

#menu .information a{
  background-image: url(images/menu_01.gif);
  background-repeat: no-repeat;
}
#menu .information a:hover {
  background-image: url(images/menu_01_f2.gif);
  background-repeat: no-repeat;
}

#menu .result a{
  background-image: url(images/menu_02.gif);
  background-repeat: no-repeat;
}
#menu .result a:hover {
  background-image: url(images/menu_02_f2.gif);
  background-repeat: no-repeat;
}

#menu .history a{
  background-image: url(images/menu_03.gif);
  background-repeat: no-repeat;
}
#menu .history a:hover {
  background-image: url(images/menu_03_f2.gif);
  background-repeat: no-repeat;
}

#menu .movie a{
  background-image: url(images/menu_04.gif);
  background-repeat: no-repeat;
}
#menu .movie a:hover {
  background-image: url(images/menu_04_f2.gif);
  background-repeat: no-repeat;
}

#menu .works a{
  background-image: url(images/menu_05.gif);
  background-repeat: no-repeat;
}
#menu .works a:hover {
  background-image: url(images/menu_05_f2.gif);
  background-repeat: no-repeat;
}

#menu .links a{
  background-image: url(images/menu_06.gif);
  background-repeat: no-repeat;
}
#menu .links a:hover {
  background-image: url(images/menu_06_f2.gif);
  background-repeat: no-repeat;
}

#menu h3.menu_communication{
  background-image: url(images/menu_communication.gif);
  background-repeat: no-repeat;
}

#menu .diary a{
  background-image: url(images/menu_07.gif);
  background-repeat: no-repeat;
}
#menu .diary a:hover {
  background-image: url(images/menu_07_f2.gif);
  background-repeat: no-repeat;
}

#menu .bbs a{
  background-image: url(images/menu_08.gif);
  background-repeat: no-repeat;
}
#menu .bbs a:hover {
  background-image: url(images/menu_08_f2.gif);
  background-repeat: no-repeat;
}

#menu .ks a{
  background-image: url(images/menu_11.gif);
  background-repeat: no-repeat;
}
#menu .ks a:hover {
  background-image: url(images/menu_11_f2.gif);
  background-repeat: no-repeat;
}

#menu .ganryu a{
  background-image: url(images/menu_12.gif);
  background-repeat: no-repeat;
}
#menu .ganryu a:hover {
  background-image: url(images/menu_12_f2.gif);
  background-repeat: no-repeat;
}

#menu .cs a{
  background-image: url(images/menu_13.gif);
  background-repeat: no-repeat;
}
#menu .cs a:hover {
  background-image: url(images/menu_13_f2.gif);
  background-repeat: no-repeat;
}

#menu .kashin a{
  background-image: url(images/menu_14.gif);
  background-repeat: no-repeat;
}
#menu .kashin a:hover {
  background-image: url(images/menu_14_f2.gif);
  background-repeat: no-repeat;
}

#menu .das a{
  background-image: url(images/menu_15.gif);
  background-repeat: no-repeat;
}
#menu .das a:hover {
  background-image: url(images/menu_15_f2.gif);
  background-repeat: no-repeat;
}


/*---------------------------------------------------------------------*/
/* 5.id_archive：[アーカイブエリア]
/*---------------------------------------------------------------------*/
#archive{
  width: 520px;
  text-align:left;
  margin:0px 0px 0px 20px;
/*  padding:4px 4px 20px 4px; */
/*  margin:0px 0px 0px 20px;
  padding:10px 0px 0px 0px; */
}

#archive a:link{
  color:#CC0000;
  text-decoration:underline;
}

#archive a:active{
  color:#CC0000;
  text-decoration:underline;
}

#archive a:visited{
  color:#CC0000;
  text-decoration:underline;
}

#archive a:hover{
  color:#ff0000;
  text-decoration:underline;
}

#archive ul{
  margin:0px 0px 10px 25px;
}

#archive li{
	list-style-type:square;
	color: #999999;
}

.archives_info a{
  text-decoration: none;
  width:510px;
  height:25px;
  display: block;
  border: none;
  text-indent: -9999px;
  background-image: url(images/archives_info.gif);
  background-repeat: no-repeat;
}

.archives_info a:hover {
  background-image: url(images/archives_info_f2.gif);
  background-repeat: no-repeat;
}



/*---------------------------------------------------------------------*/
/* 6.id_footer：[フッターエリア]
/*---------------------------------------------------------------------*/

#footer{
  width: 760px;
  background-image: url(images/footer.gif);
  background-repeat: no-repeat;
  height: 30px;
}

#footer p{
  text-align:right;
  margin:0px 20px 0px 0px;
  font-size:10px;
  color:#999999;
}

/*---------------------------------------------------------------------*/
/* 7.id_etc：[その他エリア]
/*---------------------------------------------------------------------*/
#comment_area{
  width:500px;
  margin:0px 0px 0px 30px;
}

#comment_area h3{
  font-size:13px;
  color:#666666;
  border-bottom:1px solid #CCCCCC;
}

#comment_body{
  font-size:12px;
}


#comment_name{
  font-size:11px;
  text-align:right;
  color:#8888FF;
  margin:0px 0px 10px 0px;
}



#textbox{
  width:490px;
  margin:0px 0px 0px 40px;
}