@charset "utf-8";

/*b-mat共通のcssの読み込み*/

@import url('/common/css/bmat-common.css'); 

/* CSS Document */

/*  reset

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

* {

	margin: 0px;

	padding: 0px;

}

body, div,

dl, dt, dd, ul, ol, li,

h1, h2, h3, h4, h5, h6,

pre, code, p, blockquote, th, td,

form, fieldset, legend, input, select, textarea {

	margin: 0;

	padding: 0;

}

body {

	color: #666666;

	font: 14px/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "HG教科書体";

	background: url(../img/bg.jpg) repeat-x;

}

body#normal {
	background: url(../img/bg_1-1.jpg) repeat-x;
}


li {

	list-style: none;

}

img {

	border: none;

}

hr {

	display: none;

}

h1, h2, h3, h4, h5, h6 {

	font-size: 12px;

	font-weight: normal;

	display: block;

}

a {

	color: #1B76A4;

	overflow: hidden;

}

a:visited {

	color: #1B76A4;

}

a:hover {

	color: #FF9900;

}

a:active {

	color: #FF9900;

}

/*  clearfix

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

.clearfix:after {

	content: "";

	display: block;

	height: 0;

	visibility: hidden;

	clear: both;

}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

.w600{

	width:600px!important;

}

.w650{

	width:650px!important;

}

.w700{

	width:700px!important;

}

.w750{

	width:750px!important;

}

.w800{

	width:800px!important;

}

.w850{

	width:850px!important;

}

.w900{

	width:900px!important;

}

.blockCenter{

	margin-left:auto!important;

	margin-right:auto!important;

}

/*  layout(base)

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

#wrapper {

	margin: 0 auto;

	width: 100%;

	_text-align: center;

}

#header {

	width: 970px;

	height: 4px;

	position: relative;

}

#header #catch-copy {

	display: none;

}

#contents {

	margin: 10px auto;

	width: 960px;

}

.article{

	margin: 20px auto;

}

#main {

	width: 700px;

	float: right;

}

#side {

	width: 240px;

	float: left;

}

#footer {

	border-top: 1px solid #EDEDED;

}

#copy {

	margin: 10px auto;

	width: 940px;

	text-align: right;

}

/*  layout(header)

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

#header {

	margin: 0 auto;

	width: 940px;

	height: 4px;

	text-align: left;

	position: relative;

}

#header #catch-copy {

	display: none;

}

#header #head-title {

	width: 310px;

	height: 70px;

	position: absolute;

	top: 5px;

	left: 5px;

	z-index: 1;

}

#header #language-box {

	width: 190px;

	font: 12px/1.5 Tahoma, Geneva, sans-serif;

	position: absolute;

	top: 25px;

	right: 20px;

}

#header #language-box #head-language a {

	width: 190px;

	height: 50px;

	display: block;

	text-indent: -9999px;

	overflow: hidden;

	background: url(../../member/img/head-language.jpg) no-repeat;

}

#header #language-box #head-language a:hover {

	background-position: left bottom;

}

#header #language-box ul {

	margin: 22px auto 0;

	width: 320px;

}

#header #language-box ul li {

	float: left;

}

#header #language-box .lang-menu {

	margin-right: 20px;

}

#header #language-box ul a {

	font-size: 12px;

}

#header #head-memdata {

	width: 350px;

	position: absolute;

	top: 10px;

	right: 0;

}

#header #head-affili {

	width: 350px;

	color: #960;

	font-size: 12px;

	font-weight: bold;

	text-align: right;

}

#header #head-user {

	width: 350px;

	color: #369;

	font-size: 14px;

	font-weight: bold;

	text-align: right;

}

#header #head-point {

	width: 250px;

	color: #CC1953;

	font-size: 12px;

	font-weight: bold;

	text-align: right;

}

.trigger {

	position: absolute;

}

.popup {

	width: 360px;

	height: 54px;

	display: none;

	background: url(../../member/img/language-box.png) no-repeat;

	position: absolute;

	z-index: 50;

}

.dl-pdf a {

	margin: 0 auto;

	min-height: 16px;

	text-align: left;

	text-indent: 25px;

	padding-left:20px;

	background: url(/common/images/icon-pdf.jpg) left center no-repeat;

}

/*  layout(main main-top)

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

#main #main-top {

	width: 700px;

}

#main2 {
	background-color: #ffffff;
	width: 700px;
	margin: 20px auto 20px auto;
	padding: 10px 10px 10px 10px;
	border: 3px solid #ED8C12;

	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
}

#main4 {
	margin: 0 auto 15px auto;
	padding: 10px;
	border: 3px solid #ED8C12;

	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
}



div#main3 {
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border-radius: 20px;         /* CSS3 */

   border: 3px #ED8C12 solid;     /* 枠線の装飾 */
   background-color: #ffffff;   /* 背景色 */
   behavior: url("/member-test/PIE.htc");
}

#main-top #mtop-l {

	width: 480px;

	float: left;

}

#main-top #mtop-r {

	width: 200px;

	text-align: right;

	float: right;

}

#pankuzu {

	margin-bottom:15px;

	color: #999;

	font-size: 12px;

	font-weight: bold;

	text-align: left;

}

#pankuzu li {

	display: inline;

}

#main-top #reg-date {

	margin: 10px 0 0 0;

	font-weight: bold;

}

#main-top #logout {

	font-size: 14px;

}

#main-top #date {

	margin: 10px 0 0 0;

	font-weight: bold;

}

#main .cate {

	margin-top: 20px;

	width: 700px;

}

#main .news-box {

	margin-top: 10px;

	padding-bottom: 10px;

	width: 696px;

	text-align: left;

	border: 2px solid #A3C1E0;

}

#main .news-title-line {

	margin: 10px auto 0;

	padding-bottom: 3px;

	width: 660px;

	border-bottom: 1px dotted #A3C1E0;

}

#main .news-title-line .news-icon {

	width: 120px;

	font-weight: bold;

	color: #F60;

	float: left;

}

#main .news-title-line .news-date {

	width: 100px;

	font-weight: bold;

	text-align: left;

	float: left;

}

#main .news-title-line .news-title {

	width: 440px;

	font-weight: bold;

	text-align: left;

	float: left;

}

#main .news-txt {

	margin: 10px auto 0;

	width: 660px;

	font-size: 12px;

}

#main .news-link {

	margin: 5px auto 10px;

	width: 660px;

	font-size: 12px;

	text-align: right;

}

/*  layout(side)

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

#side #school-name {

	width: 240px;

	color: #66C;

	font-size: 14px;

	font-weight: bold;

	text-decoration: underline;

}

#school-name #honorific {

	margin-left: 10px;

	font-weight: bold;

}

#side .s-cate {

	margin-bottom: 20px;

	width: 210px;

}

.s-cate .scate-title #new-mail {

	margin-left: 20px;

}

.s-cate .new-num {

	margin-left: 5px;

}

.s-cate .scate-menu {

	margin: 5px 0 0;

	width: 208px;

	border: 1px solid #CCCCCC;

}

.s-cate .scate-list {

	margin: 10px 0 10px 30px;

	_margin: 10px 0 0 30px;

	width: 180px;

	text-align: left;

}

.s-cate .scate-title {

	width: 210px;

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	text-indent: 15px;

	background: url(../img/s-icon-title.jpg) no-repeat;

}

.s-cate .scate-list li {

	margin-bottom: 10px;

	color: #999999;

	font-size: 12px;

	font-weight: bold;

	text-indent: 20px;

	background: url(../img/s-icon-list.jpg) left 3px no-repeat;

}

#prg-menu01 {

	margin: 0 auto!important;

	width: 210px;

	background: url(../img/prg-menu-base.jpg) repeat-y;

}

#prg-menu00 .scate-title,

#prg-menu01 .scate-title {

	width: 210px;

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	text-indent: 0;

	background: none!important;

}

#prg-menu00 {

	margin: 0 auto!important;

	width: 210px;

	background: url(../img/prg-menu-base0.jpg) repeat-y;

}

#prg-menu00 #prg-menu-bottom {

	margin: 0 auto;

	width: 210px;

	height: 5px;

	background: url(../img/prg-menu-bottom00.jpg) no-repeat;

	border-bottom: solid #eee 2px;

}

#prg-menu01 #prg-menu-bottom {

	margin: 0 auto;

	width: 210px;

	height: 5px;

	background: url(../img/prg-menu-bottom.jpg) no-repeat;

}

#prg-menu02 {

	margin: 0 auto!important;

	width: 210px;

	background: url(../img/prg-menu-base2.jpg) repeat-y;

}

#prg-menu02 #prg-menu-top2 {

	margin: 0 auto;

	width: 210px;

	height: 5px;

	background: url(../img/prg-menu-top2.jpg) no-repeat;

}

#prg-menu02 .scate-title {

	width: 210px;

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	text-indent: 0;

	background: none!important;

}

#prg-menu02 #prg-menu-bottom {

	margin: 0 auto;

	width: 210px;

	height: 5px;

	background: url(../img/prg-menu-bottom2.jpg) no-repeat;

}

#prg-menu03 {

	width: 210px;

	background: url(../img/prg-menu-base3.jpg) repeat-y;

}

#prg-menu03 #prg-menu-top3 {

	margin: 0 auto;

	width: 210px;

	height: 5px;

	background: url(../img/prg-menu-top3.jpg) no-repeat;

}

#prg-menu03 .scate-title {

	width: 210px;

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	text-indent: 0;

	background: none!important;

}

#prg-menu03 #prg-menu-bottom {

	margin: 0 auto;

	width: 210px;

	height: 5px;

	background: url(../img/prg-menu-bottom3.jpg) no-repeat;

}

#prg-menu01 .scate-list {

    margin: 20px 0 10px 20px;

}

#prg-menu02 .scate-list, #prg-menu03 .scate-list {

    margin: 10px 0 10px 20px;

}

.s-cate .scate-sublist {

	margin: 10px 0 10px 20px;

	width: 160px;

}

.s-cate .scate-list .scate-sublist li {

	margin-bottom: 10px;

	color: #999999;

	font-size: 12px;

	font-weight: bold;

	margin-left:10px;

	text-indent: 0px!important;

	background: none!important;

	list-style-type: circle;

}

.s-cate .scate-stitle {

	margin: 15px 0 0 20px;

	font-weight: bold;

	text-align: left;

}

.s-cate .scate-sub a {

	color: #900;

}

.s-cate .scate-sub a:hover {

	color: #F90;

}

.s-cate .scate-exp {

	padding:15px;

	font-size:12px;

	text-align: left;

}

#prg-menu #prg-menu01 {

	border: 1px solid #99C;

}

#prg-menu #prg-menu02 {

	border: 1px solid #FC6;

}

#prg-menu #prg-menu03 {

	border: 1px solid #9C9;

}

/*  sprof-box

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

#sprof-box {

	width: 210px;

	background: url(../img/sprof-base.jpg) repeat-y;

}

#sprof-box #sprof-box-top {

	width: 210px;

	height: 45px;

	background: url(../img/sprof-top.jpg) no-repeat;

	position: relative;

}

#sprof-box-top #country-flag {

    width: 26px;

    height: 17px;

	position: absolute;

	bottom: 0;

	right: 10px;

}

#sprof-box #sprof-box-bottom {

	width: 210px;

	height: 5px;

	background: url(../img/sprof-bottom.jpg) no-repeat;

}

#sprof-box #sprof-name {

	margin: 10px auto 0;

	width: 190px;

	color: #FFF;

	font-size: 14px;

	font-weight: bold;

	text-align: right;

	overflow: hidden;

}

#sprof-box #gpoint-box {

	margin: 10px auto 0;

	width: 200px;

	background: #D7E2F8;

}

#gpoint-box dl {

	margin: 0 auto;

	width: 180px;

}

#gpoint-box dt {

	margin-top: 5px;

	width: 110px;

	color: #333;

	font-size: 12px;

	font-weight: bold;

	text-align: right;

	float: left;

}

#gpoint-box dd {

	width: 70px;

	color: #C00;

	font-size: 18px;

	font-weight: bold;

	text-align: right;

	overflow: hidden;

	float: right;

}

#about-point {

	margin: 5px auto 0;

	width: 200px;

	font-size: 0.9em;

}

#gpoint-info {

	width: 100px;

	float: left;

}

#about-point #ptexchange {

	width: 100px;

	text-align: right;

	float: right;

}

#about-point #ptexchange a, #about-point #gpoint-info a {

	color: #F90;

}

#about-point #ptexchange a:hover, #about-point #gpoint-info a:hover {

	color: #99F;

}

/*  point-box

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

#point-box {

	width: 210px;

}

#point-box #point-table {

	margin: 10px auto;

	width: 210px;

	line-height: 1;

	color: #333333;

	border-collapse: separate;

	border-spacing: 1px;

	border: 1px solid #7380C4;

}

#point-table th {

	padding: 5px;

	font-size: 0.8em;

	font-weight: normal;

	text-align: center;

	background: #CCCCFF;

	border-bottom:1px solid #D6E0F5;

}

#point-table td {

	padding: 5px;

	font-size: 12px;

	text-align: center;

	background: #FFF;

	border-bottom: 1px solid #D6E0F5;

	border-left: 1px solid #C1D1F0;

}

#point-table .rank-point {

	color: #F6C;

}

/*  layout(footer)

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

#footer {

	margin: 10px auto 0;

	width: 100%;

	min-width: 940px;

	height: 60px;

	line-height: 1;

	_text-align: left;

#	border-top: 1px solid #CCC;
	border-top: 2px solid #F19200;
	background-color : #ffffff;
}

#footer #footer-cate {

	margin: 0 auto;

	width: 940px;

	position: relative;

}

#footer-cate #footer-menu {

	width: 600px;

	height: 14px;

	line-height: 14px;

	position: absolute;

	top: 15px;

	left: 0;

}

#footer-menu li {

	margin-right: 10px;

	font-size: 12px;

	text-indent: 12px;

	float: left;

}

#footer-cate #copyright {

	width: 340px;

	color: #888;

	font-size: 0.9em;

	text-align: right;

	position: absolute;

	top: 20px;

	right: 0;

}

/*  layout(app-btn)

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

#main #one-btn-area {

	margin: 20px auto 0;

	width: 168px;

	height: 52px;

	text-align: center;

}

#main #two-btn-area {

	margin: 20px auto 0;

	width: 346px;

	height: 52px;

	text-align: center;

}

#main .cert-btn-area{

}

#main .cert-btn-area a{

	float:right;

	margin-top:10px;

	margin-bottom:10px;

}

/*  layout(common)

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

.fs-s {

	font-size: 0.9em;

}

.fs-b {

	font-size: 28px;

	font-weight: bold;

}

.fblb {

	color: #3366CC;

	font-weight: bold;

}

.redb {

	margin-left: 5px;

	/*font-size: 0.8em;*/

	color: #CC0000;

	font-weight: normal;

	vertical-align: top;

}

.fwb {

	font-weight: bold;

}

.attention {

	color: #990000;

	font-weight: bold;

}

.attention-s {

	color: #990000;

	font-size: 0.9em;

}

.fl {

	float: left;

}

.fm {

	margin-left: 10px;

	_margin-left: 5px;

	float: left;

}

.fr {

	float: right;

}

.wdt640 {

	margin: 0 auto;

	width: 640px;

}

.mrg-t5 {

	margin-top: 5px!important;

}

.mrg-t10 {

	margin-top: 10px!important;

}

.mrg-t20 {

	margin-top: 20px!important;

}

.mrg-t30 {

	margin-top: 30px!important;

}

.mrg-b5 {

	margin-bottom: 5px!important;

}

.mrg-b10 {

	margin-bottom: 10px!important;

}

.mrg-b20 {

	margin-bottom: 20px!important;

}

.mrg-l5 {

	margin-left: 5px!important;

}

.mrg-l10 {

	margin-left: 10px!important;

}

.mrg-l20 {

	margin-left: 20px!important;

}

.mrg-r5 {

	margin-right: 5px!important;

}

.mrg-r10 {

	margin-right: 10px!important;

}

.mrg-r20 {

	margin-right: 20px!important;

}

.ta-center {

	text-align: center!important;

}

.fs12 {

	font-size: 12px;

}

.h2-attention {

	margin-top: 5px;

	font-size: 12px;

	text-align: right;

}

label{ margin-left:5px; }

.prepare{

	color: #F00;

	padding: 10px;

	border: 1px solid #F00;

	text-align: center;

}

.fw-b {

	font-weight: bold;

}

.fc-red {

	color: #C00;

	font-size: 18px;

	font-weight: bold;

}

.bg-yellow {

	background: #FF6;

}

.bg-blue {

	background: #CFF;

}




/*  layout(tab)

=============================*/
ul#tab_select {
margin: 0 auto;
width: 970px;
list-style:none;
}

ul#tab_select li {
float:left;
}

ul#tab_select li {
float:left;
}

ul#tab_select li.logo {
float:right;
}


div#tabs-1 {
	margin: 0px 0 10px 0;
	padding: 0px 0 10px 0;
}

ul#side_menu {
list-style:none;
}

ul#side_menu li {
}

li img {
vertical-align:bottom;
}





#nav2{
	height: 90px;
}


#nav2 ul{
	list-style: none; /* リスト形式を削除 */
}

 /* リストを横並びに */
#nav2 ul li{
	width: 200px;
	height: 90px;
	float: left;
}

#nav2 ul li.menu1{
	width: 210px;
	height: 90px;
	float: left;
}

#nav2 ul li.menu2{
	width: 204px;
	height: 90px;
	float: left;
}

#nav2 ul li.menu3{
	width: 286px;
	height: 90px;
	float: left;
}

#nav2 ul li a{
	text-indent: -9999px; /* テキストをふっとばす */  
	text-decoration: none;  
	display: block;  
	width: 200px;  
	height: 90px;  
	background-image: url(../img/nav2/bg1.png);  
	background-repeat: no-repeat;  
}

#nav2 ul li.menu1 a{
	width: 210px;
	height: 90px;
	float: left;
}

#nav2 ul li.menu2 a{
	width: 204px;
	height: 90px;
	float: left;
}

#nav2 ul li.menu3 a{
	width: 286px;
	height: 90px;
	float: left;
}


 /* a要素の背景の指定  ※左の数字がx軸、右の数字がy軸*/
#nav2 ul li#menu1 a { background-position: 0 0; }   
#nav2 ul li#menu2 a { background-position: -210px 0px; }  
#nav2 ul li#menu3 a { background-position: -414px 0px; }  



#nav2 ul li a:hover{
	text-decoration: none;  
	background-image: url(../img/nav2/bg1.png);  
	background-repeat: no-repeat;   
}

/* a:hover要素の背景の指定 ※左の数字がx軸、右の数字がy軸*/
#nav2 ul li#menu1 a:hover { background-position: 0 0px; }   
#nav2 ul li#menu2 a:hover { background-position: -210px 0px; }  
#nav2 ul li#menu3 a:hover { background-position: -414px 0px; }  



div#gmed-list {
width: 660px;
margin: 20px auto 10px auto;
padding: 20px 20px 0 20px;
background-color: #000000;
}


#member_message {
	margin: 20px 0 20px 0;
	padding: 10px 10px 10px 10px;
	width: 700px;
	background-color : #FFFFFF;
	background-image: url(../img/logo2.png);
	background-repeat: no-repeat;  
	background-position: top right;

	border: 3px solid #ED8C12;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);
}

#member_message p.name {
font-size:20px;
line-height: 1.4em;
font-weight: normal;
color: #F19313;
}

#member_message p.mes {
font-size:18px;
line-height: 1.4em;
font-weight: normal;
color: #F19313;
}


div#status {
width:220px;
margin: 0px 0 10px 0;
padding: 10px 10px 10px 10px;
text-align: left;

	background-color : #FFFFFF;
/*	background-image: url(../img/status/icon01.png); */
	background-repeat: no-repeat;  
	background-position: top left;

	border: 3px solid #ED8C12;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);

}

div#status p.name{
width:180px;
margin: 5px 10px 10px 10px;
font-size:16px;
line-height: 1.4em;
font-weight: bold;
color: #1DA9D4;
text-align: left;
}

div#show_point {
width:196px;
height: 63px;
margin: 0px 0 10px 0;
padding: 8px 20px 0px 0px;
text-align: right;

	background-image: url(../img/status/show_point/bg.png);
	background-repeat: no-repeat;  
	background-position: top left;

}

div#show_point p.point {
margin: 0px 0 4px 0;
font-size:16px;
font-weight: bold;
}



#point_button{
    point_button: 40px;
}

#point_button ul{
	list-style: none; /* リスト形式を削除 */
}

 /* リストを横並びに */
#point_button ul li{
	width: 110px;
	height: 40px;
	float: left;
}

#point_button ul li a{
	text-indent: -9999px; /* テキストをふっとばす */  
	text-decoration: none; 
	display: block;
	width: 110px;
	height: 40px;
	background-image: url(../img/status/button_point.png); 
	background-repeat: no-repeat; 
}


 /* a要素の背景の指定  ※左の数字がx軸、右の数字がy軸*/
#point_button ul li#menu1 a { background-position: 0 0; }   
#point_button ul li#menu2 a { background-position: -110px 0px; }  



#point_button ul li a:hover{
	text-decoration: none;  
	background-image: url(../img/status/button_point.png);  
	background-repeat: no-repeat;   
}

/* a:hover要素の背景の指定 ※左の数字がx軸、右の数字がy軸*/
#point_button ul li#menu1 a:hover { background-position: 0 -40px; }   
#point_button ul li#menu2 a:hover { background-position: -110px -40px; }  


div.status_icon {
text-align: right;
}