/*
ikc index page style shest
*/

*{
padding: 0px;
margin: 0px;
border: 0px;
list-style: none;
}
body{
text-align: center;
}
a:link{color:#2354A1; }
a:visited{color:#2354A1; }
#outsideframe{
position: relative;
width: 800px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
h1{
display: block;
height: 30px;
width: 400px;
margin-top: 25px;
margin-left: 5px;
text-align: left;
font-size: 16px;
float: left;
}
span{
display: block;
height: 17px;
}
h2{

}
table{
margin-top: 10px;
margin-bottom: 40px;
font-size:12px;
text-align: center;
}

/* title */

#header{
width: 800px;
height: 75px;
margin-left: auto;
margin-right: auto;
border-top: 5px solid #2354A1;
border-bottom: 5px solid #2354A1;
}
#logo{
float: left;
width: 78px;
margin-top: 20px;
margin-left: 5px;
}
#keywords{
font-size: 11px;
font-weight: normal;
color: #777777;
}
#submenu{
margin-top:30px;
float: right;
width: 170px;
height: 17px;
}
#submenu img{
padding-left: 15px;
}

/* header */

#headermenu{
width: 800px;
height: 35px;
text-align: center;
background: url(../images/header_bg.gif) repeat-x;
overflow: hidden;
}
#headermenu li{
position: relative;
left: 30px;
background: url(../images/btn1.gif) no-repeat;
display: block;
width: 147px;
height: 35px;
font-weight: bold;
font-family:"ＭＳ ゴシック";
float: left;
color: #333333;
font-size: 12px;
}
#listend{
position: relative;
left: 30px;
background: url(../images/btn1.gif) no-repeat !important;
display: block;
width: 149px !important;
height: 35px;

font-weight: bold;
font-family:"ＭＳ ゴシック";
float: left;
color: #333333;
font-size: 12px;
}
#headermenu li :hover{
background: url(../images/btn2.gif) no-repeat;
display: block;
width: 147px;
height: 35px;
font-weight: bold;
font-family:"ＭＳ ゴシック";
float: left;
color: #333333;
font-size: 12px;
}
#listend :hover{
background: url(../images/btn2.gif) no-repeat !important;
display: block;
width: 149px;
height: 35px;
font-weight: bold;
font-family:"ＭＳ ゴシック";
float: left;
color: #333333;
font-size: 12px;
padding-top: 12px;
padding-bottom: 0px;
}
#headermenu li a{
padding-top: 12px;
text-decoration: none;
display: block;
width: 147px;
height: 35px;
color: #333333;
}
#listend a{
padding-top: 12px;
text-decoration: none;
display: block;
width: 149px;
height: 35px;
color: #333333;
}

/* wrapping */

#wrapping{
padding-top: 10px;
width: 780px;
background: #f5f5f5;
}
#wrapping h2{
padding-left: 15px;
margin-left: 30px;
margin-top: 25px;
margin-bottom: 25px;
line-height: 30px;
font-weight: bold;
font-size: 16px;
color: #555555;
background: url(../images/h2_bg_center.gif) no-repeat;
}

#wrapping h3{
padding-left: 15px;
margin-left: 30px;
margin-top: 25px;
margin-bottom: 25px;
line-height: 30px;
font-weight: bold;
font-size: 16px;
color: #555555;
text-align:center;
}

#wrapping p{
margin-left: 50px;
margin-right: 50px;
margin-top: 25px;
margin-bottom: 25px;
line-height: 30px;
font-size: 14px;
color: #555555;
}

#wrapping p.foot{
margin-left: 50px;
margin-right: 50px;

line-height: 25px;
font-size: 14px;
color: #555555;
text-align:right;
}

#wrapping p.note{
margin-left: 10px;
margin-right: 50px;
margin-top: 10px;!important;
margin-bottom: 0px;!important;
font-weight: normal;!important;
line-height: 25px;
font-size: 12px;
color: #555555;
}



#wrapping li{
position: relative;
left: 20px;
margin-top: 10px !important;
list-style-type: decimal !important;
line-height:20px !important;
font-weight: bold;
font-size: 14px;
color: #555555;
}

#wrapping li ul il{
margin-left: 50px;
margin-right: 20px;
list-style-type: none !important;
line-height:20px;
font-weight: normal;!important;
font-size: 12px;
color: #555555;
}


/* leftframe */

#leftframe{
position: relative;
top: 10px;
width: 190px;
float: left;
background: #d5d5d5;
overflow: hidden;
padding-bottom: 10px;
}
#guidance{
width: 190px;
height: 32px;
}
#sidemenu{
margin-left: 10px;
width: 190px;
font-size: 12px;
}
#sidemenu dt{
margin-top: 10px;
background: url(../images/base.gif) no-repeat;
width: 170px;
height: 50px;
}
#sidemenu dt a{
display: block;
width: 115px;
height: 0px;
float: right;
padding-top: 20px;
text-decoration: none;
color: #ffffff;
}
#sidemenu dt img{
float: left;
}
#sidemenu dd{
background: url(../images/btn.gif) no-repeat;
text-decoration: none;
width: 170px;
height: 24px;
overflow: hidden;
}
#sidemenu dd :hover{
background: url(../images/btn_on.gif) no-repeat;
text-decoration: none;
width: 170px;
height: 24px;
}
#sidemenu dd a{
padding-top: 7px;
padding-left: 18px;
display: block;
width: 170px;
height: 24px;
text-decoration: none;
}
#sidemenu dd a :hover{
padding-top: 7px;
padding-left: 18px;
display: block;
width: 170px;
height: 24px;
text-decoration: none;
overflow: hidden;
}
.listend{
border-bottom: 1px solid #2354A1;
display: block;
width: 170px;
height: 25px;
}
.sideeng{
font-size: 10px;
}
#sideaccordingbox{
margin-top: 20px !important;
background: #ffffff !important;
width: 170px;
height: 38px !important;
overflow: hidden;
}
.according{
background: url(../images/btn_field.gif) no-repeat !important;
display: block !important;
width: 170px !important;
height: 33px !important;
font-size: 10px !important;
}
.accordinglistend{
background: url(../images/btn_field.gif) no-repeat !important;
display: block !important;
width: 170px !important;
height: 33px !important;
font-size: 10px;
border-bottom: 1px solid #8800ff;
}
#accordingmenu{
margin-left: 10px;
width: 190px;
}

/* footer */

#footer{
margin-top:20px;
width: 800px;
height: 50px;
text-align: center;
clear: both;
}
#englishmenu li{
display: inline;
font-size: 12px;
}
#copyright{
color: #ffffff;
background-color: #2354A1;
margin-top:5px;
width: 800px;
height: 15px;
font-size: 12px;
}