/*ブラウザスタイルの初期化*/

*{
	padding:0;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	list-style: none;
	margin: 0px;
	color: #666;
	}

body {
    color:#333;
	background: #ccc url(/images/bc.jpg) repeat-y center;
	margin: 0px;
	padding: 0px;
	border-style: none;
	font-size:75%;
   font-family:"Helvetica Neue", "Helvetica","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	}

*,*::before, *::after {
	box-sizing: border-box;
}
.clearfix::after {
	content: '';
	display: block;
	clear: both;
}
.br::after {
	content: "\A" ;
	white-space: pre ;
}

.hidden {
	display: none;
	}

/*/*インライン要素のスタイル*/
img,object{
	border:0;
	margin: 0px;
	padding: 0px;
}*/

h1{
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	
}



/*マルチカラムレイアウト設定*/

.wrapper {
	width: 960px;
	margin: 0px auto;
	overflow: hidden;
	}



.header {
	position: relative;
	width:960px;
	margin: 0px auto;
	text-align:left;
	height: 90px;
	background: #FFFFFF url(http://posjapan.co.jp/images/header4_back.png) no-repeat;}


.sidemenu {
	display: block;
	float: left;
	width: 188px;
	background-color:  #3E3F3F;
	padding-bottom:10000px;
margin-bottom:-10000px;
}


.main {
	float: right; 
	width: 772px;
	
}

div#footer{
	clear:both;
	width:100%;
	height: 45px;
	background: #CCC;
	}


.footer {
	width: 960px;
	height: 45px;
	margin: 0 auto;
	font-size: 65%;
letter-spacing: 1px;
	background-color:#ccc;
	padding-top: 5px;
	text-indent: 5px;
	
}



#content{
	float: left;
	width: 772px;
	margin: 0px;
	padding: 0px;
	border-style: none;
	background: #FFFFFF;
	display: block;
	
	}
	
#CatchCopy{
	width:772px;
	display: block;
	}



/*-----------------------------------------------
Main Navi
----------------------------------------------*/


.mainNavi{
	display: block;
	padding-top: 50px;
	margin-left: 400px;
	}
.mainNavi li {

	float: left;
	list-style:none;
	}

.mainNavi a{
	display:block;
	width:100%;
	background: no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}



#BrandFreeSpace1 {
	clear: both;
	/*margin-bottom: 200px;*/
	
}
#BrandFreeSpace2 {
	
	clear: both;
	margin-bottom: 200px;
}


/*-----------------------------------------------
インフォメーション　トッピックス
----------------------------------------------*/
.newslist{
	display: block;
	clear: both;
	margin-left: 60px;
	margin-bottom: 10px;
	width: 670px;
	text-align: left;
	font-size: 100%;
	word-spacing: 0.1em;
	letter-spacing: 0.1em;
	font-family: "Century Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}

.information .topics{
	display: block;
	clear: both;
	margin-bottom: 10px;
	width: 700px;
}

.information h2{
	text-align: left;
	padding:30px 0px 10px 0px;
	
}
.topics h2{
	text-align: left;
	padding:20px 0px 10px 0px;
	
}

.information dl p{
	margin-top: 0px;
	padding: 0px;	
}

.information .topics  dd {
	width: 500px;
	margin-left: 10px;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	font-size: 100%;
	line-height: 1.5em;
	clear: both;
}


.link {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.center {
	text-align: center;
	}
	

#dlPage{
	height: 21px;
	position:absolute;
	right: 30px;
	top: 20px;	
	
}


#mainbottom {
	background: #E3E3E3;
	padding-bottom:100px;
	
}

#content #contact {
	text-align: center;
	margin-top: 50px;
}




.clear {
	clear: both;
}
	

.new {color:#FF0000;
	font-weight: bold;}



#CompanyImage {
	display: block;
	height: 200px;
	background-repeat: no-repeat;
	background-position: center;
	margin-top:10px;
	width: 772px;
	background-image: url(../images/main.jpg);

}
.concept{
    font-size: 14px;
	display: block;
	margin-top: 0px;
	margin-left: 50px;
	text-align: left;
	line-height: 22px;
	text-indent: -10px;	
	}
	
.key-concept{
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	display: block;
	margin-top: 30px;
	margin-bottom:15px;
	margin-left: 50px;
	text-align: left;
	font-weight: bold;
	font-size: 30px;
	text-indent: -10px;	
	
}
	
.pdf_menu{
	margin: 20px auto;
	
	
}

.nav2{
	 width: 718px;
	margin:  0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}


 }

.nav2 li {

	}

.nav2 li a:hover img {
	opacity: 0.5;

}

.facebook{
	margin:20px auto 20px auto;
text-indent: center;}

.facebook img{display: block;
margin: 0 auto;}

.logo {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.links{
	display: block;
	text-indent: 200px;	
}
	
.textRight{
	float: left;
}

.left{
	text-align: left;
	margin-right: 20px;
}

.right{
	text-align: right;
	clear: both;
	margin-right: 40px;
}

.narrow {
letter-spacing: 0px;	
font-weight: normal;
}
.narrowB {
	letter-spacing: 0em;
	font-weight: bold;}

.bold {
	font-weight: bold;
}



#container:after { /*フロートのクリア*/
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }

/*---------透過PNGIE用----------

img {  behavior: url(http://posjapan.co.jp/css/iepngfix.htc);
}

#mainNavi { behavior: url(http://posjapan.co.jp/css/iepngfix.htc)}
*/

	
* html #mainNavi {
behavior: expression(IEPNGFIX.fix(this));
}

/*
#wrapper{
	width:960px;
	margin:auto;
	}

#header{
	width:960px;
	text-align:left;
	height: 90px;
	background: #FFFFFF url(http://posjapan.co.jp/images/header4_back.png) no-repeat;
	}



#mainNavi{
	list-style:none;
	height: 20px;
	right: 10px;
	padding-top: 50px;
	padding-left: 400px;
	}
#sitenavi {
	height: 21px;
	display: block;
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 130px;
	margin-top: 53px;
	float: left;
}


#mainNavi li {
	height: 20px;
	float: left;
	}
#mainNavi a{
	display:block;
	width:100%;
	height: 20px;
	text-indent: -9999px;
}*/

/*div#container{
	width:100%;
	margin:auto;
	display: block;
	background: #FFFFFF;
	}*/

.itemCategory1 a{background-position:0 -149px; }
.itemCategory2 a{background-position:0 -179px; }
.itemCategory3 a{background-position:0 -209px; }
.itemCategory4 a{background-position:0 -238px;	}
.itemCategory5 a{background-position:0 -268px;	}
.itemCategory6 a{background-position:0 -298px;	}
.itemCategory7 a{background-position:0 -329px;	}

.itemCategory1 a:visited {background-position:0 -149px; }
.itemCategory2 a:visited {background-position:0 -179px; }
.itemCategory3 a:visited {background-position:0 -209px; }
.itemCategory4 a:visited {background-position:0 -238px;	}
.itemCategory5 a:visited {background-position:0 -268px;	}
.itemCategory6 a:visited {background-position:0 -298px;	}
.itemCategory7 a:visited {background-position:0 -329px;	}

.itemCategory1 a:hover{background-position:-186px -149px;}
.itemCategory2 a:hover{background-position:-186px -179px;}
.itemCategory3 a:hover{background-position:-186px -209px;}
.itemCategory4 a:hover{background-position:-186px -238px;}
.itemCategory5 a:hover{background-position:-186px -268px;}
.itemCategory6 a:hover{background-position:-186px -298px;}
.itemCategory7 a:hover{background-position:-186px -329px;}

.itemCategory1 a:active{background-position:-372px -149px;}
.itemCategory2 a:active{background-position:-372px -179px;}
.itemCategory3 a:active{background-position:-372px -209px;}
.itemCategory4 a:active{background-position:-372px -238px;}
.itemCategory5 a:active{background-position:-372px -268px;}
.itemCategory6 a:active{background-position:-372px -298px;}
.itemCategory7 a:active{background-position:-372px -329px;}