@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{
}
section{
    padding-top: .5em;
    padding-bottom: .5em;
}

#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: auto;
    padding-bottom:.2em;
    font-size:30px;
    font-weight:normal;
    line-height:1;
    position:relative;
    width: 100%;
    text-align: center;
}

/*-- 説明 --*/
.head_des{
    font-size:20px;
    width: 100%;
    text-align: center;
}

/*-- 広告 --*/
.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{
    width:90%;
    margin:auto;
    padding-top:.3em;
    padding-bottom: .3em;
    border:  #000 thin solid;
    border-radius: 8px;
}

#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 span{
    background:#000;
    padding:.3em;
    color:#FFF;
    font-size:12px;
}
.cate_list li a h3:after{
    content:"△";
    width:1em;
    height:1em;
    margin-top:-3px;
    color:#333;
    position:absolute;
    top:40%;
    right:0;
}
.cate_list li a h4:after{
    content:">";
    width:1em;
    height:1em;
    margin-top:-3px;
    color:#333;
    position:absolute;
    top:40%;
    right:0;
}
.footer_list li{
    margin: 2px 1px;
    background: #000;
    color:#ffffff;
    border-radius: 2px;
}

.footer_list li a{
    padding:1.0em;
    display:block;
    color:#ffffff;
    position:relative;
}

.footer_list li a h3:after{
    content:"△";
    width:1em;
    height:1em;
    margin-top:-3px;
    color:#ffffff;
    position:absolute;
    top:40%;
    right:3px;
}
.footer_list li a h4:after{
    content:">";
    width:1em;
    height:1em;
    margin-top:-3px;
    color:#ffffff;
    position:absolute;
    top:40%;
    right:0px;
}



/*----------------------------------------
 ・カテゴリーページ
 ・アバウトページ
 ・ニュースページ
 ・フリーページここから
----------------------------------------*/
.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:40%;
    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;
}

.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 {
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    background: #000;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn:hover {
    text-decoration: none;
}
#regist {
    margin:  20px 0px; 
    text-align: center;
    width: 100%;
}
#login{
    text-align: center;
    width: 100%;	
}
hr{
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0 0 5px 1px #000;
}