A:link    { color:#000000; text-decoration:none; }
A:visited { color:#777788; text-decoration:none; }
A:hover   { color:#999999; position:relative; left:1px; top:1px; text-decoration:none; }
h1        { font-size:20px; color:#FFFFFF; margin: 0px 0px 0px 0px;}
h2        { font-family:ＭＳＰ 明朝;                             margin:  0px 0px 0px 0px; text-align:left;   font-size: 100%; color:#CDCDCD; }
h3        { font-family:ＭＳＰ 明朝;                             margin:  0px 0px 0px 0px; text-align:left;   font-size: 115%; color:#003399; }
h4        { font-family:ＭＳＰ 明朝; width:200px; height:  30px; margin: 10px 0px 3px 0px; text-align:center; font-size: 115%; color:#FFFFFF; padding: 6px 0px 2px 0px; background-color:#293142; }

BODY {font-family : "ＭＳ Ｐ明朝","MS PMincho" ;}

table,td {
font-size:12px;
color: #888888;
line-height:16px;
vertical-align:middle;
}

li {
list-style-image: url("soz/li.gif");
}

.margin {
margin : 0px ;
padding : 0px ;
}

.header {
width : 860px ;
height : 78px ;
background : #0A51A1 ;
font-size:10px;
text-align : center ;
}

#ptop {
	width : 860px ;
	text-align : center ;
	background : #FFFFFF ;
	padding : 5px 0px 5px 0px ;
	margin : 0px ;
	font-size : 16px ;
	color : #343434 ;
	font-weight : bold ;
}
#outline {
width : 860px ;
text-align : left ;
border : solid 0px #9898C8 ;
background : #FFFFFF ;
font-size:12px;
color:#666666;
line-height:18px;
}

.middle {
width : 860px ;
background : #FFFFFF ;
}

.main {
width : 660px ;
background : #FFFFFF ;
float : right ;
}

.side {
width : 200px ;
height: auto;
background : #FFFFE1 ;
float : left ;
margin : 10px 0px 0px 0px ;
}

.footer {
clear : both;
width : 860px ;
background : #FFFFFF ;
background-image:url(../soz/banner_CB_860-120P.png);
background-repeat: no-repeat;
text-align : left ;
font-size:11px;
color:#FFFFFF;
height : 120px ;
margin-top:2px;
padding : 10px 0px 0px 10px;
}

#bottomr {
width : 860px ;
background : #FFFFFF ;
float : right ;
font-family:ＭＳＰ 明朝;
margin:  0px 0px 0px 0px;
text-align:right;
font-size: 10px;
}

.ptitle {
background-color:#FFFA5D;
text-align : center;
font-size:14px;
color:#B06602;
padding:10px 0px 1px 0px;
margin:0px 0px 10px 0px;
}

.bgmoji {
background-color:#FFFFB1;
background-image:url(../soz/white.gif);
text-align : center;
font-weight: bold;
font-size:50px;
color:#FFFF00;
padding:20px 0px 1px 0px;
margin:0px 0px 10px 26px;
}


#m600	{
  width : 550px ;
  height: 300px;
  padding: 20px 0 0 20px;
  position: relative;
  left: 70px;
  top : 10px;
}
#m600 p {
  position: absolute;
  left: 320px;
  top :  85px;
}

#info4  {
	background-color: #FFEA0D;
        border:#cccccc 0px solid;
        font-size:10px;
        color:#7777BB;
        overflow:auto;
        width:170px;
        height:33px;
        line-height:15px;
        padding-top:0px;
	margin:20px 0px 0px 0px;
        text-align: right;
}

#info5  {
	width : 600px ;
	height : 200px ;
	margin:10px 0px 20px 30px;
	padding:0px 25px 20px 0px;;
	border:#FFEF5D 0px solid;
	font-size:13px;
	color:#777777;
	line-height:18px;
	text-align : left ;
	overflow-y:auto;
	overflow-x:hidden;
	scrollbar-face-color: #ffefa9;
	scrollbar-track-color: #fff8dc;
	scrollbar-arrow-color: #ffffff;
	scrollbar-highlight-color: #fff8dc;
	scrollbar-shadow-color: #ffea79;
	crollbar-3dlight-color: #ffebcd;
	scrollbar-darkshadow-color: #8b0000;
}

#kop660 {
  width : 660px ;
  float : left ;
  text-align : center;
}

#kop300 {
  float : left ;
  width : 300px ;
}

#kop280 {
  width  : 280px ;
  margin : 20px 0px 0px 30px;
}

#kop280b {
  width  : 280px ;
  margin : 20px 0px 0px 0px;
}

#kop300r {
  width : 300px ;
  float : right ;
}

#kop290 {
  width  : 290px ;
  text-align : left;
  margin : 20px 10px 0px 0px;
}

#kop290w {
  width  : 270px ;
  text-align : left;
  margin : 20px 10px 0px 20px;
}

#kop645b {
  width : 645px ;
  float : left ;
  text-align : center;
  margin : 0px 0px 0px 5px;
}


#p01	{
font-size:16px;
color:#003399;
line-height: 22px;
text-align : center;
margin:0px 0px 35px 0px;
}

#p02	{
font-size : 14px;
color : #888888;
line-height : 30px;
text-align  : left;
padding : 10px 0px 0px 0px;
margin:0px 70px 10px 70px;
}

#p03	{
font-size:12px;
color:#888888;
line-height: 18px;
text-align : left;
padding:0px 20px 0px 20px;
margin:0px 70px 30px 80px;
}

#p04	{
font-size:11px;
color:#888888;
text-align : right;
padding-right:10px;
margin:0px 0px 0px 20px;
}

#p05	{
font-size:12px;
color:#555555;
text-align : center;
line-height:30px;
padding-right:10px;
margin:150px 50px 200px 50px;
}

#p06	{
font-size:12px;
color:#555555;
text-align : center;
line-height:30px;
padding-right:10px;
margin:30px 50px 50px 50px;
}

#p10	{
font-size:14px;
color:#888888;
text-align : center;
}

#p104	{
font-size:14px;
color:#888888;
text-align : center;
margin:20px 0px 50px 0px;
}

  #p104 img {margin : 10px 0 10px 0;}

#p105	{
font-size:14px;
text-align : center;
margin:10px 0px 10px 0px;
}

#p106	{
text-align : center;
margin:0px 0px 10px 0px;
}

#p11	{
font-size:12px;
color:#888888;
text-align : left;
}

#p21	{
font-size:16px;
color:#003399;
line-height: 22px;
text-align : center;
margin:10px 0px 5px 0px;
}

#p22	{
font-size:11px;
color:#888888;
text-align : left;
margin:0px 5px 50px 25px;
}

#main01	{
font-size:11px;
color:#888888;
text-align : left;
padding:0px 0px 0px 0px;
margin: 10px 15px 0px 15px;
}

#main01in{
width : 300px;
float : left ;
font-size:11px;
color:#888888;
text-align : left;
margin:0px 7px 0px 7px;
}

#main02	{
font-size:11px;
color:#888888;
text-align : left;
margin:0px 0px 0px 15px;
}

#main02in{
width : 200px;
float : left ;
font-size:11px;
color:#888888;
text-align : left;
margin:0px 5px 0px 5px;
}

#maink1in{
width : 300px;
height: 215px;
float : left ;
font-size:11px;
color:#888888;
text-align : left;
line-height: 20px;
padding-top: 40px;
margin:0px 7px 0px 7px;
}

#maink2in{
width : 630px;
float : left ;
font-size:11px;
color:#888888;
text-align : left;
}

#maink3in{
float : left ;
font-size:11px;
color:#888888;
text-align : left;
margin: 10px 0px 0px 50px;
}

#maink4in{
width : 630px;
float : center ;
font-size:11px;
color:#888888;
text-align : center;
}

#side00 {
font-size:12px;
color:#888888;
text-align : center;
padding-top : 10px ;
}

#side01	{
width : 80px;
float : left ;
font-size:11px;
color:#333377;
text-align : left;
margin:0px 0px 0px 20px;
}

#side02	{
width : 80px;
float : right ;
font-size:11px;
color:#333377;
text-align : left;
margin:0px 10px 0px 0px;
}

#side01k {
width : 70px;
float : left ;
font-size:11px;
color:#888888;
text-align : left;
margin:0px 0px 0px 20px;
}

#side02k {
width : 70px;
float : right ;
font-size:11px;
color:#888888;
text-align : left;
margin:0px 10px 0px 0px;
}

#side03 {
width : 180px;
font-size:11px;
color:#888888;
margin:10px 0px 0px 0px;
}

#p12	{
clear : both;
font-size:11px;
color:#888888;
text-align : left;
padding : 30px 0px 30px 0px ;
margin : 0px 0px 0px 30px ;
}

/*入力モードを強制的半角に（IE以外のブラウザでは無効となる場合あり）*/
.han    { ime-mode: disabled; } 

/*TABLEに関する設定*/
th,td { font-size: 90%; }

#jirei	{
width:320px;
font-size:11px;
color:#888888;
text-align : center;
padding : 5px 10px 30px 10px;
margin : 0px 0px 0px 0px;
}

/*HOMEボタンに関する設定*/
.btn { font-size: 90%; cursor: hand; background-color: #0A51A1; color: #ffffff;
border: 3px double #121212; }


/*（？）のポップアップ表示*/
.popup div {
	display:block;            /*ブロック形式で表示*/
	top:-10000px;             /*画像を画面外に飛ばす*/
	left:-10000px;            /*画像を画面外に飛ばす*/
	position:absolute;        /*絶対位置への配置*/
	filter:Alpha(opacity=80); /*半透明[IE]*/
	opacity: 0.8;             /*半透明[FireFox]*/
	background-color:#cc6633; /*背景色*/
	color: #fff;              /*文字色*/
	padding: 5px;             /*パディング*/
}
.popup a:hover {
	position:relative; /*相対位置への配置*/
}
.popup a:hover div {
	top:20px;  /*ポップアップ時の表示位置*/
	left:10px; /*ポップアップ時の表示位置*/
}





@-moz-document url-prefix() {
	input,select {
	font-family: "Yu Gothic UI", "Meiryo UI";
	}
}
