@charset "utf-8";

.pbNestedWrapper {
	overflow: visible;
}


/* ==========================

　　main image

========================== */

.shadow {
	position:absolute;
	z-index:500;
	top:0;
	right:0;
}


#container {
	position: relative;
	width: 100%;
	text-align: center;
}

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img,
.pagination img {
	width: 100%;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 400;
	cursor: pointer;
}
.slider_prev {background: #fff url(/library/img/arr-left.png) no-repeat left 230px;}
.slider_next {background: #fff url(/library/img/arr-right.png) no-repeat right 230px;}

.pagination {
	padding: 8px 0 10px;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 73px;
	text-align: center;
	position: absolute;
	z-index: 200;
	background: transparent url(/library/img/bg.png)  ;
}

.pagination a {
	position: relative;
	margin: 6px 5px 0;
	width: 143px;
	height: 57px;
	border: solid 3px #fff;
	background: #fff;
	display: inline-block;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
.pagination a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}
.pagination a:hover:after {
	display: none;
}

.pagination a:hover,
.pagination a.active {
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.pagination a.active {
	border-color: #669cc9;
}
.pagination a.active:after {
	bottom: 100%;
	left: 50%;
	width: 0;
	height: 0;
	margin-bottom: 3px;
	margin-left: -6px;
	border: solid 6px transparent;
	border-bottom-color: #669cc9;
	border-top: 0;
	background: none;
}
.pagination a.active:hover:after {
	display: block;
}


/* ==========================

　　search

========================== */

#searchArea {
	width: 100%;
	height: 92px;
	background: url(/library/img/background_search.png) ;
}

#search {
	margin:0 auto;
	width: 960px;
}

#search #tit_keyword{
	margin-top:10px;
	padding-right:95px;
	float:left;
}

#search #btn{
	margin-top:1px;
	padding-left:12px;
	float:left;
}

#search:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#menu {
	float: left;
	position: relative;
	z-index:300;
	margin: 0;
	padding: 0;
}


#menu li {
	position: relative;
	float: left;
	width: 238px;
	cursor: pointer;
	display:block;
	margin-left:1px;
}

#menu li ul {
	display: none;
	position: absolute;
	top: 35px;
	left: 0;
	width: 234px;
	background: #fff;
	border: solid 2px #669cc9;
	margin: 0;
	padding: 0;
}
#menu li ul li {
	border: none;
}
#menu li ul li a {
	margin-left:-1px;
	display: block;
	padding:3px 10px 3px 10px;
	color: #333;
}
#menu li ul li a:hover {
	margin-left:-1px;
	width: 214px;
	background: #b2cde4;
	color: #333;
	text-decoration:none;
}

#search-box{
	margin:0 auto;
	width: 960px;
	clear:both;
	margin-top:12px;
	position: relative;
}

.searchForm{
	width: 869px;
	height: 29px;
	background: url(/library/img/search-box.png) no-repeat;
	border: none;
	padding: 0 0 0 10px;
	font-size:14px;
}

#searchBtn{
	position: absolute;
	top: 0;
	left: 869px;

}

*:first-child + html #searchBtn	{
	top: 8px;
}


/* ==========================

　　attention

========================== */

#attentionArea{
	margin:0 auto;
}

#attentionArea p{
	width:910px;
	height:30px;
	margin:5px auto;
	padding:5px 0 0 50px;
	background: url(/library/img/icon_attention.png) no-repeat ;
}


/* ==========================

　　products

========================== */


#productsArea{
	width:100%;
	background:#f1f0f0;
	padding:50px 0 50px 0;
}

#productsArea h2{
	margin:0 auto;
	padding:0 0 10px 0;
	width:100%;
	background: url(/library/img/background_h2.png) repeat-x bottom center;
	text-align:center;
}

#productsArea ul{
	margin:18px auto 0 auto;
	padding: 0;
	width:960px;
}

#productsArea ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#productsArea ul li{
	padding:12px 12px 0 0;
	float:left;
}

#productsArea ul li.last{
	padding:12px 0 0 0 ;
	float:left;
}


/* ==========================

　　about

========================== */


#aboutArea{
	width:100%;
	background:#ccdeed;
	padding:15px 0 20px 0;
}

#aboutArea ul{
	margin:0 auto;
	padding: 0;
	width:960px;
}

#aboutArea ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#aboutArea ul li{
	padding:0 15px 0 0;
	float:left;
}

#aboutArea ul li.last{
	padding:0 ;
	float:left;
}


/* ==========================

　　proposal

========================== */

#proposalArea{
	width:960px;
	margin:40px auto ;
	padding:15px 0 0 0;
	background: url(/library/img/bg_01.png) no-repeat ;
}


#titleArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#textArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


#proposalArea #titleArea h2{
	float:left;
}

#proposalArea #titleArea p.list{
	padding-top:2px;
	float:right;
}

#proposalArea #titleArea .arrow{
	padding-left:14px;
	background: url(/library/img/arrow.png) no-repeat 0 5px;
	color:#333;
}


#proposalArea #textArea{
	margin-top: 14px;
}

#proposalArea #textArea p{
	width:320px;
	padding-right:40px;
	float:left;
}

#proposalArea #textArea div.img{
	width:600px;
	float:right;
}



/* ==========================

　　information

========================== */

#informationArea{
	margin:0 auto ;
	width:960px;
}

#informationArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


#info-left{
	width:465px;
	margin:0 auto ;
	padding:15px 30px 20px 0;
	background: url(/library/img/bg_02.png) no-repeat ;
	float:left;
}

#info-left ul{
	padding:0;
}

#info-left ul li{
	padding:10px 0 4px 0;
	border-bottom:1px dotted #cccccc;
}

#info-left ul li p.ir{
	padding:0 ;
	margin:0;
	color:#005aa5;
	background: url(/library/img/icon_01.png) no-repeat 95px 0;
}

#info-left ul li p.news,
#info-right ul li p.news{
	margin: 0 0 0 14px ;
	padding:7px 0 0 0;
	text-indent:-14px;
}

#info-left ul li p.release{
	padding:0 ;
	margin:0;
	color:#005aa5;
	background: url(/library/img/icon_02.png) no-repeat 95px 0;
}

#info-left ul li p.product{
	padding:0 ;
	margin:0;
	color:#005aa5;
	background: url(/library/img/icon_03.png) no-repeat 95px 0;
}



#info-left #titleArea h2,
#info-right #titleArea h2{
	float:left;
}

#info-left #titleArea p.list,
#info-right #titleArea p.list{
	padding-top:2px;
	float:right;
}

#info-left #titleArea .arrow,
#info-right #titleArea .arrow,
#info-left ul li .arrow,
#info-right ul li .arrow{
	padding-left:14px;
	background: url(/library/img/arrow.png) no-repeat 0 6px;
	color:#333;
}

#info-right{
	width:465px;
	margin:0 auto ;
	padding:15px 0 20px 0;
	background: url(/library/img/bg_02.png) no-repeat ;
	float:right;
}

#info-right ul{
	padding:0;
}

#info-right ul li{
	padding:10px 0 6px 0;
	border-bottom:1px dotted #cccccc;
}

#info-right ul li p{
	padding:0 ;
	margin:0;
	color:#005aa5;
}

#info-right ul li p.popup img{
	padding:0 0 0 5px ;
	vertical-align:middle;
}

#pageTop{
	background: #ffffff url(/library/common/img/footer_illust.png) no-repeat center 20px;
}

#pageTop .tosho_mark {
	display: block;
}