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

/* -----------------------------------------------------------
                          common
-------------------------------------------------------------- */
/* --- margin --- */
.top25px{
	margin:25px 0 0 0;
}
.top30px{
	margin:30px 0 0 0;
}

/* --- font --- */
h2{
	padding:11px 0 0 0;
	height:46px;
	background:#222;
	font-size:32px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
}
h3{
	padding:5px 0 0 0;
	height:46px;
	background:#fff;
	font-size:32px;
	text-align:center;
	color:#222;
	font-weight:bold;
	border-bottom:2px solid #ccc;
}
.yellow{
	color:#ffe00c
}
.p_yahoo_premium{
	margin:15px 0 0 0;
	font-size:16px;
	text-align:center;
	font-weight:bold;
}

/* --- link --- */
a:link,a:visited,a:hover,a:active{
	color:#0066ff;
}

/* -----------------------------------------------------------
                          topimage
-------------------------------------------------------------- */

/* --- btn --- */
a.btn01{
	background:url(../image/btn01.png) no-repeat;
	width:625px;
	height:94px;
	margin:0 auto;
	display:block;
	margin:0 auto;
}
a.btn01:hover{
	background-position:0 -105px;
}


/* -----------------------------------------------------------
                          topimage
-------------------------------------------------------------- */
#top_image{
	height:483px;
	background:url(../image/back_topimage01.jpg) repeat-x;
}
#top_image_youso{
	padding:50px 0 0 0;
	width:950px;
	height:453px;
	margin:0 auto;
	background:url(../image/back_topimage02.png) no-repeat 532px 12px;
}
#top_image_youso_box{
	width:886px;
	height:160px;
	margin:0 auto;
	background:url(../image/img_topimage_p.png) no-repeat center bottom;
}
img#top_image_p{
	position:relative;
	bottom:30px;
}
#top_image_p02{
	margin:25px 0 5px 0;
	background:url(../image/img_p02.png) no-repeat center top;
	width:802px;
	height:165px;
	position:relative;
	left:80px;
	bottom:0;
}

/* -----------------------------------------------------------
                          contents
-------------------------------------------------------------- */
#contents{
	border-bottom: 1px solid #ccc;
	background:#f4f1ea;
}
#topimage{
}
#contents_youso{
	padding:30px 0 0 0;
}
*:first-child+html #contents_youso{
	margin:30px 0 0 0;
}
*+html #contents_youso{
	margin:30px 0 0 0;
}
.contents_box{
	margin:30px auto 20px auto;
	width:890px;
	padding:30px;
	background-image:url(../image/back_box.png);
}
.back01,.back02{
	background-color:#f39800;
	border:2px solid #f39800;
}
.back03{
	padding:15px;
	width:920px;
	background-color:#fff;
	border:2px solid #ccc;
}
/* --- contents_left01 --- */
.contents_left01{
	padding:15px;
	margin:20px 0 0 0;
	width:530px;
	float:left;
	background:#fff;
	border:5px solid #fff;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
/* --- contents_right01 --- */
.contents_right01{
	padding:15px;
	margin:20px 0 0 0;
	width:260px;
	float:right;
	background:#fff;
	border:5px solid #ccc;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
.contents_right01 ul{
	padding:30px 0 0 0;
	height:130px;
	background:url(../image/back_ul.jpg) no-repeat right bottom;
}
.contents_right01 li{
	background:url(../image/back_dd.png) no-repeat left center;
	padding:5px 0 5px 12px;
}
.height01{
	height:300px;
}
.height02{
	height:215px;
}
.back04{
	padding:72px 15px 15px 15px;
	background:url(../image/back_img01.jpg) no-repeat 15px 15px #fff;
}
.back05{
	padding:100px 15px 15px 15px;
	background:url(../image/back_img02.jpg) no-repeat 15px 15px #fff;
}
/* --- contents_left02 --- */
.contents_left02{
	padding:10px;
	width:722px;
	height:121px;
	float:left;
	background:url(../image/img_device.jpg) no-repeat left center #fff;
	border:5px solid #fff;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
.contents_left02 p{
	margin:0 0 0 15px;
	width:480px;
	float:right;
	font-size:14px;
	line-height:1.7;
}
/* --- contents_right02 --- */
.contents_right02{
	margin:15px 0 0 0;
	width:111px;
	height:131px;
	float:right;
	background:url(../image/img_qrcode.jpg) no-repeat center;
}

/* --- btn --- */
.contents_btn{
	margin:0 auto 20px auto;
	width:621px;
	height:76px;
}
a.btn02{
	background:url(../image/btn02.png) no-repeat;
	width:621px;
	height:76px;
	display:block;
}
a.btn02:hover{
	background-position:0 -124px;
}
.contents_btn03{
	margin:0 auto 20px auto;
	width:551px;
	height:76px;
}
a.btn03{
	background:url(../image/btn03.png) no-repeat;
	width:551px;
	height:76px;
	display:block;
}
a.btn03:hover{
	background-position:0 -106px;
}
.contents_btn a:link,.contents_btn a:visited,.contents_btn a:hover,.contents_btn a:active{
	text-decoration:none;
	color:#ce4b51;
	font-size:9px;
}
.contents_btn03 a:link,.contents_btn03 a:visited,.contents_btn03 a:hover,.contents_btn03 a:active{
	text-decoration:none;
	color:#ce4b51;
	font-size:9px;
}

/* --- dl --- */
dl{
	padding:0 0 15px 0;
}
dt{
	padding:6px 0 5px 50px;
	font-size:20px;
	font-weight:bold;
}
dd{
	padding:4px 0 3px 10px;
	margin:2px 0 0 50px;
	font-size:16px;
	background:url(../image/back_dd.png) no-repeat left center;
}
.back01 dl{
	background:url(../image/back_dl01.jpg) no-repeat;
}

.back02 dl{
	background:url(../image/back_dl02.jpg) no-repeat;
}

/* -----------------------------------------------------------
                          topNewContBnrBox
-------------------------------------------------------------- */
.top_new_cont_bnr_box{
	padding-top:10px;
	background-color:#ffffff;
}
.top_new_cont_bnr_box p{
	background-color:#ffd00e;
}
.top_new_cont_bnr_box a{
	display:block;
	position:relative;
	width:665px;
	margin:0 auto;
	padding:8px 0 2px 285px;
}
.top_new_cont_bnr_box .bnrBln{
	display:block;
	position:absolute;
	top:-20px;
	left:95px;
	overflow:hidden;
	width:178px;
	height:80px;
	background:url(../image/img_newcont01.png) no-repeat;
	text-indent:-9999px;
	cursor:pointer;
}
.top_new_cont_bnr_box .bnrTxt{
	display:block;
	overflow:hidden;
	width:575px;
	height:26px;
	background:url(../image/img_newcont02.png) no-repeat left top;
	text-indent:-9999px;
	cursor:pointer;
}
.top_new_cont_bnr_box a:hover .bnrTxt{
	background-position:left bottom;
}

/* -----------------------------------------------------------
                          topBnrCheck
-------------------------------------------------------------- */
.top_bnr_check{
	margin-top:10px;
}
.top_bnr_check a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
}

/*------------------------------------------------------------
                  2015/11/13 add
-------------------------------------------------------------- */

.link_area_to_schoo {
	width:950px;
	height:auto;
	margin:60px auto 0px;
}

.link_area_to_schoo .bnr {
	position:relative;
	width:900px;
	height:210px;
	background:url(https://s.yimg.jp/images/auct/cms/promo/school/bnr/900x210.jpg) no-repeat 0 0;
	margin:0 auto;
	text-indent:-9999px;
}

.link_area_to_schoo .bnr a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:900px;
	height:210px;
}