@charset "UTF-8";
/* CSS Document */

/******************************
リセット
******************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}

img,a{
	vertical-align:top;
}


/******************************
共通
******************************/
body {
	font-size:75%;
	line-height:1.75;
	color:#323232;
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

a , input {
	outline:none;
}

a,
a:link,
a:visited {
	color:#323232;
	text-decoration:none;
}

a:hover,
a:active  {
	text-decoration:underline;
}


/******************************
ヘッダー
******************************/
#headerArea {
	background:url(/common/images/share/header/bg_header.png) repeat-x top;
	height:103px;
}

#headerArea #headerNew {
	width:978px;
	height:143px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	background:none;
}

#headerArea #logo {
	position:absolute;
	left:2px;
	top:13px;
	z-index:999;
}

#headerArea #search {
	position:absolute;
	right:-12px;
	top:20px;
}

#headerArea #search span {
	border:#adadb5 solid 1px;
	background:#FFF;
	display:inline-block;
	vertical-align:top;
	margin-top:2px;
}

#headerArea #search .inputText {
	min-height:18px;
	width:142px;
	padding-left:4px;
	color:#888888;
}

#headerArea #search .inputSubmit {
	background:url(../images/share/header/btn_search.png) no-repeat;
	vertical-align:top;
	width:36px;
	height:24px;
	cursor: pointer;
}

#headerArea #search .inputSubmit:hover {
	background:url(../images/share/header/btn_search_o.png) no-repeat;
}

#headerArea #search form {
	display:inline;
}

#headerArea #productssearch {
	position:absolute;
	right:226px;
	top:22px;
}

#headerArea #member {
	position:absolute;
	right:344px;
	top:24px;
	color:#656565;
}

/*グーグル検索なし*/
#headerArea #productssearch02 {
	position:absolute;
	right:0px;
	top:22px;
}

#headerArea #member02 {
	position:absolute;
	right:118px;
	top:24px;
	color:#656565;
}

#headerArea ul#nav {
	width:978px;
	overflow:hidden;
	position:absolute;
	top:67px;
}

#headerArea ul#nav  li {
	float:left;
}

#headerArea input {
	border:0;
}


/******************************
メイン
******************************/
#mainIndex {
	padding-top:20px;
}

#mainIndex2 {
	padding-top:20px;
	margin:0px auto 0;
}

#menuIndex {
	width:980px;
	overflow:hidden;
	margin:24px auto 0;
}

#menuIndex ul {
	width:1000px;
}

#menuIndex ul li {
	float:left;
	margin:0 16px 9px 0;
}


/******************************
スライドショー
******************************/
#slides{
	position:relative;
	margin:0 auto;
	width:980px;
	z-index:100;
	height:350px;
}

.slides_container {
	width:980px;
	height:350px;
	overflow:hidden;
	position:relative;
	display:none;
}

.slides_container img {
	width:980px;
	height:350px;
	display:block;
}

#slides .next,#slides .prev {
	position:absolute;
	left:-45px;
	top:157px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
	cursor:pointer;
}

#slides .next {
	left:988px;
}

.pagination {
	position:absolute;
	top:322px;
	right:5px;
	z-index:900;
}

.pagination li {
	float:left;
	margin-right:7px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:11px;
	background-image:url(/common/images/index/pagging.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li a:hover {
	background-position:0 -11px;
}

.pagination li.current a {
	background-position:0 -11px;
}

/*TOPページ - HTML5 - */
.videoAreaIn {
	width:980px;
	height:349px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	padding-top:1px;
}

.movieFive,
.movieWinMedia {
	position:absolute;
	top:0;
	z-index:0;
}

.linkbox {
	position:absolute;
	z-index:1;
}

/******************************
コンテンツ(index)
******************************/

#containerIndex {
	background:url(/common/images/index/tophaikei20190315.png) no-repeat 50% 0;
}

#contentsIndex {
	width:982px;
	overflow:hidden;
	margin:25px auto 30px;
}

.indexBox {
	width:480px;
}

.indexBox h2 {
	padding-top:25px;
	margin-bottom:23px;
	position:relative;
}

.indexBox h2 a {
	position:absolute;
	right:0;
	top:28px;
}

.indexBox dl {
	margin-bottom:-1px;
}

.indexBox dl dt {
	margin-top:12px;
	font-size:83.3%;
	line-height:1.5;
}

.indexBox dl dd {
	background:url(/common/images/share/line_dot.png) repeat-x bottom;
	padding-bottom:10px;
}

.indexBox dl dd a {
	color:#132049;
}

.indexBox ol.oshirase {
width: 475px;
height: 500px;
margin-bottom: 1.5em;
background-color: #fafafa;
border: 1px #c0c0c0 solid;
color: #000000;
}
.indexBox ol li.oshirase {
	background:url(/common/images/share/line_dot.png) repeat-x bottom;
	padding-bottom:10px;
	padding:0% 0% 2% 2%;
}

.indexBox ol ul.oshirase {
	padding:0% 0% 0% 1%;
}

ol.oshirase { overflow: auto; }
ol.shinchaku { overflow: auto; }


/*フッターバナー*/
#footerBan {
	width:981px;
	margin:0 auto;
	overflow:hidden;
}

#footerBan ul {
	width:1040px;
}

#footerBan ul li {
	float:left;
	margin-right:60px;
}

#footerBan2 {
	width:981px;
	margin:0 auto;
	overflow:hidden;
}

#footerBan2 ul {
	width:1040px;
}
	margin:0 0px 15px 0;
}


#footerBan2 ul li {
	float:left;
	margin-right:20px;
}

/*ボトムバナー*/
#bottomBan {
	width:735px;
	overflow:hidden;
	margin-left:1px;
}

#bottomBan ul {
	width:741px;
}

#bottomBan ul li {
	float:left;
	margin-right:7px;
}


/******************************
レフト
******************************/
#left {
	float:left;
	margin-left:2px;
	width:230px;
}

/*レフトメニュー*/
#leftMenu {
	background:url(/common/images/share/left/bg_leftshadow.png) no-repeat bottom;
	padding-bottom:6px;
	margin-bottom:18px;
}

#leftMenu ul {
	background:#323232;
	width:228px;
	overflow:hidden;
	padding:1px 1px 0;
}

#leftMenu li {
	padding-bottom:1px;
}

#leftMenu a {
	color:#efefef;
	background:url(/common/images/share/left/bg_leftmenu.png) repeat-y top;
	border:#626566 solid 1px;
	padding:4px 0 4px 25px;
	display:block;
	width:201px;
}

#leftMenu a:hover,
#leftMenu li.act a {
	text-decoration:none;
	background:url(/common/images/share/left/bg_leftmenu_o.png) repeat-y top;
	border:#8b8b8b solid 1px;
}

/*レフトカテゴリー*/
/*レフト2メニュー*/
#leftkankyoMenu {
	background:url(/common/images/share/left/bg_leftshadow.png) no-repeat bottom;
	padding-bottom:6px;
	margin-bottom:18px;
}

#leftkankyoMenu ul {
	background:#323232;
	width:228px;
	overflow:hidden;
	padding:1px 1px 0;
}

#leftkankyoMenu li {
	padding-bottom:1px;
}

#leftkankyoMenu a {
	color:#efefef;
	background:url(/common/images/share/left/bg_leftkankyoMenu.png) repeat-y top;
	border:#626566 solid 1px;
	padding:4px 0 4px 25px;
	display:block;
	width:201px;
}

#leftkankyoMenu a:hover,
#leftkankyoMenu li.act a {
	text-decoration:none;
	background:url(/common/images/share/left/bg_leftmenu_o.png) repeat-y top;
	border:#8b8b8b solid 1px;
}

/*レフト2カテゴリー*/
.leftCat {
	background:url(/common/images/share/left/bg_leftshadow.png) no-repeat bottom;
	padding-bottom:6px;
	margin-bottom:18px;
}

.leftCat ul {
	border:#c8c8c8 solid 1px;
	padding:10px 0 7px;
}

.leftCat ul li {
	margin-bottom:3px;
}

.leftCat ul a {
	background:url(/common/images/share/icon_arrow_b.png) no-repeat 0 40%;
	padding-left:13px;
	margin-left:12px;
	display:block;
	zoom:1;
}

/*レフトバナー*/
.leftBan li {
	margin-bottom:15px;
}

/*ページTOPへ*/
#pageTopBtn {
	width:980px;
	margin:60px auto 7px;
	padding-right:2px;
	text-align:right;
}

#pageTopBtn a {
	background:url(/common/images/share/footer/bg_pagetop.png) no-repeat left 50%;
	padding-left:14px;
	color:#0f1e4d;
	font-size:83.3%;
}


/******************************
フッター
******************************/
#footerArea {
	background:url(/common/images/share/footer/bg_footer.png) repeat-x;
	background-color:red;
	height:79px;
}

#footerArea #footerNew {
	width:980px;
	overflow:hidden;
	margin:0 auto;
	background:none;
}

#footerArea #footerLeft {
	width:800px;
	float:left;
}

#footerArea #footerNew ul {
	padding-top:12px;
	width:800px;
	overflow:hidden;
}

#footerArea #footerNew li {
	float:left;
}

#footerArea #footerNew #copy {
	margin-top:10px;
}

#footerArea #norton {
	float:right;
	padding:10px 2px 0 0;
}


/******************************
カスタム検索
******************************/
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
	border:#adadb5 solid 1px;
	font-size:91.6% !important;
	padding:0 !important;
	margin:0 -7px 0 0 !important;
	width:162px;
	height:2em;
	float:right;
	display:inline;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus,
input.gsc-search-button:hover, input.gsc-search-button:focus {
	border: none !important;
	background-color: none !important;
	background:url(/common/images/share/header/btn_search.png) left no-repeat !important;
	filter: none !important;
	padding:24px 0 0 36px !important;
	margin:0px 0 0 0 !important;
	width:0px !important;
	height:0px !important;
}
input.gsc-search-button:hover, input.gsc-search-button:focus {
	background:url(/common/images/share/header/btn_search_o.png) left no-repeat !important;
}
#searchArea input.gsc-input, #searchArea .gsc-input-box, #searchArea .gsc-input-box-hover, #searchArea .gsc-input-box-focus {
	width:100% !important;
	font-size:116.6% !important;
	height:2em;
}
#searchArea a {
	line-height: normal !important;
	vertical-align:baseline !important;
}