@charset "UTF-8";
.topBox h1 {
	font-size: 16px;
	color: #900;
	font-weight: normal;
	line-height: 1.4em;
	padding-bottom: 5px;
}
.topBox h3 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #F60;
	line-height: 1.4em;
	padding-bottom: 3px;
}



h2{
	display:block;
	font-size: 16px;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
	height: 18px;
	float: none;
	text-align: center;
}
h2 a{
	height:100px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width: 250px;
	padding: 0px;
	margin: 0px;
}
#topics h2{width:300px; height:30px; background:url(images/topH01.gif) 0px 0px; text-indent:-9999px;}
#topics h2 a{background:url(images/topH01.gif) 0px -30px;}
h2.web{
	width:250px;
	background-image: url(images/250_1off.png);
	background-position: 0px 0px;
	height: 100px;
}
h2.web a{
	background-image: url(images/250_1.png);
	background-position: 0px 0px;
	height: 100px;
	width: 250px;
	padding: 0px;
	margin: 0px;
}

h2.cms{
	width:250px;
	background-image: url(images/250_2off.png);
	background-position: 0px 0px;
	height: 100px;
}
h2.cms a{
	background-image: url(images/250_2.png);
	background-position: 0px 0px;
	height: 100px;
	width: 250px;
	padding: 0px;
	margin: 0px;
}

h2.the{
	width:250px;
	background-image: url(images/250_3off.png);
	background-position: 0px 0px;
	height: 100px;
	text-align: left;
}
h2.the a{
	background-image: url(images/250_3.png);
	background-position: 0px 0px;
	height: 100px;
	width: 250px;
}

h2.seo{
	width:250px;
	background-image: url(images/250_4off.png);
	background-position: 0px 0px;
	height: 100px;
	margin: 0px;
	padding: 0px;
}
h2.seo a{
	background-image: url(images/250_4.png);
	background-position: 0px 0px;
	height: 100px;
	width: 250px;
}

h2.prn{width:206px; background:url(images/topH06.gif) 0px 0px;}
h2.prn a{background:url(images/topH06.gif) 0px -30px;}

h2.wrk{
	width:460px;
	background-image: url(images/top_prod_htemes_off.png);
	background-position: 0px 0px;
	height: 50px;
}
h2.wrk a{
	background-image: url(images/top_prod_htemes_on.png);
	background-position: 0px 0px;
	height: 50px;
	width: 460px;
}

h2.res{width:950px; background:url(images/topH08.5.gif) 0px 0px;}
h2.res a{background:url(images/topH08.5.gif) 0px -30px;}

h2.s_01{width:206px; background:url(images/topH07.gif) 0px 0px;}
h2.s_01 a{background:url(images/topH07.gif) 0px -30px;}

#flash{ float:left; margin-bottom:15px;}
#PR{width:230px; float:right; margin-bottom:4px;}
#innerLeft{
float:left;
width:300px;
height:auto;
}
#innerRight{
	float:right;
	width:930px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	padding-top: 0px;
	margin: 0px;
}

.topBox{
	float:right;
	width:610px;
	height:auto;
	margin-left:10px;
	display:inline;
	font-size:14px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 20px;
	line-height: 1.3em;
	background-color: #FFEBC8;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 10px;
}
.topBox ul {
padding:10px 0 30px 0px;
}
.topBox ul li{
background:url(images/list.gif) no-repeat;
background-position:0px 3px;
border-bottom:1px solid #cccccc;
text-indent:1em;
}
.topBox ul li a{
display:block;
color:#444444;
}
.topBox ul li a:hover{
background:url(images/list.gif) no-repeat #2e5fa9;
background-position:0px 3px;
color:#FFFFFF;
}

.topBox2{
	float:right;
	width:610px;
	height:auto;
	margin-left:10px;
	display:inline;
	font-size:14px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 20px;
	line-height: 1.3em;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 10px;
}
.topBox2 ul {
padding:10px 0 30px 0px;
}
.topBo2x ul li{
background:url(images/list.gif) no-repeat;
background-position:0px 3px;
border-bottom:1px solid #cccccc;
text-indent:1em;
}
.topBox2 ul li a{
display:block;
color:#444444;
}
.topBox2 ul li a:hover{
background:url(images/list.gif) no-repeat #2e5fa9;
background-position:0px 3px;
color:#FFFFFF;
}


.secBox{
	float:left;
	width:250px;
	height:auto;
	margin-left:10px;
	display:inline;
	font-size:14px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 20px;
	line-height: 1.3em;
}
.secBox ul {
padding:10px 0 30px 0px;
}
.secBox ul li{
background:url(images/list.gif) no-repeat;
background-position:0px 3px;
border-bottom:1px solid #cccccc;
text-indent:1em;
}
.secBox ul li a{
display:block;
color:#444444;
}
.secBox ul li a:hover{
background:url(images/list.gif) no-repeat #2e5fa9;
background-position:0px 3px;
color:#FFFFFF;
}

#results{
clear:both;
width:950px;
position:relative;
margin-bottom:40px;
}
#results h2{
margin-bottom:30px;
}
#results p#res_des{
width:950px;
display:block;
position:absolute;
top:40px;
text-align:left;
}
#api{
width:170px;
height:48px;
position:absolute;
top:16px;
left:391px;
}

#apiBtn{
position:absolute;
top:-5px;
left:12px;
}
#apibtn{
position:absolute;
top:-5px;
left:6px;
}
ul#gallery { 
margin:0; 
padding:0; 
height:75px;
}
ul#gallery li { 
width:120px; 
height:130px;
margin: 0 35px 0 35px; 
list-style:none;
float:left;
display:inline;
}
ul#gallery li p{
display:block;
overflow:hidden;
height:3.3em;
font-size:11px;
}
ul#gallery li p a{
display:block;
height:3.3em;
text-align:center;
}
ul#gallery li img{
width:120px;
}

#magazine_banner {
	margin-top: 10px;
	margin-bottom: 10px;
}
#main {
	width: 950px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	background-color: #FFF;
}
#header2 #h2tel img {
	height: 70px;
	width: 200px;
	margin-top: 25px;
	float: right;
}

#apDiv1 {
	position:absolute;
	left:911px;
	top:10px;
	width:205px;
	height:74px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:113px;
	top:199px;
	width:292px;
	height:162px;
	z-index:2;
}
#apDiv3 {
	position:absolute;
	left:760px;
	top:195px;
	width:287px;
	height:173px;
	z-index:3;
}
#apDiv4 {
	position:absolute;
	left:428px;
	top:225px;
	width:315px;
	height:161px;
	z-index:4;
}
table_cork {
	background-image: url(images/cork02.jpg);
}