@charset "utf-8";

/*
ikc index page style shest
*/

*{
padding: 0px;
margin: 0px;
border: 0px;
list-style: none;
}
body{
text-align: center;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
a:link{
color: #2354A1;
}
a:visited{
color:#2388A1;
}
#outsideframe{
position: relative;
width: 800px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
h1{
display: block;
height: 30px;
width: 250px;
margin-top: 25px;
margin-left: 5px;
text-align: left;
font-size: 16px;
float: left;
}

/* 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: 10px;
font-weight: normal;
color: #777777;
float: left;
}
#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;
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;
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;
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;
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: 600px;
float: right;
}

/* rightframe */

#rightframe{
width: 190px;
float: right;
}
#what,#kind,#feature{
background-image: url(../images/column_bg.gif);
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 8px;
}
#what h2{
background: url(../images/ttl_what.gif) no-repeat;
display: block;
width: 190px;
height: 52px;
margin-top:20px;
font-size: 14px;
}
#kind h2{
background: url(../images/ttl_feature.gif) no-repeat;
display: block;
width: 190px;
height: 52px;
margin-top:20px;
font-size: 14px;
}
#feature h2{
background: url(../images/ttl_kind.gif) no-repeat;
display: block;
width: 190px;
height: 52px;
margin-top:20px;
font-size: 14px;
}
#what h2 a,#kind h2 strong,#feature h2 strong{
position: relative;
top: 13px;
left: 10px;
text-decoration: none;
color: #555555;
}
#what h2 span,#kind h2 span,#feature h2 span{
position: relative;
top: 10px;
left: 12px;
color: #aaaaaa;
font-weight: normal;
font-size: 10px;
}
#what .bellows{
position: relative;
top: 5px;
left: 5px;
width: 180px;
height: 175px;
font-size: 10px;
line-height: 150%;
color: #333333;
}
#kind .bellows{
position: relative;
top: 5px;
left: 5px;
width: 180px;
height: 100px;
font-size: 10px;
line-height: 150%;
color: #333333;
}
.strongbellows{
color: #FB8507;
}
.strongbellows a{
color: #FB8507;
}
.h2english{
font-size: 10px;
margin-left: 5px;
}
#feature table{
text-align: center;
width: 174px;
height: 50px;
border-collapse: collapse;
color: #555555;
font-size: 10px;
margin: 8px;
}
#feature table th,#feature table td {
border: solid 1px #BFBFBF;
}
#feature table th {
font-weight: normal;
background-color: #DDE4E8;
}
#w3cvalid{
position: relative;
top: 30px;
left: 10px;
width: 190px;
height: 50px;
}
.w3cimg{
float: left;
}

/* 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: #2355A1 !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;
color: #8811aa;
padding-left: 5px;
}
.accordinglistend{
background: url(../images/btn_field.gif) no-repeat !important;
display: block !important;
width: 165px !important;
height: 33px !important;
font-size: 10px;
border-bottom: 1px solid #8800ff;
color: #8811aa;
padding-left: 5px;
}
#accordingmenu{
margin-left: 10px;
width: 190px;
}

/* centerframe */

#centerframe{
width: 400px;
float: left;
}
#press{
margin-top: 20px;
margin-bottom: 20px;
width: 400px;
}
#press h2{
display: block;
width: 390px;
height: 18px;
padding-top: 7px;
padding-left: 15px;
background: url(../images/ttl_press_release.gif) no-repeat;
font-size: 12px;
color: #777777;
overflow: hidden;
}
#press h2 span{
padding-left: 15px;
font-size: 10px;
}
#press h2 .allpresslist{
padding-left: 170px;
font-size: 10px;
color: #74A138;
text-decoration: none;
font-weight: normal;
}
#presslist{
clear: both;
overflow: hidden;
}
#presslist li{
padding-top: 15px;
padding-bottom: 15px;
width: 400px;
font-size: 12px;
background-image: url(../images/press_release_bg.gif);
background-repeat: no-repeat;
background-position: bottom;
}
#presslist li span{
margin-left: 10px;
margin-right: 30px;
font-size: 10px;
color: #74A138;
}
#topics{
margin-top: 20px;
margin-bottom: 20px;
width: 400px;
}
#topics h2{
display: block;
width: 390px;
height: 18px;
padding-top: 7px;
padding-left: 15px;
background: url(../images/ttl_topics.gif) no-repeat;
font-size: 12px;
color: #777777;
overflow: hidden;
}
#topics h2 span{
padding-left: 15px;
font-size: 10px;
}
#topics h2 .allpresslist{
padding-left: 205px;
font-size: 10px;
color: #aa2222;
text-decoration: none;
font-weight: normal;
}
#topicslist{
clear: both;
overflow: hidden;
}
#topicslist li{
padding-top: 15px;
padding-bottom: 15px;
width: 400px;
font-size: 12px;
background-image: url(../images/press_release_bg.gif);
background-repeat: no-repeat;
background-position: bottom;
}
#topicslist li a{
display: block;
width: 380px;
position: relative;
left: 10px;
}
#policy{
margin-top: 20px;
}
#policy h2{
display: block;
width: 390px;
height: 18px;
padding-top: 7px;
padding-left: 15px;
background: url(../images/ttl_ikc_policy.gif) no-repeat;
font-size: 12px;
color: #777777;
overflow: hidden;
}
#policy h2 span{
padding-left: 15px;
font-size: 10px;
}
#policylist{
display: block;
width: 400px;
height: 60px;
background-image: url(../images/press_release_bg.gif);
background-repeat: no-repeat;
background-position: bottom;
}
#policylist li{
display: block;
width: 200px;
height: 30px;
float: left;
font-size: 12px;
}
#policylist li a{
position: relative;
top: 10px;
left: 20px;
}

/* 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: #2355A1;
margin-top:5px;
width: 800px;
height: 15px;
font-size: 12px;
}