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

/*-----------------------------------------------------
全体
------------------------------------------------------*/

body{
	background:url(../images/headBack.png) no-repeat center top;
}

#wrapper{
	width:1100px;
	margin:auto auto;
	padding-bottom:50px;
}


/*-----------------------------------------------------
header
------------------------------------------------------*/

#header{
	position:relative;
	padding-top:10px;
}

#header #subMenu{
	float:left;
}

#header #subMenu li{
	float:left;
	margin-right:35px;
}

#header #subMenu li a{
	display:inline-block;
	padding-top:30px;
	font-size:12px;
	color:#000;
	font-weight:bold;
}

#header #subMenu li:nth-child(1) a{
	background:url(../images/icoHome_off.png) no-repeat center top;
}

#header #subMenu li:nth-child(1) a:hover{
	background:url(../images/icoHome_on.png) no-repeat center top;
}

#header #subMenu li:nth-child(2) a{
	background:url(../images/icoBegginer_off.png) no-repeat center top;
}

#header #subMenu li:nth-child(2) a:hover{
	background:url(../images/icoBegginer_on.png) no-repeat center top;
}

#header #subMenu li a:hover{
	text-decoration:none;
	color:#00BA00;
}

#header .logo{
	position:absolute;
	left:50%;
	margin-left:-198px;
}

#header .siteSearch{
	float:right;
	min-width:80px;
}

#header .siteSearch a{
	display:inline-block;
	width:100%;
	padding-top:65px;
	background:url(../images/siteSearch_off.png) no-repeat  center top;
	text-align:center;
	color:#000;
	font-size:12px;
	font-weight:bold;
}

#header .siteSearch a:hover{
	background:url(../images/icoSearch_on.png) no-repeat center top;
	text-decoration:none;
}

/*-----------------------------------------------------
global
------------------------------------------------------*/

#gNav{
	overflow: hidden;
	width: 100%;
	margin-bottom: 25px;
	padding-top: 110px;
}

#gNav li{
	float:left;
	border-left:dotted 1px #000;
	text-align:center;
}

#gNav li:first-child{
	border-left:none;
}

#gNav li img{
	display:block;
	margin:0 auto 5px auto;
}

#gNav li a{
	display:block;
	padding-top:112px;
	color:#000;
	font-size:17px;
	font-weight:bold;
}

#gNav li:nth-child(1) a{
	width:218px;
	background:url(../images/gNav01_off.gif) no-repeat center top;
}

#gNav li:nth-child(1) a:hover{
	background:url(../images/gNav01_on.gif) no-repeat center top;
}

#gNav li:nth-child(2) a{
	width:218px;
	background:url(../images/gNav02_off.gif) no-repeat center top;
}

#gNav li:nth-child(2) a:hover{
	background:url(../images/gNav02_on.gif) no-repeat center top;
}

#gNav li:nth-child(3) a{
	width:218px;
	background:url(../images/gNav03_off.gif) no-repeat center top;
}

#gNav li:nth-child(3) a:hover{
	background:url(../images/gNav03_on.gif) no-repeat center top;
}

#gNav li:nth-child(4) a{
	width:218px;
	background:url(../images/gNav04_off.gif) no-repeat center top;
}

#gNav li:nth-child(4) a:hover{
	background:url(../images/gNav04_on.gif) no-repeat center top;
}

#gNav li:nth-child(5) a{
	width:218px;
	background:url(../images/gNav05_off.gif) no-repeat center top;
}

#gNav li:nth-child(5) a:hover{
	background:url(../images/gNav05_on.gif) no-repeat center top;
}

#gNav li a:hover{
	text-decoration:none;
	color:#00BB00;
}

#gNav br{
	display:none;
}

#wrapper #header #gNav .gnaviacctive01{
	background:url(../images/gNav01_on.gif) no-repeat center top;
	color:#00BB00;
}
#wrapper #header #gNav .gnaviacctive02{
	background:url(../images/gNav02_on.gif) no-repeat center top;
	color:#00BB00;
}
#wrapper #header #gNav .gnaviacctive03{
	background:url(../images/gNav03_on.gif) no-repeat center top;
	color:#00BB00;
}
#wrapper #header #gNav .gnaviacctive04{
	background:url(../images/gNav04_on.gif) no-repeat center top;
	color:#00BB00;
}
#wrapper #header #gNav .gnaviacctive05{
	background:url(../images/gNav05_on.gif) no-repeat center top;
	color:#00BB00;
}


/*-----------------------------------------------------
contents
------------------------------------------------------*/

#contents{
	overflow:hidden;
	margin-bottom:33px;
}

/*-----------------------------------------------------
main
------------------------------------------------------*/

#main{
	float:right;
	width:775px;
}

/*-----------------------------------------------------
sidebar
------------------------------------------------------*/

#sidebar{
	float:left;
	width:300px;
}

#sidebar .sideTop{
	height:192px;
	padding-top:30px;
	background:url(../images/sideTop.gif) no-repeat left top;
}

#sidebar .sideTop p{
	margin-bottom:16px;
	text-align:center;
}

#sidebar .sideTop p:first-child{
	font-size:15px;
}

#sidebar .sideTop p:nth-child(2) img{
	margin:0 0px;
}

#sidebar .sideTop p:nth-child(2) span{
	display:block;
	margin-top:0px;
}

#sidebar  .sidePlay{
	overflow:hidden;
	margin-bottom:30px;
}

#sidebar  .sidePlay dl{
	float:left;
	width:230px;
}

#sidebar  .sidePlay dl dt,
#sidebar  .sidePlay dl dd{
	padding:5px;
}

#sidebar  .sidePlay dl dt{
	padding-left:25px;
	font-size:18px;
	font-weight:bold;
	color:#21B300;
	background:url(../images/icoVoice.png) no-repeat left 10px;
}

#sidebar  .sidePlay dl dd{
	border-top:dotted 1px #bbb;
}

#sidebar  .sidePlay dl dd a{
	font-size:14px;
}

#sidebar  .sidePlay p{
	float:right;
}

#sidebar h3{
	position:relative;
	width:300px;
	margin-bottom:10px;
	background:url(../images/catTtlBack.png) repeat-y left top;
}

#sidebar h3:before{
	content:"";
	display:block;
	width:300px;
	height:6px;
	background:url(../images/catTtlTop.png) no-repeat left top;
}

#sidebar h3:after{
	content:"";
	display:block;
	width:300px;
	height:7px;
	background:url(../images/catTtlBottom.png) no-repeat left top;
}

#sidebar h3 span.sideTtl{
	display:block;
	padding-left:19%;
	padding-right:21%;
	padding-top:5px;
	width:60%;
	min-height:30px;
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
	color:#000;
}

.sideDictionary span.sideTtl{
	background:url(../images/icoChara01.png) no-repeat 10px top;
}

.sideNice span.sideTtl{
	background:url(../images/icoChara02.png) no-repeat 10px top;
}

.sideColumn span.sideTtl{
	background:url(../images/icoChara01.png) no-repeat 10px top;
}

.sideOthor span.sideTtl{
	background:url(../images/icoChara02.png) no-repeat 10px top;
}


#sidebar ul{
	margin-bottom:25px;
}

#sidebar ul li{
	padding:8px 10px;
	border-bottom:dotted 1px #000;
}

#sidebar ul li.newsList{
	background:url(../images/icoNew.png) no-repeat right center;
}

#sidebar ul li a{
	font-size:16px;
	padding-left:10px;
	background:url(../images/sideArrow.png) no-repeat left center;
}

/*-----------------------------------------------------
footer
------------------------------------------------------*/

#pageTop{
	position:fixed;
	bottom:30px;
	right:20px;
}

#footer{
	position:relative;
}

#footer ul{
	padding-bottom:20px;
}

#footer ul li{
	display:inline;
	padding-right:40px;
}

#footer ul li a{
	padding-left:10px;
	background:url(../images/sideArrow.png) no-repeat left center;
}

#footer .copy{
	padding-top:5px;
	border-top:solid 1px #000;
	font-size:14px;
}

#footer #btnSP{
	position:absolute;
	right:0;
	top:70px;
	width:138px;
	padding:5px;
	text-align:center;
	border:solid 1px #000;
	background-color:#fff;
	border-radius:3px;
	cursor:pointer;
	color:#00BA00;
}

/*-----------------------------------------------------
secondCont
------------------------------------------------------*/

.secondCnt{
	margin-bottom:5px;
}

.secondCnt h1{
	margin-bottom:20px;
	padding:6px 0 0 60px;
	border:solid 1px #000;
	border-radius:3px;
	color:#fff;
	font-size:28px;
	font-weight:bold;
	background:#00B800 url(../images/icoChara01.png) no-repeat 10px 11px;
}

h2.toppage{
	margin-bottom:20px;
	padding:6px 0 0 60px;
	border:solid 1px #000;
	border-radius:3px;
	color:#fff;
	font-size:28px;
	font-weight:bold;
	background:#00B800 url(../images/icoChara01.png) no-repeat 10px 11px;
}


.secondCnt h2{
	margin-bottom:20px;
	padding:7px 0 3px 60px;
	border:solid 1px #000;
	border-radius:3px;
	background:#fff url(../images/icoChara02.png) no-repeat 10px 9px;
	font-size:24px;
	line-height:1.6;
}

h3.toppage{
	margin-bottom:2px;
	padding:7px 0 3px 60px;
	border:solid 1px #000;
	border-radius:3px;
	background:#fff url(../images/icoChara02.png) no-repeat 10px 9px;
	font-size:24px;
}


.secondCnt h3{
	margin-bottom:5px;
	padding-bottom:2px;
	color:#00BA00;
	border-bottom:solid 1px #000;
	font-size:20px;
	line-height:1.6;
}


.secondCnt h4{
	margin-bottom:10px;
	color:#00BA00;
	border-bottom:dotted 1px #000;
	font-size:16px;
	line-height:1.6;
}


.secondCnt h5{
	margin-bottom:10px;
	color:#00BA00;
	font-weight:bold;
	line-height:1.6;
}

.secondCnt p{
	margin-bottom:14px;
}

.bnrUnder{
	clear:both;
	text-align:center;
}