@charset "Shift_JIS";
/* =========================================================
   Reset
========================================================= */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
ol, ul { list-style: none; }
fieldset, img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
td { padding: 0; }
a:focus{ outline: none; }


/* =========================================================
   Body
========================================================= */
body { font: 12px/20px "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", osaka, Arial, Verdana, sans-serif; color: #454545; }
a:link, a:visited { color: #3288dc; text-decoration: none; }
a:hover, a:active { color: #3288dc; text-decoration: underline; }


/* =========================================================
   Head
========================================================= */
#head { width: 900px; height: 57px; margin: 0px auto 30px auto; }
#head td { padding-top:30px; }
#head h1 { width: 94px; height: 48px; background: url(../image2011/logo2014.png) no-repeat; }
/* IE6 */
* html #head h1 { background: url(../image2011/logo2014.gif) no-repeat; }
#head h1 a { width: 94px; height: 48px; display: block; }
#head span { display: none; }

/* firefox */
#head, x:-moz-any-link  { width: 900px; height: 57px; margin: 5px auto 12px auto; }

/* IE7 */
*:first-child+html #head { width: 900px; height: 57px; margin: 0 auto 30px auto; }
*+html #head {  width: 900px; height: 57px; margin: 0px auto 30px auto; }

/*SNS追加分*/
#head-new { width: 963px; height: 57px; margin: 0px auto 30px auto; }
#head-new td { padding-top:30px; }
#head-new h1 { width: 94px; height: 48px; background: url(../image2011/logo2014.png) no-repeat; }
/* IE6 */
* html #head-new h1 { background: url(../image2011/logo2014.gif) no-repeat; }
#head-new h1 a { width: 94px; height: 48px; display: block; }
#head-new span { display: none; }

/* firefox */
#head-new, x:-moz-any-link  { width: 935px; height: 57px; margin: 5px auto 12px auto; }

/* IE7 */
*:first-child+html #head-new { width: 935px; height: 57px; margin: 0 auto 30px auto; }
*+html #head-new {  width: 935px; height: 57px; margin: 0px auto 30px auto; }



/*SNS追加分 20170227*/
#head-new2 { width: 905px; height: 57px; margin: 0px auto 30px auto; }
#head-new2 td { padding-top:30px; }
#head-new2 h1 { width: 94px; height: 48px; background: url(../image2011/logo2014.png) no-repeat; }
/* IE6 */
* html #head-new2 h1 { background: url(../image2011/logo2014.gif) no-repeat; }
#head-new2 h1 a { width: 94px; height: 48px; display: block; }
#head-new2 span { display: none; }

/* firefox */
#head-new2, x:-moz-any-link  { width: 905px; height: 57px; margin: 5px auto 12px auto; }

/* IE7 */
*:first-child+html #head-new2 { width: 905px; height: 57px; margin: 0 auto 30px auto; }
*+html #head-new2 {  width: 905px; height: 57px; margin: 0px auto 30px auto; }

/* =========================================================
   headerbunner
========================================================= */
#h-banner { margin: 0 auto 0px auto; background-color:#000000; text-align:center;}
#h-banner img { margin: 10px auto; }

/* =========================================================
   Menu
========================================================= */
#menu { width: 207px; margin: 0 auto; }
#menu ul { height: 57px; float: left; }
#menu li { float: left; }
#menu span { display: none; }
#menu a { display: block; background: url(../image2011/btn_menu-l.png) no-repeat; }
/* IE6 */
* html #menu a { background: url(../image2011/btn_menu-l.gif) no-repeat; }

#menu-r { width: 326px; margin: 0; }
#menu-r ul { height: 26px; float: left; }
#menu-r li { float: left; }
#menu-r span { display: none; }
#menu-r a { display: block; background: url(../image2011/btn_menu-r.png) no-repeat; }
/* IE6 */
* html #menu-r a { background: url(../image2011/btn_menu-r.gif) no-repeat; }

.arpo { width: 28px; height: 56px; background: url(../image2011/img_arpo1.png); display: block; margin-right:8px;}
/* IE6 */
* html .arpo { background: url(../image2011/img_arpo1.gif); }

#menu1 { width: 101px; height: 57px; margin-right: 5px; }
#menu2 { width: 101px; height: 57px; }
#menu3 { width: 106px; height: 26px; margin: 0 4px 0 0; }
#menu4 { width: 106px; height: 26px; margin: 0 4px 0 0; }
#menu5 { width: 106px; height: 26px; margin: 0 0 0 0; }
#menu1 a { width: 101px; height: 57px; }
#menu2 a { width: 101px; height: 57px; }
#menu3 a { width: 106px; height: 26px; }
#menu4 a { width: 106px; height: 26px; }
#menu5 a { width: 106px; height: 26px; }

#menu1 a:link, #menu1 a:visited { background-position: 0 -57px; }
#menu1 a:hover, #menu1 a:active { background-position: 0 0; }
#menu2 a:link, #menu2 a:visited { background-position: -106px -57px; }
#menu2 a:hover, #menu2 a:active { background-position: -106px 0; }
#menu3 a:link, #menu3 a:visited { background-position: 0 -26px; }
#menu3 a:hover, #menu3 a:active { background-position: 0 0px; }
#menu4 a:link, #menu4 a:visited { background-position: -110px -26px; }
#menu4 a:hover, #menu4 a:active { background-position: -110px 0px; }
#menu5 a:link, #menu5 a:visited { background-position: -220px -26px; }
#menu5 a:hover, #menu5 a:active { background-position: -220px 0px; }

#menu #ttmenu1 { width: 72px; height: 18px; margin: 31px 0 0 15px; position: absolute; display: block; background: url(../image2011/btn_ttmenu1.png) 0 0; }
/* IE6 */
* html #menu #ttmenu1 { background: url(../image2011/btn_ttmenu1.gif) 0 0; }
#menu a:hover#ttmenu1 { background-position: 0 -18px; }
#menu #ttmenu2 { width: 72px; height: 18px; margin: 31px 0 0 15px; position: absolute; display: block; background: url(../image2011/btn_ttmenu2.png) -72px 0; }
/* IE6 */
* html #menu #ttmenu2 { background: url(../image2011/btn_ttmenu2.gif) 0 0; }
#menu a:hover#ttmenu2 { background-position: 0 -18px; }

/* Search */
#search table { width: 176px; height: 57px; float: right; }
#search td { vertical-align: bottom; }
#keywords { width: 134px; height: 18px; background: url(../image2011/icn_search.gif) no-repeat 6px center; border: 1px solid #666666; background: #FFFFFF; padding: 2px 2px 2px 2px; margin-right: 2px; }
#search select { font-size: 10px; margin-bottom: 2px; }

/* RKK Social */
#rkk-s { width: 360px; height: 17px; background: url(../image2011/bn_d12.png); display: block; margin: 0 0 10px 5px;}
#rkk-s ul { height: 17px; float: left; }
#rkk-s li { float: left; }
#rkk-s span { display: none; }
#rkk-s a { display: block; }
#face { width: 73px; height: 17px; margin-right:7px; }
#twi { width: 57px; height: 17px; margin-right:6px; }
#ust { width: 74px; height: 17px; margin-right:4px; }
#live { width: 66px; height: 17px; margin-right:5px;}
#youtube { width: 68px; height: 17px; }
#face a { width: 73px; height: 17px; }
#twi a { width: 57px; height: 17px; }
#ust a { width: 74px; height: 17px; }
#live a { width: 66px; height: 17px; }
#youtube a { width: 68px; height: 17px; }



/* RKK Social追加分 */
#rkk-s2 { width: 608px; height: 17px; background: url(../image2011/bn_d15.png); display: block; margin: 0 0 10px 5px;}
#rkk-s2 ul { height: 17px; float: left; }
#rkk-s2 li { float: left; }
#rkk-s2 span { display: none; }
#rkk-s2 a { display: block; }
#face { width: 73px; height: 17px; margin-right:7px; }
#twi { width: 57px; height: 17px; margin-right:6px; }
#ust { width: 74px; height: 17px; margin-right:4px; }
#live { width: 66px; height: 17px; margin-right:5px;}
#youtube { width: 68px; height: 17px; margin-right:4px;}
#line { width: 43px; height: 17px; margin-right:5px;}
#ameba2 { width: 113px; height: 17px; margin-right:5px;}
#insta { width: 78px; height: 17px; }
#face a { width: 73px; height: 17px; }
#twi a { width: 57px; height: 17px; }
#ust a { width: 74px; height: 17px; }
#live a { width: 66px; height: 17px; }
#youtube a { width: 68px; height: 17px; }
#line a { width: 43px; height: 17px; }
#ameba2 a { width: 113px; height: 17px; }
#insta a { width: 78px; height: 17px; }


/* RKK Social追加分 20170227追記 */
#rkk-s5 { width: 554px; height: 17px; background: url(../image2011/bn_d19.png) no-repeat; display: block; margin: 0 0 10px 5px;}
#rkk-s5 ul { height: 17px; float: left; }
#rkk-s5 li { float: left; }
#rkk-s5 span { display: none; }
#rkk-s5 a { display: block; }
#face { width: 73px; height: 17px; margin-right:7px; }
#twi { width: 57px; height: 17px; margin-right:6px; }
#ust { width: 74px; height: 17px; margin-right:4px; }
#live { width: 66px; height: 17px; margin-right:5px;}
#youtube { width: 68px; height: 17px; margin-right:4px;}
#youtube2 { width: 68px; height: 17px;}
#line { width: 43px; height: 17px; margin-right:5px;}
#rkk-s5 #ameba2 { width: 59px !important; height: 17px; margin-right:5px;}
#insta { width: 78px; height: 17px; }
#face a { width: 73px; height: 17px; }
#twi a { width: 57px; height: 17px; }
#ust a { width: 74px; height: 17px; }
#live a { width: 66px; height: 17px; }
#youtube a { width: 68px; height: 17px; }
#youtube2 a { width: 68px; height: 17px; }
#line a { width: 43px; height: 17px; }
#rkk-s5 #ameba2 a { width: 59px !important; height: 17px; }
#insta a { width: 78px; height: 17px; }




/* IE6 */
* html #rkk-s { width: 360px; height: 17px; background: url(../image2011/bn_d12.gif) no-repeat; display: block; margin: 0 0 5px 5px;}

/* =========================================================
   Foot
========================================================= */
#foot { background: #1d1d1d; padding: 20px 0; font-size: 11px; color: #b9b9b9; }
#foot .link { width: 900px; margin: 0 auto 30px auto; padding: 15px 0; border-top: 1px solid #4b4b4b; border-bottom: 1px solid #4b4b4b; }
#foot .about { font-size: 14px; font-weight: bold; color: #FFFFFF; }
#foot .flink { width: 900px; margin: 0 auto; }
#foot .flink td { padding: 0 32px 20px 0; vertical-align: top; font-size: 11px; }
#foot .flink .ltit { width: 156px; margin-bottom: 5px; padding-bottom: 2px; border-bottom: 1px solid #4b4b4b; font-size: 14px; font-weight: bold; color: #FFFFFF; }
#foot a:link, #foot a:visited { color: #b9b9b9; text-decoration: none; }
#foot a:hover, #foot a:active { color: #b9b9b9; text-decoration: underline; }

#foot2 { padding: 31px 0 31px 0; background: #1d1d1d; border-top: 1px solid #4b4b4b; }
#foot2 table { width: 900px; margin: 0 auto; }
#foot2 th { text-align: left; vertical-align: middle; }
#foot2 td { font-size: 10px; color: #b9b9b9; text-align: right; vertical-align: middle; }


/* =========================================================
   Top-Check It & etc
========================================================= */
.check { list-style: url(../image2011/icn_arrow01.gif); font-size: 12px; }
.check li { margin-left: 10px; }
* html .check li { margin-left: 20px; }


/* =========================================================
   Class
========================================================= */
.cl { clear: both; }
.retop { width: 900px; margin: 0 auto; text-align: right; }
.bnrbox { width: 910px; margin: 0 auto 20px auto; }
.bnrbox td { padding: 0 5px; }
.bnrbox td { padding: 0 5px; }
/*161214追記 ホバーイベント用*/
.btn_hover{
	-webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
	}
.btn_hover:hover{
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}