@charset "shift_jis";
/* CSS Document */

/*--------------------------------------------*/
/* CSS RESET                                  */
/*--------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
fieldset,img { 
	border: 0;
	padding: 0;
	margin: 0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border: 0;
}

/*--------------------------------------------*/
/* margin/padding                             */
/*--------------------------------------------*/

/*----------------- margin-top */
.mt05 {	margin-top:  5px;}
.mt10 {	margin-top: 10px;}
.mt12 {	margin-top: 12px;}
.mt15 {	margin-top: 15px;}
.mt20 {	margin-top: 20px;} 
.mt25 {	margin-top: 25px;}
.mt30 {	margin-top: 30px;}
.mt35 {	margin-top: 35px;}
.mt40 {	margin-top: 40px;}
.mt45 {	margin-top: 45px;}
.mt50 {	margin-top: 50px;}

/*----------------- margin-bottom */
.mb05 {	margin-bottom:  5px;}
.mb10 {	margin-bottom: 10px;}
.mb12 {	margin-bottom: 12px;}
.mb15 {	margin-bottom: 15px;}
.mb20 {	margin-bottom: 20px;}
.mb25 {	margin-bottom: 25px;}
.mb30 {	margin-bottom: 30px;}
.mb35 {	margin-bottom: 35px;}
.mb40 {	margin-bottom: 40px;}
.mb45 {	margin-bottom: 45px;}
.mb50 {	margin-bottom: 50px;}

/*----------------- margin-left */
.ml05 {	margin-left:  5px;}
.ml10 {	margin-left: 10px;}
.ml15 {	margin-left: 15px;}
.ml20 {	margin-left: 20px;}
.ml25 {	margin-left: 25px;}

/*----------------- margin-right */
.mr05 {	margin-right:  5px;}
.mr10 {	margin-right: 10px;}
.mr15 {	margin-right: 15px;}
.mr20 {	margin-right: 20px;}
.mr25 {	margin-right: 25px;}

/*----------------- padding-top */
.pt05 {	padding-top:  5px;}
.pt10 {	padding-top: 10px;}
.pt15 {	padding-top: 15px;}
.pt20 {	padding-top: 20px;}
.pt25 {	padding-top: 25px;}
.pt-05 { padding-top: -5px;}
.pt-10 { padding-top: -10px;}

/*----------------- padding-bottom */
.pb05 {	padding-bottom:  5px;}
.pb10 {	padding-bottom: 10px;}
.pb15 {	padding-bottom: 15px;}
.pb20 {	padding-bottom: 20px;}
.pb25 {	padding-bottom: 25px;}
.pb-05 { padding-bottom: -5px;}
.pb-10 { padding-bottom: -10px;}

/*----------------- padding-left */
.pl05 {	padding-left:  5px;}
.pl10 {	padding-left: 10px;}
.pl15 {	padding-left: 15px;}
.pl20 {	padding-left: 20px;}
.pl20 {	padding-left: 25px;}

/*----------------- padding-right */
.pr05 {	padding-right:  5px;}
.pr10 {	padding-right: 10px;}
.pr15 {	padding-right: 15px;}
.pr20 {	padding-right: 20px;}
.pr25 {	padding-right: 20px;}

/*--------------------------------------------*/
/* img                                        */
/*--------------------------------------------*/

.imgC { text-align: center; margin: 0 auto;}
.imgR { text-align: right;}
.imgL { text-align: left;}
.imgL img,
.imgC img,
.imgR img {	display: inline;}

/*--------------------------------------------*/
/* txt                                        */
/*--------------------------------------------*/

.bold {	font-weight: bold;}
.n-bold { font-weight: nomal;}
.txtL { text-align: left;}
.txtC {	text-align: center;}
.txtR {	text-align: right;}
.fontxs { font-size: x-small;}
.font09 { font-size: 9px;}
.font10 { font-size: 10px;}
.font12 { font-size: 12px;}
.font14 { font-size: 14px;}
.line14 { line-height: 1.4;}
.line16 { line-height: 1.6;}
.line18 { line-height: 1.8;}
.black { color: #000000;font-size: 12px;}
.red { color: #cc0000;}
.light_red { color: #ff0000;}

/* link style-----------------------------------------------------------*/

a:link { color:#333333; text-decoration:underline}
a:visited { color:#333333; text-decoration:underline;}
a:hover { color:#333333; text-decoration:underline; }
a:active { color:#333333; text-decoration:underline;}


/* Common -----------------------------------------------------------*/
html {
overflow-y:scroll;}

body{
font:12px/1.22 "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", Arial, sans-serif;
word-break:break-all;
background-color:#FD91CD;
color:#666666;}

br{
letter-spacing:0;}

label{  
cursor: pointer;}

.left{
float:left;}

.right{
float:right;}

.clear{
clear:both;}

#wrap{
width:100%;
min-height:100%;
text-align:center;
background-color:#ffffdd;
}

#main{
width:850px;
margin: 0px auto;
text-align:center;
background-color:#ffffff;
}

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

#header{
width:100%;
height:112px;
background-color:#FD91CD;
}

.inhead{
width:850px;
margin: 0px auto;
text-align: center;
}

.inhead h1{
padding-top:20px;
text-align:left;
float:left;
margin-bottom:10px;
}

.inhead h2{
padding-top:20px;
text-align:right;
color:#ffffff;
}

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

#contents{
width:850px;
height:auto;}

/* contentsL -----------------------------------------------------------*/

#contentsL{
width:220px;
height:100%;
float:left;
background-color:#ffffff;
margin:0;
padding:0;
}

#access{
width:200px;
height:auto;
padding:0 10px 0px 10px;
margin-bottom:10px;
}

#access_area{
height:auto;
/* border:solid 1px #e75e9d;*/
text-align:left;
background-color:#ffeeee;
padding-bottom:1px;
}

.access_box{
width:auto;
height:auto;
margin-top:10px;
padding-left:10px;
margin-bottom:15px;
}

p.star_txt{
color:#e75e9d;
font-weight:bold;
margin-bottom:-5px;
}

p.acc_img{
margin: 0px auto 0px -10px;
text-align: center;
}

p.acc_txt{
margin-top:10px;
padding-left:10px;
font-size:10px;
}

p#acc_txtnew {
	padding: 5px;
	border: 1px solid #999999;
	margin-right:12px;
	margin-bottom:15px;
}

p.acc_logo{
margin-left:-10px;
}

#mypage{
width:200px;
height:auto;
/* border:solid 1px #e75e9d;*/
text-align:left;
margin-bottom:0px;
padding:0 10px 10px 10px;
}

.mypage2{
background-color:#ffeeee;
padding-bottom:1px;
}

#mypage h3{
padding-top:10px;
padding-bottom:10px;
}

p.inmypage{
margin-top:10px;
margin: 0px auto 0px 0px;
text-align: center;
margin-bottom:15px;
}

/* contentsR -----------------------------------------------------------*/

#contentsR{
width:630px;
height:auto;
float:right;
background-color:#ffffff;
margin:0;
padding:0;
}

#contentsr{
width:610px;
text-align:center;
margin:0 auto 0 auto;
}

#top2{
width:570px;
height:auto;
text-align:left;
padding-top:20px;
margin-bottom:10px;
padding-left:15px;
}

.top2_img{
margin-bottom:10px;
}

.top2_txt{
color:#fe91ca;
}

#support{
height:auto;
}

#twitter{
margin:0 0 15px 0;
}

.support_box_n{
height:auto;
text-align:left;
padding:5px;
background-color:#eeeeee;
}

.support_box_n2{
padding:10px;
background-color:#ffffee;
}


.best10{
float:right;
margin-left:15px;
width:240px;
height:100px;
}

.teacher{
width:52px;
height:59px;
margin-right:10px;
float:left;
}

.support_box{
padding:5px;
text-align:left;
font-size:10px;
width:290px;
background-color:#eeeeee;
}


.borderSetting{
margin-top:-2px;
margin-bottom:2px;
}

#teacherEx{
float:left;
width:220px;
}

#teacherEx2{
float:left;
width:205px;
}

#teacherLink0{
float:left;
padding:40px 0 0 15px;
}

#teacherLink{
float:left;
padding:40px 0 0 10px;
}

#teacherLink2{
float:left;
padding:40px 0 0 10px;
}

/* .box_color -----------------------------------------------------------*/
.sogo{background-color:#ffffee;padding:10px; border-left:5px #ff6666 solid;height:130px;}
.sogo a:link { color:#ff6666; text-decoration:underline}
.sogo a:visited { color:#ff9999; text-decoration:underline;}
.sogo a:hover { color:#ff9999; text-decoration:underline; }
.sogo a:active { color:#ffcccc; text-decoration:underline;}
.body{background-color:#ffffee;padding:10px; border-left:5px #FE91CA solid;height:130px;}
.body a:link { color:#FE91CA; text-decoration:underline}
.body a:visited { color:#ffbbee; text-decoration:underline;}
.body a:hover { color:#ffbbee; text-decoration:underline; }
.body a:active { color:#ffccff; text-decoration:underline;}
.heart{background-color:#ffffee;padding:10px; border-left:5px #ff9900 solid;height:130px;}
.heart a:link { color:#ff9900; text-decoration:underline}
.heart a:visited { color:#ffcc00; text-decoration:underline;}
.heart a:hover { color:#ffcc00; text-decoration:underline; }
.heart a:active { color:#ffee33; text-decoration:underline;}
.diet{background-color:#ffffee;padding:10px; border-left:5px #21AEEF solid;height:130px;}
.diet a:link { color:#21AEEF; text-decoration:underline}
.diet a:visited { color:#55ccff; text-decoration:underline;}
.diet a:hover { color:#55ccff; text-decoration:underline; }
.diet a:active { color:#77eeff; text-decoration:underline;}
.basic{background-color:#ffffee;padding:10px; border-left:5px #66CC00 solid;height:130px;}
.basic a:link { color:#66CC00; text-decoration:underline}
.basic a:visited { color:#99ff00; text-decoration:underline;}
.basic a:hover { color:#99ff00; text-decoration:underline; }
.basic a:active { color:#ccff33; text-decoration:underline;}
.tenmei{background-color:#ffffee;padding:10px; border-left:5px #DD8FF7 solid;height:130px;}
.tenmei a:link { color:#ff6666; text-decoration:underline}
.tenmei a:visited { color:#ff9999; text-decoration:underline;}
.tenmei a:hover { color:#ff9999; text-decoration:underline; }
.tenmei a:active { color:#ffcccc; text-decoration:underline;}


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

#footer{
width:100%;
height:auto;
background-color:#FD91CD;
}

.infooter{
width:850px;
margin: 0px auto;
text-align: center;
}

#mobile_txt{
height:auto;
padding-top:20px;
text-align:left;
padding-left:20px;
color:#ffffff;
}

#footer_menu{
height:20px;
margin:0 auto;
margin-top:10px;
padding-left:20px;
}

#footer_menu ul{
}

#footer_menu ul li{
float:left;
}

#footer_menu ul li p{
}

#copyright{
height:auto;
padding-left:20px;
margin-top:10px;
margin-bottom:25px;
text-align:left;}

#copyright a:link { color:#0033FF; text-decoration:underline}
#copyright a:visited { color:#0033FF; text-decoration:underline;}
#copyright a:hover { color:#0033FF; text-decoration:underline; }
#copyright a:active { color:#0033FF; text-decoration:underline;}{
}

/*--------------------------------------------*/
/* clearfix                                   */
/*--------------------------------------------*/

.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: block;
	min-height: 1%;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

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

/*ie7*/
*:first-child+html body {
	font-size:75%;
}

*:first-child+html .media_box dl {
	font-size:11px;
}

*:first-child+html .cm_box {
	font-size:10px;
}
	
/*ie5-6*/
* html body {
	font-size:75%;
}

* html p.glossary_txt {
	font-size:10px;
}

* html .media_box dl {
	font-size:10px;
}

* html .cm_box{
	font-size:10px;
}

* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));/* IE6“§‰ßPNG */
}





/*--------------------------------------------*/
/* test                                   */
/*--------------------------------------------*/