@charset "Shift_JIS";

/* ------ 全体構造 ------ */
body{
  margin: 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  color: #446655;
  background: #ffffff;
}

#wrapper {
  margin: 0px auto;
  padding: 0px 0px 0px 12px;
  width: 750px;
  text-align: left;
  color: #666767;
  background:#ffffff;
}

#ray_photo{
  float: right;
  width: 150px;
}

#ray_txt{
  float: left;
  width: 340px;
}

#header {
  padding: 23px 0px 0px 0px;
  width: 750px;
  clear: both;
  vertical-align: bottom;
}

#r_contents {
  float: right;
  width: 530px;
  text-align:center;
}
#l_contents {
  float: left;
  width: 200px;
  text-align:center;
  background:url(../images/l_bg.jpg);
}
#u_contents {
  padding: 23px 0px 0px 0px;
  width: 750px;
  clear: both;
}
#footer {
  width: 750px;
  clear: both;
}
	
/* ------ リンクの設定 ------ */
a:link, a:visited {
  color: #3333ff;
  background: transparent; 
  text-decoration: none;
}
a:hover, a:active {
  color: #cc33ff;
  background: transparent; 
  text-decoration: none;
}

/* ------ ナビゲーション ------ */

/* ------ その他 ------ */
h1 {
  margin: 0px;
  padding: 10px 0px 10px 0px;
  background: #339988;
}
h1 img {
  vertical-align: bottom;
}
h2 {
  margin:0px 0px 0px 0px;
  text-align:center;
}
h2 img {
  vertical-align: top;
}
h2.eyecatch {
  margin: 20px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  border-top: double #99ffcc;
  border-bottom: double #99ffcc;
  width: 504px;
}

h3{
  margin: 0px;
  padding: 0px;
  font-size:82%;
  line-height:120%;
  font-weight:bold;
  text-align:left;
}

h3.tp_title {
  margin: 5px 0px 18px 0px;
  padding: 6px 0px 4px 7px;
  border-left: solid 5px #339988;
  border-bottom: double #99ffcc;
  color: #336644;
  width: 504px;
}

h3.l_menu {
  margin: 0px 0px 5px 0px;
  padding: 4px 0px 6px 7px;
  border-left: solid 3px #339988;
  border-bottom: double #99ffcc;
}

p{
  font-size:76%;
  line-height:130%;
  font-weight:normal;
  text-align: left;
  
}

p.contents_main {
  margin: 0px 10px 20px 0px;
  padding: 10px 0px 10px 10px;
  border-left: solid 5px #339988;
  color:#446655;
}
p.contents {
  margin: 0px 0px 20px 0px;
  padding: 5px 0px 5px 0px;
  width: 500px;
}
p.last_com {
  margin: 18px 0px 38px 0px;
  padding: 5px 0px 5px 0px;
  width: 500px;
  text-align: right;
  border-bottom: double #cccccc;
}
p.copy {
  background: #339988;
  margin: 0px 0px 38px 0px;
  padding: 10px 0px 5px 0px;
  text-align: center;
  font-size:82%;
  color: #ffffff;
  font-weight:bold;
  border-bottom: double #cccccc;
}
#copyright {
 font-size: 12px;
 line-height: 130%;
 text-align: left;
 margin:16px 20px 0px 20px;
 padding:15px 0px 0px 0px
}
#linklist {
 font-size: 11px;
 line-height: 100%;
 text-align: left;
 margin:10px 10px 15px 10px;
 border-top: dotted 1px #cccccc;
 border-bottom: double #cccccc;
 padding:10px 10px 8px 10px
}

ul{
margin: 0px;
padding: 0px;
list-style-type: none;
font-size : 76%;
line-height:130%;
text-align:left;
}

li{
margin:0px;
padding:0px;
text-align:left;
}

ul.menu{
margin: 0px 5px 24px 0px;
padding: 0px;
}

li.menu{
margin:0px;
padding:7px 0px 6px 5px;
border-bottom: dotted 1px #ccccff;
}

ul.contents{
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 10px;
list-style-type: none;
font-size : 76%;
line-height:130%;
}

li.contents{
margin: 0px;
padding: 8px;
border-bottom: dotted 1px #ccccff;
}

.txt_size{ font-size:76%; line-height:18px}

form {
	margin: 0px;
	padding: 0px;
}

#navi {
 font-size: 12px;
 line-height: 100%;
 text-align: right;
 margin:5px 0px 0px 0px;
 padding:7px 0px 5px 0px;
 border-top: dotted 1px #cccccc;
 border-bottom: dotted 1px #cccccc;
}

#header540 {
 width: 540px;
 border-bottom:double #cccccc;
 padding:20px 0px 5px 0px;
 text-align:right;
 vertical-align:bottom;
}

.txt_margin{
 margin: 5px 15px 20px 0px;
}

td{
text-align: left;
}

span{
 font-size: 76%;
 line-height: 130%;
}h3.subcont_title {

  margin: 5px 0px 18px;
  padding: 6px 0px 4px 7px;
  border-left: solid 5px #339988;
  border-bottom: double #99ffcc;
  color: #336644;
  width: 100%;
}