@charset "euc-jp";
html,body{
margin:0;
padding:0;
background-color: #CCCCCC;
}
#pagewidth{
margin-left:auto;
margin-right:auto;
width:772px;
text-align: left;
background-image: url(../img/back760.gif);
background-repeat: repeat-y;
background-position: center;
background-color: #FFFFFF;
}
#header{
position:relative;
left:5px;
margin:0;
padding: 0;
width:762px;
}
#flash{
position:relative;
left:5px;
height:160px;
width:100%;
}
#topicpath{
position:relative;
left:5px;
margin:0;
width:752px;
font-family: "ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size: 75%;
border-bottom: 1px solid #999999;
line-height: 150%;
background-color:#E4E4E4;
padding: 0 0 0 10px;
vertical-align: middle;
}
#footer{
position:relative;
left:5px;
margin:0;
padding: 0;
height:20px;
width:762px;
background-color:#D0D0D0;
font-family: "Arial", "Helvetica", "sans-serif";
font-size: 62.5%;
text-align: center;
clear:both;
}
#footer2{
left:5px;
height:20px;
width:762;
background-color:#D0D0D0;
font-family: "Arial", "Helvetica", "sans-serif";
font-size: 62.5%;
text-align: center;
clear:both;
}
#bottomimg{
position:relative;
height:7px;
width:772px;
margin-left:auto;
margin-right:auto;
}
#twocols{
width:572px;
float:right;
position:relative;
}
#leftcol{
width:190px;
height:500px;
float:left;
position:relative;
/*background-color:#F2F2F2;
/*background-image: url(../img/leftcol_back.gif);*/
}
#wrapper1{
left:5px;
position:relative;
margin:0;
padding:0;
width:762px;
background-image: url(../img/leftcol_back.gif);
background-repeat: repeat-y;
}
#rightcol{
width:210px;
height:auto;
float:right;
padding:20px;
position:relative;
background-color:#F2F2F2;
font-family: "ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size: 87.5%;
line-height: 150%;
}
#maincol{
background-color:#FFFFFF;
float:left;
display:block;
position:relative;
width:655px;
padding-right: 50px;
padding-left: 50px;
padding-bottom: 20px;
padding-top: 20px;
}
#maincol-r{
background-color:#FFFFFF;
float:right;
display:block;
position:relative;
width:532px;
padding:20px;
}
#maincol-l{
background-color:#FFFFFF;
float:left;
display:inline;
position:relative;
width:472px;
padding:20px;
font-family: "ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size: 87.5%;
line-height: 150%;
}
/****Floatcontainersfix:
http://www.csscreator.com/attributes/containedfloat.php****/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-table;
padding-left:5px;
padding-right:5px;
}
/*HidesfromIE-mac\*/
*html.clearfix{height:1%;}
.clearfix{display:block;}
/*EndhidefromIE-mac*/
/* Font style */
.G10-63per {
font-family: "ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size: 62.5%;
line-height: 140%;
}
.G11-69per {
font-family: "ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size: 68.75%;
}
.G12-75per {
font-family: "ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size: 75%;
line-height: 140%;
}
.G13-81per {
font-family: "ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size: 81.25%;
line-height: 140%;
}
.G14-88per {
font-family: "ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size: 87.5%;
line-height: 150%;
}
.G16-100per {
font-family: "ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size: 100%;
line-height: 140%;
}
.G18-113per {
font-family: "ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size: 112.5%;
line-height: 140%;
}
.G21-131per {
font-family: "ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size: 131.25%;
line-height: 140%;
}
.G24-150per {
font-family: "ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size: 150%;
line-height: 140%;
}
H1 {
font-family: "ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size: 131.25%;
line-height: 150%;
margin-top: 10px;
font-weight: bold;
color: #000000;
border-bottom: 4px double #0099CC;
margin-bottom: 30px;
text-indent: 5px;
}
H2 {
font-family: "ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size: 100%;
line-height: 150%;
margin-top: 10px;
font-weight: bold;
color: #000000;
border-bottom: 1px dotted #6699CC;
margin-bottom: 10px;
margin-left: 5px;
text-indent: 5px;
}
H3 {
font-family: "ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size: 87.5%;
line-height: 150%;
font-weight: bold;
color: #000000;
margin-bottom: 5px;
margin-left: 10px;
padding-top: 10px;
margin-top: 5px;
}
H4 {
font-family: "ＭＳ ⅤⅧΓ��", "Osaka◎툼��";
font-size: 87.5%;
line-height: 150%;
color: #000000;
background-color: #D2FFFF;
display: inline;
font-weight: normal;
margin: 10px;
padding: 3px;
}
.copy {
font-family: "Arial", "Helvetica", "sans-serif";
font-size: 62.5%;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 15px;
}
.honbun {
font-family: "ＭＳ ⅤⅧΓ��", "Osaka◎툼��";
font-size: 87.5%;
line-height: 160%;
margin-left: 20px;
}
.G11-69per-10pxoff {
font-family: "ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size: 68.75%;
padding-right: 10px;
padding-left: 10px;
}
.kakomi {
font-family: "ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size: 81.25%;
line-height: 140%;
background-color: #E3E3E3;
padding: 10px;
width: auto;
margin: 20px 40px;
}
/* Vertical Menu */
#v-menu {
width:190px;
margin:0;
padding: 0;
}
#v-menu ul {
margin: 0;
padding: 0;
}
#v-menu ul li {
list-style-type: none;
margin: 0;
padding:0;
font:"ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size:75%;
text-indent: 10px;
line-height: 200%;
}
#v-menu ul li a {
display: block;
width: 190px;
height:30px;
margin: 0;
padding: 0;
background: url(../img/v-menu.gif) no-repeat left top;
color: #000000;
text-decoration: none;
}
#v-menu ul ul li {
display: block;
width: 190px;
margin: 0;
color: black;
text-decoration: none;
text-indent:15px
}
#v-menu ul li a:hover {
background: url(../img/v-menu_ov.gif) no-repeat left top;
}
#v-menu ul li strong {
display: block;
width: 190px;
height:30px;
margin: 0;
padding: 0;
background: url(../img/v-menu_on.gif) no-repeat left top;
color: #000000;
text-decoration: none;
}
/* h-menu */
#h-menu {
position:relative;
left:5px;
width : 763px;
height : 27px;
background-image : url(../img/h_menu.gif);
background-color : #cccccc;
padding : 0;
margin:0;
}
#h-menu ul{
list-style : none;
text-align:center;
padding : 0;
margin: 0;
}
#h-menu li{
font:"ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size:75%;
width : 127px;
float:left;
padding : 0;
margin : 0;
}
#h-menu li a{
display:block;
width:127px;
height : auto;
background-image:url(../img/h_menu.gif);
background-position : left top;
background-repeat : no-repeat;
padding : 0;
margin : 0;
text-decoration : none;
line-height : 200%;
}
#h-menu li strong{
display:block;
width:100%;
height : auto;
background-image:url(../img/h_menu_on.gif);
background-position : left top;
background-repeat : no-repeat;
padding : 0;
margin : 0;
color:#3300CC;
text-decoration : none;
line-height : 200%;
}
#h-menu li a:visited{
text-decoration : none;
}
#h-menu li a:hover{
background-image:url(../img/h_menu_ov.gif);
background-position : left top;
background-repeat : no-repeat;
padding : 0;
margin : 0;
line-height : 200%;
}
/* banner */
#banner {
width:200px;
margin:0;
padding: 0;
}
#banner ul {
margin: 0;
padding: 0;
}
#banner ul li {
list-style-type: none;
margin: 0;
padding: 0;
font:"ＭＳ ＰⅤⅧΓ��", Osaka, "Σι��Ξ넘Ⅴ Pro W3";
font-size:87.5%;
text-indent: 20px;
vertical-align:middle;
line-height: 200%;
}
#banner ul li a {
display: block;
width: 200px;
height:25px;
margin: 0;
padding: 0;
background: url(../img/bn.gif) no-repeat left top;
color: #000000;
text-decoration: none;
}
#banner ul li a:hover {
background: url(../img/bn_ov.gif) no-repeat left top;
}
dl {
margin: 0.25em 0px 1em;
padding: 1px 0;
list-style-position: outside;
font-family: "ＭＳ ⅤⅧΓ��", "Osaka◎툼��";
font-size: 87.5%;
line-height: 160%;
}
dt,
dd {
margin: 1em 2em;
}
dt {
font-weight: bold;
color: #0000CC;
font-size: 13pt;
}
dd {
color: #000;
padding-left: 2em;
}
.box-20 {
font-size: 87.5%;
border: 2px solid #CCCCCC;
list-style-position: inside;
margin-right: auto;
margin-left: auto;
position: relative;
background-color: #D9ECFF;
line-height: 160%;
padding: 5%;
width: 450px;
}
#topcol {
background-image: url(../img/kensyu_img.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 120px;
margin: 0px;
padding-right: 200px;
padding-left: 30px;
}