@charset "UTF-8";

/*
--------------------------------------------------
 ▽ 文字装飾定義専用クラス
-------------------------------------------------- */
/* 主に新着情報への使用想定だが、通常コンテンツ内で使用も可 */
.txt_size_xxs { font-size:xx-small; }
.txt_size_xs  { font-size:x-small; }
.txt_size_s   { font-size:small; }
.txt_size_m   { font-size:medium; }
.txt_size_l   { font-size:large; }
.txt_size_xl  { font-size:x-large; }
.txt_size_xxl { font-size:xx-large; }

.txt_align_l { display:block; text-align:left; }
.txt_align_r { display:block; text-align:right; }
.txt_align_c { display:block; text-align:center; }

.txt_style_bold   { font-weight:bold; }
.txt_style_italic { font-style:italic; }
.txt_style_line   { text-decoration:underline; }

.txt_color_red    { color:#E75942; }
.txt_color_grey   { color:#999999; }
.txt_color_pink   { color:#FF1493; }
.txt_color_green  { color:#39B221; }
.txt_color_blue   { color:#3399FF; } /* このブルーはリンク色のブルーとは色味を若干変える事を推奨 */
.txt_color_yellow { color:#EECC00; }
.txt_color_white  { color:#F0F0F0; }

/* 
--------------------------------------------------
 ▽ font-size設定専用クラス
-------------------------------------------------- */
.f10 { font-size:10px !important; } /* 10px */    .f11 { font-size:11px !important; } /* 11px */
.f12 { font-size:12px !important; } /* 12px */    .f13 { font-size:13px !important; } /* 13px */
.f14 { font-size:14px !important; } /* 14px */    .f15 { font-size:15px !important; } /* 15px */
.f16 { font-size:16px !important; } /* 16px */    .f17 { font-size:17px !important; } /* 17px */
.f18 { font-size:18px !important; } /* 18px */    .f19 { font-size:19px !important; } /* 19px */
.f20 { font-size:20px !important; } /* 20px */    .f21 { font-size:21px !important; } /* 21px */
.f22 { font-size:22px !important; } /* 22px */    .f23 { font-size:23px !important; } /* 23px */
.f24 { font-size:24px !important; } /* 24px */    .f25 { font-size:25px !important; } /* 25px */

/* 
--------------------------------------------------
 ▽ margin設定専用クラス
-------------------------------------------------- */
.m00  { margin: 0px !important; }         .m05  { margin: 5px !important; }
.m10  { margin:10px !important; }         .m15  { margin:15px !important; }
.m20  { margin:20px !important; }         .m25  { margin:25px !important; }
.m30  { margin:30px !important; }         .m35  { margin:35px !important; }
.m40  { margin:40px !important; }         .m45  { margin:45px !important; }

.mt00 { margin-top: 0px !important; }     .mt05 { margin-top: 5px !important; }
.mt10 { margin-top:10px !important; }     .mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }     .mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }     .mt35 { margin-top:35px !important; }
.mt40 { margin-top:30px !important; }     .mt45 { margin-top:35px !important; }

.mr00 { margin-right: 0px !important; }   .mr05 { margin-right: 5px !important; }
.mr10 { margin-right:10px !important; }   .mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }   .mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }   .mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }   .mr45 { margin-right:45px !important; }

.mb00 { margin-bottom: 0px !important; }  .mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom:10px !important; }  .mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }  .mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }  .mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }  .mb45 { margin-bottom:45px !important; }

.ml00 { margin-left: 0px !important; }    .ml05 { margin-left: 5px !important; }
.ml10 { margin-left:10px !important; }    .ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }    .ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }    .ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }    .ml45 { margin-left:45px !important; }

/* 
--------------------------------------------------
 ▽ padding設定専用クラス
-------------------------------------------------- */
.p00 { padding: 0px !important; }     .p05 { padding: 5px !important; }
.p10 { padding:10px !important; }     .p15 { padding:15px !important; }
.p20 { padding:20px !important; }     .p25 { padding:25px !important; }
.p30 { padding:30px !important; }     .p35 { padding:35px !important; }
.p40 { padding:40px !important; }     .p45 { padding:45px !important; }

.pt00 { padding-top: 0px !important; }    .pt05 { padding-top: 5px !important; }
.pt10 { padding-top:10px !important; }    .pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }    .pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }    .pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }    .pt45 { padding-top:45px !important; }

.pr00 { padding-right: 0px !important; }  .pr05 { padding-right: 5px !important; }
.pr10 { padding-right:10px !important; }  .pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }  .pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }  .pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }  .pr45 { padding-right:45px !important; }

.pb00 { padding-bottom: 0px !important; } .pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom:10px !important; } .pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; } .pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; } .pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; } .pb45 { padding-bottom:45px !important; }

.pl00 { padding-left: 0px !important; }   .pl05 { padding-left: 5px !important; }
.pl10 { padding-left:10px !important; }   .pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }   .pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }   .pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }   .pl45 { padding-left:45px !important; }



/*----------------------
topics
----------------------*/

.news_box { width:298px; margin:10px auto 0; border:1px solid #ddd; }
.news_box .day { padding:5px 10px 0; color:#2e90d7; font-weight:bold; }
.news_box h1 { padding:0 10px 5px; color:#404040; border-bottom:1px solid #d5d5d5;}
.news_box .news_head {}

.news_box .txt_wrap { word-break:break-all; padding:0 0 10px; }
.news_box .txt { padding:10px 10px 0; }
.news_box .photo { float:left; position: relative; margin:10px 10px 0 10px; }
.news_box .photo img { padding:1px; border:1px solid #ddd; }
.news_box .photo .lightbox_icon { position: absolute; right:0; bottom:0; }
.news_box .photo .lightbox_icon img { padding:0; border:none; }

.pagenation { margin:0 10px; padding:15px 0 0; }
.pagenation li a { float:left; display:block; color:#431c09; text-decoration:none; }
.pagenation li.next a { float:right; text-align:right; }
.pagenation li.prev a { float:left; }
.pagenation li.back { clear:both; }
.pagenation li.back a { float:left; width:auto; }
.pagenation li:before { content:'▲'; display:block; margin:2px 5px 0; padding:3px; color:#fff;  font-size:10px; line-height:1; background:#ec6709; border-radius:25px; }
.pagenation li.next:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);transform: rotate(90deg); float:right; }
.pagenation li.prev:before { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg);transform: rotate(270deg); float:left; }
.pagenation li.back:before { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg);transform: rotate(270deg); float:left; }




/* voice */
.voice { margin-top:10px;}
.voice .box { width:300px; margin:15px auto 0px; border:solid 2px #ebd1d1; background:#fef5f2;}
.voice .box .photo { text-align:center; padding:5px 0 0 0;}
.voice .box p{ padding:10px 16px 20px;}
.voice .box p span { color:#F00;}


/* point */
.point .box { background:url(../images/present_bg.png) repeat-y; }


/* kakuho */
.kakuho { margin-top:20px;}
.kakuho .bg { background:url(../images/kakuho_bg.png) repeat-y; padding:0;margin:0 0 -5px;}
.kakuho .bg p{ padding:20px 25px 0;}
.kakuho p span { color:#F00;}


/* faq */
.faq { margin:20px 10px 0 10px; background:url(../images/faq_bg.png) no-repeat #f0cec1; padding-bottom:10px;}
.faq h2 { padding:10px 0 0 0; text-align:center;}

.dl_style_qa { border:1px solid #ddd; margin:10px auto 0; width:280px; }
.dl_style_qa dt { padding:5px 8px 6px 0px; position:relative; font-weight:bold; border-top:1px solid #ffb8d7;  background:#fff; color:#C00;}
.dl_style_qa dt img { float:left; padding-right:6px;}
.dl_style_qa dd { padding:5px;}
.dl_style_qa dd img { float:left; padding-right:10px;}
.dl_style_qa dd span { display:block; background:#20a4b4; color:#fff; padding:3px; text-align:center;}
.dl_style_qa .open { }
.dl_style_qa dt,
.dl_style_qa .close { }
.dl_style_qa dt:first-child { border-top:none; }

.dl_style_qa dt:before { content:'▼'; float:right; }
.dl_style_qa dt.open:before { content:'▲'; }
.faq .bg  { margin:10px; background:#603c35; color:#fff;}

/* youtube */

#youtube_area .inner{
    background:url(../images/fig_bg_youtube.png)  no-repeat ;
    background-size: 100%;
    padding: 10px 10px 45px 10px ;
}