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


/* --------------------------------------------------------------


                      reset


-----------------------------------------------------------------*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}


a {
	overflow:hidden;
	outline:none;
}
.note {
   font-size: 0.9em;
   line-height: 1.5em;
}

.bold {
   font-weight: bold;
}
/* --------------------------------------------------------------


                      bace


-----------------------------------------------------------------*/


body {
	color:#000000;
	line-height: 1.8em;
	font-size: 14px;
	width:100%;
	background: #ffffff;
	height:auto;
	font-family: Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment:fixed;
}

a {
	text-decoration: none;
	color: #ed308b;
}
a:hover {
	text-decoration: underline;
	color: #ed308b;
}

p {
	margin:0;
}
h2 {
   text-indent: -9999px;
}
h2 {
   text-indent: -9999px;
}
	
.pink {
   color:#ed308b;
}
.orange {
   color:#F08300;
}
.blue {
   color:#2d91d0;
}
.green {
   color:#649b34;
}
.red {
   color:#ff120c;
}



.bdr_btm1 {
   border-bottom: dashed 1px #8a8a8a;
   padding-bottom: 20px;
   margin-bottom: 20px;
}
.bdr_top1 {
   border-top: dashed 1px #8a8a8a;
   padding-top: 20px;
}

#wrap {
   margin: 0 auto;
   position: relative;
   width: 100%;
   overflow: hidden;
}

.cts-box {
}

b {
   font-weight: bold;
}

.note {
   font-size: 11px;
}

.note li {
   line-height: 1.5em;
   margin-bottom: 5px;
}


a:hover img
{
opacity: 0.8;
filter: alpha(opacity=80);
}

#copyright {
   display: block;
   
}


.anchor {
   padding-bottom: 30px;
}

.btn_priv {
   display: block;
   background: #ED308B;
   color: #ffffff;
   text-align: center;
   height: 40px;
   line-height: 40px;
   margin-bottom: 20px;
   padding: 0 10px;
   width: 250px;
}
.btn_priv:hover {
   color: #ffffff;

}
.bdr_btm {
   border-bottom: dashed 1px #988b81;
   padding-bottom: 20px; 
}
.bdr_top {
   border-top: dashed 1px #988b81;
   padding-top: 20px; 
}


/* -----------------------------------------------
   table
--------------------------------------------------*/
.basic_tbl {
   border-top: solid 1px #988b81;
   border-left: solid 1px #988b81;
}
.basic_tbl td,.basic_tbl th {
   border-bottom: solid 1px #988b81;
   border-right: solid 1px #988b81;
   padding: 10px; 
}
.basic_tbl th {
   font-weight: bold;

}
/* -----------------------------------------------
   clearfix
--------------------------------------------------*/

.clearfix:after{
    content: "";
    display: block;
    clear: both;
}
.clearfix {
    zoom:1;
}



/* -----------------------------------------------
   float
--------------------------------------------------*/

.f-right {
	float:right;
}

.f-left {
	float:left;
}


/* -----------------------------------------------
   center
--------------------------------------------------*/

.center {
   text-align: center;
}



/* -----------------------------------------------
   list
--------------------------------------------------*/

.basic_list li {
   margin-bottom: 7px;
   line-height: 1.5em;
}


.notelist li {
    font-size: 0.9em;
    text-indent: -1em;
    margin-left: 1em;
    line-height: 1.5em;
    margin-bottom: 0.4em;
}

.notelist li:before {
    content: '※';
    display: inline-block;
    width: 1em;
    text-indent: 0;
}

/* -----------------------------------------------
   nowprinting
--------------------------------------------------*/

.np {
   text-align: center;
   color: #ffffff;
   width: 300px;
   height: 300px;
   line-height: 300px;
   font-family: 'Changa One', cursive;
   font-size: 1.6em;

-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-color: #f9d0d0;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
            color-stop(.25, #f9b9b9), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #f9b9b9),
            color-stop(.75, #f9b9b9), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(45deg, #f9b9b9 25%, transparent 25%,
          transparent 50%, #f9b9b9 50%, #f9b9b9 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, #f9b9b9 25%, transparent 25%,
          transparent 50%, #f9b9b9 50%, #f9b9b9 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, #f9b9b9 25%, transparent 25%,
          transparent 50%, #f9b9b9 50%, #f9b9b9 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, #f9b9b9 25%, transparent 25%,
          transparent 50%, #f9b9b9 50%, #f9b9b9 75%,
          transparent 75%, transparent);
background-image: linear-gradient(45deg, #f9b9b9 25%, transparent 25%,
          transparent 50%, #f9b9b9 50%, #f9b9b9 75%,
          transparent 75%, transparent);
          }




/* --------------------------------------------------------------


                      layout


-----------------------------------------------------------------*/


#container {
   height: 100%;
}
#wrap {
}


/* --------------------------------------------------------------


                      header


-----------------------------------------------------------------*/
header {
   height: 214px;
   width: 100%;
   background: url(../../img/common/bg_header.png) repeat-x center top;
}


#header_inr {
   background: url(../../img/common/bg_nav.png) no-repeat center top;
   width: 1000px;
   height: 168px;
   margin: 0 auto;
}


/*   ロゴエリア    */

#site_logo{
   width: 292px;
   height: 138px;
   float: left;
   margin-left: 20px;
   padding-top: 20px;

}

/*    navi    */



nav {
   width: 650px;
   height: 218px;
   float: left;
}
nav ul {
   padding-top: 38px;
}
nav li {
   float: left;
   margin-right: 5px;
   margin-bottom: 5px;
}
nav li,
nav li a {
   width: 125px;
   height: 46px;
}
nav li a {
   color: #fef7e5;

}
nav li a:hover {
   text-decoration: none;

}
nav li span {
   color: #000000;

}
nav li a span {
   color: #fabb42;
   font-size: 0.1em;
}
nav li a:hover span {
   color: #ed308b;
   font-size: 0.1em;
}







/* --------------------------------------------------------------


                      main


-----------------------------------------------------------------*/

#main {
   width: 980px;
   margin: 0 auto;
   min-height: 1000px;
   padding-bottom: 50px;
}
/*      infomation       */

#page_ttl {
   height: 72px;
   widows: 369px;
   text-indent: -9999px;
   background-repeat: no-repeat;
   background-position: top center;
   margin-bottom: 20px;
}
#page-ttl span {
   font-size: 0.3em;
   font-weight: bold;
}



/* --------------------------------------------------------------


                      サブナビ


-----------------------------------------------------------------*/






#sub_nav {
   text-align: center;
}
#sub_nav a {
   margin: 0 5px;
}


/* --------------------------------------------------------------


                      更新記事


-----------------------------------------------------------------*/


.cts_bg_img {
   width: 660px;
   margin: 0 auto;
   display: block;
}

#bg_cts_btm {
   height: 110px;
   margin-bottom: 40px;
}

.frame_cts {
   width: 582px;
   margin: 0 auto;
   display: block;
}
.news-cts h1 {
   font-size: 1.2em;
   box-sizing: border-box;
   margin-bottom: 10px;
   color: #ffffff;
   background: url(../../img/common/bg_newsttl.jpg) no-repeat right top #710814;
   font-weight: bold;
	line-height: 1.4em;
	padding: 10px;
	border-radius: 7px;
}

.news-cts h1 a {
   color: #ffffff;
}

.cts-box{
   background-image: url(../img/common/bg_cts_mdl.png);
   background-repeat: repeat-y;
   width: 660px;
   margin: 0 auto;
   box-sizing: border-box;
   padding: 0 40px;
   position: relative;
}


.date {
   color: #710814;
   font-size: 0.9em;
   padding-bottom: 10px;
   padding-left: 10px;
   height: 1em;
   font-weight: bold;
}
.news_txt {
   box-sizing: border-box;
   background-image: url(../img/common/frame_cts.png);
   background-repeat: repeat-y;
   padding: 0 25px 40px 25px;
   width: 582px;
   margin: 0 auto;
   
}


#snsBtns {
   padding-top: 50px;
}
#pager  {
   background: #710814;
   color: #ffffff;
   padding-top: 5px;
   width: 640px;
   margin: 0 auto 30px auto;
   text-align: center;
   border-radius: 5px;
}
.back_idx {
   background: #710814;
   color: #ffffff;
   font-size: 0.9em;
   width: 15em;
   margin:  0 auto;
   height: 30px;
   line-height: 30px;
}

#pager a,.back_idx a {
   color: #ffffff;
}

.item_link {
   display: block;
   width: 480px;
   float: left;
}
.item_link:nth-child(odd) {
   margin-right: 20px;
}

.item_link h1.item_ttl {
   font-size: 1.3em;
}




p.icn_new {
   height: 90px;
   width: 85px;
   position: absolute;
   top:-60px;
   left: -30px;
}

.news-cts h2.sttl_cts {
   color: #710814;
   font-size: 1.2em;
   font-weight: bold;
   text-indent: 0;
   margin-bottom: 20px;
}

.news-cts h3 {
   color: #ED308B;
   font-size: 1.5em;
   font-weight: bold;
   text-indent: 0;
   margin-bottom: 10px;
   padding-bottom: 5px;
   border-bottom: dotted 2px #ED308B;
}




/* --------------------------------------------------------------


                      footer


-----------------------------------------------------------------*/

footer {
   box-sizing:border-box;
   background-image: url(../../img/common/bg_footer.jpg);
   background-repeat: repeat-x;
   min-height: 504px;
	position: relative;
	padding-top: 20px;
}

#inner_footer {
   width: 960px;
   margin: 0 auto;
}
#ftr_bnr_area a img {
   width: 310px;
}
#ftr_bnr_area a,
#ftr_bnr_area_btm a {
   margin-right: 5px;
}
#ftr_bnr_area_btm {
   padding-top: 70px;
}

.tweet_btn,
.fb-like {
   float: left;
   margin-right: 20px;
}
.fb-like {
   margin-top: -3px;
}

.sns {
   float: left;
   padding: 10px 0;
   width: 300px;
}



#copyright {
   font-size: 0.8em;
   clear: both;
   color: #ffffff;
   padding: 10px 0 40px 0;
}

.gotop {
   display: block;
   width: 88px;
   height: 88px;
   position: fixed;
   bottom: 0;
   right:0;
   z-index: 999999;
   
}


