#inn-box ul.category {
	list-style: none;
	margin: 0px 0px 0px 30px;
	clear: both;
}
#inn-box ul.category li {
   text-decoration:none;
}
#inn-box ul.category li a {
   width: 180px; /*HTMLファイルを% 4に変更された場合、140pxに変更してください*/
   background: #690409;
   border:2px solid #500307;
	padding:14px;
   float: left;
	line-height: 1.2em;
   color:#fff;
   text-decoration:none;
   text-align:center;
  　 display:block;
   margin: 0px 18px 20px 0px;
}
#inn-box ul.category li a:hover{
  text-decoration: underline;
  color:#fff;
  opacity: 0.9;
}
#inn-box ul.category li img {
    display: block;
    margin: 0px auto 2px;
    border-style: none;
    max-width: 100%;
    height: auto;
}
/* カテゴリ・グループのフリースペース内全体の指定 */
#inn-box div.cg_freespace_01 {
	margin:0 30px 30px 30px;
	padding:0 0 0 0;
}
#inn-box div.cg_freespace_02 {
	margin:0 30px 30px 30px;
	padding:0 0 0 0;
}
/* カテゴリ・グループのフリースペース内の<p>タグの余白設定 */
#inn-box div.cg_freespace_01 p,
#inn-box div.cg_freespace_02 p {
	margin:16px 0 20px 0;
}
/* カテゴリ・グループのフリースペース内の<ul>タグの余白設定 */
#inn-box div.cg_freespace_01 ul,
#inn-box div.cg_freespace_02 ul {
	margin:0 0 10px 0;
}
#inn-box div.cg_freespace_01 li,
#inn-box div.cg_freespace_02 li {
	padding:0 0 0 18px;
}
.noneitem{
  line-height:1.6;
  border:dotted 3px #A91A13;
  padding:18px 20px;
  background:#fef8f8;  
}
#inn-box div.cg_freespace_01 #gbox{
  padding:10px 24px 10px 24px;
  background:#f8f8f8; 
}
/* ストライプ背景赤（カテゴリーフリースペース） */
.gattention{
  color:#69050A;
    padding: 0.5em 2em;
    margin: 2em 0;
    background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 3px,#fff4fb 3px, #fff4fb 7px);
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px,#fff4fb 3px, #fff4fb 7px);
}
/* ストライプ背景青（カテゴリーフリースペース） */
.attentionb{
  color:#393939;
    padding: 0.5em 2em;
    margin: 2em 0;
    background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 3px,#f4f6ff 3px, #f4f6ff 7px);
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px,#f4f6ff 3px, #f4f6ff 7px);
}