@charset "shift_jis";


/*===============================

	[ beginner school share ]

===============================*/

/* --- to Beginner Top --- */
#main2 #beginnerContents div.toTop {
	width: 560px;
	overflow: hidden;
	zoom: 1;
}

#main2 #beginnerContents div.toTop ul {
	float: right;
}

#main2 #beginnerContents div#print {
	overflow: hidden;
	zoom: 1;
}

#main2 #beginnerContents div#print form {
	float: right;
	width: 151px;
}

/* --- 赤文字 --- */
#main2 #beginnerContents .red {
	color: #F00;
}


/****************************************************************************:/
/********************************** school **********************************:/
/****************************************************************************:/
/* --- h2 --- */
#main2 #beginnerContents #contentsMain0801 #school h2 {
	margin: 10px 0;
}

/* --- h3 --- */
.colum2-right760 h3.title2 {
	font-size: 16px;
	clear: both;
	color: #000;
	margin-top: 20px;
	margin-bottom: 6px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 13px;
	font-weight: 700;
}

/* --- main --- */
#main2 #beginnerContents #contentsMain0801 #school #main {
	width: 560px;
	background-image: url(/support/vaio/beginner/school/share/images/pct_bg.gif);
	background-repeat: repeat-y;

}

#main2 #beginnerContents #contentsMain0801 #school h3 {
	margin: 0;
	border-bottom: none;
}

#main2 #beginnerContents #contentsMain0801 #school #main p {
	margin: -5px 40px 0 40px;

}


#main2 #beginnerContents #contentsMain0801 #school #main div#menu {
	width: 460px;
	margin: 20px 40px 30px 55px;
	font-weight: bold;
	font-size: 15px;
}

#main2 #beginnerContents #contentsMain0801 #school #main div#menu span{
	color: #F00;
}

#main2 #beginnerContents #contentsMain0801 #school #main div#menu .soon{
	color: #666;
	font-weight: normal;
}

#main2 #beginnerContents #contentsMain0801 #school #main div#menu ul{
	margin-bottom: 0;
}

#main2 #beginnerContents #contentsMain0801 #school #main div#menu p{
	color: #666;
	margin: 0 0 0 100px;
}



/*「以下、近日公開」削除後削除*/
#main2 #beginnerContents #contentsMain0801 #upcoming div{
	margin:30px 0 0 0;
	text-align:center;
	font-weight:normal;
	color: #666;
}

#main2 #beginnerContents #contentsMain0801 #upcoming ul{
	margin-top: 10px;
}
/*/「以下、近日公開」削除後削除*/





#main2 #beginnerContents #contentsMain0801 #school #main #btn_area {
	overflow: hidden;
	width: 560px;
	height: 63px;
}

#main2 #beginnerContents #contentsMain0801 #school #main #btn_area img#btn {
	border-style:none;
	float: left;
	margin: 0 0 1000px 320px;
}

#main2 #beginnerContents #contentsMain0801 #school #main #btn_area img {
	float: right;
}


#main2 #beginnerContents #contentsMain0801 #school div#main #footer {
	background-image: url(/support/vaio/beginner/school/share/images/pct_02.gif);
	background-repeat: no-repeat;
	width: 560px;
	height: 61px;
}


/****************************************************************************:/
/****************************** school End page *****************************/
/****************************************************************************:/

/* --- Introduction --- */
#main2 #beginnerContents #contentsMain0801 #school #endPage #introduction div#no {
	background-image: url(/support/vaio/beginner/school/share/images/pct_no.gif);
	background-repeat: no-repeat;
	height: 28px;
	padding: 8px 0 0 35px;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage #introduction div#no span {
	font-size: 15px;
	font-weight: bold;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage #introduction h4 {
	background-image: url(/support/vaio/beginner/school/share/images/pttl_bg.gif);
	background-repeat: no-repeat;
	width: 540px;
	height: 30px;
	margin:0 10px;
	padding:0 0 0 5px;
	font-size:16px;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage p {
	margin-left: 10px;
	margin-right: 10px;
}




/* --- Section --- */
#main2 #beginnerContents #contentsMain0801 #school #endPage .section {
	margin: 35px 0;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage .section h5 {
	background-image: url(/support/vaio/beginner/school/share/images/sttl_bg.gif);
	background-repeat: no-repeat;
	width: 540px;
	height: 30px;
	margin:0 10px;
	padding:0 0 0 30px;
	font-size:16px;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage .section p {
	margin-left: 20px;
	margin-right: 10px;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage .section ul {
	margin-left: 20px;
}




/* --- Section2 --- */
#main2 #beginnerContents #contentsMain0801 #school #endPage .section .section2 h6 {
	margin: 10px 10px 0 20px;
	font-size: 15px;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage .section .section2 p {
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 10px;
}

/* - Section2_Orange text - */
#main2 #beginnerContents #contentsMain0801 .section2 h6 span {
	color: #F60;
}

#main2 #beginnerContents #contentsMain0801 .section2 div.sttl {
	border-bottom: 1px dotted #C3C3C3;
	margin: 10px 20px;
    font-weight: bold;
    font-size: 15px;
}



/* --- Memo --- */
#main2 #beginnerContents #contentsMain0801 #school #endPage .memo {
	background-image: url(/support/vaio/beginner/school/share/images/pct_bg_memo.gif);
	margin-top: 40px;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage .memo h4 {
	background-image: url(/support/vaio/beginner/school/share/images/pttl_memo.gif);
	background-repeat: no-repeat;
	height: 35px;
	padding:40px 0 0 70px;
	margin: 0 0 20px 0;
	font-size:16px;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage .memo h5 {
	margin-left: 40px;
	margin-bottom: 0;
	font-size:14px;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage .section .memo h5 {
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 10px;
    background: none;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage .section .memo h6 {
    font-size: 12px;
    margin-bottom: 0;
    margin-left: 40px;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage .memo p {
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 10px;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage .memo ul {
	margin-left: 40px;
	margin-right: 40px;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage .memo ol {
	margin-left: 40px;
	margin-right: 40px;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage .memo ol li {
	margin: 10px auto;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage .memo ol ul {
	margin: auto;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage .memo div.footer {
	background-image: url(/support/vaio/beginner/school/share/images/footer_memo.gif);
	background-repeat: no-repeat;
	width: 560px;
	height: 33px;
	margin-top: 20px;
}

/* - Section2_Blue text - */
#main2 #beginnerContents #contentsMain0801 .memo h5 span {
	color: #1B7C8D;
}

#main2 #beginnerContents #contentsMain0801 .memo h6 span {
	color: #1B7C8D;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage .memo h5.qa {
	color: #1B7C8D;
}


/* --- ButtonArea --- */
#main2 #beginnerContents #contentsMain0801 #school #endPage #buttonArea {
	margin-top: 15px;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage #buttonArea img {
	margin: 10px;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage #buttonArea div {
	margin-left: 50px;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage #buttonArea div img {
	margin-right: 5px;
}




/* --- Images --- */
#main2 #beginnerContents #contentsMain0801 #school #endPage div.pic {
    margin: 3px auto 20px;
    text-align: center;
}
#main2 #beginnerContents #contentsMain0801 #school #endPage .icon {
	vertical-align: middle;
}



/* --- CheckTest --- */
#main2 #beginnerContents #contentsMain0801 #school #endPage div#checktest {
	width: 560px;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage div#checktest h5 {
	background-color: #FCC;
	width: 560px;
	height: 70px;
	margin: 0;
	padding: 0;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage div#checktest h6 {
	font-size:12px;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage div#checktest dl {
	background-color: #feffc4;
	padding: 10px;
	margin: 0;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage div#checktest strong.ok {
	color: red;
}
#main2 #beginnerContents #contentsMain0801 #school #endPage div#checktest strong.ng {
	color: blue;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage div#checktest div#select_button ul{
	margin:0;
	padding:0;
	list-style-type: none;
}

#main2 #beginnerContents #contentsMain0801 #school #endPage div#checktest div#select_button li{
	float:left;
}


/*===============================

	[ MQ対応 ]

===============================*/

#contents .section p.step {
	color : #f60;
}


#contents .section h6 {
    font-size: 15px;
    margin: 10px;
}

#contents .section h6 span {
    color: #f60;
}

/* --- CheckTest --- */

#checktest {
	width: 560px;
	margin-left : auto;
	margin-right : auto;
}

#checktest img{
	vertical-align : bottom;
}

#checktest dl {
	background-color: #feffc4;
	padding: 10px;
	margin: 0;
}

#checktest strong.ok {
	color: red;
}

#checktest strong.ng {
	color: blue;
}

#checktest #select_button ul {
	width : 560px;
	margin:0;
	padding:0;
}

#checktest #select_button ul li{
	margin:0;
	padding:0;
	display : block;
	list-style: disc outside none;
}

#checktest div#select_button li{
	float:left;
}

/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/
@media screen and (max-width: 640px) {

/* --- CheckTest --- */
#checktest {
	width: auto;
}
#checktest #select_button ul {
	width : 280px;
	margin-left : auto;
	margin-right : auto;
}

#checktest .resizeimg img {
	width: 100%;
}
#checktest #answer_a div {
	width: 100%;
}
#checktest #answer_b div {
	width: 100%;
}

/*
----------------------------------------------------------------------------
	画像サイズ対応
----------------------------------------------------------------------------
*/

.img23 img {
	max-width : 23px;
}
.img88 img {
	max-width : 88px;
}
.img200 img {
	max-width : 200px;
}
.img250 img {
	max-width : 250px;
}
.img300 img {
	max-width : 300px;
}
.img350 img {
	max-width : 350px;
}
.img400 img {
	max-width : 400px;
}
.img450 img {
	max-width : 450px;
}

}