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

/*----------------------
	デフォルトスタイル
-----------------------*/
body,p,h1,h2,h3,h4,h5,h6,
small,strong,
div,ul,li,
figure,img,
header,nav,section{
    margin:0;
    padding:0;
    border:none;
    outline:none;
    /*font-size:1rem;*/
}

.howto-dd {
    padding: 20px;
    background: #f4f4f4;
    height: 240px;
    width: 970px;
}

header,nav,section{/* display:block; */}

/*html{font:13px/1.3 "Hiragino Kaku Gothic ProN","メイリオ", sans-serif; -webkit-text-size-adjust:none;}*/

li{/* list-style:none; */}



/*----------------------------------------
 全ページ共有ここから
----------------------------------------*/
body{
	background:#FFF;
	color:#605e5e;
}

/* リンク色変更はここ */
a{
	/* color:#D90B0B; */
	text-decoration:none;
}

/*【角丸】
 　角丸にしたいコンテンツに
 　クラスで指定してください。
*/
.corner{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

/* ヘッダ部分
--------------------*/
header{
	/*border-top:solid 3px #D93636;*/
}

#menu{
	width:100%;
	margin-top:1px;
	overflow:hidden;
	border-top:solid 1px #D93636;
	position:relative;
}

nav{
	/* padding:.5em .5em .6em; */
	/* overflow:hidden; */
	/* float:right; */
}

nav li{
	/* width:45px; */
	/* margin-left:2px; */
	/* font-size:12px; */
	/* text-align:center; */
	/* float:left; */
}

nav li:first-child{
	/* margin-left:0; */
}

nav li img{
	background:#D93636;
	width:28px;
	height:28px;
	margin:auto;
	display:block;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

/*-- サイト名やタイトル --*/
h1{
	/* margin:0 .2em; */
	/* padding-bottom:.2em; */
	/* border-bottom:dotted 1px #D90B0B; */
	/* font-size:30px; */
	/* font-weight:normal; */
	/* line-height:1; */
	/* position:relative; */
}

/*h1:first-letter{
	font-size:48px;
	letter-spacing:-.05em;
}*/

/*-- 説明 --*/
.head_des{
	margin:0 .35em 1em;
	padding:.4em .5em;
	border-top:dotted 1px #D90B0B;
	font-size:15px;
}

/*-- 広告 --*/
.banner1{
	background:url(img/banner_bg.gif);
	margin:.7em .35em;
	padding:.3em .2em;
	display:block;
	text-align:center;
}

.banner1 img{
	background:#FFF;
	max-width:99%;
	height:auto;
	margin:auto;
	display:block;
}

.banner1 span{
	background:#FFF;
	max-width:96%;
	height:auto;
	margin:auto;
	padding:5px;
	display:block;
	font-size:12px;
	text-decoration:underline;
	text-align:left;
}


/* カテゴリリスト1
--------------------*/
.cate_list1{
	width: 460px;
	margin: 25px 0 0 -130px;
	float: left;
	background: #fff;
	padding: 10px 10px 10px 10px;
	/* border: solid 1px #b5afaf; */
}

/*-- カテゴリ繰り返し --*/
.cate_list1 li{
	border-bottom: solid 1px #cdcdcd;
	}

.cate_list1 li a{
	padding: 1.5em 1.2em .8em .0em;
	display:block;
	position:relative;
}

.cate_list1 li a:after{
	content:">";
	/* width: 0.6em; */
	height:1em;
	font-size: 25px;
	margin-top:-3px;
	color: #cdcdcd;
	position:absolute;
	top: 41%;
	right:0;
}

.cate_list1 li a span{
	background:#D93636;
	padding: .3em;
	margin-top: -15px;
	color:#FFF;
	font-size: 12px;
	float: left;
}

.cate_list1 li a h3{
	margin-top:.5em;
	font-size: 22px;
	color: #646464;
}

.cate_list1 li a h4{
	margin-top: -21px;
	margin-right: 20px;
	font-size: 23px;
	text-align: right;
	color: #da121f;
}


/* カテゴリリスト2
--------------------*/
.cate_list2{
	width: 460px;
	margin: 25px 2px;
	padding: 10px 10px 10px 10px;
	background: #fff;
	/* border: solid 1px #b5afaf; */
	float: left;
}

/*-- カテゴリ繰り返し --*/
.cate_list2 li{
	border-bottom: solid 1px #cdcdcd;
	}

.cate_list2 li a{
	padding: 1.5em 1.2em .8em .0em;
	display:block;
	position:relative;
}

.cate_list2 li a:after{
	content:">";
	height:1em;
	font-size: 25px;
	margin-top:-3px;
	color: #cdcdcd;
	position:absolute;
	top: 41%;
	right:0;
}

.cate_list2 li a span{
	background: #D93636;
    padding: .3em;
    margin-top: -15px;
    color: #FFF;
    font-size: 12px;
    float: left;
}

.cate_list2 li a h3{
	margin-top:.5em;
	font-size: 22px;
	color: #646464;
}

.cate_list2 li a h4{
	margin-top: -20px;
	margin-right: 20px;
	font-size: 22px;
	text-align: right;
	color: #da121f;
}


/*----------------------------------------
 ・カテゴリーページ
 ・アバウトページ
 ・ニュースページ
 ・フリーページここから
----------------------------------------*/
.free_list{
	margin:0 .45em;
	border-top:dashed 1px #D93636;
}

/*-- リスト繰り返し --*/
.free_list li{
	border-bottom:dashed 1px #D93636;}

.free_list li div,
.free_list li a:not(.part_link){
	margin-bottom:.8em;
	padding:1em 1.2em 0 .2em;
	display:block;
	overflow:hidden;
	position:relative;
}

.free_list li a:not(.part_link){
	margin-bottom:0;
	padding:1em 1.2em .8em .2em;
}

.free_list li a:after{
	content:">";
	width:1em;
	height:1em;
	margin-top:-3px;
	color:#D90B0B;
	position:absolute;
	top:50%;
	right:0;
}

.free_list li a.part_link:after{
	content:"";
	display:none;
}

.free_list li div h3,
.free_list li a h3{
	font-size:16px;
	line-height:1.1;
	position:relative;
}

.free_list li div h3:before,
.free_list li div h3:after,
.free_list li a h3:before,
.free_list li a h3:after{
	content:"";
	display:block;
	position:absolute;
	top:50%;
}

.free_list li div h3:before,
.free_list li a h3:before{
	width:1px;
	height:.5em;
	margin-left:-.9em;
	border-left:solid 1px #D93636;}

.free_list li div h3:after,
.free_list li a h3:after{
	width:0;
	height:0;
	margin-left:-.8em;
	border-top:solid 4px transparent;
	border-right:solid 5px transparent;
	border-bottom:solid 4px transparent;
	border-left:solid 5px #D93636;
}


/*-- リスト画像有り(画像サイズ小) --*/
.img60 img{
	max-width:60px;
	height:auto;
	margin-right:.5em;
	padding:0;
	float:left;
}

.img60 h3{
	margin:0 0 .2em 80px;
	color:#D93636;}

.img60 h3:after,
.img60 h3:before{
	margin-top:-.2em;}

/*-- リスト画像有り(画像サイズ大) --*/
.img80 img{
	max-width:80px;
	height:auto;
	margin-right:.5em;
	padding:0;
	float:left;
}

.img80 h3{
	margin:0 0 .2em 100px;
	color:#D93636;}

.img80 h3:after,
.img80 h3:before{
	margin-top:-.3em;
}

/*-- リスト画像無し・リンク無し --*/
.no_img h3{
	margin:0 0 .2em 1em;
	color:#D93636;}

.no_img h3:after,
.no_img h3:before{
	margin-top:-.2em;
}

/*-- 一部リンク --*/
.part_link{
	background:#D90B0B;
	padding:.1em .5em;
	color:#FFF;
}


/*----------------------------------------
 詳細ページここから
----------------------------------------*/
.pan_list a{
	text-decoration:underline;
}


/*-- 本文 --*/
.free_txt{
	margin:0 .45em;
	padding:1em 0;
	border:dashed #D93636;
	border-width:1px 0;
}

.free_eyecatch{
	margin:0 auto 1em;
	display:block;
	border:solid 4px #D93636;
}

img.free_eyecatch{
	max-width:97%;}

p.free_eyecatch{
	max-width:95%;
	padding:.3em;
}

.btn{
	background-image: -moz-linear-gradient(top, #DC1010, #D30909);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#DC1010), to(#D30909));
	background-image: -o-linear-gradient(top, #DC1010, #D30909);
	background-image: linear-gradient(top, #DC1010, #D30909);

	margin-top:1em;
	display:block;
	border:solid 1px #D93636;
/* ↓角丸部分↓ */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.btn span{
	background-image: -moz-linear-gradient(top, #DC1010, #D30909);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#DC1010), to(#D30909));
	background-image: -o-linear-gradient(top, #DC1010, #D30909);
	background-image: linear-gradient(top, #DC1010, #D30909);

	padding:.6em 0;
	display:block;
	border:solid 1px #E23434;
	color:#FFF;
	font-size:16px;
	text-align:center;
/* ↓角丸部分↓ */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

}

.announce {
  padding: 10px;
  text-align: center;
  width: 978px;
  margin-top: 3px;
	font-size: 15px;
}

.announce_title {
  text-align: center;
  margin-bottom: 20px;
}

.announce_date {
  text-align: center;
  margin: 20px 0px;
}

.announce_body {
  text-align: left;
  width: fit-content;
  margin: 0 auto;
}