@charset "Shift_JIS";

/* --------------------- Basic ------------------*/
body 	{
  width:auto;
  color: #eee;
  background-color: #000; 
  font-size: 1.0em;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","S PGothic",sans-serif,Osaka ;
  }

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:720px;
  text-align: center;
  margin-left:auto;
  margin-right:auto;
  }

#HeaderArea	{
  height: 160px;
  }

#ContentsArea	{
  }

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

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


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

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

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

table.menuTable {
  width: 720px; 
  font-size: 1.0em;
  font-weight: bold;
  border-style: none;
  }


/* --------------------- for report page ----------*/
/* ------------- photo instruction ----------*/
.report_photo img     { width: auto;   height: auto;   margin-top: 50px; } 
.report_photo600 img  { width: 600px;  height: auto;   margin-top: 50px; } 
.report_photo400 img  { width: 400px;  height: auto;   margin-top: 50px; } 

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


/* ------------- page instruction ----------*/
.fall_description	{ font-size: 0.9em; line-height: 1.7em; margin: 40px 0px  0px 0px; }
.mont_description	{ font-size: 0.9em; line-height: 1.7em; margin: 40px 0px 40px 0px; }
.photo_description	{ font-size: 0.9em; line-height: 1.7em; margin: 40px 0px 40px 0px; }
.ben_description	{ font-size: 0.9em; line-height: 1.7em; 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: 1.1em; 
  padding:6px 0px 6px 15px;
  margin: 40px 0px 0px 0px; 
  text-align: left; 
  color : #eee;
  background-color: #666;
  border-left: 8px solid #333;
  }

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

.report_date	{
  font-size: 0.9em; 
  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: 50px; } 
.test_2 img	{ width: 100%;  height: auto; margin-top: 50px; } 




/* --------------------- Common ------------------*/
h1.pagetitle	{
  font-weight: bold;
  font-size: 1.4em;
  padding: 6px 0px;
  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: 1.0em; line-height: 1.0em; text-align: right; }


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


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

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

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

.box-gry { 
  border: 1px solid #ccc !important;
  background-color: #333 !important;
  color: #eee;
  padding: 14px 30px;
  text-align: left;
  }











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


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


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


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




/* ------- List Table Area  for fall List  -------*/
.table_fall	{
  width: 720px;	
  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.8em; 
  padding: 5px 2px;
  font-weight: normal;
  color: #ccc;
  background-color: #000;
  border: 1px solid #666;
  }




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

td.post11	{ color: #666;  font-size: 1.0em;  line-height: 1.2em;  font-weight: bold;	text-align: left;   vertical-align: bottom;  width: 420px;  padding: 0px 0px 0px 0px; }
td.post12	{ color: #666;  font-size: 0.8em;  line-height: 1.2em;  font-weight: normal;	text-align: right;  vertical-align: bottom;  width: 300px;  padding: 0px 0px 0px 0px; }

td.post13	{ color: #666;  font-size: 1.0em;  line-height: 1.2em;  font-weight: bold;	text-align: left;   vertical-align: bottom;  width: 420px;  padding: 0px 0px 0px 120px; }
td.post14	{ color: #666;  font-size: 0.8em;  line-height: 1.2em;  font-weight: normal;	text-align: right;  vertical-align: bottom;  width: 300px;  padding: 0px 120px 0px 0px; }

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

td.post30	{ color: #666;  font-size: 0.8em;  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: 720px;	margin: 0px auto 0px auto; }




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


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


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


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














.test {
  font-size: 1.2rem;

  font-weight: 600;

  border-left: 8px solid #2F53A8;

  border-bottom: 1px solid #2F53A8;

  padding:4px 10px 4px 10px;

  background: url();

  font-weight: 600;
  font-size: 1.2em;
  padding:4px 0px;
  line-height: 2.2em;
  background-color: #333;
  border-bottom: 2px #999 solid;

}