@charset "UTF-8";

@media print {
body {
zoom: 75%;
}
}

/* +++++++++++++++++++++ ベース設定 +++++++++++++++++++++ */


* {
  font-family: Verdana, Arial, "ＭＳ Ｐゴシック", sans-serif;
  }


/* ++++++ ブログの横幅設定 ++++++ */

#container {
	width: 776px;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF; 
	background-image: url(images/main-bg.gif);
	background-repeat: repeat-y; 
	}




/* ++++++ ２段組の横幅設定 ++++++ */

	/* コンテンツ部分の横幅 */
	#center	{
		width: 612px;
		text-align:left;
		}

	/* サイドバーの横幅 */
	#left	{
		width: 163px;
		height:100%;
		}

	/* フッターの横幅 */
	#footer	{
		width: 612px;
		text-align:left
		}


/* ++++++ その他設定 ++++++ */


#container {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	}

#left {
	float: left;
	}

#center {
	float: right;
	}

#footer	{
	clear: right;

	}

#clear	{
	clear: both;
	}


/* +++++++++++++++++++++ レイアウトのデザイン設定 +++++++++++++++++++++ */


#main	{
	text-align:left;
	width: 776px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	}

#main2	{
	text-align:left;
	width: 774px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color:#FFFFFF; 
	border-right: solid 1px #C2C2C2;
	border-left: solid 1px #C2C2C2;
	border-bottom: solid 1px #C2C2C2;
	}

.content	{
	margin-top: 0px;
	margin-bottom: 0px;
	}

#content2{
	padding: 20px 30px 0px 30px;;
	}

#renga	{
	margin:0px 0px 0px 1px;
	background-color: #538FC5;
	text-align: center;
	height: 25px;
	width: 774px;
	}

.seotext	{
	margin:0px auto;
	padding:7px 7px 7px 7px;
	color: #FFFFFF;
	font-size: 11px;
	text-align: left;
	}

/* +++++++++++++++++++++ パーツのデザイン設定 +++++++++++++++++++++ */

/* ++++++ ヘッダー部分のデザイン ++++++ */

/* ヘッダー */
#banner	{
       	text-align: center;
	}

.panh{
	font-size: 14px;
	line-height: 125%;
	color: #78BA52;
	}


#headmenu {
width:774px;
height:36px;  
background-color:#EEF6F6; 
margin: 0; 
padding :0;
}

#headmenu ul {
margin:0; 
padding :0px 0px 0px 25px; 
list-style-type : none; 
}

#headmenu li { 
display : inline; 
padding :0; 
margin:8px 16px 0px 0px; 
float:left 
}

#headmenu a {
display:block; 
font-size:14px;
padding:1px 0px 1px 0px;
text-decoration:none;
color:#557;
margin:1px 0px;
text-align:center;
}

#headmenu a:hover {
display:block; 
font-size:14px;
padding:1px 0px 1px 0px;
text-decoration:none;
color:#575;
text-align:center;
}



/* ++++++ コンテンツ部分のデザイン ++++++ */

/* エントリー */

.entry h3	{
	font-size: 16px;
	color: #3366aa;
	padding-top:10px;
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom-color:#AAD5AA; 
	border-bottom-width:2px; 
	border-bottom-style:solid;
	padding-left: 15px;
	}

.entry p	{
	font-size: 14px;
	color: #333333;
	line-height: 130%;
	}

.posted	{
	text-align: center;
	font-size: 0.8em;
	color: #aaaaaa;
                background-color:#EDEDED;
	border: solid 1px #A6D1DE;
	padding-top: 6px;
	padding-bottom: 6px;
	}

.entry a	{
	color: #2C519F;
	}

.entry	{
	margin: 20px 30px 40px 30px;
	}

/* カテゴリーデータ */

.categorydata h1	{
	font-size: 1em;
	}

.categorydata h2	{
	font-size: 1em;
	}

.categorydata h3	{
	font-size: 0.66em;
	}


categorydata ul	{
font-size: 14px;
line-height:135%;
margin-left:10px;
padding-left:0;
	}

.categorydata li	{
	font-size: 14px;
        line-height:135%;
	margin-left:10px;
	padding-left:0;
	border-width:0px 0px 1px 0px;
	border-style:dashed; 
	border-color:#888888;
	padding-bottom:10px;
                padding-top:5px;
	}


.categorydata a	{
	color: #2C519F;
	}

/* パンくず */

.pan	{
	border: 1px #538FC5 solid; 
	padding: 10px;
	margin-top: 30px;
	font-size: 12px;
	}

/* ++++++ サイドバー部分のデザイン ++++++ */

/* メニュー */
.sidebar	{
	padding-bottom: 20px;
	margin-bottom: 0px;
	padding-left: 1px;
	}

.sidebox	{
	width: 163px;
	border-bottom: 1px #8C6C54 solid; 
	border-right: 1px #8C6C54 solid;
	margin: 0;
	padding: 0;
	}

.sideg	{
	background-color: #DBC5B5;
	border-top: 1px #8C6C54 solid; 
	border-bottom: 1px #8C6C54 solid; 
	border-right: 1px #8C6C54 solid;
	font-size: 14px;
	padding: 6px 8px 6px 8px;
	}

.sidebar h2	{
	font-size: 0.75em;
	margin-bottom: 0px;
	text-align:center;
	color: #333333;
	background-color: khaki;
	padding: 3px 0 0;
	}

.sidebar a	{
	color: #2C519F;
	}

.sidebar ul	{
	font-size: 12px;
	list-style-type:none;
	margin-left:0;
	padding-left:0;
	line-height: 130%;
	}

.leftnavi{
	font-size: 12px;
	line-height: 130%;
	}

.box10{
 margin-top:10px;
	margin-bottom:10px
}


#leftmenulist ul { 
margin: 0; 
padding :0; 
list-style-type : none; 
}

#leftmenulist li { 
display : inline; 
padding :0; 
margin:0; 
}

#leftmenulist #menu_a_1 a {
background-image:url(images/left-btn-about.gif); 
width:162px; 
height:36px; 
background-repeat:no-repeat; 
margin:0;
padding:0; 
display:block;
}

#leftmenulist #menu_a_2 a{
background-image:url(images/left-btn-conduct.gif);  
width:162px; 
height:35px; 
background-repeat:no-repeat; 
margin:0;
padding:0; 
display:block;
}

#leftmenulist #menu_a_3 a{
background-image:url(images/left-btn-flow.gif);  
width:162px; 
height:35px; 
background-repeat:no-repeat; 
margin:0;
padding:0; 
display:block;
}

#leftmenulist #menu_a_4 a{
background-image:url(images/left-btn-hosyo.gif);  
width:162px; height:41px; 
background-repeat:no-repeat; 
margin:0;
padding:0; 
display:block;
}

#leftmenulist #menu_a_5 a{
background-image:url(images/left-btn-reattend.gif);  
width:162px; height:41px; 
background-repeat:no-repeat; 
margin:0;
padding:0; 
display:block;
}

#leftmenulist #menu_a_6 a{
background-image:url(images/left-btn-provoice.gif);  
width:162px; height:41px;
background-repeat:no-repeat; 
margin:0;
padding:0; 
display:block;
}

#leftmenulist #menu_a_7 a{
background-image:url(images/left-btn-voice.gif);  
width:162px; height:41px; 
background-repeat:no-repeat; 
margin:0;
padding:0; 
display:block;
}

.span1 {display:none;}



/* フィード情報 */
#feed	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #666666;
	margin-top: 40px;
	margin-left: 10px;
	}



/* Movable Type情報 */
#powered	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #666666;
	margin-top: 20px;
	margin-left: 10px;
	}

/* ++++++ フッター部分のデザイン ++++++ */

/* フッター */
.footer	{
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	}

/* ++++++ エントリー部分 ++++++ */
.subtitle{
                background-color:#EFEFEF;
                border-left-color:#BE0C0F;
                border-left-width:10px;
                border-left-style:solid;
                font-weight:bold;
                padding: 4px;
	font-size: 14px;
                margin-top: 0px;
                margin-bottom: 5px;
}



.entrybox{
                border-color:#B7B7B7; 
                border-width:1px; 
                border-style:solid;
                padding: 5px;
                margin-top: 10px;
}


.entrybox h3	{
	font-size: 16px;
	color: #3366aa;
             font-weight:bold;
	}


p img {
     float:right;
	 margin-left:25px;
	 margin-bottom:5px;
}


/* ++++++ オリジナルCSS ++++++ */


body{
	margin:0px 0px 0px 0px;
	background-color: #F1F1F1;
	color: #3E2D24;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
 }

.main{
	font-size: 85%;
	line-height: 135%;
	}
	
.small{
	font-size: 80%;
	line-height: 125%;
	}
	
.leftnavi{
	font-size: 12px;
	line-height: 130%;
	}

.box20{
 margin-top:20px;
	margin-bottom:20px
}
	
.box15{
 margin-top:15px;
	margin-bottom:15px
}
	
.box10{
 margin-top:10px;
	margin-bottom:10px
}

.box5{
 margin-top:5px;
	margin-bottom:5px
}

.mokuteki{
	font-size: 12px;
	line-height: 130%;
	padding-top:4px;
	padding-bottom:2px
}
	
.linegray{
 border-color:#B4BAC3; 
 border-width:0px 0px 1px 0px; 
padding:2px;
 border-style:solid
}

.linelime{
 border-color:#A4D18B; 
 border-width:1px; 
 border-style:solid
}

.linegray2{
 border-color:#B4BAC3;
	border-width:1px;
	border-style:solid;
	margin-top:5px
}
.linegray3{
 border-color:#BBBBBB; 
 border-width:1px 1px 1px 1px; 
	background-color:#FFFfff;
 border-style:solid
}

.px12{
	font-size: 12px;
	line-height: 135%;
	}

.px10{
	font-size: 10px;
	line-height: 135%;
	}
	
.ranking{
	font-size: 12px;
	line-height: 135%;
	padding:5px
}



.px14{
	font-size: 14px;
	line-height: 120%;
	}
	
.px16{
	font-size: 16px;
	line-height: 135%;
	}
	
	
a:link{ color:#4566C9}
a:visited{ color:#484848 }
a:active{ color:#3858E1 }
a:hover { color: #4A61D8;text-decoration:none} 

a.head:link{color:#FFFFFF;text-decoration: none}
a.head:visited{ color:#FFFFFF;text-decoration: none}
a.headt:active{ color:#FFFFFF;text-decoration: underline}
a.head:hover { color:#FFFFFF;text-decoration:underline} 

a.right:link{color:#2C519F;text-decoration: none}
a.right:visited{ color:#2C519F;text-decoration: none}
a.right:active{ color:#3858E1;text-decoration: underline}
a.right:hover { color:#2D64FD;text-decoration:underline} 

a.pan:link{color:#314172;text-decoration: none}
a.pan:visited{ color:#314172;text-decoration: none}
a.pan:active{ color:#314172;text-decoration: underline}
a.pan:hover { color:#314172;text-decoration:underline} 


	
.catch{
	font-size: 16px;
	color:#FFCCCC;
	line-height: 115%;
	margin:0px;
	font-weight: 100;
	font-family: HGP創英角ｺﾞｼｯｸUB
}

.lead{
	font-size: 16px;
	color:#FFffff;
	line-height: 115%;
	margin:0px;
	font-weight: 100;
	font-family: HGP創英角ｺﾞｼｯｸUB;
	letter-spacing:1px
}
	
form{
margin:0px
}

.leftmenu{
	font-size: 12px;
	line-height: 16px;
	padding-left: 20px;
	padding-top:4px;

	padding-bottom:4px;
	padding-right: 4px;
 border-bottom-color:#ffffff; 
 border-bottom-width:1px; 
 border-bottom-style:solid
	}
	
.leftmenu2{
	font-size: 12px;
	line-height: 16px;
	padding-left: 20px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right: 4px;
	}



P{
margin:0px
}


hr.brown{
border: none; 
background-color:#D1885D; 
	height: 1px;
margin: 10px 0px;
}

h1{
padding-top:2px;
padding-bottom:4px;
padding-left:10px;
margin-top:0px;
margin-bottom:20px;
border-left-color:#538FC5; 
border-left-width:5px; 
border-left-style:solid;
border-bottom-color:#538FC5; 
border-bottom-width:2px; 
border-bottom-style:solid;
text-align:left;
color:#538FC5;
font-size: 17px;
font-weight: 700;
}

h2{
background-image:url(images/h2-bg.gif);
background-repeat: no-repeat;
color:#538FC5;
font-size: 15px;
font-weight: bold;
padding-left:5px;
padding-top:13px;
padding-bottom:12px;
margin-bottom:10px;
margin-top:20px;
text-align:left;
}

h3{
font-size:14px;
line-height:135%;
color:#A3A3A3;
}

	A.cata_explain:link, A.cata_explain:active, A.cata_explain:visited
	{	font-size: 9pt;
		color: #666666;
 	 	text-decoration: none;
	}


/*ワイズカートから*/
BODY, TABLE, TR, TD, INPUT, TEXTAREA,Select
	{text-align:left;		
 }

ul,li{
margin:0px;
padding:0px;
}


H4#take{
background-image:url(images/titl-hado.gif);
width:500px;
height:50px;
margin-top: 5px;
margin-left: 13px;
margin-right:0px;
margin-bottom: 1em;
padding:0px;
text-align:left;
border:0px;
background-color:white;
}



H4#take p{
color:#864A4A;
margin-left: 20px;
padding-top: 14px;
font-size: 18px;
line-height: 125%;
font-weight: 100;
font-family: HGP創英角ｺﾞｼｯｸUB;
}


h5#takeh2{
width: 500px;
font-size:16px;
line-height:125%;
color:#878787;
font-weight:bold;
padding-top:5px;
padding-bottom:5px;
padding-left:4px;
margin-bottom:10px;
background-color: #EEEEEE;
border-color:#AFAFAF; 
border-width:1px; 
border-style:solid;
text-align:left;
}

h5#takeh4{
width: 500px;
font-size:16px;
line-height:125%;
color:#3E2D24;
font-weight:bold;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
margin-top:30px;
margin-bottom:5px;
border-left-color:#8C6C54; 
border-left-width:6px; 
border-left-style:solid;
border-bottom-color:#8C6C54; 
border-bottom-width:1px; 
border-bottom-style:solid;
text-align:left;
}


h5#takeh3{
width: 400px;
font-size:16px;
line-height:125%;
color:#878787;
font-weight:bold;
padding-top:5px;
padding-bottom:5px;
padding-left:4px;
margin-top:10px;
margin-bottom:10px;
background-color: #EEEEEE;
border-color:#AFAFAF; 
border-width:1px; 
border-style:solid;
text-align:left;
}

.text {
	font-size:10px;
	line-height:14px;
	color:#6D6D80;
}


.media {
	width: 140px;
	background-color: #FFFFFF;
text-align:center;
margin-top:20px;
	float: left;
}

.clear {
	clear: both;
}

.rightlink	{
	font-size: 10px;
	line-height:125%;
	text-align:right;
	}

.box-yellow10	{
	background-color: #FCF2FA;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height:125%;
	}


.box-pink20	{
	background-color: #EEF6F6;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height:125%;
	}

.box-pink10	{
	background-color: #EEF6F6;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height:125%;
	}

.sb12{
margin-top:15px;
margin-bottom:15px;
margin-left:15px;
font-size:12px;
line-height:16px;

}

.sb102{
margin-left:15px;
font-size:12px;
line-height:16px;

}

.step {
width: 532px;
margin-left: 10px;
margin-top: 25px;
margin-bottom: 25px;
}


.step p.topic {
font-size: 14px;
font-weight: bold;
padding: 3px;
color: #333333;
line-height: 130%;
border-bottom-color:#751919; 
border-bottom-width:1px; 
border-bottom-style:dotted;
}

.step p.topic2 {
font-size: 14px;
font-weight: bold;
padding: 3px;
color: #333333;
line-height: 130%;
}

.step p.word {
font-size: 14px;
padding: 3px;
color: #333333;
line-height: 130%;
}

.step p.word2 {
font-size: 14px;
color: #333333;
line-height: 110%;
}

.step ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.step li#step1 {
background: url(images/icon-step1.gif) no-repeat;
padding-left: 75px;
margin-top: 10px;
}

.step li#step2 {
background: url(images/icon-step2.gif) no-repeat;
padding-left: 75px;
margin-top: 10px;
}

.step li#step3 {
background: url(images/icon-step3.gif) no-repeat;
padding-left: 75px;
margin-top: 10px;
}

.step li#step4 {
background: url(images/icon-step4.gif) no-repeat;
padding-left: 75px;
margin-top: 10px;
}

.step li#step5 {
background: url(images/icon-step5.gif) no-repeat;
padding-left: 75px;
margin-top: 10px;
}

.step li#no1 {
background: url(images/icon-no1.gif) no-repeat;
padding-left: 27px;
margin-top: 10px;
}

.step li#no2 {
background: url(images/icon-no2.gif) no-repeat;
padding-left: 27px;
margin-top: 10px;
}

.step li#no3 {
background: url(images/icon-no3.gif) no-repeat;
padding-left: 27px;
margin-top: 10px;
}

.step li#no4 {
background: url(images/icon-no4.gif) no-repeat;
padding-left: 27px;
margin-top: 10px;
}

.step li#no5 {
background: url(images/icon-no5.gif) no-repeat;
padding-left: 27px;
margin-top: 10px;
}

.step li#pointer {
background: url(images/top-point-b.gif) no-repeat;
padding-left: 27px;
margin-top: 10px;
}

/* +++++++++++++++++++++ ホームスタディ講座かご部分 +++++++++++++++++++++ */


.al_materialsearch_result{
  font-size:10px;
}
.al_materialsearch_result table{
  margin-top:5px;
}
.al_materialsearch_result table td{
  color : #404040;
  font-weight:normal;
  font-size:9pt;
  text-align:left;
  vertical-align:middle;
}
.al_materialsearch_result table td.col1 {
  padding:5px 10px 5px 10px;
  width:430px;
}
.al_materialsearch_result table td.col2 {
  padding:2px 1px 2px 4px;
  width:70px;
}