@charset "EUC-JP";
/* 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;
  -webkit-text-size-adjust:100％;
}

header,footer,nav,section{display:block;}

html{
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Meiryo UI', 'Meiryo', "メイリオ", sans-serif;

	font:13px/1.3 "ヒラギノ角ゴ Pro W3";
	-webkit-text-size-adjust:100%;
  max-height: 100%;

}

li{list-style:none;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Meiryo UI', 'Meiryo', "メイリオ", sans-serif;
}



/*----------------------------------------
	全ページ共有ここから
----------------------------------------*/
body{
	color:#202020;
	-webkit-text-size-adjust: 100%;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Meiryo UI', 'Meiryo', "メイリオ", sans-serif;
	max-width:414px;
	margin:auto;
}

/* リンク色変更はここ */
a{
	color:#333;
	text-decoration:none;
}

/*【角丸】
 　角丸にしたいコンテンツに
 　クラスで指定してください。
*/
.corner{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.corner img{
	background:#FFF;
	padding:1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.booktitle{
	text-align:center;
	font-size:20px;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Meiryo UI', 'Meiryo', "メイリオ", sans-serif;
	font-weight: 600;
	color:#333;
}
.booksubtitle{
	text-align:center;
	font-size:12px;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Meiryo UI', 'Meiryo', "メイリオ", sans-serif;
	font-weight: 400;
	color:#333;
	margin-bottom:1em;
	margin-left:2px;
}

.jp_koumoku{
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Meiryo UI', 'Meiryo', "メイリオ", sans-serif;
	width:97% !important;
	padding:6px !important;
	font-size:16px !important;
	font-weight:600;
	color:#fff;
	height:18px;
	background-color:#437314 !important;
	margin:2px 4px 0px 2px;
}

.menuTabLight {
	margin:0 0 0px 0px;
	padding:2px 8px;
	border-width:0 0 0 0px;
	border-color:#7EBA03;
	border-style:solid;
	background:#366896;
	color:#fff;
	line-height:140%;
	font-weight:bold;
	font-size: 20px;
}

/*--------------------
	共通ヘッダ部分
--------------------*/
header{
padding:0;
background-color: #fff;
height:36px;
}

/*	サイト名やタイトル
--------------------*/
header h1{
	padding:0;
	border-bottom:solid 1px #E3E3E3;
	color:#E3E3E3;
	text-align:center;
}

/*	アコーディオン
--------------------*/
dl.accordion { background:#fff; width:100%; margin:0 auto; padding:2px; font-size:16px;font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Meiryo UI', 'Meiryo', "メイリオ", sans-serif;}
dl.accordion dt {

    background:#404040;
    border-bottom:1px solid #EEE; height:30px; text-indent:4px; line-height:30px; color:#fff; font-weight:bold; cursor:pointer;}
dl.accordion dt.open {
        background:#4b4b4b;
        color:#fff;
}
dl.accordion dd {left:0;background:#FFF; padding:10px; margin-left:0;line-height:1.5; display:none;font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Meiryo UI', 'Meiryo', "メイリオ", sans-serif;font-size:16px;color:#000;}

.yaji{height:25px; width:25px; display:block; padding-left:6px;position:relative;float:left;}

.yajiSpan1{overflow:hidden; width:16px;}

.yajiSpan1:before{content:''; height:8px; width:8px; display:block; border:3px solid #d6d6d6; border-left-width:0; border-top-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:9px; right:7px;}



 .tri{height:10px; width:10px; display:block; position:relative;float:left;margin-right:10px;}

.triSpan1{width:5px;}

.triSpan1:before{content:''; height:0; width:0; display:block; border:7px transparent solid; border-right-width:0; border-left-color:#fff; position:absolute; top:3px; left:2px;}

/*ポップアップ*/
#lean_overlay{
  position: fixed; z-index:100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#div787{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 90%;
 }


/*	表紙メニュー
--------------------*/
.cover{
	width:100%;
	overflow:hidden;
	position:relative;
}

.cover li{
	background-color: #fff;
	width:20%;
	text-align:center;
	float:left;
}

.cover li.active{
	width:20%;
	background-color: #99CCFF;
}

.cover li a{
	width:20%;
	display:block;
}

.cover li.active a{
	width:20%;
	background-color: #99CCFF;
}

/*スライド*/
.bxslider_container {
margin:0px;
padding:0px;
}
ul#news03 {
line-height:12px;
margin:0px;
padding:0px;
}
ul#news03 li {
	color:#fff;
background-color:#333;
margin:0px;
padding:2px;
font-size:11px;
width: 100%;
-webkit-text-size-adjust:100％;
}
	.slbox{
		width:100%;
    background-color:rgba(255,255,255,0);
		overflow:hidden;
	}
/*ハンバーガー*/

 .spanH{height:18px; width:18px; display:block; margin:4px 6px 0 0;position:relative;float:left;}

.demoSpan1{width:18px; height:18px;}

.demoSpan1:before{content:''; height:4px; width:18px; background:#333; border-radius:1px;-webkit-border-radius:2px;-moz-border-radius:1px; display:block; position:absolute; top:2px; left:0; box-shadow:0 6px 0 #333, 0 12px 0 #333;-webkit-box-shadow:0 6px 0 #333, 0 12px 0 #333;-moz-box-shadow:0 6px 0 #333, 0 12px 0 #333; }

/*ホームボタン*/
 .home{height:4px; width:16px; display:block; margin-right:8px;position:relative;float:left;}

.homeSpan1{width:16px; height:16px; display:block;}

.homeSpan1:before{content:''; height:0px; width:0px; display:block; position:absolute; top:1px; left:0px; border:9px solid transparent; border-bottom-color:#333; border-top:0}

.homeSpan1:after{content:''; height:3px; width:3px; display:block; position:absolute; top:9px; left:3px; border:5px #333 solid; border-top-width:3px; border-bottom:0;}


/*	トップのバナー
--------------------*/
#topban{
	margin: 0;
	padding: 0;
	width:100%;
	overflow:hidden;
	border-top:solid 1px #FFF;
}

#i5{
	margin: 0;
	padding: 0;
}

/*アイコン*/

.monitor {
    border-radius: .25em;
    box-shadow: inset 0 0 0 .25em #595959,
                inset 0 -.25em 0 .25em #595959;
    height: 2.25em;
position:relative;
margin-top:-0.5em;
    width: 3em;
}
.monitor:after {
    background-color: #595959;
    content: '';
    height: .25em;
    left: 1em;
    position: absolute;
    top: 100%;
    width: 1em;
}
.monitor:before {
    background-color: #595959;
    bottom: -.5em;
    content: '';
    height: .25em;
    left: .75em;
    position: absolute;
    width: 1.5em;
}

.ribbon {
position: relative;
font-size: 15px;
}

.ribbon::before {
left: -0.3em;
top: -1em;
position: absolute;
content: "";
height: 2em;
border-bottom: 0.7em solid transparent;
border-right: 1em solid #595959;
}
.ribbon::after {
left: -0.7em;
top: -1em;
position: absolute;
content: "";
height: 2em;
border-bottom: 0.7em solid transparent;
border-left: 1em solid #595959;
}
/*---------------------------------------------------*/
.preview {
border-radius: 5px;
box-shadow: inset 0px 0px 17px 1px rgba(0, 0, 0, 0.41);
margin-left: 50px;
margin-top: 50px;
text-align: center;
position: relative;
width: 100px;
height: 80px;
}

.preview::before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
#preview-picto {
display: inline-block;
vertical-align: middle;
}


/*ニュース一覧タブ
--------------------*/
/* ここからサンプルのスタイル */

.sample {
margin: 4px 2px;
width: 100%;
}

.sample ul#tab {
	display:block;
	vertical-align: middle;
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}

.sample ul#tab li {
font-size:12px;
border: 1px solid #333;
border-bottom: none;
height:30px;
display:inline-block;
vertical-align: middle;
margin: 0;
padding:0px 0 0 0;
text-align: center;
width:100px;

}

.sample ul#tab li a {
display: block;
padding: 0;
border-top:7px solid #E9E9E9;
background: #E9E9E9;
	display:block;
	height:30px;
}

@media screen and (min-width: 320px) {


.mainbody{
	display:block;
	width:320px;
	margin:0 auto;
}
.mban{//バナー
	margin:0;
	width:156px;
}

.topbttn{
	width:40px;
	height:40px;
	background-color:#c13234;
	margin:4px 0 0 0;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	-webkit-border-radius: 20px;
position:fixed;
top:360px;
left:280px;
}

.topbttn0{
	width:40px;
	height:40px;
	background-color:#c13234;
	margin:4px 0 0 0;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	-webkit-border-radius: 20px;
position:fixed;
top:390px;
left:280px;
}

.topbttn2{
	width:40px;
	height:40px;
	background-color:#68c132;
	margin:4px 0 0 0;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	-webkit-border-radius: 20px;
position:fixed;
top:406px;
left:280px;
}
.topbttn3{
	width:40px;
	height:40px;
	background-color:#32acc1;
	margin:4px 0 0 0;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	-webkit-border-radius: 20px;
position:fixed;
top:406px;
left:280px;
}
.sample .contents {
border-top: 3px solid #333;
overflow: hidden;
width: 320px;
height:980px;
}

.sample .contents .inner {
width: 960px; /*タブの内容の横幅×タブの数*/
height:980px;
}

.sample .inner div {
background: #fff;
float: left;
margin: 1px;
padding: 0;
width: 320px;
height:980px;
}


.sgphoto{
	width:80px;
	height:116px;
	overflow:hidden;
	margin:10px auto;
}

.spphoto{
	width:92px;
	height:116px;
	overflow:hidden;
	margin:10px auto;
}

.tnphoto{
	width:32px;
	height:58px;
	overflow:hidden;
	margin:10px auto;
}

.jpiphoto{
	width:43px;
	height:58px;
	overflow:hidden;
	margin:10px auto;
}

.unophoto{
	width:36px;
	height:58px;
	overflow:hidden;
	margin:10px auto;
}


.cover img{
	height:116px;
}

.mini img{
	height:58px !important;
}

.topsub{
	height:78px;
}
}

@media screen and (min-width: 360px) {


.mainbody{
	display:block;
	width:360px;
	margin:0 auto;
}

.mban{//バナー
	margin:0;
	width:176px;
}

.topbttn{
	width:40px;
	height:40px;
	background-color:#c13234;
	margin:4px 0 0 0;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	-webkit-border-radius: 20px;
position:fixed;
top:360px;
left:320px;
}

.topbttn0{
	width:40px;
	height:40px;
	background-color:#c13234;
	margin:4px 0 0 0;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	-webkit-border-radius: 20px;
position:fixed;
top:420px;
left:320px;
}
.topbttn2{
	width:40px;
	height:40px;
	background-color:#68c132;
	margin:4px 0 0 0;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	-webkit-border-radius: 20px;
position:fixed;
top:406px;
left:320px;
}
.topbttn3{
	width:40px;
	height:40px;
	background-color:#32acc1;
	margin:4px 0 0 0;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	-webkit-border-radius: 20px;
position:fixed;
top:406px;
left:320px;
}
.sample .contents {
border-top: 3px solid #333;
overflow: hidden;
width: 360px;
height:980px;
}

.sample .contents .inner {
width: 1080px; /*タブの内容の横幅×タブの数*/
height:980px;
}

.sample .inner div {
background: #fff;
float: left;
margin: 1px;
padding: 0;
width: 360px;
height:980px;
}

.sgphoto{
	width:100px;
	height:146px;
	overflow:hidden;
	margin:10px auto;
}

.spphoto{
	width:120px;
	height:146px;
	overflow:hidden;
	margin:10px auto;
}

.tnphoto{
	width:40px;
	height:73px;
	overflow:hidden;
	margin:10px auto;
}

.jpiphoto{
	width:54px;
	height:73px;
	overflow:hidden;
	margin:10px auto;
}

.unophoto{
	width:45px;
	height:73px;
	overflow:hidden;
	margin:10px auto;
}


.cover img{
	height:146px;
}
.mini img{
	height:73px !important;
}

.topsub{
	height:93px;
}
}

@media screen and (min-width: 375px) {


.mainbody{
	display:block;
	width:375px;
	margin:0 auto;
}

.mban{//バナー
	margin:0;
	width:183px;
}

.topbttn{
	width:40px;
	height:40px;
	background-color:#c13234;
	margin:4px 0 0 0;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	-webkit-border-radius: 20px;
position:fixed;
top:400px;
left:335px;
}

.topbttn0{
	width:40px;
	height:40px;
	background-color:#c13234;
	margin:4px 0 0 0;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	-webkit-border-radius: 20px;
position:fixed;
top:430px;
left:335px;
}
.topbttn2{
	width:40px;
	height:40px;
	background-color:#68c132;
	margin:4px 0 0 0;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	-webkit-border-radius: 20px;
position:fixed;
top:446px;
left:335px;
}
.topbttn3{
	width:40px;
	height:40px;
	background-color:#32acc1;
	margin:4px 0 0 0;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	-webkit-border-radius: 20px;
position:fixed;
top:446px;
left:335px;
}

.sample .contents {
border-top: 3px solid #333;
overflow: hidden;
width: 375px;
height:980px;
}

.sample .contents .inner {
width: 1125px; /*タブの内容の横幅×タブの数*/
height:900px;
}

.sample .inner div {
background: #fff;
float: left;
margin: 1px;
padding: 0;
width: 375px;
height:980px;
}

.sgphoto{
	width:100px;
	height:146px;
	overflow:hidden;
	margin:10px auto;
}

.spphoto{
	width:120px;
	height:146px;
	overflow:hidden;
	margin:10px auto;
}

.tnphoto{
	width:40px;
	height:73px;
	overflow:hidden;
	margin:10px auto;
}

.jpiphoto{
	width:54px;
	height:73px;
	overflow:hidden;
	margin:10px auto;
}

.unophoto{
	width:45px;
	height:73px;
	overflow:hidden;
	margin:10px auto;
}


.cover img{
	height:146px;
}
.mini img{
	height:73px !important;
}
.topsub{
	height:93px;
}

}

@media screen and (min-width: 414px) {


.mainbody{
	display:block;
	width:414px;
	margin:0 auto;
}

.mban{//バナー
	margin:0;
	width:202px;
}

.topbttn{
	width:40px;
	height:40px;
	background-color:#c13234;
	margin:4px 0 0 0;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	-webkit-border-radius: 20px;
position:fixed;
top:400px;
left:374px;
}

.topbttn0{
	width:40px;
	height:40px;
	background-color:#c13234;
	margin:4px 0 0 0;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	-webkit-border-radius: 20px;
position:fixed;
top:430px;
left:374px;
}
.topbttn2{
	width:40px;
	height:40px;
	background-color:#68c132;
	margin:4px 0 0 0;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	-webkit-border-radius: 20px;
position:fixed;
top:446px;
left:374px;
}
.topbttn3{
	width:40px;
	height:40px;
	background-color:#32acc1;
	margin:4px 0 0 0;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	-webkit-border-radius: 20px;
position:fixed;
top:446px;
left:374px;
}

.sample .contents {
border-top: 3px solid #333;
overflow: hidden;
width: 414px;
height:980px;
}

.sample .contents .inner {
width: 1242px; /*タブの内容の横幅×タブの数*/
height:980px;
}

.sample .inner div {
background: #fff;
float: left;
margin: 1px;
padding: 0;
width: 414px;
height:980px;
}

.sgphoto{
	width:100px;
	height:146px;
	overflow:hidden;
	margin:10px auto;
}

.spphoto{
	width:120px;
	height:146px;
	overflow:hidden;
	margin:10px auto;
}

.tnphoto{
	width:40px;
	height:73px;
	overflow:hidden;
	margin:10px auto;
}

.jpiphoto{
	width:54px;
	height:73px;
	overflow:hidden;
	margin:10px auto;
}

.unophoto{
	width:45px;
	height:73px;
	overflow:hidden;
	margin:10px auto;
}


.cover img{
	height:146px;
}
.mini img{
	height:73px !important;
}
.topsub{
	height:93px;
}

}

.sample .inner div section {
padding: 0.3em;
}

.sample .inner div h1 {
border-bottom: 1px dotted #333;
margin-bottom: .5em;
padding-bottom: .5em;
}

.sample .inner div p {
margin-bottom: .5em;
}

.sample #tab a:hover {

-webkit-transition: background .5s;
transition: background .5s;
}


/* タブの表示切替関連 */

.sample .inner div {
opacity: 0;
}

.sample .inner div:first-child {
opacity: 1;
}

.sample #tab li:first-child a {
border-top:7px solid #333;
display:block;
height:30px;
background: #333;
color: #fff;
}

@media screen and (min-width: 320px) {

.sample #tab02:target .inner .tab02 {
margin-left: -320px;
opacity: 1;
}

}

@media screen and (min-width: 360px) {

.sample #tab02:target .inner .tab02 {
margin-left: -360px;
opacity: 1;
}

}


@media screen and (min-width: 375px) {

.sample #tab02:target .inner .tab02 {
margin-left: -375px;
opacity: 1;
}

}

@media screen and (min-width: 414px) {

.sample #tab02:target .inner .tab02 {
margin-left: -414px;
opacity: 1;
}

}
@media screen and (min-width: 320px) {

.sample #tab03:target .inner .tab03 {
margin-left: -640px;
opacity: 1;
}

}

@media screen and (min-width: 360px) {

.sample #tab03:target .inner .tab03 {
margin-left: -720px;
opacity: 1;
}

}


@media screen and (min-width: 375px) {

.sample #tab03:target .inner .tab03 {
margin-left: -750px;
opacity: 1;
}

}

@media screen and (min-width: 414px) {

.sample #tab03:target .inner .tab03 {
margin-left: -828px;
opacity: 1;
}

}

.sample #tab01:target .inner div:not([class="tab01"]),
.sample #tab02:target .inner div:not([class="tab02"]),
.sample #tab03:target .inner div:not([class="tab03"]){
margin-left: 0;
}

.sample #tab01:target #tab li a[href$="tab01"],
.sample #tab02:target #tab a[href$="tab02"],
.sample #tab03:target #tab a[href$="tab03"] {
border-top:7px solid #333;
display:block;
height:30px;
background: #333;
color: #fff;
}

.sample :not([id="tab01"]):target #tab li a[href$="tab01"] {
border-top:7px solid #E9E9E9 !important;
height:30px;
background: #E9E9E9;
color: #333;
}

.backN{
	font-family:sans-serif;
	font-size: 10px;
}

/*	パンくず
--------------------*/
#pan{
	padding:.5em;
	overflow:hidden;
	border-bottom:solid 1px #DFDFDF;
	font-weight:bold;
	text-shadow:0 0 1px #CCC;
}

#pan li{
	float:left;
}

#pan li:nth-of-type(even){
	margin:0 5px;
}

#pan li a{
	text-decoration:underline;
}


/*	セクションボーダー
--------------------*/
section{
	padding:10px 0;
	border-top:solid 1px #FFF;
	--border-bottom:solid 1px #DFDFDF;
}


/*	広告
--------------------*/
.ad{
	max-width:95%;
	margin:auto;
	overflow:hidden;
	display:block;
	text-align:center;
	border:solid 1px #FFF;
}

.ad img{
	max-width:100.5%;
	height:auto;
	margin:auto;
	display:block;
	border:solid 1px #CCC;
}

.ad span{
	background:#FFF;
	max-width:100.5%;
	height:auto;
	margin:auto;
	padding:5px;
	display:block;
	border:solid 1px #CCC;
	text-align:left;
}

/*	タイトル
--------------------*/
#title h1{
	padding:0;
	text-align:center;
}


/*--------------------
	共通フッター部分
--------------------*/
footer{
	padding-top:10px;
	border-top:solid 1px #FFF;
}

footer a{
	text-decoration:underline;
}

/*	インデックス・戻る
--------------------*/
.jump{
	overflow:hidden;}

.goindex,
.back{
	background:#979797;
	color:#FFF;
	position:relative;
	float:right;
}

.goindex{
	padding:.65em 1.5em;

	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
}

.back{
	margin:3px 1px 0 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{
	background:#979797;
	padding:.8em .5em .5em;
	overflow:hidden;
	clear:both;
}

.foot_nav ul{
	width:50%;
	color:#FFF;
	float:left;
	position:relative;
}

.foot_nav ul li{
	margin:auto;
	margin-bottom:2px;
}

.foot_nav ul li a{
	width:100%;
	padding:.75em 0;
	font-size:12px;
	display:block;
	color:#FFF;
	border-style:solid;
	border-color:#B0B0B0 #7D7D7D #7D7D7D #B0B0B0;
	border-width:1px 1px 1px 1px;
	text-align:center;
}

#copy{
	padding:.5em 0;
	font-size:12px;
	text-align:center;
}


/*----------------------------------------
 INDEXページここから
----------------------------------------*/
/*	TOP画像
--------------------*/
.top_img{
	padding:10px 0;
	overflow:hidden;
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #DFDFDF;
}

.top_img img{
	max-width:318px;
	height:auto;
	border:solid 1px #CCC;
}

/* ニュース
--------------------*/
#news{
	padding:10px 0;
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #DFDFDF;
}

#news li{
	padding:.5em;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}

#news li span{
	font-weight:bold;
	letter-spacing:-1px;
	margin-right:.5em;
}


/* カテゴリリスト
--------------------*/
.cate_list{
	margin:0 .45em;
}

.cate_list li{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F0F0F0), color-stop(0.50, #F6F6F6), color-stop(0.49, #FBFBFB), color-stop(0.00, #FFF));
	background:-webkit-linear-gradient(top, #FFF 0%, #FBFBFB 49%, #F6F6F6 50%, #F0F0F0 100%);
	background:-moz-linear-gradient(top, #FFF 0%, #FBFBFB 49%, #F6F6F6 50%, #F0F0F0 100%);
	background:-o-linear-gradient(top, #FFF 0%, #FBFBFB 49%, #F6F6F6 50%, #F0F0F0 100%);
	background:-ms-linear-gradient(top, #FFF 0%, #FBFBFB 49%, #F6F6F6 50%, #F0F0F0 100%);
	background:linear-gradient(top, #FFF 0%, #FBFBFB 49%, #F6F6F6 50%, #F0F0F0 100%);
	margin-bottom:.5em;
	border:solid 1px #FFF;}

.cate_list li a{
	display:block;
	overflow:hidden;
	color:#A2A2A2;
	border:solid 1px #100100100;
	position:relative;
}

.cate_list li a span.icon{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #999999), color-stop(0.50, #9F9F9F), color-stop(0.49, #CFCFCF), color-stop(0.00, #A9A9A9));
	background:-webkit-linear-gradient(top, #A9A9A9 0%, #CFCFCF 49%, #9F9F9F 50%, #999999 100%);
	background:-moz-linear-gradient(top, #A9A9A9 0%, #CFCFCF 49%, #9F9F9F 50%, #999999 100%);
	background:-o-linear-gradient(top, #A9A9A9 0%, #CFCFCF 49%, #9F9F9F 50%, #999999 100%);
	background:-ms-linear-gradient(top, #A9A9A9 0%, #CFCFCF 49%, #9F9F9F 50%, #999999 100%);
	background:linear-gradient(top, #A9A9A9 0%, #CFCFCF 49%, #9F9F9F 50%, #999999 100%);
	width:25%;
	padding:3px;
	display:block;
	color:#FFF;
	font-size:36px;
	letter-spacing:-2px;
	float:left;
}

.cat_list_right{
	width:200px;
	padding:0 15px 0 5px;
	float:right;
}

.cat_list_right small{
	margin-top:.8em;
	display:block;
	font-size:smaller;
}

.cat_list_right h3{
	font-size:16px;
}

.cate_list li a:after{
	content:">";
	width:1em;
	height:1em;
	margin-top:-11px;
	color:#FFA49B;
	font-size:18px;
	font-weight:bold;
	text-shadow:0 0 1px #FFA49B;
	position:absolute;
	top:50%;
	right:-7px;
}


/*----------------------------------------
 ・カテゴリーページ
 ・アバウトページ
 ・ニュースページ
 ・フリーページここから
----------------------------------------*/
/* リスト繰り返し
--------------------*/
.free_list li div,
.free_list li a:not(.part_link){
	padding:1em 1.2em 1em 1em;
	display:block;
	overflow:hidden;
	position:relative;
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #E6D9D9;
}

.free_list li:first-child div,
.free_list li:first-child a:not(.part_link){
	padding-top:0;
	border-top:none;

}

.free_list li:last-child div,
.free_list li:last-child a:not(.part_link){
	border-bottom:none;
}

.free_list li a:after{
	content:">";
	width:1em;
	height:1em;
	margin-top:-9px;
	font-size:18px;
	font-weight:bold;
	text-shadow:0 0 1px #FFA49B;
	position:absolute;
	top:50%;
	right:-5px;
}

.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 #5D5D5D;}

.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 #5D5D5D;
}

/*	リスト画像有り(画像サイズ小)
--------------------*/
.img60 img{
	max-width:60px;
	height:auto;
	margin-right:.5em;
	padding:0;
	float:left;
}

.img60 h3{
	margin:0 0 .2em 80px;
	color:#5D5D5D;}

a.img60 p{
	color:#979797;
}

.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:#5D5D5D;}

a.img80 p{
	color:#979797;
}

.img80 h3:after,
.img80 h3:before{
	margin-top:-.3em;
}

/*	リスト画像無し・リンク無し
--------------------*/
.no_img h3{
	margin:0 0 .2em 1em;
	color:#5D5D5D;}

.no_img h3:after,
.no_img h3:before{
	margin-top:-.2em;
}

a.no_img p{
	color:#979797;
}

/*	一部リンク
--------------------*/
.part_link{
	background:#FFA49B;
	padding:.1em .5em;
	color:#FFF;
}


/*----------------------------------------
 詳細ページここから
----------------------------------------*/
/*-- 本文 --*/
.free_txt{
	margin:0 .45em;
}

.free_eyecatch{
	max-width:95%;
	height:auto;
	margin:10px auto;
	display:block;
	border:solid 1px #CCC;
}

p.free_eyecatch{
	background:#FFF;
	max-width:93%;
	height:auto;
	margin:auto;
	padding:5px;
	display:block;
	border:solid 1px #E0E4B4;
	text-align:left;
}

.btn{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFCCC6), color-stop(0.00, #FFE3DF));
	background:-webkit-linear-gradient(top, #FFE3DF 0%, #FFCCC6 100%);
	background:-moz-linear-gradient(top, #FFE3DF 0%, #FFCCC6 100%);
	background:-o-linear-gradient(top, #FFE3DF 0%, #FFCCC6 100%);
	background:-ms-linear-gradient(top, #FFE3DF 0%,  #FFCCC6 100%);
	background:linear-gradient(top, #FFE3DF 0%, #FFCCC6 100%);

	margin-top:1em;
	display:block;
	border:solid 1px #FFD7D3;
}

.btn span{
	padding:.6em 0;
	display:block;
	border:solid 1px #FFF9ED;
	color:#979797;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	text-shadow:1px 1px 0 #CCC,-1px -1px 0 #FFFFFF;
}

.titlesM2015{
font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Meiryo UI', 'Meiryo', "メイリオ", sans-serif;
text-align:left;
font-size:14px;
font-weight:400;
line-height:1.3em;
vertical-align:top;
width:100%;
border-bottom:1px solid #d8d8d8;
padding-bottom: 5px;
margin:0 0 0px 0;
color:#181818;
word-wrap: break-word !important;
word-break: break-word !important;
}

/*リンク集*/
.capalpha{
	margin-top:10px;
	border:1px solid #333;
	border-radius: 10px;
  background-color: rgba(0,0,0,0);
	padding:2px 0 0px 0px;
	text-align: center;
	font-size:20px;
	font-weight: 600;
}

.capalpha2{
	margin-top:16px;
	border:0px solid #333;
	border-radius: 0px;
  background-color: rgba(48,48,48,0.8);
	padding:2px 0 0px 0px;
	text-align: center;
	font-size:18px;
	font-weight: 600;
  color:#fff;
}

.linklist0{
	min-height:36px;
	max-height:3em;
		padding:4px 0 0px 6px;
	font-size:20px;
		line-height: 1.5em;

}
.linklist{
	border-top:1px dotted #000;
	min-height:36px;
	max-height:3em;
	padding:4px 0 0px 6px;
	font-size:20px;
	line-height: 1.5em;
}
