@charset "Shift_JIS";

/* --------------------- Basic ------------------*/
body 	{
  width:auto;
  color: #eee;
  background-color: #000; 
  font-size: 1.12em;
  font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN","S PGothic",Osaka,sans-serif ;
  }

a:link		{ color: #ccffff;	text-decoration: none; }
a:visited	{ color: #ccffff;	text-decoration: none; }
a:hover		{ color: #00ffff;	text-decoration: none; }
a:active	{ color: #ccffff;	text-decoration: none; }



/* --------------------- Structure ------------------*/
#Container	{
  width: auto;
  text-align: center;
  margin-left: 0px;
  margin-right:0px;
  }

#HeaderArea	{ 

  }

#ContentsArea	{
  }

#AdsenseArea	{font-size: 0.9em; margin: 50px auto; }
.adsense_pc	{display: none; }
.adsense_smart	{ }

#FooterArea	{
  background-color: #333;
  color: #ccc;
  font-size: 0.5em;
  line-height: 2.0em;
  }


/* --------------------- Menu Structure ------------------*/
#MenuArea	{padding-left: 30px; margin: 40px 0px; }

.menu		{
  text-align: left;
  font-weight: bold;
  font-size: 1.0em;
  line-height: 2.5em;
  }

.menu a:link		{ color: #999; }
.menu a:visited		{ color: #999; }
.menu a:hover		{ color: #fff; }
.menu a:active		{ color: #fff; }

table.menuTable {
  width: 80%; 
  font-size: 0.7em;
  font-weight: bold;
  border-style: none;
  }


/* --------------------- for report page ----------*/
/* ------------- photo instruction ----------*/
.report_photo img     { width: 100%;   height: auto;  margin-top: 40px; } 
.report_photo600 img  { width: 100%;   height: auto;  margin-top: 40px; } 
.report_photo400 img  { width: 100%;   height: auto;  margin-top: 40px; } 

.report_description	{ font-size: 0.8em; line-height: 1.5em; margin: 10px 0px;  color: #eee; text-align: left; }
.report_note		{ font-size: 0.8em; line-height: 1.5em; margin: 10px 0px;  color: #eee; text-align: center; }


/* ------------- page instruction ----------*/
.fall_description	{ font-size: 0.8em; line-height: 1.5em; margin: 40px 0px  0px 0px; }
.mont_description	{ font-size: 0.8em; line-height: 1.5em; margin: 40px 0px 40px 0px; }
.photo_description	{ font-size: 0.8em; line-height: 1.5em; margin: 40px 0px 40px 0px; }
.ben_description	{ font-size: 0.8em; line-height: 1.5em; margin: 40px 0px 40px 0px; }

.tower_description	{ font-size: 0.9em; margin-bottom: 40px; color: #F36; text-align: center; }
.dam_description	{ font-size: 0.9em; margin-bottom: 40px; color: #F36; text-align: center; }


.report_fallname	{
  font-size: 0.8em; 
  padding:3px 0px 3px 15px;
  margin: 40px 0px 0px 0px; 
  text-align: left; 
  color : #eee;
  background-color: #666;
  border-left: 8px solid #333;
  }

.report_fallaccess	{
  font-size: 0.8em; 
  padding:3px 0px 3px 15px;
  margin: 40px 0px 0px 0px; 
  text-align: left; 
  color : #ff0;
  background-color: #666;
  border-left: 8px solid #ff0;
  }

.report_date	{
  font-size: 0.75em; 
  padding: 2px 0px 2px 0px;
  margin: 20px 0px 0px 0px; 
  text-align: right; 
  color : #999;
  background-color: #000;
  border-bottom: 1px solid #333; 
  }


.hyakusen 	{color: #f00; }		/* for fall Page */
.townname	{color: #ff0; }		/* for fall Page */
.rivername	{color: #ff0; }		/* for fall DAM */




/* ------------- photo instruction ----------*/
.test_1 img	{ width: auto; height: auto; margin-top: 40px; } 
.test_2 img	{ width: 100%; height: auto; margin-top: 40px; } 




/* --------------------- Common ------------------*/
h1.pagetitle	{
  font-weight: bold;
  font-size: 1.0em;
  line-height: 2.2em;
  color: #ccc; 
  background-color: #333;
  border-bottom: 2px #999 solid;
  }

hr.hr720	{border-width: 2px 0 0 0; border-style: solid; border-color: #999; }


.justified_left		{text-align: left; }
.justified_center	{text-align: center; }
.justified_right	{text-align: right; }

.lastUD		{color: #666; font-size: 0.75em; line-height: 1.0em; text-align: center; }


.topimage img    { width: 100%; height: auto; margin: 30px 0px; }    /* for Pagetop   image */
.fitimage img    { width: 100%; height: auto; }                      /* for PhotoBook image */


.box-blu	{
  border: 1px solid #0ff !important;
  background-color: #dff !important;
  color: #000;
  padding: 0% 2%;
  text-align: left;
  }

.box-yel {
  border: 1px solid #ff0 !important;
  background-color: #ffd !important;
  color: #000;
  padding: 0% 2%;
  text-align: left;
  }

.box-red { 
  border: 1px solid #f00 !important;
  background-color: #fdd !important;
  color: #000; 
  padding: 0% 2%;
  text-align: left;
  }

.box-gry { 
  border: 1px solid #eee !important;
  background-color: #333 !important;
  color: #eee;
  padding: 0% 2%;
  text-align: left;
  }











/* ------- List Table Area  for Profile -------*/
.table_prof	{ 
  width: 100%;	
  font-size: 0.8em;
  border: 1px solid #666;
  border-collapse: collapse;
 }
.table_prof th {
  padding: 6px 6px;
  text-align: center;
  vertical-align: center;
  color: #eee; 
  background-color: #333;
  border: 1px solid #666;
  }
.table_prof td {
  padding: 6px 6px;
  text-align: left;
  vertical-align: center;
  color: #ccc; 
  background-color: #000;
  border: 1px solid #666;
  }


/* ------- List Table Area  for tower List  -------*/
.table_tower	{ 
  width: 100%;	
  vertical-align: center;  
  border-collapse: collapse;
  }
.table_tower th	{
  font-size: 0.8em; 
  font-weight: normal;
  padding: 4px 2px;
  color: #eee;
  background-color: #333;
  border: 1px solid #666;
  }
.table_tower td	{
  font-size: 0.8em; 
  font-weight: normal;
  padding: 4px 2px;
  color: #ccc;
  background-color: #000;
  border: 1px solid #666;
  }


/* ------- List Table Area  for mont List  -------*/
.table_mont	{ 
  width: 100%;	
  vertical-align: center;  
  border-collapse: collapse;
  }
.table_mont th	{
  font-size: 0.8em; 
  font-weight: normal;
  padding: 4px 2px;
  color: #eee;
  background-color: #333;
  border: 1px solid #666;
  }
.table_mont td	{
  font-size: 0.7em; 
  font-weight: normal;
  padding: 4px 2px;
  color: #ccc;
  background-color: #000;
  border: 1px solid #666;
  }


/* ------- List Table Area  for DAM List  -------*/
.table_dam	{
  width: 100%;	
  vertical-align: center;  
  border-collapse: collapse;
  }
.table_dam th	{
  font-size: 0.8em; 
  padding: 4px 2px;
  font-weight: normal;
  color: #eee;
  background-color: #333;
  border: 1px solid #666;
  }
.table_dam td	{
  font-size: 0.75em; 
  padding: 4px 2px;
  font-weight: normal;
  color: #ccc;
  background-color: #000;
  border: 1px solid #666;
  }




/* ------- List Table Area  for fall List  -------*/
.table_fall	{
  width: 100%;
  vertical-align: center;  
  border-collapse: collapse;
  }
.table_fall th	{
  font-size: 0.8em; 
  padding: 5px 2px;
  font-weight: normal;
  color: #eee;
  background-color: #333;
  border: 1px solid #666;
  }
.table_fall td	{
  font-size: 0.7em; 
  padding: 5px 2px;
  font-weight: normal;
  color: #ccc;
  background-color: #000;
  border: 1px solid #666;
  }




/* ------- List Table Area  for PhotoBook   -------*/
table.photobook	{ width: 100%;	margin: 60px 0px 60px 0px; }

td.post11	{ color: #666;  font-size: 0.7em;  line-height: 1.2em;  font-weight: bold;	text-align: left;   vertical-align: bottom;  width: 60%;  padding: 0px 0px 0px 0px; }
td.post12	{ color: #666;  font-size: 0.6em;  line-height: 1.2em;  font-weight: normal;	text-align: right;  vertical-align: bottom;  width: 40%;  padding: 0px 0px 0px 0px; }

td.post13	{ color: #666;  font-size: 0.7em;  line-height: 1.2em;  font-weight: bold;	text-align: left;   vertical-align: bottom;  width: 60%;  padding: 0px 0px 0px 0px; }
td.post14	{ color: #666;  font-size: 0.6em;  line-height: 1.2em;  font-weight: normal;	text-align: right;  vertical-align: bottom;  width: 40%;  padding: 0px 0px 0px 0px; }

td.post20	{ padding: 2px 0px; }

td.post30	{ color: #666;  font-size: 0.6em;  line-height: 1.0em;  font-weight: normal;	text-align: center;  vertical-align: top;	padding: 0px 0px 0px 0px; }

hr.postline	{ color: #333333;  background-color: #333333;  	border: none;  	height: 1px;	width: 100%;	margin: 0px auto 0px auto; }




/* ------- List Table Area  for Okayama_ben  -------*/
.table_ben	{
  width: 100%;
  vertical-align: center;
  border-collapse: collapse;
 }
.table_ben th	{ 
  font-size: 0.8em;
  padding: 4px 2px;
  font-weight: normal;
  color: #eee;
  background-color: #666;
  border: 1px solid #333;
 }
.table_ben td	{
  font-size: 0.7em;
  padding: 4px 2px;
  line-height: 1.4em;
  font-weight: normal;
  color: #ccc;
  background-color: #000;
  border: 1px solid #333;
 }


/* ------- List Table Area  for Link  -------*/
.table_link	{
  width: 100%;  
  vertical-align: center;
  border-collapse: collapse;
 }
.table_link th	{ 
  font-size: 1.0em;
  padding: 4px 0px;
  font-weight: strong;
  color: #eee;
  background-color: #333;
  border: 0px solid #666;
 }
.table_link td	{
  font-size: 1.0em;
  padding-top: 8px;
  font-weight: normal;
  color: #ccc;
  background-color: #000;
  border: 0px;
 }


/* ------- List Table Area  for Guitar and Camera List NOW -------*/
.table_listnow	{ 
  width: 100%;
  vertical-align: center;
  border-collapse: collapse;
 }
.table_listnow th	{ 
  font-size: 0.7em;
  padding: 4px 10px;
  font-weight: normal;
  color: #eee;
  background-color: #333;
  border: 0px;
 }
.table_listnow td	{
  font-size: 0.7em;
  padding: 4px 4px;
  font-weight: normal;
  color: #ccc;
  background-color: #000;
  border: 0px;
 }


/* ------- List Table Area  for Guitar and Camera List PAST -------*/
.table_listpast	{ 
  width: 100%;
  vertical-align: center;
  border-collapse: collapse;
 }
.table_listpast th	{ 
  font-size: 0.7em;
  padding: 4px 10px;
  font-weight: normal;
  color: #666;
  background-color: #666;
  border: 0px;
 }
.table_listpast td	{
  font-size: 0.7em;
  padding: 4px 4px;
  font-weight: normal;
  color: #666;
  background-color: #000;
  border: 0px;
 }


















/* --------------------- XXXXXXX ------------------*/

.title		{font-size: 34px; font-weight: bold; margin-top: 20px; }
.title_sub	{font-size: 18px; font-weight: bold; margin-top: 10px; color : #333; }

.copylight	{font-size: 16px; font-weight: bold; text-decoration: underline; }
.copylight_sub	{font-size: 14px; font-weight: bold; margin-top: 10px; color : #eee; }



table.ListTable { width: 100%; font-size: 16px; font-weight: bold; }
tr.toptable  	{  }
td.toptable1	{ width: 38%; text-align: right; line-hight: 1; padding: 8px 0px; }
td.toptable2	{ width: 8%; text-align: center; line-hight: 1; padding: 8px 0px; }
td.toptable3	{ width: 54%; text-align: left;  line-hight: 1; padding: 8px 0px; color:#0ff;  }