@charset "Shift_JIS";


* {
	margin: 0;
	padding: 0;
}

body {
	background: #fdeded url(img/bg-body.jpg) 0 0 repeat-x;
	color: #666;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;
	line-height: 1.5;
}
a         { text-decoration: none; }
a:link    { color: #f00; }
a:hover   { color: #f00; text-decoration: underline;}
a:active  { color: #f00; }
a img     { border: none; }

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
ul {
	list-style-type: none;
}

.clear{ clear: both;}

strong{ color:#FF33FF;}


.clear-left{
clear:right;
}
/*  layout
------------------------------------------------------------ */
#container {
	position: relative;
	width: 900px;
	height: 100%;
	margin: 0 auto;
	background-color: #fff;
}
#container h1 {
font-size:12px;
text-align:right;
}

#header {
	width: 900px;
}

#content {
	clear: both;
	width: 900px;
	
}
#main {
	float: left;
	width: 660px;
	padding: 15px 0 0;
	margin-top:0;
	
}

#main h2 {
background:url(img/btn_h2.gif) no-repeat;
width:660px;
height:39px;
color:#FFFFFF;
font-size:20px;
font-weight:bold;
padding-left:10px;
padding-top:3px;
}

#main p {
font-size:1.3em;
margin:10px 10px;
line-height:1.6em;
}

.pickup {
font-weight:normal;
}

.pickup_kutikomi {
text-align:left;
line-height:1.5em;
border-bottom:#999999 solid 1px;
border-left:#999999 solid 1px;
border-right:#999999 solid 1px;
margin-top:0;
}
.name {
font-weight:bold;
}

.center {
text-align:center;
margin-top:25px;
margin-bottom:15px;
}
.center a:hover {
text-indent:-9999px;
background:url(img/site_hover.gif) no-repeat;
background-position:center;
display:block;
}


/* said
------------------------------------------------------------ */
.ranku_1 {
color:#FF0000;
font-weight:bold;
text-align:center;
font-size:16px;
padding-left:10px;
}

.adjustment {
padding-left:6px;
font-size:16px;
padding-top:0;
}
.ranku_ray{
width:190px;
text-align:center;
padding-bottom:10px;
}

.ranku_ray a{
color:#0000FF;
text-decoration:underline;
}

.ranku_left{
float:left;
margin-left:10px;
}
.ranku_right{
padding-left:3px;
font-size:14px;
font-weight:bold;
}
henke{
clear:left;
}



#menu-contena{
width:220px;
height:auto;
float:right;
border: solid 1px #015bf3;
margin-top:5px;
}

#menu-contena h2{
margin-bottom:3px;
padding:0;
border-bottom: dotted 1px #00a0e9;
}
.menu{
padding:0;
}

.menu ul {
width:220px;
font-weight:bold;
font-size:20px;
}
.menu ul li {


}

.menu a{
display:block;
width:220;
font-size:15px;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
color:#333333;
padding-right: 15px;
padding-left: 15px;
background-image:url(img/li.gif);
background-repeat: no-repeat;
height:auto;
border-bottom: dotted 1px #00a0e9;
background-position: 3px center;
text-decoration:underline;
height:25px;
margin-top:0;
}
.menu a:hover{
color:#FFFFFF;
 background-color:#0000FF;
 height:25px;

}





#content #content .company {
	float: right;
	width: 650px;
	padding: 15px 0 0;
}
#side {
	margin: 15px 0 0;
	float: right;
	width: 221px;
}
#side_menu {
border: 1px solid #fb9c9e;
}



.rankuking {
font-size:1.3em;
font-weight:bold;
color:#FF0000;
padding-left:4px;

}




#footer {
	clear: both;
	width: 900px;
	margin: 15px 0 0;
	border-top: 5px solid #fa1d6a;
	text-align: center;
}



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

.main-area {
	width: 650px;
	border: 2px solid #fe73a3;
	
}
.main-area .details {
	text-align: right;
	font-size: 17px;
	font-weight: bold;
}
/* area-photo
------------------------------------------------------------ */
div.area-wrp {
	float: left;
	display: inline;
	width: 632px;
	margin: 8px 0 8px 10px;
	text-align: center;
}
.area-wrp p {
	margin: 10px 0 10px 4px;
	line-height: 1.8;
	text-align: left;
	width: 330px;
}


/* sub-area
------------------------------------------------------------ */
.sub-area {
	padding: 10px 10px 0;
	text-align: center;
}
.sub-area h4 {
	margin: 20px 0 10px;
}
.sub-area p {
	text-align: left;
	margin: 10px 0;
}

.sub-area table {
	width: 100%;
	border: 1px solid #a42a54;
}
.sub-area thead th {
	border: 1px solid #a42a54;
	padding: 8px 0;
	color: #fff;
	background-color: #fc3c7f;
	font-weight: normal;
	text-align: center;
}
.sub-area tbody th {
	border: 1px solid #a42a54;
	padding: 8px 20px;
	color: #666;
	background-color: #fff;
	font-weight: normal;
	text-align: left;
}
.sub-area td {
	border: 1px solid #a42a54;
	padding: 15px 0;
	color: #fc3c7f;
	background-color: #fff;
}
.table1 td {
	width: 126px;
}
.table2 td,.table3 th{
	width: 160px;
}
.table3 thead th {
	text-align: left;
	padding: 8px 20px;
}

/*  footer
------------------------------------------------------------ */
#footer ul {
	margin: 15px 0 -10px;
}
#footer ul li {
	display: inline;
	padding: 0 5px;
	border-right: 1px solid #666;
}
#footer .linehead {
	border-left: 1px solid #666;
}
#footer ul li a {
	color: #e4007f;
}
#copyright {
	clear: both;
	width: 100%;
	margin: 20px 0 0;
	padding: 3px 0;
	background-color: #eee;
}


/* 口コミページ */



.kuchikomi {
background-color: #999999;
color: #FFFFFF;
display: block;
line-height: 24px;
font-size: 14px;
text-indent: 5px;
margin: 15px 15px 0px 0px;	
}

#kuchikomi_contena p {
margin: 5px 15px 5px 5px;
line-height: 18px;
font-size: 12px;
}

#kuchikomi_contena img {
margin-right:3px;

}

.blue{
color:#0000FF;
font-weight:bold;
font-size:13px;
}


.kuchikomi_name {
vertical-align:middle;
}

/* forme */

form {
  padding: 15px 15px 5px 15px;
  border: 2px solid #999999;
  
}
* html legend {
  margin-left: -6px;  /* Win IE6 でlegend要素が右に寄ってしまうのを修正 */
}
*:first-child+html legend {
  margin-left: -6px;  /* Win IE7 でlegend要素が右に寄ってしまうのを修正 */
  /*\*//*/ margin: 0; /**/
}
textarea {
  padding: 0.3em;
  border: 1px solid #ccc;
  width: 270px;
  color: #666;
  font-size: 100%;
}
textarea {
  width: 402px;
}
input.text:focus,
textarea:focus {
  color: #000;
  background: #fff8ee;
}
div.submit {
  padding: 0.8em 0;
  width: 500px;
}
input.submit {
  padding: 0.3em 1em 0.3em 1.1em;
  color: #fff;
  background: #54af17;
  letter-spacing: 0.1em;
  font-size: 100%;
  cursor: pointer;
}



#info{
  padding: 0.25em 0.2em;
  color: #fff;
  background-color:#999999;
  font-size:18px;
  font-weight:bold;
  text-align:center;
}


/* 通信講座選びのポイント */

.point_ray {
}
.point_ray h3 {
border-bottom: dashed 1px #666666;
 color:#FF33FF;
 background:none;
}


.item{ 
font-size:16px;
color:#333333;
font-weight:bold;
}
.item_sub{ 
font-size:16px;
color:#333333;
font-weight:bold;
}
  

/*  hack
------------------------------------------------------------ */


a {
	overflow: hidden;
}

#content:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
#content {
	display: inline-block;
}
/*\*/
*html #content {
	height: 1%;
}
#content {
	display: block;
}

.point_ray h3, x:-moz-any-link {
font-size:16px;
 }