@charset "utf-8";

body {}
body#top #contents {}

header {
	margin-bottom:40px;
	/*background:url(/img/img-head-osaka.png) no-repeat center top;*/
}

header .headerWrap {
	/*background: #ccc;*/
	height:588px;
	position:relative;
	background:#FFF;
}

header .headerInner {
	width: 1000px;
	height: 588px;
	margin: 0 auto;
	position:relative;
}

header .headerWrap .headerBg{
	width:100%;
	height:100%;
	background:url(/img/bg-header.png) no-repeat center top;
	position: absolute;
top: 0;
}

header .headerInner h1 {
	padding: 0;
	position:absolute;
	top:323px;
	left:200px;
}

nav#top-menu {
	width:100%;
	background:url(/common/img/img-bg-g-navi.png) repeat left top;
	padding:15px 0;
}

nav#top-menu ul {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
nav#top-menu li {
	float:left;
	margin-left:20px;
}

section{
	overflow:hidden;
}
#familiar-box,
#e-a-search,
#magazine-topics {
		background:url(/common/img/img-bg-line-common-01.png) repeat-x left bottom;
		margin:0 0 40px 0;
		overflow:hidden;
}
section#familiar-box div {
	float:left;
	width:840px;
}
section h2 {
	float:left;
	width:120px;
}
section#familiar-box h2{
	margin-right:40px;
}

section.familiar-title {
	background:url(/img/img-familiar-02.png) no-repeat right top;
	overflow:hidden;
}
section.familiar-title h3 {
	font-size:150%;
	font-weight:bold;
	margin-bottom:20px;

}
section.familiar-title p{
	margin-bottom:10px;
	font-size: 120%;
}
section.familiar-title p span {
color:rgb(0, 164, 223);
}
ul.familiar-detail {
	overflow:hidden;
	zoom:1;
	margin:10px 0 60px 20px;
}
ul.familiar-detail li {
	position:relative;
	float:left;
  margin-right: 40px;
}

ul.familiar-detail li span{
	position:absolute;
	right:0;
	bottom:10px;
	transition:all 0.2s linear;
	-web-kit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
}

ul.familiar-detail li a:hover span{
	position:absolute;
	right:-10px;
	bottom:10px;
}

ul.familiar-detail li a:hover img,
section div.sub-box a:hover img{
	opacity:0.7;
	filter: alpha( opacity=70 );/*ie6,7*/
	-ms-filter: "alpha( opacity=70 )";/*i8*/
}


section#sp-contents {
	background:url(/img/img-bg-area.png) no-repeat right top;
	margin:0 0 40px 0;
	overflow:hidden;
	padding-top:45px;
}

section#sp-contents div{
	background:url(/img/img-ico-sp-big.png) no-repeat left bottom;
	padding:0 0 0 100px;
	overflow:hidden;
	height:170px;
}

section#sp-contents h2 {
	float:none;
	width:auto;
	margin-bottom:10px;
}
section#sp-contents p {
	margin-bottom:7px;
}
section#sp-contents dl {
	position:relative;
}
section#sp-contents dl.sp-sub{
	float:left;
	width:250px;
}
section#sp-contents dl.sp-sub-end {
	float:left;
	width:350px;
}
section#sp-contents dl.sp-sub {
	padding:50px 0 0 115px;
}
section#sp-contents dl.sp-sub-end {
	padding:50px 0 0 0;
}



section#sp-contents dt#qr-img {
	position:absolute;
}

section#sp-contents dd#qr-title {
	position:absolute;
	top: 20px;
	left:115px;
}

section#sp-contents .ico-left{
	padding:0 0 0 30px;
	line-height:20px;
	background:url(/img/img-icn-left.png) no-repeat left center;
}

section#sp-contents .ico-down{
	margin:0 0 10px 0;
	padding:0 0 0 30px;
	line-height:20px;
	background:url(/img/img-icn-down.png) no-repeat left center;
}

#e-a-search section,
#magazine-topics section{
	background:none;
	width:500px;
	float:left;
	padding:0 0 40px 0;
}

section#e-akan h2{
	width:100px;
}

section#search-box{
	position:relative;
	height: 450px;
	background:url(/img/img-bg-search.png) 74px top no-repeat;

}
section div.sub-box {
	position:relative;
	width:380px;
	float:left;
}

section div.sub-box span{
	position:absolute;
bottom: 50px;
right: 45px;
	transition:all 0.2s linear;
	-web-kit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
}

section div.sub-box a:hover span{
	right:35px;
}


section#search-box div.sub-box{
	overflow:visible;
	position: absolute;
top: 28px;
right: 22px;
	width:187px;
}

section#search-box div.sub-box img{
	width:187px;
	transition:all 0.1s linear;
	-web-kit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-ms-transition:all 0.1s linear;
}

section#search-box div.sub-box a:hover img{
	width:197px;
	opacity:0.7;
}


section#search-box h2{
	position:absolute;
	bottom:40px;
	right:30px;
	width:50px;
}

#e-a-search section dl{
	padding: 20px 10px 10px 90px;
	clear: both;
}
#e-a-search section dt {
	margin-bottom:10px;
}

section#e-akan{
	position:relative;
	height:450px;
}

#e-a-search section dl.e-akan-summary {
	position:absolute;
	bottom:40px;
	background:url(/img/img-ico-e-akan.png) 3% center no-repeat;
}

#e-a-search section dl.search-summary {
	position:absolute;
	bottom:40px;
	background:url(/img/img-ico-search.png) 8% center no-repeat;
}

#magazine-topics p.backnumber{
	text-align:right;
}

section#magazine .sub-box{
	margin:10px 0 0 0;
}
section#magazine div.sub-box span{
bottom: 100px;
right: 35px;

}
section#magazine div.sub-box a:hover span{
	right:25px;
}


section#topics .sub-box{
	float:left;
	width:400px;
}

section#topics dl{
	overflow-y:scroll;
	padding:0 0 0 30px;
	width:370px;
	height:240px;

}

section#topics dl dt{
	color:#3DAFD6;
}

section#topics dl dd{
	margin:0 5px 15px 0;
	padding:0 0 15px 0;
	background:url(/img/img-topics-line.png) repeat-x center bottom;
	font-size: 95%;
}

section#topics h2{
	float:right;
	width:100px;
}

section#topics .backnumber{
	margin-top:13px;
}

/* SNS */

#snsBox{
	position:fixed;
	right:0;
	top:100px;
	padding:20px 10px;
	text-align:center;
	background:rgba(255,255,255,0.7);
	width: 85px;
	z-index: 1000;
}
#snsBox #fb {
	margin: 0 auto;
text-align: center;
padding-top: 10px;
width: 69px;
}

#snsBox #twitter{
	color:#333;
	margin: 0 auto;
	width: 72px;
	height: 24px;
	background: url(/img/bg_sns.png) no-repeat;
	padding-bottom: 3px;
	line-height: 1.5;
}

#twitter-widget-0{
	margin:0 0 0 5px;
}


#tooltip-head {
	position:absolute;
    }
	#tooltip-head li{
	position:absolute;
		}
#tooltip-head li.tool01{
left: -10px;
top: 160px;
}

#tooltip-head li.tool02{
top: 180px;
left: 165px;
}
#tooltip-head li.tool03{
left: 350px;
top: 150px;
}
#tooltip-head li.tool04{
top: 230px;
left: 735px;
}

/* SNS TOP*/

#snsBox{
position: fixed;
left: 0;
top: 0;
padding: 10px;
text-align: center;
background: rgba(255, 255, 255, 0.7);
width: 200px;
height: 62px;
-webkit-appearance:none;
}

#footersnsBox{
  overflow: hidden;
  padding:20px 10px;
  text-align:center;
  width: 240px;
  margin-bottom: 20px;
}
#snsBox #twt {
 width: 100px;
 position: absolute;
 top: 33px;
 left: 10px;
}

#footersnsBox #fb,
#footersnsBox #twt
 {
  width: 120px;
  float: left;

}
#footersnsBox #fb {

}
#snsBox .fb-like{
 width: 100px;
 top:12px;
 left: 120px;
 position: absolute;
 -webkit-appearance:none;
 text-align:left;
}

#twitter-widget-0{
  margin:0 0 0 5px;
}



#topics .info {
	display: none;
}