/* All page style */

/* Basic page style */

body { 
text-align: center;
font-size: 100%;
font-family: Sans-Serif;
overflow-y: scroll;
}

#body {
width: 750px;
margin: auto;
padding: 0;
}

.fnt {
font-size: 90%;
color: #005221;
text-align: left;
line-height: 130%;
margin: 10px 0;
}

p {
font-size: 94%;
color: #005221;
line-height: 130%;
background-color: #ffffff;
margin: 10px 0;
}

li { color: #005221; }

.lic {
background-color: #99cc00;
color: #ffffff;
}

a { text-align: center; }

a:link {
color:#005221;
text-decoration: none;
}

a:hover {
color:#005221;
text-decoration: underline;
}

a:visited {
color:#005221;
text-decoration: none;
}

img { border: 0px; }

.undecided  {
color: white;
text-decoration: none;
}

.normal { font-weight: normal; }

.none, hr, address { display: none; }


/* Header style */

#header { 
width: 100%;
margin: 0;
padding: 0;
}

#h_container {
width: 100%;
margin: 0;
padding: 0;
}

h1 {
width: 285px;
height: 55px;
background: url(../image/glinx.gif) no-repeat;
margin: 0 0 5px;
padding: 0;
float: left;
}

h1 span {
position: absolute;
left:-2000px;
}

.h_navi {
font-size: 94%;
list-style: none;
margin-top: 30px;
padding: 0;
float: right;
}

.h_navi li {
display: inline;
margin-right: 15px;
padding: 0;
}

.h_navi a:hover {
color: #b4de10;
text-decoration: underline;
}

.g_navi {
font-size: 94%;
width: 100%;
height: 28px;
list-style: none;
margin: 5px 0 10px;
padding-left: 0;
clear: both;
}

.g_navi li {
float: left;
 }

.g_navi a {
display: block;
font-size: 94%;
color: #005221;
text-decoration: none;
width: 117px;
background-color:#ffffff;
border-right: solid 3px #005221;
border-bottom: solid 2px #005221;
margin-right: 5px;
padding: 5px 0;
}

.g_navi a:hover {
color: #005221;
background-color:#b4de10;
}

.g_navi a:visited {
color: #005221;
 }


/* contents style */

#container {
width: 750px;
margin: 0;
padding: 0;
}

#h_contents {
width: 730px;
text-align: left;
margin: 0;
padding: 10px 10px 10px 0;
border-top: solid 5px #006633;
border-right: solid 5px #006633;
border-bottom: solid 5px #006633;
}

#t_contents {
width: 505px;
text-align: left;
margin-right: 10px;
padding: 10px 10px 0 0;
border-top: solid 5px #006633;
border-right: solid 5px #006633;
border-bottom: solid 5px #006633;
float: left;
}

#t_sidebar {
width: 200px;
text-align: left;
margin: 0;
padding: 10px 10px 0 0;
border-top: solid 5px #006633;
border-right: solid 5px #006633;
border-bottom: solid 5px #006633;
float: left;
}

#contents{
width: 505px;
text-align: left;
margin: 0;
padding: 10px 10px 10px 0;
border-top: solid 5px #006633;
border-right: solid 5px #006633;
border-bottom: solid 5px #006633;
float: left;
}

#sidebar {
width: 200px;
text-align: left;
margin-right: 10px;
padding: 10px 10px 10px 0;
border-top: solid 5px #006633;
border-right: solid 5px #006633;
border-bottom: solid 5px #006633;
float: left;
}

.category {
font-size: 116.6%;
color: #ffffff;
text-align: left;
background-color: #008837;
margin: 0;
padding: 3px 10px;
border-left: solid 15px #ffe500;
clear: both;
}

.s_category {
font-size: 116.6%;
text-align: center;
color: #ffffff;
background-color: #008837;
margin: 0;
padding: 3px 10px;
border-left: solid 15px #ffe500;
border-right: solid 15px #ffe500;
clear: both;
}

.list {
list-style: none;
margin: 0 0 10px;
padding: 0;
}

.list a {
display: block;
height: 15px;
font-size: 94%;
text-align: center;
text-decoration: none;
padding: 2px 5px;
border:solid 2px;
border-color:#ffffff #C0C0C0 #C0C0C0 #ffffff;
}

.list a:hover {
background-color: #b4de10;
}

.list a:active {
border-color: #C0C0C0 #ffffff #ffffff #C0C0C0;
}

h3 {
font-size: 100%;
text-align: center;
color: #ffffff;
background-color: #66b822;
margin: 10px 0 0 0;
padding: 3px 10px;
border-left: solid 15px #ffe500;
border-right: solid 15px #ffe500;
clear: both;
}

.attention {
font-size: 84%;
color: #f75084;
margin:10px 0;
padding: 0;
}

h4 {
font-size: 90%;
text-align: center;
color: #ffffff;
background-color: #ffb200;
margin: 10px 0 0 0;
padding: 3px 10px;
border-left: solid 15px #66b822;
border-right: solid 15px #66b822;
clear: both;
}

.cla{
padding: 0px 5px;
}

.b_navi {
list-style: none;
margin: 10px 10px 10px 0;
}

/* Footer style */

#footer {
width: 100%;
margin: 0;
padding: 20px 0 0;
clear: both;
}

.f_navi {
width:100%;
font-size: 94%;
margin: 10px 0;
padding: 0;
}

.f_navi li {
display:inline;
text-align: center;
margin-right: 15px ;
padding: 0;
}

.f_navi a:hover {
color:#005221;
text-decoration: underline;
}

.copyright {
font-size: 84%;
text-transform: capitalize;
margin: 20px 0 0;
padding: 0;
clear: both;
}

.r_photo {
margin: 0;

}

.r_ph {
width: 255px;
height: 230px;
text-align: center;
}

.tr_ph {
width: 130px;
height: 110px;
text-align: center;
}