style.css

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

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

header,footer,nav,section{display:block;}

html{
	font:13px/1.3 "ヒラギノ角ゴ Pro W3";
	-webkit-text-size-adjust:none;}

li{list-style:none;}



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

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

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

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

#menu{
	width:100%;
	margin-top:1px;
	overflow:hidden;
	border-top:solid 1px #000;
	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:#000;
	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 #333;
	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 #333;
	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;
}

/* フッター部分
--------------------*/
footer{
	background:#000;}

footer a{
	color:#FFF;}

/*-- インデックス・戻る --*/
.jump{
	background:#FFF;
	overflow:hidden;}

.goindex,
.back{
	background:#000;
	color:#FFF;
	position:relative;
	float:right;
}

.goindex{
	padding:.65em 1.5em .65em 1em;
	border-bottom:solid 1px #000;

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

.goindex:before{
	content:url("img/top_icon.png");
	margin-right:.5em;
	display:block;
	float:left;
}

.back{
	margin:4px 1px 1px 0;
	padding:.525em 1.5em .5em 1em;
	float:right;

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

/*-- フッタメニュー --*/
.foot_nav{
	padding:.8em .5em .5em;
	clear:both;
}

.foot_nav ul{
	margin:auto;
	overflow:hidden;
	color:#FFF;
}

.foot_nav ul li{
	width:45px;
	margin-left:2px;
	font-size:12px;
	text-align:center;
	float:left;
}

.foot_nav ul li:first-child{
	margin-left:0;
}

.foot_nav ul li img{
	width:28px;
	height:28px;
	margin:auto;
	display:block;

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

#copy{
	padding:.5em 0;
	border-top:dotted 1px;
	font-size:12px;
	text-align:center;
	color:#FFF;
}

#copy a{
	text-decoration:underline;}


/*----------------------------------------
 INDEXページここから
----------------------------------------*/
/* ニュース
--------------------*/
#news{
	background:url(img/news_bg.gif);
	width:316px;
	margin:auto;
	padding-top:.7em;
}

#news h2{
	margin:0 0 .3em .5em;
	overflow:hidden;
}

#news h2 span{
	width:27.5%;
	display:block;
	border-bottom:solid 1px #000;
	font-size:18px;

	line-height:1;
	text-indent:.5em;
	float:left;
	position:relative;
}

#news h2 span:before{
	content:"";
	background:url(img/h2_bg.gif);
	width:3px;
	height:.7em;
	border:solid #000;
	border-width:.65em 1px 1px 1px;
	position:absolute;
	left:0;
}

#news h2 a.news_list{
	width:70.8%;
	margin-right:.4em;
	padding-bottom:.5em;
	display:block;
	border-bottom:dotted 1px #000;
	font-size:12px;
	font-weight:normal;
	line-height:1;
	text-decoration:underline;
	text-align:right;
	float:right;
}

/* ニューススライダー
--------------------*/
.bx-wrapper{
	padding:.5em 0;
	position:relative;
	clear:both;
}

.bx-prev,
.bx-next{
	background:#333;
	width:1em;
	height:1.2em;
	margin-top:-1.5em;
	padding:.9em .5em;
	color:#FFF;
	text-align:center;
	position:absolute;
	top:50%;
}

.bx-prev{
	left:.5em;}

.bx-next{
	right:.5em;}

#slide li{
	padding:1em 2.8em;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}

/* カテゴリリスト
--------------------*/
.cate_list{
	margin:0 .45em;
	border-top:dashed 1px #000;
}

/*-- カテゴリ繰り返し --*/
.cate_list li{
	border-bottom:dashed 1px #000;}

.cate_list li a{
	padding:1em 1.2em .8em .2em;
	display:block;
	position:relative;
}

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

.cate_list li a span{
	background:#000;
	padding:.3em;
	color:#FFF;
	font-size:12px;
}

.cate_list li a h3{
	margin-top:.5em;
	font-size:16px;
}



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

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

.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:#333;
	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 #000;}

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


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

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

.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:#000;}

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

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

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

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


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


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

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

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

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

.btn{
	background-image: -moz-linear-gradient(top, #3F3F3F, #2C2C2C);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#3F3F3F), to(#2C2C2C));
	background-image: -o-linear-gradient(top, #3F3F3F, #2C2C2C);
	background-image: linear-gradient(top, #3F3F3F, #2C2C2C);

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

.btn span{
	background-image: -moz-linear-gradient(top, #3F3F3F, #2C2C2C);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#3F3F3F), to(#2C2C2C));
	background-image: -o-linear-gradient(top, #3F3F3F, #2C2C2C);
	background-image: linear-gradient(top, #3F3F3F, #2C2C2C);

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