#digigi_main_page {
    padding-left: 0;
    width :950px;
}

#digigi_side_bar { display: none; }

HTML {
    font-family: 'CI', Meiryo, sans-serif;
}

body {margin: 0; padding: 0;}



/* page main */

#ip_wrapper {
    width: 100%; text-align: center;
}

#ip_wrapper #container {
    width: 950px; margin: 0 auto;
}


/* navi */

.global-nav {
  list-style: none; overflow: hidden; margin: 0 0 40px 0; padding: 0;width: 950px; font-size: 0;
}

.global-nav li {
  margin-right: 1px;
  width: 189px;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  background-color: #990000;
  display: inline-block;
}

.nav_app {
  width: 190px;
  margin-right: 0px;
}

.global-nav li a {
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  display: block;
}

.global-nav li a:hover {background-color: #0D0D0D;}


/* top */

.topImage {width: 950px; height: 300px; margin: 0; padding: 0; background: #ffffff url(audioapp_image/pluse_shelf_top.jpg) 0 0 no-repeat; position: relative;}


/* main */

.main_info {text-align : left; margin: 20px; font-size: 14px;}

.contents {
  width: 100%;
  border-top: 1px dashed #990000;
  padding : 30px 0;
  text-align : left;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  align-items: center;
  justify-content: center;
}

.contents_overview {
  border-top: 1px dashed #990000;
  padding: 30px 10px;
  text-align: left;
  font-size: 14px;
}

.info_left {
  background-color: #990000;
  color: #ffffff;
  width: 20% ;
  margin: 0;
  padding: 15px;
  font-weight: bold;
  font-size: 20px;
}

.info_right {
  width: 70%;
  padding: 0 10px; 
  margin-top: auto;
  margin-bottom: auto;
}

p {
	font-size: 14px;
	padding: 0;
}

h1,h2,h3,h4 {margin: 0;}


/* page news */

.news {
  border-top: 1px #990000 dotted;
  padding: 10px 0;
  text-align: left;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  flex-wrap: wrap;}

.left {
  width: 15%;
  padding: 0 10px;
  line-height: 150%;
}

.right {
  width: 80%;
  line-height: 150%;
}



/* page howto */

/* .clearfix:after {
	content: "";
	display: block;
	clear: both;
} */


.sidebar {
	text-align: left;
	line-height: 150%;
	margin: 0 0 30px 0;
	text-decoration: none;
}

/*

.sidebar ul {
	font-size: 15px;
	list-style-type: none;
	line-height: 140%;
}

.sidebar li {
	display: inline-block;
	background-color: #0D0D0D;
	border-radius: 20px;
	padding: 5px 20px;
}

.sidebar li a {
	text-decoration: none;
	color: #ffffff;
	display: block;
}

.sidebar li a:hover {
	color: #ff8c00;
}

*/

.mokuji a {
	text-decoration: none;
	color: #ffffff;
}

.mokuji a:hover {
	color: #ff8c00;
}

.sidebar span {	
	display: inline-block;
	background-color: #0D0D0D;
	border-radius: 20px;
	padding: 5px 20px;	
}


.main {
	width: 950px;
	text-align: left;
}

.sec_howto {
	margin: 0px 10px;
}

.sec_howto p {
	margin-left: 2em;
	text-indent: -2em;
}

.main  h2 {
	font-size: 20px;
	line-height: 150%;
	border-bottom: 1px dashed #990000;
}


.main h4 {
	font-size: 16px;
	line-height: 150%;
	color: #a52a2a;
	margin: 20px 0 10px 0;
}

.howtobuy {
	width: 200px;
	margin-left: 2em;
	border: thin black solid
}

.howtouse {
	width: 250px;
}

.howto_box {
	text-align: left;
}

.box_left {
	width: 250px;
	float: left;
	margin-right: 20px;
}

.box_right {
	width: 660px;
	float: left;
}

span.big {
	font-size: 180%;
	font-weight: 500;
	color: #990000;
}

p.toTop {text-align: right; line-height: 20px}

/* list */

.list {
	text-align: center;
	border: 1px solid #990000;
	border-radius: 20px;
	padding: 10px 0px;
}

.list  h2 {
	font-size: 20px;
	line-height: 150%;
	margin-bottom: 10px;
}

.category_list {
	text-align: left;
	display: table;
	border-spacing: 1em 3px;
	margin: 0px 10px;
	padding: 0px;
	width: 90%;
	font-size: 120%;
	lign-height: 150%;
}

div.category_list div.box1 {
   display: table-cell;
   width: 30%;
}
div.category_list div.box2 {
   display: table-cell;
   width: 30%;
}
div.category_list div.box3 {
   display: table-cell;
   width: 30%;
}

.category_list a {
	text-decoration: none;
	color: black;
}

.category_list a:hover {
	color: #003366;
	font-weight: 500;
	text-decoration: underline;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.category {
	margin: 0;
	text-align: left;
}

.category h3 {
	border-left: 5px #990000 solid;
	background-color: #eeeeee;
	height: 35px;
	line-height: 35px;
	margin-top: 40px;
	text-indent: 1em;
	font-size: 170%;
}

.author {
	width: 950px;
	clear: both;
}

.author h4 {
	border-bottom: 1px #990000 dotted; 
	width: 950px;
	margin: 15px 0px 10px 0px;
	padding-top: 15px;
	color: #990000;
	font-size: 18px;
}

.item-container {
}

.item:nth-child(4n) {
	margin-right: 0;
}

div.item {
	width: 230px;
	margin: 0px 10px 10px 0px;
	float: left;
}

.icon {
	width: 50px;
	float: left;
	margin-top: auto;
	margin-bottom: auto;
}

.icon-image {
	width: 50px;
	height: 50px;
}

.text {
	width: 180px;
	float: left;
/*	background-color: aquamarine;*/
}

.text p {
	margin: 0;
	padding-left: 10px;
	word-wrap: break-word;
	font-size: 13px;
}

.text h5 {
	font-size: 13.5px;
	margin: 5px 0px 2px 0px;
	padding-left: 10px;
	word-wrap: break-word;
	line-height: 120%;
}

.tf {
	transform: scale( 0.8 , 1 );
	transform-origin: top left;
	width: 125%;
}

.text span {
	font-size: 80%;
	color: red;
}