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

a,a:hover{
	color: #245592;
}

#main_title
{
	margin: 20px auto 10px;
}
#main_title img{
	margin: 40px auto 10px;
	display: block;
}
.title{
	margin: 30px auto;
	text-align: center;
}
#menu{
	width: 910px;
	margin: 0 auto 20px;
	font-size: 17px;
}
#menu ul{
	overflow: hidden;
	margin-bottom: 20px;
}
#menu ul li{
	float: left;
	margin-right: 6px;
	color: #804531;
	background:#fff;
	padding:3px 7px;
	border: 1px solid #fff;
}
#menu ul li:hover{
	border: 1px solid #804531;
}
#menu ul li a{
	color: #804531;
	text-decoration:none;
}
#menu ul li.menu_last{
	float: left;
	margin-right: 0 !important;
}
.menu_title{
	font-size: 20px;
	font-weight: bold;
	margin: 5px 0 7px !important;
	color: #804531;
}
h2{
	font-weight:bold;
	font-size:25px;
	margin:0 auto;
	padding: 5px 30px;
	border-radius:25px;
	background: #444;
	color: #fff;
	text-align: center;
	display: inline;
}
h3{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: #245592;
	margin: 40px 0 30px 0;
	font-style: oblique;
}
h4{
	color: #fff;
	background: #926724;
	font-size: 22px;
	text-align: center;
	padding: 3px 0;
	font-weight: bold;
}
.color_box{
	overflow: hidden;
	margin: 30px 0 50px;
}
.color_txt{
	padding: 15px 0;
}
.color_box_left{
	width: 48%;
	float: left;
	margin-bottom: 10px;
}
.color_box_right{
	width: 48%;
	float: right;
	margin-bottom: 10px;
}
.color_box_full{
	width: 100%;
}
.tone_img,.tone_img img{
	margin: 0 auto 10px;
	width: 280px;
}
.parth,.parth img{
	width: 400px;
	height: auto;
	margin: 0 auto;
}
.color{
	margin: 40px auto;
	text-align: center;
}
.color img{
	margin: 0 auto;

}
.title_back{
	font-weight: bold;
	font-size: 20px;
	background: #eeeeee;
	border-bottom: 2px solid #c5c5c5;
	padding: 8px;
	margin-bottom: 5px;
}
.title_back span{
	color: #004eaf;
}
.sub{
	font-size: 18px;
	margin:10px 0 !important;
	font-weight: bold;
}
.ColumnPager {
	margin:0px 20px;
	font-size:100%;
	font-weight:bold;
}
.ColumnPager li {
	list-style:none;
}
.ColumnPager a .PrevBox {
	float:left;
	margin-bottom:10px;
	border: 2px solid #b7958a;
	padding: 8px 15px;
	font-size: 110%;
	text-decoration: none;
	color:#804531;
	display:block;
}
.ColumnPager .PrevBox:hover {
	color: #fff;
	background: #804531;
}
.ColumnPager .NextBox {
	float:right;
	margin-bottom:10px;
	border: 2px solid #b7958a;
	padding: 8px 15px;
	font-size: 110%;
	text-decoration: none;
	color:#804531;
	display:block;
}
.ColumnPager .NextBox:hover {
	color: #fff;
	background: #804531;
}

#profile{
	width: 870px;
	padding: 10px 30px;
	background: #fff;
	overflow: hidden;
	margin: 30px auto 0;
	border-top: 1px solid #262626;
}
#profile_title{
	margin-bottom: 10px;
	padding: 0 !important;
}
.profile_title{
	font-weight: bold;
	font-size: 110%;
	padding: 0 0 5px 0;
	margin: 0;
}
.profile_txt{
	font-size: 90% !important;
	line-height: 160% !important;
}
#profile_left{
	float: left;
	width: 274px;
}
#profile_right{
	float: right;
	width: 520px;
	color: #4A4A4A;
}
#profile_title{
	font-size: 19px;
	font-weight: bold;
	color: #4A4A4A;
	padding-left: 10px;
}
#profile_link{
	font-size: 80%;
	margin-bottom: 10px;
}
#use{
	width: 1000px;
	margin: 0 auto;
	text-align: right;
}


@media only screen and (max-width: 640px){
.parth,.parth img{
	width: 100%;
}
.color_box{
	margin: 0;
}
}
@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;
	font-weight:bold;
	text-align:left;
	font-size:16px;
	line-height: 120%;
}
.cate img{
	border:5px solid #e5cbb5;
	margin-bottom:5px;
}
.cate a:hover img {
	border:5px 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;
}
#banner{
	margin:30px auto 40px;
}
#banner img:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
#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;
	font-weight:bold;
	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{
	font-weight:bold;
	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;
}

#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;
}