﻿@charset "utf-8";
/*テキストWeb用スタイルシート 
  名前.標準スタイルシート
  Copyright 2000(C) by 高知システム開発
    ※CSS2.0で記述しているため、対応可能ブラウザはIE5.0、他はほとんどNG
*/

html,body {
	width:100%;
	height:100%;
	font-size:130%;
	line-height:1.5;
}

.key {
	height: 1.3en;
	min-width: 20px;
	padding: 0 10px;
	margin: 5px 10px;
	background: #EDEDED;
	border-radius: 8px;
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.5);
	color: #0;
	font-size: 100%;
	font-family: arial;
	font-weight: normal;
	text-align: center;
	line-height: 1.3en;
	display: inline-block;	
}


p,li{ 
	text-indent: 0px;
	margin-left: 60px;
	margin-right: 60px;
	margin-top: 10px ;
	margin-bottom: 10px 
}

#textbox {
	width:100%;
	height:auto;
  	padding:1px 0;
	max-width:980px;
	background-color: #FFFFFF; 
	display:block;
	margin:0 auto;
	border-radius: 20px
}

a{  padding-left: 10px; padding-right: 10px;
	padding-top: 1px; padding-bottom: 1px;
	text-decoration:none;
	border-radius: 20px
}
a:link  	{ color: #0055AA }
p.link1     { text-indent: 80em; margin-top: 1px; margin-bottom: 0px }
a:visited   { color: #0055AA }
a:hover     { color: #FFFFFF; background-color: #0055AA  }
a:active  	{ color: #FFFFFF; background-color: #0055AA  }
a:focus		{ border-style:solid ;border-width:4pt; border-color:#FF0000; outline:none }



body
{
	color: #000000; 						
	font-family: "UD Shin Maru Go Medium";
	font-weight: normal; 
	background-color: #D0D0D0; 

	margin: 0 0; 
	padding: 0 0;
}

div
{
	background-attachment: scroll; 
	background-repeat: repeat-y; 
	background-position: right 	
}



div.top { BACKGROUND-IMAGE: url('images/kabegamim.gif') }
div.top1 { BACKGROUND-IMAGE: url('images/kabegami1m.gif') }
div.top2 { BACKGROUND-IMAGE: url('images/kabegami2m.gif') }
div.top3 { BACKGROUND-IMAGE: url('images/kabegami3m.gif') }
div.top4 { BACKGROUND-IMAGE: url('images/kabegami4m.gif') }
div.top5 { BACKGROUND-IMAGE: url('images/kabegami5m.gif') }
div.top6 { BACKGROUND-IMAGE: url('images/kabegami6m.gif') }
div.top9 { BACKGROUND-IMAGE: url('images/kabegami9m.gif') }




p.tab0       { margin-left: 0px; margin-right: 60px }
p.tab1       { margin-left: 30px; margin-right: 60px}
p.tab2       { margin-left: 60px; margin-right: 60px }
p.tab3       { margin-left: 120px; margin-right: 60px  }
p.ntab0      { margin-left: 0px; margin-top: 7pt; margin-bottom: 7pt ;margin-right: 60px }
p.ntab1      { margin-left: 30px; margin-top: 7pt; margin-bottom: 7pt ;margin-right: 60px }
p.ntab2      { margin-left: 60px; margin-top: 7pt; margin-bottom: 7pt  ;margin-right: 60px }
p.ntab3      { margin-left: 100px; margin-top: 7pt; margin-bottom: 7pt ;margin-right: 60px }
p.warning    { color: #FF0000; font-family:"UD Shin Maru Go DemiBold"; margin-left: 0px  }
strong.revtop, strong.revtop1, strong.revtop2, strong.revtop3, strong.revtop4, strong.revtop5, strong.revtop6, strong.revtop9
{
	font-size: 150%;
	color: #FFFFFF;
	border-style: solid
}
strong.revtop  { background-color: #0066FF }
strong.revtop1 { background-color: #008000 }
strong.revtop2 { background-color:rgb(249,142,227) }
strong.revtop3 { background-color:rgb(32,210,184) }
strong.revtop4 { background-color:rgb(233,92,184) }
strong.revtop5 { background-color:rgb(53,14,156) }
strong.revtop6 { background-color:rgb(236,148,40) }
strong.revtop9 { background-color:rgb(255,0,0) }

strong.rev, strong.rev1, strong.rev2, strong.rev3, strong.rev4
{color: #FFFFFF; background-color: #008000; font-family:"UD Shin Maru Go DemiBold";  border-style: solid }
strong.rev2  { background-color: #008000;  }
strong.rev3  { background-color: #000080;  }
strong.rev4  { background-color: #800000;  }
strong.look  { color: #D56A00; font-family:"UD Shin Maru Go DemiBold" }
strong.bigtitle { color: #800000; font-size: 150%; font-family: Century; letter-spacing: -6pt; 
               font-family:"UD Shin Maru Go DemiBold" }
strong.addtitle { color: #006600; letter-spacing: -1pt; font-family:"UD Shin Maru Go DemiBold"}

h1, h2, h3, h4, h5, h6
{
	margin-right: 40px; margin-left: 60px;
	font-family: "UD Shin Maru Go DemiBold"
}
h1           {
	font-size: 150%;
	margin-left: 20px;
	margin-right: 60px;
	color: #000080;
	margin-top: 14pt;
	margin-bottom: 12pt
}
h2           { font-size: 130%; text-indent: 0px; color: #6500A8; 
               margin-top: 14pt; margin-bottom: 12pt; margin-left: 40px; margin-right: 60px }
h2.tab1      { font-size: 130%; text-indent: 0px; 
                margin-top: 14pt; margin-bottom: 12pt; margin-left: 60px; margin-right: 60px}
h3           { font-size: 120%; text-indent: 0px;  color: #057358; 
               margin-left: 60px; margin-right: 60px ; margin-top: 10pt; 
               margin-bottom: 8pt}
h4           { font-size: 110%; text-indent: 0px;  color: #000080; 
               margin-top: 10pt; margin-bottom: 8pt; margin-right: 40px }

hr {  height: 3px; margin-left: 60px;margin-right: 60px ; margin-top: 0px; margin-bottom: 0px;
border-width: 1px; color: #C0C0C0;margin-right: 60px; 
	border: thin solid #C0C0C0; background-color: #C0C0C0;
	border-radius: 5px}
hr.tab0      {
	margin-left: 20px;
	margin-right: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-width: 4px;
	border-radius: 5px;
}
hr.tab1      { border-width: 2px; color: #C0C0C0; margin-left: 30px; margin-right: 60px; margin-top: 0px; margin-bottom: 0px }
hr.tab2      { border-width: 2px; color: #C0C0C0; margin-left: 60px; margin-right: 60px; margin-top: 0px; margin-bottom: 0px }
hr.ntab0      { background-image: url('images/line0.gif'); border-style: solid ; margin-right: 60px; margin-top: 18px; margin-bottom: 18px }
hr.ntab1      { border-width: 2px; color: #C0C0C0; margin-left: 30px;margin-right: 60px;margin-top: 18px; margin-bottom: 18px }
hr.ntab2      { border-width: 2px; color: #C0C0C0; margin-left: 60px;margin-right: 60px ;margin-top: 18px; margin-bottom: 18px }
hr.tabm {border-width: 0px; margin-left: 60px;margin-right: 60px ;margin-top: 0px; margin-bottom: 0px;
border: hidden;background-color: #FFFFFF; height: 0px
}

div { margin-left:10px}
div.l1 {margin-left:40px }
div.l2 {margin-left:70px}

img {	border: 0px}

select { text-indent: 0px;
	margin-left: 60px; margin-right: 0px; 
	margin-top: 4pt; margin-bottom: 4pt;
	background-color: #FFFFE0 ; 
	color: #000000 
	
}
input { line-height: 22pt; text-indent: 0px;
	margin-left: 60px; margin-right: 0px; 
	margin-top: 4pt; margin-bottom: 4pt;
	background-color: #FFFFE0 ; 
	color: #000000 
}

textarea { line-height: 22pt; text-indent: 0px;
	margin-left: 60px; margin-right: 0px; 
	margin-top: 4pt; margin-bottom: 4pt;
	width: 80%;
	background-color: #FFFFE0 ; 
	color: #000000 
}
/*------------■■[ 320 x 480 ]■■------------*/

@media only screen 
    and (max-width:480px)  
    { 

#textbox {
	width:100%;
	height:auto;
  	padding:4px 4px;
	max-width:480px;
	background-color: #FFFFFF; 
	display:block;
	margin:0 0;
}


body
{
	background-color: #FFFFFF; 
	margin: 0 0; 
	padding: 0 0 
}

/*壁紙*/
div.top { BACKGROUND-IMAGE: url('images/kabegamis.gif') }
div.top1 { BACKGROUND-IMAGE: url('images/kabegami1s.gif') }
div.top2 { BACKGROUND-IMAGE: url('images/kabegami2s.gif') }
div.top3 { BACKGROUND-IMAGE: url('images/kabegami3s.gif') }
div.top4 { BACKGROUND-IMAGE: url('images/kabegami4s.gif') }
div.top5 { BACKGROUND-IMAGE: url('images/kabegami5s.gif') }
div.top6 { BACKGROUND-IMAGE: url('images/kabegami6s.gif') }
div.top9 { BACKGROUND-IMAGE: url('images/kabegami9s.gif') }

/*インデント(段落)*/
p,li
{
	margin-left: 0px;
	margin-right: 10px;
} 
p.tab0       { margin-left: 0px }
p.tab1       { margin-left: 0px }
p.tab2       { margin-left: 0px }
p.tab3       { margin-left: 0px }
p.ntab0       { margin-left: 0px}
p.ntab1       { margin-left: 0px}
p.ntab2      { margin-left: 0px }
p.ntab3       { margin-left: 0px}
p.warning    { margin-left: 0px ; 
}
/*タイトルヘッダ反転強調文字*/
strong.revtop,strong.revtop1,strong.revtop2,strong.revtop3,strong.revtop4,strong.revtop5,strong.revtop6,strong.revtop9
{
	font-size:110%
}
/*見出し*/
h1,h2,h3,h4,h5,h6
{
	font-size: 110%;
	margin-right: 10px; margin-left: 0px
}

/*水平線*/
hr { margin-left: 0px;margin-right: 20px }
hr.tab0      { margin-left: 0px; margin-right: 20px}
hr.tab1      { margin-left: 0px; margin-right: 20px}
hr.tab2      { margin-left: 0px; margin-right: 20px}
hr.ntab0     { margin-left: 0px; margin-right: 20px}
hr.ntab1     { margin-left: 0px; margin-right: 20px}
hr.ntab2     { margin-left: 0px; margin-right: 20px }
hr.tabm {border-width: 1px; margin-left: 0px;margin-right: 20px ;margin-top: 3px; margin-bottom: 3px;
height: 0px; border: solid ;color:#E0E0E0; background-color: #FFFFFF
}
div { margin-left:0px}
div.l1 {margin-left:0px }
div.l2 {margin-left:0px}


select {margin-left: 0px; margin-right: 10px}
input {margin-left: 0px; margin-right: 10px}
textarea {margin-left: 0px; margin-right: 10px}

} 

/*---*/
