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

#title{
	overflow:hidden;
}
#logo_left{
	float:left;
	margin-top:18px;
}
#logo_right{
	height:75px;
}
#logo_sub{
	background:#d35f0d;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
	color:#fff;
	font-size:16px;
	padding:3px 0 3px 0;
	margin-bottom:7px;
	font-weight:bold;
	width:200px;
	text-align:center;
}
h1{
	font-size:35px;
	font-weight:bold;
	font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
}
h2{
	font-weight:bold;
	font-size:30px;
	margin-bottom:15px;
}
h3{
	margin:0 0 15px 0;
}
#title_in{
	width:555px;
	overflow:hidden;
	margin:20px 0 30px 0;
}
#list_img{
	text-align: right;
	margin-bottom: 30px;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #title_in {width:580px} /* IE11 */
}

#what{
	background:#e5cbb5;
	z-index: 1;
}
#what_title{
	font-size:22px;
	font-weight:bold;
	color:#270404;
	margin:0 0 10px;
	font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
}
#what_in{
	width:960px;
	padding:20px 0 70px;
	margin:0 auto;
}
#category{
	width:960px;
	margin:-50px auto 0;
	overflow:hidden;
	z-index: 2;
}
.cate{
	float:left;
	padding:0 10px 10px;
	text-align:left;
	font-size:16px;
	line-height: 120%;
}
.cate img{
	border:3px solid #e5cbb5;
	margin-bottom:5px;
	box-shadow: 5px 10px 20px rgba(0,0,0,0.25);
}
.cate a:hover img {
	border:3px solid #b8d456;	
}
#about_download{
	width:960px;
	margin:20px auto;
	font-size: 14px;
}
#about_download_title{
	background:url(../img/top_dl_icon.png) no-repeat;
	color:#d35f0d;
	padding:3px 0 10px 40px;
	font-size:20px;
	font-weight:bold;
	font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
}
#bunner{
	margin: 10px auto 40px;
}
#bunner a img{
	border: 2px solid #8F8F8F;
}
#bunner a img:hover{
	border: 2px solid #a37c4b;
	opacity:0.7;
}
#side a img:hover{
	opacity:0.7;
}
#side{
	width:222px;
	float:left;
}
#side_in{
	background:#fff;
	border:5px solid #e5cbb5;
	color:#000;
	text-decoration:none;
}
#side_in ul a{
	color:#000;
	text-decoration:none;
}
#side_in ul a:hover{
	opacity: 0.7;
}
.side_menu{
	background:url(../img/cate_arrow.png) no-repeat left center;
	margin:10px 0 10px 0;
	font-size:16px;
	padding:5px 0 10px 20px;
	border-bottom:3px dotted #e5cbb5;
}
.side_menu_last{
	background:url(../img/cate_arrow.png) no-repeat left center;
	font-size:18px;
	font-weight:bold;
	padding:0 0 10px 20px;
}
#cate_name{
	color:#270404;
	border-left:7px solid #270404;
	font-size:23px;
	padding:0px 0px 0px 7px;
	margin-bottom:20px;
	font-weight: bold;
}
#main{
	float:right;
	width:695px;
	overflow:hidden;
	font-size:16px;
}
#cate_name_in{
	padding: 8px 5px;
	border-top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
}
.ichiran{
	float: left;
}
ul.cate_menu{
	margin:20px 0;
	overflow:hidden;
}
ul.cate_menu li{
	width:22% ;
	font-size: 16px;
	float: left;
	margin:0 15px 0 0;
}
ul.cate_menu li img{
	float:left;
	border:6px solid #e5cbb5;

}
ul.cate_menu li a:hover img{
	border:6px solid #b8d456;
}

#point{
	background:#fff;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	margin:25px 0 40px;
	padding:15px;
	border:4px solid #e5cbb5;
}
#point img{
	margin-bottom:10px;
}
.dl{
	text-align:center;
	width:178px;
	float:left;
	margin:0 25px 40px 0;
	font-weight:bold;
}
.dl p{
	font-size:14px;
	text-align:right;
	margin-top:8px;
	font-weight:normal;
}
.dl_img{
	width:178px;
	height:178px;
}
.dl_btn{
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	background:#a4c338;
	width:178px;
	text-align:center;
	padding:8px;
	margin:10px 0;
	border:1px solid #fff;
}

#other{
	width:100%;
	overflow:hidden;
	margin-bottom:30px;
}
#other ul{
	margin-top:8px;
	overflow:hidden;
}
#other li{
	width:calc((100% - 6%) / 6 ) ;
	margin-right:1%;
	float:left;
	font-size:12px;
	line-height: 130%;
	height: 170px;
}
#other li img{
	border:3px solid #e5cbb5;
}

#other li img:hover{
	border:3px solid #b8d456;
}
#other_title{
	font-size:20px;
	padding:0 5px 0 0;
	font-weight: bold;
}


#about_download_text{
	background: rgba(255,255,255,0.7);
	padding:20px;
}

#about_download_text ul{
	padding-left:15px;
}
#about_download_text li{
	list-style:disc;
}
#sns{
	width:960px;
	margin:0 auto 20px;
}
#sns2{
	margin:20px auto;
}
.icon{
	float:right;
	margin-left:5px;
}