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

html {
    margin: 0;
    padding: 0;
}
body {
	margin: 0;
	padding: 0;
	font-family: hirakakupro-w3,osaka,"ms pgothic",arial,helvetica,sans-serif;
	font-size: 14px;
	background-color: #66CDCC;
	color: #333;
	line-height: 20px;
	background-repeat: no-repeat;
}
* {
	margin: 0px;
}
img {
    border: 0px;
}
*img {
    vertical-align: top;
}
ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
a {
    text-decoration: none;
	color: #EB264E;
    overflow: hidden;
    outline: none;
}
a:hover	{
    text-decoration: underline;
    color: #EB264E;
}
.clear {
	clear: both;
}
h1 {
	display: inline;
}


/*レイアウト*/
#header {
	width: 100%;
	height: 30px;
	background-color: #FFFF00;
	margin: 0 0 10px 0;
}
#footer {
	width: 100%;
	padding: 30px 0 0 0;
	background: url(../images/footer_bg.gif) repeat-x #FFF;
}
#wrap {
	width: 930px;
	margin: auto;
	background: url(../images/bg.gif) repeat-y;
	position: relative;
	padding-bottom: 30px;
}	
#top {
	width: 725px;
	float: right;
	padding-bottom: 20px;
}
#contents {
	width: 690px;
	overflow: hidden;
	padding: 0 0 0px 35px;
	float: right;
}
#left {
	width: 205px;
	float: left;
	padding-bottom: 50px;
}

/*ヘッダー*/
.header_inbox {
	width: 930px;
	height: 25px;
	margin: auto;
	padding: 5px 0 0 0;
}

/*フッター*/
.footer_inbox {
	width: 930px;
	margin: auto;
	padding: 0 0 10px 0;
}
.footer_inbox img {
	margin-bottom: 20px;
}
.footer_category {
	padding-right: 35px;
	float: left;
}
.footer_category2 {
	float: right;
}
.footer_link {
	padding: 0 30px 30px 0;
}
.footer_link li {
	background: url(../images/arrow_s.gif) no-repeat;
	background-position: 0 5px;
	padding-left: 10px;
	line-height: 26px;
}
.footer_copyright {
	border-top: 15px solid #66CDCC;
	background-color: #FFFF00;
	text-align: center;
	padding: 25px 0 23px 0;
	font-size: 12px;
}

/*レフトナビ*/
.logo {
	position: absolute;
	left: -14px;
}
.snsbox {
	height: 50px;
	text-align: center;
	margin-top: 230px;
}
.fb_like {
	padding: 0 0 10px 30px;
}
.snavi {
	width: 182px;
	text-align: center;
	margin: 20px 11px 0px 11px;
	border-bottom: 2px solid #CCC;
}
.snavi li img {
	border-top: 2px solid #CCC;
	vertical-align: top;
}
.snavi li ul {
	padding-bottom: 15px;
}
.snavi li ul li {
	list-style: none;
}
.snavi_ti_download {
	margin-top:10px;
	margin-left:  -9px;
}
.snavi_download {
	padding: 0px 17px 0 17px;
}
.snavi_download img {
	padding-bottom: 10px;
	float: right;
}
.snavi_ti_news {
	margin-left: -9px;
}
.snavi_news {
	width: 170px;
	margin: 0px 17px 0 17px;
	padding-top: 0px;
}
.snavi_news img {
	vertical-align: bottom;
}
.snavi_news_inbox {
	border-left: 2px solid #CCC;
	border-right: 2px solid #CCC;
	padding: 0 10px 10px 10px;
	overflow: auto;
	height: 500px;
}
.snavi_news_inbox li{
	background: url(../images/arrow_l.gif) no-repeat;
	background-position: 0px 13px;
	border-bottom: 1px dotted #536C1E;
	padding: 10px 0 10px 15px;
}

/*トップページ*/
.top_twitter {
	width: 725px;
	height: 243px;
	background: url(../images/top_twitter_bg1302.jpg) no-repeat;
	margin-top: 15px;
}
.top_twibtn {
	position: absolute;
	top: 227px;
	left: 240px;
}
.top_navi {
	width: 690px;
	height: 90px;
	padding-bottom: 10px;
}
.top_navi li {
	float: left;
}
.top_intro {
	background: url(../images/top_intro_bg.jpg) no-repeat;
	width: 690px;
	height: 800px;
}
.top_intro2 {
	background: url(../images/top_intro_bg2.jpg) no-repeat;
	width: 690px;
	height: 925px;
}
.top_bnr {
	text-align: center;
	margin: 0 auto;
	padding: 15px 0;
}
.top_lesson1 {
	position: absolute;
	top: 730px;
	left: 260px;
}
.top_lesson2 {
	position: absolute;
	top: 680px;
	left: 470px;
}
.top_lesson3 {
	position: absolute;
	top: 695px;
	left: 700px;
}
.top_lesson4 {
	position: absolute;
	top: 855px;
	left: 710px;
}
.top_welcome {
	position: absolute;
	top: 900px;
	left: 260px;
}
.top_welcome2 {
	position: absolute;
	top: 620px;
	left: 260px;
}
.top_challenge {
	position: absolute;
	top: 910px;
	left: 700px;
}
.top_challenge2 {
	position: absolute;
	top: 630px;
	left: 700px;
}
.top_introtbn {
	position: absolute;
	bottom: 60px;
	left: 270px;
}
.top_introtbn2 {
	position: absolute;
	top: 930px;
	left: 270px;
}
*+html .top_introtbn2 {
	bottom: 295px;
}
.top_introtbn2 {
	_bottom: 280px;
}

/*twitterボックス*/
.top_twibox {
	position: absolute;
	top: 98px;
	left: 640px;
	height: 155px;
	overflow: hidden !important;
	padding-bottom: 5px;
}
.top_twibox .twtr-doc {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	height: 150px;
	width: 280px !important;
}
.top_twibox .twtr-bd {
	margin: 0 10px;
}
.top_twibox .twtr-tweet-wrap {
	border-bottom: 1px solid #EC274F !important;
}
.top_twibox .twtr-timeline {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.top_twibox .twtr-hd {
	height: 5px !important;
	padding: 0 !important;
}
.top_twibox .twtr-widget-profile img.twtr-profile-img {
	border: 2px solid #FFFFFF !important;
	display: block;
	float: left;
	height: 48px;
	width: 48px;
}
.top_twibox #twtr-widget-1 .twtr-doc {
	background-color: #FFF !important;
	border: 5px solid #CCC;
}
.top_twibox .twtr-widget-profile h3, #twitter_ticker .twtr-widget-profile h4 {
	margin: 0 0 0 60px !important;
}
.top_twibox .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4 {
    background-color: #FFF !important;
    color: #FFFFFF !important;
}
.top_twibox #twtr-widget-1 h3, #twitter_ticker #twtr-widget-1 h4, #twtr-widget-1 .twtr-hd a {
	background-color: transparent !important;
}