/* 基本要素 */
html, body{
margin:auto;
padding:0;
font-size:small;
text-align:left;
}
a:link{
color: #4169e1;
text-decoration: none;
}
a:visited{
color: #aaaaaa;
text-decoration: none;
}
a:active{
color: #ff0000;
text-decoration: none;
}
a:hover{
color: #ff0000;
text-decoration: underline;
}

/* 見出し */
h1{
margin:0;
padding: 5px 10px;
border-bottom: 1px solid #333333;
border-left: 10px solid #333333;
background: #ffffff url(/common/img/gradation.gif);
font-size:medium;
display: block;
clear:both;
}
h2{
margin:0;
padding: 5px 10px;
border-bottom: 1px solid #666666;
border-left: 5px solid #666666;
background: #ffffff url(/common/img/gradation.gif);
font-size:small;
display: block;
clear:both;
}
h3{
margin:0;
padding: 2px 10px;
border-bottom: 1px solid #999999;
border-left: 5px solid #999999;
background-color: #ffffff;
font-size:small;
display: block;
clear:both;
}
h4{
width:auto;
height:auto;
margin: 0;
padding:8px 0 8px 0;
background: white url(/common/img/menu_bg.gif) repeat-y left top;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
font-size: 12px;
font-weight:bold;
color: #333333;
text-indent: 10px;
text-decoration: none;
display: block;
}
/* 画像表示 */
.displayimg{
padding:1px;
margin:10px;
float:left;
background:#ffffff;
border-color:#333333;
border-width:1px;
border-style:solid;
}
/* フォント指定 */
.font_xxsmall{
font-size:0.5em;
line-height:150%;
}
.font_xsmall{
font-size:0.5em;
line-height:150%;
}
.font_small{
font-size:0.75em;
line-height:150%;
}
.font_medium{
font-size:1em;
line-height:150%;
}
.font_large{
font-size:1.25em;
line-height:150%;
}
.font_xlarge{
font-size:1.5em;
line-height:150%;
}
.font_xxlarge{
font-size:xx-large;
}
pre{
font-size:12px;
line-height:100%;
}
/* メイン */
#container{
width:1000px;
height:auto;
margin:auto;
padding:0;
background: #ffffff url(/common/img/bg.gif);
}
#header{
width:100%;
height:auto;
margin:0;
padding:0;
position:relative;
background:#000000 url(/common/img/logo_image.gif);
background-repeat: no-repeat;
background-position: right top;
clear:both;
}
#headerline{
width:100%;
height:20px;
margin:0;
padding:5px 0 0 0;
background: #ffffff url(/common/img/headerline2.gif);
text-indent: 10px;
position:relative;
clear:both;
}
#menu{
width:200px;
height:auto;
margin:0;
padding:0;
background-color:#ececec;
float:left;
position:relative;
}
#main{
width:760px;
height:auto;
margin:0;
padding:10px 20px 10px 20px;
background-color: #ffffff;
font-size:small;
float: right;
position: relative;
display:block;
line-height:150%;
}
#main .leftbox{
width:360px;
height:auto;
margin:0;
padding:0;
background-color: #ececec;
border: 1px dotted #666666;
float: left;
position: relative;
display:block;
font-size:x-small;
}
#main .rightbox{
width:360px;
height:auto;
margin:0;
padding:0;
background-color: #ececec;
border: 1px dotted #666666;
float: right;
position: relative;
display:block;
font-size:x-small;
}
#footer{
width:100%;
height:40px;
margin:0;
padding:10px 0 0 0;
color:#ffffff;
background-color:#666666;
font-size:0.75em;
text-align:center;
vertical-align:middle;
}
#footer a:link{
color:#ffffff;
}
/* Float Containers Fix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac */
* html .clearfix{height: 1%;}
.clearfix {display: block;}
/* End Hide from IE-mac */

/* グローバルメニュー */
.gmenu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 50.0% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
.gmenu ul{
background:#333333;
height:35px;
list-style:none;
margin:0;
padding:0;
}
.gmenu li{
float:left;
padding:0px;
}
.gmenu li a{
background:#333333 url("/common/menu/seperator.gif") bottom right no-repeat;
color:#cccccc;
display:block;
font-weight:normal;
line-height:35px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.gmenu li a:hover, .gmenu ul li:hover a{
background: #4169e1 url("/common/menu/hover.gif") bottom center no-repeat;
color:#FFFFFF;
text-decoration:none;
}
.gmenu li ul{
background:#333333;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.gmenu li:hover ul{
display:block;
}
.gmenu li li {
background:url('/common/menu/sub_sep.gif') bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:225px;
}
.gmenu li:hover li a{
background:none;
}
.gmenu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.gmenu li ul a:hover, .gmenu li ul li:hover a{
background:#4169e1 url('/common/menu/hover_sub.gif') center left no-repeat;
border:0px;
color:#ffffff;
text-decoration:none;
}
.gmenu p{
clear:left;
}
/* 左メニュー */
.linkmenu{
width: 200px;
height:auto;
margin: 0;
padding: 0;
list-style-type: none;
}
.linkmenu li{
border-top: 1px solid #ffffff;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
}
.linkmenu li a{
width:auto;
height:auto;
margin: 0;
padding:8px 0 8px 0;
background: white url(/common/img/menu_bg.gif) repeat-y left top;
font-size: 12px;
font-weight:bold;
color: #333333;
text-indent: 10px;
text-decoration: none;
display: block;
}
.linkmenu li a:visited, .linkmenu li a:active{
text-decoration: none;
color: #333333;
}
.linkmenu li a:hover{
text-decoration: none;
background-position: -387px 0;
color: #ff0000;
}
.tree {
display:none;
background-color: #666666;
color: white;
line-height:150%;
padding: 5px 0 5px 20px;
}
.tree_on {
background-color: #666666;
color: white;
line-height:150%;
padding: 5px 0 5px 20px;
}
.tree a:link{
color: white;
font-size: 12px;
text-decoration: none;
}
.tree_on a:link{
color: white;
font-size: 12px;
text-decoration: none;
}
.tree a:visited{
color: #dcdcdc;
font-size: 12px;
text-decoration: none;
}
.tree_on a:visited{
color: #dcdcdc;
font-size: 12px;
text-decoration: none;
}
.tree a:active{
font-size: 12px;
text-decoration: none;
}
.tree_on a:active{
font-size: 12px;
text-decoration: none;
}
.tree a:hover{
font-size: 12px;
text-decoration: underline;
}
.tree_on a:hover{
font-size: 12px;
text-decoration: underline;
}

/* 情報スペース(左・影付き) */
.shiftcontainer{
position: relative;
left: 15px;
top: 10px;
}
.shadowcontainer{
width: 165px;
background-color: #dcdcdc;
}
.shadowcontainer .innerdiv{
background-color: white;
border: 1px solid #666666;
padding: 5px;
position: relative;
left: -5px;
top: -5px;
}

/* 見出し */
.label_dot {
width:auto;
padding:5px;
border-color:#999999;
border-width:1px;
border-style:dotted;
}
.label_line {
width:auto;
padding:5px;
border-color:#999999;
border-width:1px;
border-style:solid;
}

/* 目次 */
.contents{
margin:20px 0 20px 0;
}
.contents li{
margin-left:20px;
list-style-image: url('/common/img/arrow-list.gif');
}