@charset "iso-8859-1";

/**********************************************************
 *
 * Home PC Parts
 *
 **********************************************************/


/* clearfix
-------------------------------------------*/
.mod-home-visual {
/*  zoom: 1;*/
}
.mod-home-visual:before {
  content: "";
  display: table;
}
.mod-home-visual:after {
  content: "";
  display: table;
  clear: both;
}

/* search
--------------------------------------------------------------------------	*/
ul#i_search_autocomplete {
	z-index:1000 !important;
}

/* home
-------------------------------------------*/
/*contents.s-home*/
.contents.s-home {
  width: 100%;
  margin: 0;
  padding-bottom: 50px;
}

/*sec-home*/
.sec-home {
  padding: 50px 0;
}
.sec-home.s-gray-01 {
  background-color: #f6f6f6;
}
.sec-home.s-gray-02 {
  background-color: #d6d6d6;
}
.sec-home.s-gray-03 {
  background-color: #eee;
}
.sec-home.s-home-slider {
  padding: 15px 0;
  border-bottom: 1px solid #d6d6d6;
}
.sec-home.s-type-01 {
  padding: 0;
}
.sec-home.s-type-02 {
  padding: 30px 0;
}
.sec-home.s-type-03 {
  padding: 10px 0;
}
.sec-home > .inner {
  width: 940px;
  margin: 0 auto;
}

/*mod-home-visual*/
.mod-home-visual .area-slider {
  width: 940px;
  padding-top: 15px;
  min-height: 400px;
}

/*mod-home-visual-noscript*/
.mod-home-visual-noscript {
  width: 940px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}
.mod-home-visual-noscript > figure {
  margin-bottom: 0;
}
.mod-home-visual-noscript > ul {
  overflow: hidden;
  margin-top: 5px;
  display: inline-block;
}
.mod-home-visual-noscript > ul > li {
  float: left;
  width: 138px;
  margin: 5px 5px 0 0;
}
.mod-home-visual-noscript > ul > li:nth-child(6n) {
  margin-right: 0;
}
.mod-home-visual-noscript > ul > li:nth-child(6n+1) {
  clear: both;
}
.mod-home-visual-noscript + .box-recommend-contents.s-wide {
  margin-top: 20px;
}

/*.sec-home-news*/
.sec-home-news {
		padding:50px 0 0;
}
.sec-home-news > .inner {
  padding: 10px 0;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  width: 940px;
  margin: 0 auto;
}


/*mainPRwrap*/
#mainPRwrap{
	display: block;
	width: 100% !important;
	min-width: 940px;
	text-align: center;
	position: static;
}
/*mainPrBox*/
#mainPrBox{
	display: none;
	position: relative;
	width: 940px;
}
/*prControl*/
#mainPrBox .prControl{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -31px;
	text-align: center;
  z-index: 20;
}
#mainPrBox .prControl li{
	cursor: pointer;
}
#mainPrBox .prControl img{
	vertical-align: top;
}
#mainPrBox .prControl .prControlWrap{
	width: 940px;
	height: 15px;
}
#mainPrBox .prControl .playerConsole{
	position: absolute;
	bottom: 0;
	left: 0;
}
#mainPrBox .prControl .playerConsole img{
	display: none;
}
#mainPrBox .prControl .playerConsole img.active{
	display: block;
}

#mainPrBox .prControl .navigationPrev,
#mainPrBox .prControl .navigationNext{
  width: 35px;
  height: 35px;
  position: absolute;
  top: -210px;
	z-index: 100;
}
#mainPrBox .prControl .navigationPrev{
	left: 10px;
}
#mainPrBox .prControl .navigationNext{
	right: 10px;
}
/*tablist*/
#mainPrBox ul.tablist {
  padding-top: 3px;
  text-align: center;
}
#mainPrBox ul.tablist > li {
  position: relative;
  display: inline-block;
  margin: 0 6px;
  vertical-align: top;
}
#mainPrBox ul.tablist > li:after {
  content: '';
  display: block;
  width: 40px;
  height: 5px;
  margin: 2px 5px 0;
  background-color: #aaa;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#mainPrBox ul.tablist > li.is-active:after {
  width: 50px;
  height: 9px;
  border: none;
  margin: 0;
  background-color: #c03;
}
#mainPrBox ul.tablist > li > .thumb {
  display: none;
  position: absolute;
  left: -51px;
  top: -90px;
  width: 153px;
  height: 90px;
  max-height: 90px;
  padding-bottom: 7px;
  border-bottom: 3px solid transparent;
  background: url(/flcache_data/images_osp/home/bg_balloon_01.png) no-repeat center bottom;
}
#mainPrBox ul.tablist > li > .thumb img {
  border: 5px solid #aaa;
  max-height: none;
}
#mainPrBox ul.tablist > li:hover > .thumb {
  display: block;
}
#mainPrBox ul.tablist > li > .prTitle {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50px;
  height: 9px;
  overflow: hidden;
  position: absolute;
  text-indent: 100%;
  white-space: nowrap;
}
/*panel*/
#mainPrBox .panel{
  width: 940px !important;
	top: 30px;
	float: left;
}
#mainPrBox .panel a{
	display: block;
	vertical-align: top;
}
#mainPrBox .panel .img{
  width: 940px;
	vertical-align:top;
}
#mainPrBox .panel .panelInner{
	position: relative;
}
#mainPrBox .panel .panelInner:hover{
	-ms-filter: "alpha( opacity=70)";
	filter: alpha( opacity=70);
	opacity: 0.7;
}
#mainPrBox #loadingImage{
  margin: 0;
	text-align:center;
}
#mainPrBox #loadingImage img{
  width: 100%;
}
#mainPrBox .panelWrap {
	width: 940px;
	overflow: hidden;
}
#mainPrBox .panelContainer {
	width: 99999px;
	position: relative;
  margin-left: -940px;
}

/*sec-home*/
.tit-home-lv2 {
  margin-bottom: 27px;
  text-align: center;
}
.tit-home-lv2 > span {
  position: relative;
  display: inline-block;
  font-size: 158%;
  font-weight: bold;
}
.tit-home-lv2 > span > a {
  position: absolute;
  right: -5em;
  top: 0.5em;
  font-size: 64%;
  font-weight: normal;
}
.head-list-group {
  text-align: center;
  position: relative;
}
.head-list-group > .item {
  display: inline-block;
  position: relative;
}
.head-list-group .link {
  position: absolute;
  right: -5em;
  top: 0.5em;
}
.head-list-group.s-rss {
  text-align: left;
}
.head-list-group.s-rss .tit-home-lv2 {
  margin-bottom: 13px;
}
.head-list-group.s-rss .link {
  right: -7em;
}
.head-list-group.s-rss .link > .btn-cmn-rss {
  margin-left: 1.5em;
  vertical-align: -0.03em;
}

/*sec-home-purpose*/
.sec-home-purpose {
  margin-bottom: 25px;
}
.sec-home-purpose:last-child {
  margin-bottom: 0;
}
.sec-home-purpose.s-type-01 {
  background: #fff url(/flcache_data/english/images_osp/home/bg_purpose_01_pc.jpg) no-repeat 0 0;
}
.sec-home-purpose.s-type-02 {
  background: #fff url(/flcache_data/english/images_osp/home/bg_purpose_02_pc.jpg) no-repeat 0 0;
}
.sec-home-purpose.s-type-03 {
  background: #fff url(/flcache_data/english/images_osp/home/bg_purpose_03_pc.jpg) no-repeat 0 0;
}
.sec-home-purpose .body-top {
  position: relative;
  height: 137px;
}
.sec-home-purpose .body-top > a {
  display: block;
  height: 137px;
  text-decoration: none;
}
.sec-home-purpose .body-top h3 {
  padding: 53px 0 0 60px;
  font-size: 115%;
  font-weight: bold;
  color: #000;
}
.sec-home-purpose .body-top h3 img {
  margin-right: 10px;
  vertical-align: -0.6em;
}

.sec-home-purpose .body-bottom {
  width: 100%;
  display: table;
  border-top: 2px solid #d6d6d6;
  background-color: #fff;
  table-layout: fixed;
}
.sec-home-purpose .body-bottom > a {
  display: table-cell;
  padding: 11px 15px;
  border-left: 2px solid #d6d6d6;
  vertical-align: top;
  text-decoration: none;
}
.sec-home-purpose .body-bottom > a:first-child {
  border-left: none;
}
.sec-home-purpose .body-bottom > a .ico-cmn-arrow {
  margin-bottom: 5px;
  font-weight: bold;
}
.sec-home-purpose .body-bottom > a .ico-cmn-arrow:after {
  top: 0.4em;
}
.sec-home-purpose .body-bottom > a .txt {
  display: block;
  margin-left: 1.2em;
  line-height: 1.75;
  color: #000;
  font-size: 86%;
}

/*list-cmn.s-home*/
.list-cmn.s-home {
  padding: 0 180px;
}

/*list-cmn-info.s-home*/
.list-cmn-info.s-home {
  font-size: 86%;
}
.list-cmn-info.s-home > li {
  padding: 3px 0;
}

/*.btn-cmn.s-home*/
.btn-cmn.s-home {
  width: 160px;
  padding: 11px;
  text-align: center;
  background-image: none;
}
.btn-cmn.s-home > .ico-cmn-arrow:after {
  top: 0.4em;
}
.btn-cmn.s-home:hover,
.btn-cmn.s-home:focus{
  color:#000;
}

/*mod-home-about*/
.mod-home-about {
  overflow: hidden;
}
.mod-home-about .item-01 {
  display: table;
  height: 100%;
  table-layout: fixed;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 20px 0;
  margin:0 auto;
}
.mod-home-about .item-01 > li {
  display: table-cell;
  width:158px;
  height: 100%;
}
.mod-home-about .item-01 > li > a {
  display:block;
  height: 100%;
  position: relative;
  text-align: center;
  background: #fff;
}
.mod-home-about .item-01 > li img {
  width:100%;
  border-bottom: 1px solid #d6d6d6;
}
.mod-home-about .item-01 > li p {
  display: table-cell;
  vertical-align: middle;
  padding: 6px;
  text-align: left;
  color: #000;
}
.mod-home-about .item-01 > li p > .ico-cmn-arrow:hover {
  text-decoration: none;
}

/*mod-home-message*/
.mod-home-message-01 {
  padding: 10px 20px;
  border: 2px solid #c03;
  margin-bottom: 10px;
}
.mod-home-message-01:first-child {
  margin-top: 10px;
}
.mod-home-message-01:last-child {
  margin-bottom: 10px;
}
.mod-home-message-01.s-gray {
  border: 2px solid #aaa;
}
.mod-home-message-01.s-gray-message {
  padding: 10px 11px;
  border: 1px solid #aaa;
}
.mod-home-message-01 > dl {
  overflow: hidden;
}
.mod-home-message-01 > dl > dt {
  margin-right: 5px;
  padding-top: 2px;
  float: left;
  line-height: 1.3;
  color: #c03;
  font-weight: bold;
  max-width: 25%;
  text-align: center;
}
.mod-home-message-01 > dl > dd {
  overflow: hidden;
}
.mod-home-message-01 > dl > dd.line2 {
  margin-top: 10px;
}
.mod-home-message-01 .list-cmn.s-ico > li > a {
  display: block;
  overflow: hidden;
}
.mod-home-message-01 .list-cmn.s-ico > li > .label {
  float: left;
  display: inline-block;
  padding: 0 7px;
  margin-right: 10px;
  background-color: #093475;
  color: #fff;
  font-size: 86%;
}

.mod-home-message-02 {
  margin-bottom: 10px;
}
.mod-home-message-02:last-child {
  margin-bottom: 0;
}

/*hr*/
hr.s-home-01 {
  margin: 50px 0;
}
hr.s-home-02 {
  margin: 50px 0 43px;
  border-color: #c8c8c8;
}

/* linkColor .s-link-bgcolor-num */
.s-link-darkbg-01 a:hover,
.s-link-darkbg-01 a:focus{
  color:#3743d7;
}