@charset "utf-8";

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

Top Page Style

------------------------------------------------------*/
body { background:url(../images/bg_001.jpg) center top repeat-y #941118; }
#Head_wrap { padding-top:261px; height:211px; background:url(../../images/head_bg_02.png) repeat-x left 260px; position:relative; }
#Head { height:211px; background:url(../../images/head_bg_01.jpg) no-repeat center top;}
#Head_inner { width:980px; height:195px; position:relative; left:50%; top:15px; margin:0 0 0 -490px; }
body #Wrap { background:url(../../images/bg_01.jpg) center 38px no-repeat; /*background-size:1920px 1179px; -webkit-background-size:1920px 1179px; -moz-background-size:1920px 1179px;*/ }
#Main { width:100%; background:none!important; position:relative;}
#Main_inner_bg { padding-bottom:0 !important; padding-top:9px; }
.go_home { display:none;}
.sound { width:81px; height:26px; position:absolute; top:28px; right:0; display:block;}

#Head_inner h1 { position:absolute; left:246px; top:0; }
.news_btn { position:absolute; left:402px; top:116px; }

#Cont { width:980px; margin-right:0px; }
#Cont_top { margin-bottom:7px; }
#Lside { width:200px; display:inline; float:left; margin-right:20px;}
.lside_btn { height:137px; background:url(../../images/Lside_bg_01.png) no-repeat left top; padding:14px 2px 0 11px; margin-bottom:3px;}
.lside_btn ul li { margin-bottom:1px;}
.qr { margin-bottom:2px;}

.top_mv_area { width:540px; height:392px; background:url(../../images/mv_area_bg.png) no-repeat left top; display:inline; float:left; position:relative; margin-right:20px; }
.top_mv_area h2 { position:absolute; top:15px; left:19px;}
.top_mv_area .youtube_btn { position:absolute; top:13px; right:8px;}
.top_mv_area_inner { position: absolute; width: 480px; height: 270px; top: 72px; left: 32px;}

.news_tit { padding:4px 0 5px 24px; clear:both;}
.news_tit img { display:block;}

/* boxstyle */
.boxstyle01 { width:980px; height:398px; background:url(../../images/news_area_bg.png) no-repeat left top; margin-bottom:14px; clear:both;}

/* スクロールバー */
.jspScrollable { outline:none !important;}
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute;}
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 8px; height: 100%;}
.jspHorizontalBar { position: absolute;	bottom: 0; left: 0;	width: 100%; height: 16px; background: red;}
.jspVerticalBar *, .jspHorizontalBar * { margin: 0;	padding: 0;}
.jspCap { display: none;}
.jspHorizontalBar .jspCap {	float: left;}
.jspTrack { background: #2a9dff; position: relative;}
.jspDrag { background: #ffffff; position: relative; top: 0; left: 0; cursor: pointer;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%;}
.jspArrow {	background: #50506d; text-indent: -20000px; display: block;	cursor: pointer;}
.jspArrow.jspDisabled {	cursor: default; background: #80808d;}
.jspVerticalBar .jspArrow {	height: 16px;}
.jspHorizontalBar .jspArrow { width: 16px; float: left;	height: 100%;}
.jspVerticalBar .jspArrow:focus { outline: none;}
.jspCorner { background: #eeeef4; float: left; height: 100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0;}

/* liststyle */
.liststyle01 { height:320px; width:878px; overflow:auto; padding:0 18px 0 0; margin:0 0 0 38px;} /*130127 EVOWORX OKOSHI*/
.liststyle01 ul { *position:relative;}
.liststyle01 ul li { padding:8px 0; *padding:3px 0 7px; *position:absolute; *top:4px; *left: 0; border-bottom:1px solid #216678; color:#ffffff; line-height:1.4; position:relative;}
.liststyle01 ul li:after  { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.liststyle01 ul li        { min-height: 1px; }
* html .liststyle01 ul li { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }
.liststyle01 ul li a { color:#ffffff !important; text-decoration:underline;}
.liststyle01 ul li .date { width:92px; display:block; float:left;}
.liststyle01 ul li .txt { width:688px; display:block; float:left; padding-left:78px;}
.liststyle01 ul li .icon01 { background:url(../images/icon_001.png) no-repeat left 0.2em;}
.liststyle01 ul li .icon02 { background:url(../images/icon_002.png) no-repeat left 0.2em;}
.liststyle01 ul li .icon03 { background:url(../images/icon_003.png) no-repeat left 0.2em;}
.liststyle01 ul li .icon04 { background:url(../images/icon_004.png) no-repeat left 0.2em;}
.liststyle01 ul li .icon05 { background:url(../images/icon_005.png) no-repeat left 0.2em;}
.liststyle01 ul li .icon10 { background:url(../images/icon_010.png) no-repeat left 0.2em;}

.btn_area {}
.btn_area ul li { margin-bottom:9px;}

.rside_banner {}
.rside_banner ul li { margin-bottom:9px;}
.rside_banner ul li.last { margin-bottom:0px; }

.top_subarea { clear:both; margin-bottom:11px;}

.link_area { width:606px; height:360px; background:url(../../images/bg_02.png) no-repeat left top; margin-right:1px; display:inline; float:left;}
.link_area_inner { padding:4px 24px 0 27px;}
.link_area_inner h3 { margin:0 0 16px 148px;}
.link_area_inner ul li { display:inline; float:left; margin:0 5px 10px 0;}

.top_twitter { margin-bottom:6px; height:330px; width:345px; position:relative; background:url(../../images/twitter_bg.png) no-repeat left top; display:inline; float:left; padding:30px 0 0 28px;}
.top_twitter .twitter_tit { width:159px; height:21px; position:absolute; top:5px; left:18px;}
.top_twitter_btn { width:335px; height:41px; position:absolute; bottom:15px; left:21px;}

/* twitter */
.twtr-widget { background:url(../images/twitter_bg.png) no-repeat left top; width:200px; height:495px;}
#twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4 { background:none !important;}
.twtr-hd {}
.twtr-hd h3 {}
.twtr-hd h4 { display:none;}
.twtr-bd { padding:10px 0 0 30px !important;}
.twtr-timeline { background:none !important;}
.twtr-widget .twtr-tweet { border-bottom:1px solid #fa9702 !important;}
.twtr-ft { display:none !important;}

.apology { clear:both; width:540px; margin:0 auto 5px;}
.apology ul {}
.apology ul li { padding:10px 0 10px; *padding:7px 0 7px; color:#333333; line-height:18px;}
.apology ul li a { color:#333333 !important; text-decoration:underline;}
.apology ul li .date { width:93px; display:block; float:left;}
.apology ul li .txt { width:443px; display:block; float:left;}

.apology ul li:after  { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.apology ul li        { min-height: 1px; }
* html .apology ul li { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }


/* Main_bnr */
#Main_bnr_area { width:705px; height:226px; position:absolute; top:0; left:50%; margin:0 0 0 -351px;}
.Main_bnr { height:226px; width:705px; background:url(../../images/bg_main_bnr_01.png) no-repeat left top;}
#slideshow { height:202px; overflow:hidden; padding:14px 13px 0 10px;}
.Main_bnr_btn { width:678px; height:49px; background:url(../../images/bg_main_bnr_02.png) no-repeat left top; margin-left:12px; position:relative;}
.Main_bnr_btn .prev { position:absolute; top:11px; left:13px;}
.Main_bnr_btn .next { position:absolute; top:11px; right:13px;}






.banner_area { width:188px; height:210px; background:url(../../images/bg_004.png) no-repeat left top; clear:both; padding-left:12px; margin-bottom:6px;}

.pickup_btn {width: 528px; height: 36px; background:url(../../images/bg_003.png) no-repeat left top; position:relative; margin: 0 auto; margin-bottom:12px;}
.pickup_btn .prev {position:absolute; top:5px; left:9px;}
.pickup_btn .next {position:absolute; top:5px; right:10px;}
.pickup_btn img{cursol:pointar;}

.beginner {margin-bottom:15px;}