﻿/*=============================
　初期化
==============================*/

body{
	padding:0;
	margin:0 auto;
	width:950px;
	font-size:62.5%;
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color:#d3ebf7;
	line-height:160%;}

h1,h2,h3,h4,h5,address,th,td,tr,ul,ol,li,p,a,div,img{
	border-style: none;
    border-color: inherit;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    font-size:12px;
	    font-weight:normal;
	    font-family:inherit;}

li{list-style:none;}

#wrapper{
    width:950px;
	margin:3px auto;
	font-size:1.0em;
	background-color:#FFFFFF;}


/*=============================
　共通＞CSSハック
==============================*/

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;}
   
.clearfix {
	display: inline-block;
	overflow:hidden;}
	
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/*=============================
　共通＞ヘッダー設定
==============================*/

#globalheader{
    width:inherit;}

#headerlogin{
     width:inherit;
      height:20px;
       background-color:#ffd865;
       padding-top:5px;
        padding-left:10px;
         text-align:left;}   
    
/*=============================
　共通＞グローバルメニュー設定
==============================*/

#globalmenu{
    clear:both;
    width:inherit;
	height:30px;}
	
#globalmenu ul{display:inline;}

#globalmenu li{
	display:inline;
	float:left;}

#globalmenu a{display:block;}

#globalmenu img{border:0px;}


#welcome{
    float:left;
     background-color:inherit;
     color:Black;}
     
#loginout{
    float:right;
     background-color:inherit;
       font-size:10pt;}


/*=============================
　共通＞フッター設定
==============================*/
	
#globalfooter{
	padding-top:5px;
	clear:both;
	width:inherit;
	font-weight:normal;
	text-align:right;}
	
#footertxt
{
    /*font-family:Bodoni MT Black;*/
    font-family:"メイリオ","Meiryo", "Arial";
    font-weight:bold;
    font-size:10px;
    padding:2px 0 5px 0;
    text-align:right;
}

#footertxt a
{
    text-decoration:none;
    color:#666666;
}

/*=============================
　共通＞一般タグ設定
==============================*/

a:link {color: #0000FF; }
a:visited {color : #0000FF;}
a:active {color: #FF6600;}
a:hover {color : #FF6600;}

h1{
	font-family:inherit;
	font-size:14px;
	font-weight:bold;
	color: #FFFFFF;
	height: 24px;
	margin:5px 0 5px 0px;
	padding: 5px 0 0 5px;
	background-color:#333333;
	border-left:6px solid #FF0000;
	border-bottom:0px solid #CCCCCC;}

h2{
	font-family:inherit;
	font-size:13px;
	font-weight:bold;
	color: #FFFFFF;
	height: 18px;
	margin-top:2px;
	padding: 4px 0 3px 5px;
	padding-top: 3px;
	background-color:#333333;
	border-left:5px solid #00FFFF;
	border-bottom:1px solid #999999;}

h3{
	font-family:inherit;
	font-weight:bold;
	color:#000000;
	height: 17px;
	margin:10px 0 0 0;
	padding-left: 10px;
	padding-top: 3px;
	border:1px solid #9966FF;
	border-left:10px solid #9966FF;
	border-right:10px solid #9966FF;}

h4{
	font-family:inherit;
	font-size:1.2em;
	font-weight:bold;
	color: #000000;
	height: 17px;
	margin-top:10px;
	padding-left: 10px;
	padding-top: 7px;
	background-color:#CCFF99;
	border-bottom:1px solid #333333;}

h5{
	font-family:inherit;
	font-weight:normal;
	color:#000000;
	height: 17px;
	margin: 0px 20px 0 20px;
	padding: 0px 10px 0px 10px;
    border-bottom:1px solid #FF0000;
	border-left:5px solid #FF0000;
	border-right:0px solid #FFFFFF;}

/*=============================
　共通＞コンテンツ設定
==============================*/

#contents{
	width:950px;
	background-color:#FFFFFF;}
	
/*=============================
　共通＞CLASS設定
==============================*/

.anchor{margin:10px 10px 10px 10px;}

.anchor ul{display:inline;}

.anchor li{
	display:inline;
	float:left;
	font-size:12px;}

.anchor a{
	display:block;
	padding:3px 10px;
	white-space:nowrap;}

.anchor img{
	height:18px;
	margin:auto auto;}

.anchor span{color:#CC0000;
	font-weight:bold;}
	
.anchor table tr td{border:1px solid #CCCCCC;}

.pageup{
	text-align:right;
	font-size:0.9em;
	padding:5px;}

.float_l{float:left;}

.float_r{float:right;}

.button{
    background-color:Menu;
     /*background-image:URL("../images/bg_btn.png");*/
       border:solid 1px #333333;
        font-family:メイリオ;}
         
.button2{
     width:60px;
      height:23px;
       padding-top:7px;
        text-align:center;
         cursor:pointer;}

        
 .caution2{
    color:#FF0000;
     font-weight:bold;}
     
/*=============================
　▼ list.aspx
==============================*/    

#listpage ul li{
     list-style-type:decimal;
      line-height:160%;
       margin-left:60px;}
        
/*=============================
　▼ default.aspx
==============================*/

#defaultpage{
     clear:both;}
     
#home_head{
    width:inherit;
    background-color:#FFFFFF;
    height:160px;}

#home_left{
     width:170px;
     float:left;
     padding:3px;}
     
#home_middle{
     margin-left:5px;
     _margin-left:5px;
     width:410px;
     float:left;
     padding:3px;}
     
#home_right{
     margin-left:5px;
     _margin-left:0px;
     width:336px;
     float:left;
     padding:3px;}
     
#home_bnr ul li{padding:4px 0px;}

#news{padding:3px 0;}

#news ul li{
    border-bottom:dotted 1px #CCCCCC;
    font-size:11px;
    line-height:150%;
    padding:5px 0 3px 10px;}

#playlist{padding:3px;}

#intropro{padding:3px;}

#introduce{padding:3px;}

#introduce p{
    font-size:10px;
    line-height:150%;
    width: 225px;
    padding:3px;}
     
#quiz{display:none;}

#ad-a{ padding-top:5px;}
#ad-b{ padding-top:15px;}
#ad-c{}

.new{color:#FF0000;}
     
/*=============================
　▼ error.aspx
==============================*/

#errorpage{
    clear:both;}
     
#error{
    text-align:center;
     padding:30px 0;}

#error p{
    padding:10px;} 
     
/*=============================
  ▼ createuser.aspx
==============================*/

#createuserpage{
     clear:both;}
     

#CreateUser2{
     background-color:InfoBackground;
      color:InfoText;
       width:100%;}

#CreateUser2 p{
     padding:10px;
      font-size:1.1em;}

#firstuser{
     margin:5px 0;}
     
#firstuser ul li{
     margin-left:20px;
     padding:3px 0;
     border-bottom:dotted 1px #CCCCCC;
     list-style-type:disc;}
     
#kiyaku p
{
    margin:7px;
    padding:5px 25px;
    border:0px dotted #CCCCCC;
    line-height:160%;
}

      
/*=============================
　▼ manager/default.aspx
==============================*/

#defaultpagem{
     clear:both;}
     
#defaultpagem table th{
     width:20%;
      padding:5px;
        border:solid 1px #CCCCCC;
         text-align:center;}
       
#defaultpagem table td{
    width:80%;
      padding:10px;
       border:solid 1px #CCCCCC;}

#defaultpagem .btn{     
    background-color:Menu;
    color:MenuText;
    border:solid 1px #333333;
    font-family:メイリオ;
    text-decoration:none;
    width:130px;
    height:23px;
    padding-top:7px;
    text-align:center;
    display:block;
    margin:auto;}

     
/*=============================
　▼ manager/setting.aspx
==============================*/

#settingpage{
     clear:both;
      background-color:InfoBackground;
       color:InfoText;}
       
#settingpage .textbox{
     width:450px;}
     
#settingpage .tb-head{
     background-color:#333333;
      color:#FFFFFF;
       font-weight:bold;
        padding:5px;}
        
/*=============================
　▼ manager/detailchange.aspx
==============================*/

#detailchng{
    background-color:menu;
     width:950px;}
     
/*=============================
　▼ manager/startlist.aspx
==============================*/

#startlistpage{
     clear:both;}

#leftmenu{
    width:120px;
     text-align:center;}
     
#leftmenu h2{
     text-align:left;}

#rightcontents{
    width:810px;
     padding-right:3px;}


/*=============================
　▼ manager/mail.aspx
==============================*/
#mailpage{
     clear:both;}

.ButtonPanel{
     padding:10px 50px;}
    
.CreateMailPanel{
     padding:10px 50px;}
     
.CheckMailPanel{
     padding:10px 50px;}
     
#StatusTxt{
     padding:10px 50px;}

#Mtitle{
    border:Solid 2px #333333;
     padding:5px;
      margin:10px 0px;}
      
#Mbody{
    border:Solid 2px #333333;
     padding:5px;
      margin:10px 0px;}

#mailpage p{
     padding:5px;
     margin:5px;
     border:solid 1px #333333;}    
    
/*=============================
　▼ maneger/userlist.aspx
==============================*/

#userlistpagem{
     clear:both;
     width:950px;}
     
/*=============================
　▼ manager/add.aspx
==============================*/

#addpage{
     clear:both;}
     
#promoterinfo table tr th{
     background-color:Navy;
      color:#FFFFFF;
       text-align:center;
        font-size:13px;
         padding:3px;
          border:solid 1px #CCCCCC;}
         
#promoterinfo table tr td{
     background-color:#FFFFFF;
      color:#333333;
       text-align:left;
        font-size:13px;
         padding:3px;
          border:solid 1px #CCCCCC;}  

.caution{
   font-size:10px;
    color:#FF0000;
     font-weight:bold;}
    

#addTBleft{ vertical-align:top;}

#addTBleft table tr th{
     background-color:Navy;
      color:#FFFFFF;
       text-align:center;
        font-size:13px;
         padding:3px;
           border:solid 1px #CCCCCC;}
     
#addTBleft table tr td{
     background-color:#FFFFFF;
      color:#333333;
       text-align:left;
        font-size:13px;
         padding:3px;
          border:solid 1px #CCCCCC;}
            
#addTBright{ vertical-align:top;}     
        
#addTBright table tr th{
     background-color:Navy;
      color:#FFFFFF;
       text-align:center;
        font-size:13px;
         padding:3px;
          border:solid 1px #CCCCCC;}
        
#addTBright table tr td{
     background-color:#FFFFFF;
      color:#333333;
       text-align:left;
        font-size:13px;
         padding:3px;
          border:solid 1px #CCCCCC;} 

/*=============================
　▼ login.aspx
==============================*/

#loginpage{
     clear:both;
      background-color:Menu;}
      
/*=============================
　▼ logined/mypage.aspx
==============================*/
#mypage{
     clear:both;}

#joinlist{ padding:5px; clear:both;}

#addedgroup{ padding:5px;}

#valuation{ padding:5px;}

#profile{ padding:5px;}

#calender{ padding:5px;}

#changepasswd{
    padding:5px;}
    
#changepasswd .button{
    width:120px;
     height:23px;
      padding-top:7px;
       text-align:center;
        text-decoration:none;
         margin-top:10px;}
         
#MailSendList{
     padding:10px;}
         
/*=============================
　▼ logined/joinpage.aspx
==============================*/
#joinpage{
     clear:both;}
     
/*=============================
　▼ logined/changepasswd.aspx
==============================*/

#changepasswdpage{
     clear:both;}     

/*=============================
　▼ logined/memberprof.aspx
==============================*/

#memberprof{padding:5px;}

#memberprof table{
    text-align:center;
    width:600px;}

#memberprof table tr th{
    font-size:13px;
    font-weight:bold;
    background-color:#333333;
    color:#FFFFFF;
    padding:3px;
    border:solid 1px #a00000;}

#memberprof table tr td{
    font-size:13px;
    font-weight:bold;
    color:#333333;
    padding:3px;
    border:solid 1px #a00000;}
    
    
/*=============================
　▼ detail.aspx
==============================*/

#detailpage{
 background-color:#FFFFFF;
  width:inherit;
   clear:both;}
 

#dtlmember{
     border:solid 1px #FFFFFF;
     font-size:13px;
     text-align:center;
      font-weight:bold;}
     
.promoter{
     width:150px;
     border:solid 2px #FF0000;
     background-color:#FFFFFF;
     white-space:nowrap;}

.participant{
     width:150px;
     border:solid 2px #FF0000;
     background-color:#FFFFFF;
     white-space:nowrap;}
     
.boshuchu{
     width:150px;
     border:solid 2px #0000FF;
     background-color:#FFFFFF;
     white-space:nowrap;}

 
.detailhead{
     background-color:#333333;
      border:solid 1px #CCCCCC;
       border-left:solid 2px yellow;
       font-size:14px;
        color:#FFFFFF;
          text-align:center;
           padding:2px;}
          
.detailtext{
     background-color:#ffe8ff;
      border:solid 1px #cccccc;
        color:#000000;
         font-size:14px;
          text-align:left;
           padding:2px;}
           
.BBShead{
     background-color:#333333;
      border:solid 1px #CCCCCC;
       font-size:14px;
        color:#FFFFFF;
          text-align:center;
           padding:2px;}
          
.BBStext{
     background-color:#ffe8ff;
      border:solid 1px #cccccc;
        color:#000000;
         font-size:14px;
          text-align:left;
           padding:2px;}

.sanka{
     background-color:#ffffa8;
     width:950px;}
          
.leftTB{
    color:White;
    background-color:Blue;
    font-size:13px;
    border:solid 1px #a00000;
    padding:3px;
    white-space:nowrap;}
    
.middleTB table tr th{
    color:White;
    background-color:Blue;
    font-size:13px;
    border:solid 1px #a00000;
    padding:3px;
    white-space:nowrap;}
    
.middleTB table tr td{
    color:#333333;
    font-size:13px;
    border:solid 1px #a00000;
    padding:3px;}
    
.rightTB p{
     text-align:center;
      font-size:14px;
       font-weight:bold;
        padding:10px 0;}
       
.rightTB .checktxt{
     background-color:#FFFFFF;
      border:solid 1px #800000;
       padding:5px 3px;}

.rightTB .checktxt ul{}

.rightTB .checktxt ol li{
     margin-left:30px;
     list-style-type:decimal;}
     
#deljoin{
     background-color:#ffffa8;
     width:950px;}
          
.leftTBdel{
    color:White;
    background-color:Red;
    font-size:13px;
    border:solid 1px #a00000;
    padding:3px;
    white-space:nowrap;
    font-weight:bold;}
    
.middleTBdel table tr th{
    color:White;
    background-color:Red;
    font-size:13px;
    border:solid 1px #a00000;
    padding:3px;
    white-space:nowrap;
     font-weight:bold;}
    
.middleTBdel table tr td{
    color:#333333;
    font-size:13px;
    border:solid 1px #a00000;
    padding:3px;}
    
.rightTBdel p{
     text-align:center;
      font-size:14px;
       font-weight:bold;
        padding:10px 0;
         color:Red;}
       
.rightTBdel .checktxt{
     background-color:#FFFFFF;
      border:solid 1px #800000;
       padding:5px 3px;}


.rightTBdel .checktxt ol li{
     margin-left:30px;
     list-style-type:decimal;}
         

/*=============================
　▼ inqury/default.aspx
==============================*/

#qtable tr td {
 font-size:1.1em;
 padding:2px;
 border:1px solid #333333;}
 
 #qtable tr th {
  font-size:1.1em;
 font-weight:bold;
 padding:2px;
 border:1px solid #333333;}
 
#qtable{
 background-color:InfoBackground;}
 
 
 /*=============================
　ページ設定＞info.aspx
==============================*/
#info2
{    background-color:#FFFFFF;
    }

#info2 p
{
    color:#666666;
    font-size:13px;
    font-weight:bold;
    line-height:150%;
    padding:10px 50px 5px 55px;}
    
 /*=============================
　▼ Profile/******.aspx
==============================*/

.pics{
    padding:10px;
    background-color:#FFFFF0;
    border:solid 1px #CCCCCC;}

.name{
    text-align:center;
    background-color:#FFFFF0;
    border:solid 1px #CCCCCC;
    padding:12px 12px;}
    
.name1{
    font-size:1.4em;
    font-weight:bold;}
    
.license{
    text-align:center;
    background-color:#FFFFF0;
    border:solid 1px #CCCCCC;
    padding:12px 12px;
    font-weight:bold;}
    
.comment{
    background-color:#FFFFF0;
    border:solid 1px #CCCCCC;
    padding:12px 12px;
    font-size:1.2em;}
    
#profile2 tr th
{   background-color:#FFFFF0;
    border:solid 1px #CCCCCC;
    text-align:center;
    font-size:1.2em;
    padding:8px 12px;
    background-color:#40E0D0;}
    
#profile2 tr td
{   background-color:#FFFFF0;
    border:solid 1px #CCCCCC;
    text-align:left;
    font-size:1.2em;
    padding:8px 12px;}

#history tr th
{   background-color:#40E0D0;
    border:solid 1px #CCCCCC;
    text-align:left;
    font-size:1.0em;
    padding:4px 12px;
     white-space:nowrap;}
    
#history tr td
{   background-color:#FFFFF0;
    border:solid 1px #CCCCCC;
    text-align:left;
    font-size:1.0em;
    padding:4px 10px;}
    
#lessonpics tr th{
    text-align:center;
    background-color:#40E0D0;
    border:solid 1px #CCCCCC;
    padding:12px 12px;}
    
#lessonpics tr td{
    padding:10px;
    background-color:#FFFFF0;
    border:solid 1px #CCCCCC;}

