@charset "UTF-8";
html,body,form { margin:0; padding:0;}

body { background:#000; font-family:Meiryo,'メイリオ',Verdana, Geneva, sans-serif;}

img {border:none;}
h2 { margin-top:0;}

#Cotainer { width:1126px; margin:50px auto ; background:url(img/bg1.jpg) repeat-y; min-height:300px; border:3px solid #f9c; position:relative; z-index:0; padding:40px 0 0; }

.jewel { position:absolute; left: 0px; top: 200px; z-index:2;}
.logo {position:absolute; bottom:0; z-index:3;}
.addr { position:absolute; bottom:25px; left:740px; font-weight:bold; color:#19396C; z-index:4; font-size:14px; font-size:12px;}
.caution {position:absolute; bottom:-35px; left:530px; width:600px;}

#inBox { background:#FDFFD6; width:1052px; margin:0 auto 90px; position:relative; padding:10px 0; z-index:5 }

 #Cotainer.narrow { width:890px; padding:40px 35px; }
 #Cotainer.narrow #inBox { width:861px; padding:10px; }

.ribon { position:absolute; left: -17px; top: -25px; z-index:10; }



#Frame { width:1033px; margin:20px auto 10px; }

#Frame.top {background:url(img/bg2.gif) repeat-y top right;}

#Frame.page {background:url(img/bg3.gif) repeat-y top right; color:#fff;}

.fBox {background:url(img/f2-trans.png) repeat-y;}
.fTop { background:url(img/f1-trans.png) no-repeat; padding:46px 49px 0 52px; }

.fTop2 {background:url(img/frm_t-trans.png) no-repeat;padding:46px 49px 0 52px;}
.fBox2 {background:url(img/frm_m-trans.png) repeat-y;}
.inBox2 {padding:0 49px 0 52px;}

#Contents.g { background:url(img/bg_ga.jpg) repeat-y; min-height:500px;}
#Contents.s { background:#fff;min-height:500px;}



#lBox { width:160px; float:left; background:url(img/bg_l-trans.png) no-repeat; min-height:600px;  }

.naviBox { position:relative;  padding-top:10px;z-index:30;}

#rBox { width:760px; float:right; padding-bottom:10px;}

.topics { background:url(img/bg_new.png) no-repeat; width:220px; padding:42px 8px 8px; height:96px; font-size:11px;}


#lBox ul {color:#600; font-size:small;background:rgba(255,255,255,0.5);margin:10px; padding:1em 1em 1em 2em;}
#lBox ul li { line-height:100%; }
#lBox li a:link,
#lBox li a:visited,
#lBox li a:active { text-decoration:underline;}
#lBox li a:hover,
#lBox li a:focus { text-decoration:none;}



#pages { margin:10px 20px 0;}

#pages h3 { background:url(img/bg_h3.jpg) no-repeat; padding:15px 0 5px 70px; color:#FFC;}
#pages p {margin-left:20px;font-size:small;}

.unit,
#pages dl { margin:0 2em; padding: 0.5em; background:rgba(255,255,255,0.1);

	border-radius: 2px;        
    -webkit-border-radius:2px;     
    -moz-border-radius: 2px;
	
	box-shadow: 1px 1px 5px #fff;
	-moz-box-shadow: 1px 1px 5px #fff;
	-webkit-box-shadow: 1px 1px 5px #fff;
	}
#pages dt { font-weight:bold; line-height:110%; font-size:small; margin-bottom:5px; color:#f60;}
#pages dd {line-height:130%; font-size:smaller; margin-bottom:5px;}

#pages a { color:#F9F;}
#pages a:link,
#pages a:active { text-decoration:underline;}
#pages a:visited { color:#C9F;}
#pages a:hover,
#pages a:focus { text-decoration:none;}

.tbl1 {border-collapse:collapse; margin-left:20px;font-size:small; width:600px; margin:0 auto;}
.tbl1 tr { }
.tbl1 th { vertical-align:top; padding-left:2em; padding-right:0.5em; text-align:right;border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
.tbl1 td { padding-left:2em; padding-right:0.5em;border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}

small { font-size:90%; color:#CC0; text-decoration:underline;}

ul.links { list-style:none; margin:0; padding:1em 0 0; text-align:center; font-size:small;}
ul.links li { display:inline; padding:0 5px;}

#Frame.page ul.links li a,
#Frame.page ul.links li a:link { color:#CFF;}