@charset "euc-jp";
/***********************************************************************
	TAMON用css
	
	作成:delta (http://www.9fubs.net/)
	
	目次:
	
	1 - 汎用
	2 - 構造/レイアウト
	                       
************************************************************************/

/***********************************************************************
	1 - 汎用                       
************************************************************************/

body {
  text-align: center;
  font: 13px "Osaka","ＭＳ ゴシック",  sans-serif;
  color: #686868;
  background: url("../img/back.gif") top left repeat-x;
  line-height: 18px;
}

html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, input, select, div, p, img, table, hr, td { 
  margin: 0; 
  padding: 0; 
}

.dis_none {
  display:none;
}

img { 
  border: 0;
  display: block;
}

a:link {
		COLOR: #773000;text-decoration: underline;
		}
a:visited {
		COLOR: #773000;text-decoration: underline;
		}
a:active {
		COLOR: #666666;TEXT-DECORATION: none; border:none;
		}
a:hover {
		COLOR: #666666;TEXT-DECORATION: none; border:none;
}

.notice a:link {
		COLOR: #ff6a12;TEXT-DECORATION: none;
		}
.notice a:visited {
		COLOR: #ff6a12;TEXT-DECORATION: none;
		}
.notice a:active {
		COLOR: #ff6a12;TEXT-DECORATION: underline;
		}
.notice a:hover {
		COLOR: #ff6a12;TEXT-DECORATION: underline;
}

img:link {
		COLOR: #666666;TEXT-DECORATION: none; border:none;
		}
img:visited {
		COLOR: #666666;TEXT-DECORATION: none; border:none;
		}
img:active {
		COLOR: #666666;TEXT-DECORATION: none; border:none;
		}
img:hover {
		COLOR: #666666;TEXT-DECORATION: none; border:none;
}

.clear {
  clear: both;
}

.left { 
  text-align: left;
 }

.right { 
  float: right;
  margin: 10px 0px;
 }

.ceter { 
  text-align: center;
 }

.cbox { 
  zoom: 100%;
}

.cbox:after {
  content: " "; 
  clear: both; 
  height: 0; 
  display: block; 
  visibility: hidden;
}

.annotation { 
  vertical-align:super;
  font-size: 9px;
  color: #ff6912;
  margin-left: 2px;
}

.caption {
  font-size: 12px;
  line-height: 16px;
}

em {
  font-weight: bold;
  font-family: 'Arial black', 'Tahoma', sans-seri;
}

/***********************************************************************
	2 - 構造レイアウト
************************************************************************/

#container {
  position: relative;
  margin: 0 auto;
  width: 780px;
  text-align: center;
}

#index-container {
  position: relative;
  margin-left: 20px;
  width: 800px;
  text-align: center;
}

#header { 
  position: relative;
  margin-top: 20px;
 }

#logo {
  position: relative;
  float: left;
  width: 166px;
  height: 29px;
}

#index-logo {
  position: relative;
  float: left;
  margin-top: 200px;
  width: 800px;
}

#index-logo .ver,
#index-logo img {
  float: left;
}

#index-logo .ver {
  font-size: 25px;
  color: #000000;
  font-family: 'Arial black', 'Tahoma', sans-seri;
}

#index-logo .beta {
  font-size: 35px;
  font-style: italic;
  color: #c60029;
}

#index-top-navi {
  position: relative;
  float: left;
  margin-top: 10px;
  width: 800px;
}

#index-content {
  position: relative;
  float: left;
  text-align: left;
  margin-top: 10px;
  width: 800px;
}

.new { 
padding: 1px 3px;
background: #ed1c24;
color: #fff;
font-size: 11px;
 }

#top-navi {
  position: relative;
  float: right;
  margin-top: 5px;
  width: 350px;
}

#main {
  position: relative;
  float: left;
  margin-top: 5px;
  width: 780px;
  text-align: left;
}

#footer {
  border-top: 1px solid #ccc;
  position: relative;
  clear: both;
  width: 780px;
  height: 50px;
  margin-top:10px;
  text-align: center;
}

/***********************************************************************
	2 -　header
************************************************************************/

#top-navi ul { 
  position: relative;
}

#top-navi li {
  position: relative;
  float: right;
  margin-left: 15px;
 }

#top-navi li a:link {
  display: block;
  color: #fff;
  background: #666;
  padding: 2px 5px;
  text-decoration: none;
 }

#top-navi li a:visited {
  display: block;
  color: #fff;
  background: #666;
  padding: 2px 5px;
  text-decoration: none;
}

#top-navi li a:active {
  display: block;
  color: #fff;
  background: #333;
  padding: 2px 5px;
  text-decoration: none;
}

#top-navi li a:hover {
  display: block;
  color: #fff;
  background: #ff6912;
  padding: 2px 5px;
  text-decoration: none;
}

#index-top-navi ul { 
  position: relative;
}

#index-top-navi li {
  position: relative;
  float: left;
  margin-right: 15px;
 }

#index-top-navi li a:link {
  display: block;
  color: #fff;
  background: #666;
  padding: 2px 5px;
  text-decoration: none;
 }

#index-top-navi li a:visited {
  display: block;
  color: #fff;
  background: #666;
  padding: 2px 5px;
  text-decoration: none;
}

#index-top-navi li a:active {
  display: block;
  color: #fff;
  background: #333;
  padding: 2px 5px;
  text-decoration: none;
}

#index-top-navi li a:hover {
  display: block;
  color: #fff;
  background: #ff6912;
  padding: 2px 5px;
  text-decoration: none;
}

/***********************************************************************
	3 -　content
************************************************************************/

#main h2 { 
  margin-top: 20px;
  border-left: 10px #111 solid;
  padding-left: 5px;
  font-size: 16px;
  line-height: 16px;
  color: #111;
}

#main h2.headline {
  line-height: 16px;
  border-left: 10px #f00 solid;
}

#main .headline .inner {
  background: #fff;
  padding: 0px 5px;
  line-height: 16px;
}

#main h3 { 
  font-family: 'Arial black', 'Tahoma', sans-seri;
  margin-top: 10px;
  font-size: 40px;
  line-height: 40px;
} 

#main h4 { 
  margin: 15px 0px;
  border-left: 5px #ccc solid;
  padding-left: 5px;
} 

#main h5 { 
  margin: 15px 0px;
  margin-left: 15px;
  border-left: 5px #ff6912 solid;
  padding-left: 5px;
  line-height: 15px;
  font-size: 15px;
}

#main p.field { 
  font-size: 13px;
  margin-left: 15px;
}

#main .field img {
  border: 1px #ccc solid;
  padding: 2px;
}

#main .f_title{
  font-size: 15px; 
}

#main ul.f-set{
  margin-left: 15px;
  font-size: 13px; 
}

#main .f_list,
#main .f_ex {
  line-height: 25px; 
}

#main .f_list{
  margin-left: 20px; 
}

#main .sub_title {
  margin-top: -3px; 
  font-size: 14px;
}

#main .description { 
  font-size: 13px;
  width: 80%;
}

#main table { 
  margin-top: 10px;
  width: 780px;
}

#main tr {
  background: url("../img/border.gif") bottom left repeat-x;
  }

#main th,
#main td { 
  padding: 5px;
}

#main thead { 
  font-size: 11px;
}

#main th { 
  width: 120px;
  vertical-align: top;
}

#main th #first-letter{ 
  width: 120px;
  border-left: 5px #eee solid;
}

#main .td_sh {
  width: 150px;
}

#main .notice{
  font-size: 13px;
  }

#main .s_name { 
  font-size: 11px;
}

#main p {
  margin-top: 10px; 
  font-size: 13px;
}

#main ul { 
  font-size: 11px;
  margin: 5px 0px;
}

#main li { 
  margin-left: 5px;
}

#main .th_list img {
  float: left;
  border: 1px solid #ccc;
  padding: 5px;
  margin-right: 20px;
}

#main .ann {
  color: #ff6912;
}

#main #gmap {
  width: 780px;
  /* height: 482px; */
  height: 380px;
  margin-top: 10px;
}

#main #print {
  float: right;
  font-size: small;
  margin-top: 5px;
}

#print a:link {
  display: block;
  color: #fff;
  padding: 0px 5px;
  background: #f00;
  text-decoration: none;
 }

#print a:visited {
  display: block;
  color: #fff;
  background: #f00;
  padding: 0px 5px;
  text-decoration: none;
}

#print a:active {
  display: block;
  color: #fff;
  background: #f00;
  padding: 0px 5px;
  text-decoration: none;
}

#print a:hover {
  display: block;
  color: #f00;
  background: #fff;
  padding: 0px 5px;
  text-decoration: none;
}


/***********************************************************************
	4 -　product background
************************************************************************/

.moegi {
  background: url("../img/tmp_moegi_logo.jpg") top left no-repeat;
 }