/**ξ{X^C**/
body,td,p,select,input,textarea {
font-size : 13px;
font-family:'qMmpS Pro W3', 'Hiragino Kaku Gothic Pro', 'CI', 'Meiryo', 'lr oSVbN', 'MS PGothic', sans-serif;
color: #444444;
line-height: 1.3;
-webkit-text-size-adjust: 100%;
}
/*Star Html Hack*/
* html body,td,p,select,input,textarea{font-family:'CI', Meiryo, 'lr oSVbN', 'MS PGothic', sans-serif;}
*:first-child+html body,td,p,select,input,textarea{font-family:'CI', Meiryo, 'lr oSVbN', 'MS PGothic', sans-serif;}
/*Star Html Hack*/
select,input {
font-size : 13px;
color: #444444;
}
body {
margin: 0px;
padding: 0px;
text-align: center;
}
form {
margin:3px 0 5px 0;
}
h1, h2, h3 {
font-size: 100%;
margin: 0px;
padding: 0px;
}
h1{
margin-left:8px;
font-weight:normal;
}
img{
vertical-align:bottom;
border:none;
}
/*eLXgGAΜfUC*/
textarea{ font-size : 13px; }
/*NΜfUC*/
a:link {font-size: 13px; color:#444444;text-decoration : none;}
a:visited {font-size: 13px; color:#444444;text-decoration : none;}
a:active {font-size: 13px; color:#222222;text-decoration : none;}
a:hover {font-size: 13px; color:#222222;text-decoration: underline;}
/****wb_[ͺΖj
[ͺΘΗSΜIΘCAEg****/
/*** 980 Άj
200 EC770 ****/
#whole_container{
width: 980px;
background: #ffffff url(../images/top-bg.gif) no-repeat;
margin: 0 auto;
padding: 15px 0 0;
border-left: 10px solid #fff;
border-right: 10px solid #fff;
}
#siteHead{
position:relative;/*** wb_[Μζ ****/
width: 100%;
height:100px;
margin: 0px;
padding: 0px;
text-align:left;
overflow: hidden;
}
#siteHead a{color:#444444;}
#pageSlogan {
width: 100%;
height: 18px;
margin: 0px;
padding: 0px;
overflow: hidden;
}
#pageSlogan h1{
float:left;
margin:0 0 0 8px;
padding: 0px;
font-size: 100%;
color: #444444;
font-weight:normal;
}
#pageSlogan p{
float:left;
margin:0 0 0 8px;
padding: 0px;
font-size: 100%;
color: #444444;
}
#pageSlogan strong{
font-weight:normal;
}
#headerMemMenu {
position:absolute;
top:20px; right:5px;
margin: 0;
padding: 0;
height: 17px;
overflow: hidden;
}
#headerRightBox {
position:absolute;
top:42px; right:5px;
margin: 0;
padding: 0;
}
#headerNav {
position:absolute;
top:76px; right:5px;
margin: 0;
padding: 0;
height: 17px;
overflow: hidden;
}
#topLogo{
position:absolute;
top:38px; left:8px;
height: 82px;
margin: 0;
padding: 0;
overflow: hidden;
}
#topLogo h2{margin: 0;padding: 0;}
#topLogo p{
margin: 3px 0 0 0;
padding: 0px;
font-size: 100%;
color: #444444;
}
#topLogo h3{
margin: 3px 0 0 0;
padding: 0px;
font-size: 100%;
color: #222222;
font-weight:normal;
}
/*** L[[hΜX^C ****/
#keyword_list{
background-color: #eeeeee;
color:#444444;
border-top: 1px solid #222222;
padding: 5px;
text-align:left;
}
#keyword_list a{margin-left: 12px;margin-right: 5px;}
#keyword_list ul {display: inline;list-style: none; margin: 0; padding: 0;}
#keyword_list li {display: inline;background : url(../images/link.gif) no-repeat 4px 4px; margin-left: 0px;}
#container{
width: 980px;
background-color: #ffffff;
margin: 12px 0;
padding: 0;
text-align:left;
}
#container hr{
clear: both;
width: 98%;
color: #dddddd;
height:1px;
border-width:1px 0 0 0;
margin: 0;
}
#menu{
width: 196px;
background-color: #ffffff;
border: 1px solid #cccccc;
margin: 0;
padding: 1px 0 0 0;
}
#content{
float:right;
width: 770px;
margin: 0;
padding: 0;
}
/*Star Html Hack*/
* html #menu{width: 198px;}
*:first-child+html #menu{width: 198px;}
/*Star Html Hack*/
#footerLink {
clear: both;
border: 1px solid #cccccc;
background-color: #eeeeee;
font-size: 90%;
color: #444444;
text-align:center;
padding: 7px 0 7px 0;
margin: 0;
}
#footerLink a{
font-size: 90%;
color: #444444;
}
/*********** #kensaku styles ***********/
.menu_kensaku{
margin-top: 3px;
padding: 5px 10px 3px 8px;
background-color: #eeeeee;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
.top_kensaku{
position:absolute;
top:41px; left:290px;
margin: 0;
padding: 4px;
border: 0;
}
.top_kensaku input[size="50"] {
width:270px;
height:25px;
padding:0 0 0 5px;
margin: 2px 0 2px 2px;
border-radius:3px 0 0 3px;
}
.top_kensaku .submit{
padding:5px 10px;
margin: 0 0 0 -6px;
height:27px;
border-radius:0 3px 3px 0;
}
.top_kensaku input[size="50"]:focus, .top_kensaku input[size="50"]:hover {
box-shadow: 0px 0px 0px #777;
}
/*********** #menu styles ***********/
#menu ul a:link,
#menu ul a:visited {display: block;text-decoration: none;}
#menu ul {list-style: none; margin: 0; padding: 0;}
#menu li {background : url(../images/link.gif) no-repeat 8px 9px; margin-top: 0px; padding-bottom: 0px}
#menu img{
width: 174px;
}
.menuLinks{
margin: 0px;
padding: 0px;
}
.menuLinks iframe{
margin: 12px 0 0 11px;
padding: 0;
}
.menuLinks h2{
margin-top: 3px;
color :#333333;
background-color: #eeeeee;
padding: 5px 0px 4px 8px;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
.menuLinks h3{
margin-top: 3px;
color :#444444;
background-color: #eeeeee;
padding: 5px 0px 4px 8px;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
.menuLinks a:link{
padding: 6px 0px 4px 8px;
margin: 0px 8px;
border-bottom: 1px dotted #cccccc;
}
.menuLinks a:visited{
padding: 6px 0px 4px 8px;
margin: 0px 8px;
border-bottom: 1px dotted #cccccc;
}
.menuLinks a:hover{
color :#222222;
background :#f3f3f3 url(../images/link2.gif) no-repeat 8px 9px;
padding: 6px 0px 4px 16px;
margin: -1px 0 0 0;
border-top: 1px dotted #cccccc;
}
/*********** .imageLinks styles ***********/
.imageLinks{
margin: 0px;
padding: 12px 0 12px 11px;
}
.imageLinks h3{
background-color: #cccccc;
padding: 2px 0px 2px 8px;
}
/*********** HoverTChj
[ ***********/
#HoverMenu li:hover + li div, #HoverMenu li div:hover{
display: block;
}
#HoverMenu li{/*εͺήΜfUC*/
position: relative;
margin: 0;
padding: 0px 0 0px 0;
border-bottom: 0px solid #fff;
}
#HoverMenu .HoverLi{
margin: 0;
padding: 0;
border: 0;
}
#HoverMenu .HoverLi div{
display: none;
position: absolute;
Z-index:10;
top: -30px;/*@JnTOP*/
left: 196px;/*AJnLEFT*/
margin: 0;
padding: 0 0 3px 0;
border: 1px solid #ccc;/*BgόΜΎ³ΖF*/
border-left: 1px solid #ccc;/*CΆgόΜΎ³ΖF*/
background-color: #fff;/*DwiF*/
border-radius: 0 5px 5px 0;
box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.3);/*EeF*/
}
#HoverMenu .HoverWidth1{width: 200px;}
#HoverMenu .HoverWidth2{width: 400px;}
#HoverMenu .HoverWidth3{width: 600px;}
#HoverMenu .HoverLi div h4{
margin: 0;
padding: 10px 0 3px 15px;
color: #333;/*F©o΅ΆF*/
background-color: #fff;/*D©o΅wiF*/
border-radius: 0 5px 0 0;
}
#HoverMenu .HoverLi div ul{
float: left;
width: 200px;
margin: 0;
padding: 0;
border: 0;
background-color: #fff;/*DwiF*/
}
#HoverMenu .HoverLi div li{
padding: 0px 0 0px 0;/*G¬ͺήΜ³*/
background-color: #fff;/*DwiF*/
}