﻿/*=============================
　初期化
==============================*/

body{
	padding:0;
	margin:0 auto;
	width:950px;
	font-size:62.5%;
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color:InfoBackground;
	line-height:160%;}

h1,h2,h3,h4,h5,address,th,td,tr,ul,ol,li,p,a,div,img{
	margin:0px;
	padding:0px;
	border: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;}

#headerlogin1{
    width:inherit;}
    
#headerlogin2{
    width:inherit;}
    
#welcome{
    float:left;
     background-color:inherit;}
     
#loginout{
    float:right;
     background-color:inherit;}


/*=============================
　共通＞グローバルメニュー設定
==============================*/

#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;}


/*=============================
　共通＞フッター設定
==============================*/

#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: 10px 0 0 5px;
	background-color:#800000;
	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: 10px;
	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-weight:bold;
	color:#000000;
	height: 17px;
	margin:10px 0 0 30px;
	padding-left: 10px;
	padding-top: 3px;
	border:1px solid #9966FF;
	border-left:10px solid #9966FF;
	border-right:10px solid #9966FF;}


/*=============================
　共通＞コンテンツ設定
==============================*/

#contents{
	width:950px;
	background-color:#FFFFFF;}
	
#topicpath{
display:none;
    padding-right:5px;
    text-align:left;
    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;}

.pding{padding:20px;}

.new{ color:Red;}

.button{
    background-color:Menu;
    border:solid 1px #333333;
    font-family:メイリオ;}

.button1{
    width:140px;
    height:40px;
    padding-top:7px;
    text-align:center;
    cursor:pointer;} 
    
.button2{
    width:60px;
    height:23px;
    padding-top:7px;
    text-align:center;
    cursor:pointer;}


/*=============================
　ページ設定＞home.aspx
==============================*/
#home_head{
    width:inherit;
    background-color:#AA0000;}

#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:340px;
     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;}

#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{}


/*=============================
　ページ設定＞createuser.aspx
==============================*/

#firstuser{
     margin:5px 0;}
     
#firstuser ul li{
     margin-left:20px;
     padding:3px 0;
     border-bottom:dotted 1px #CCCCCC;
     list-style-type:disc;}

.CreateU3{text-align:center;}
     
.CreateU4{
    text-align:center;
     font-size:14px;
      line-height:160%;
       font-weight:bold;
        padding:15px 0px;}
        
        
 .cuheader
{
    background:#333333;
    color:#FFFFFF;
    font-weight:bold;
    height:24px;
    width:100%;
    vertical-align:middle;
    padding:5px 0 0 10px;
}

.cucolhead{
    color:#FFFFFF;
    font-weight:bold;
    background-color:#BC8F8F;
    font-size:1.1em;
    vertical-align:middle;
    padding:4px 10px 0 10px;
}

.cucolcontent{
    color:#000000;
    font-weight:bold;
    background-color:#EEEEEE;
    font-size:1.2em;
    vertical-align:middle;
    padding:4px 10px 0 10px;
}

.cutxtbox
{
    background:#FFFFFF;
    font-size:1.1em;
    height:24px;
}

.cuexplan
{
    font-size:0.8em;
    font-weight:bold;
}

.cucaution
{
    color:#FF0000;
    font-weight:bold;
    font-size:0.8em;
}

#kiyaku p
{
    margin:10px;
    padding:5px 20px;
    border:1px dotted #CCCCCC;
}

#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;}
        
/*=============================
　ページ設定＞howto.aspx
==============================*/

.PanelMenu{padding:0px 5px;}

.PanelMenu table{
    width:100%;
    vertical-align:top;}
    
.PanelMenu table tr td{
    vertical-align:top;
    padding:5px 5px;}

.PanelDetail{padding:15px 10px;}

.how2menu li{
     margin-left:25px;
     list-style-type:disc;
     padding:2px 0;
     border-bottom:dotted 1px #CCCCCC;}     

.how2menu li a{text-decoration:underline;}

.how2submenu li{margin-left:35px;}

.how2{padding:0 5px;}
    
.how2txt{
     margin:2px 0px 2px 0px;
     padding:3px 40px; 
     border:dotted 1px #0000FF;}

.how2txtsub{
     margin:2px 0px 2px 30px;
     padding:3px 45px; 
     border:dotted 1px #0000FF;}

.list-circle li{list-style-type:circle; border-bottom:dotted 1px #CCCCCC;}
.list-decimal li{list-style-type:decimal; border-bottom:dotted 1px #CCCCCC;}

     
/*=============================
　ページ設定＞error.aspx
==============================*/

#error{text-align:center;}

#error p{padding:10px;}

/*=============================
　ページ設定＞manner.aspx
==============================*/

#manner ul li{
     margin-left:30px;
     padding:5px;
     border-bottom:dotted 1px #CCCCCC;
     list-style-type:decimal;}
     
/*=============================
　ページ設定＞memberdata.aspx
==============================*/

#data-left{
     float:left;
     width:620px;}
     
#data-right{
     float:right;
     width:300px;}
     
/*=============================
　ページ設定＞login.aspx
==============================*/
#logininfo{padding:3px 0;}

#logininfo ul li{
    border-bottom:dotted 1px #CCCCCC;
    font-size:11px;
    line-height:150%;
    padding:5px 0 3px 10px;}
    
/*=============================
　ページ設定＞info.aspx
==============================*/
#info2
{    background-color:Menu;
    }

#info2 p
{
    color:#666666;
    font-size:13px;
    font-weight:bold;
    line-height:150%;
    padding:10px 50px 5px 55px;}
    
     
/*=============================
　ページ設定＞member/mypage.aspx
==============================*/
#mypage{ background-color:#FEEBCB;}

#joinlist{ padding:5px; clear:both;}

#addedgroup{ padding:5px;}

#valuation{ padding:5px;}

#profile{ padding:5px;}

#calender{ padding:5px;}

#changepasswd{ padding:5px;}

#profiletbl tr td{padding:2px 3px;
                   border:1px solid #006699;}

/*=============================
　ページ設定＞member/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;}
    
/*=============================
　ページ設定＞member/detail.aspx
==============================*/

#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;}

#detailpage{
    background-color:#FFFFFF;}
 
.detailhead{
     background-color:#a00000;
      border:solid 1px #800000;
       font-size:14px;
        color:#FFFFFF;
          text-align:center;
           padding:2px;}
          
.detailtext{
     background-color:#ffe8ff;
      border:solid 1px #a00000;
        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;}
     
    
/*=============================
　ページ設定＞member/detail.aspx
==============================*/

#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;}
     
/*=============================
　ページ設定＞member/add.aspx
==============================*/

#promoterinfo1{padding:5px 0px;}

#promoterinfo1 table{border-collapse:separate;}

#addform1 table{border-collapse:separate;}
     
#promoterinfo1 table tr th{
     background-color:Olive;
      color:#FFFFFF;
       text-align:center;
        font-size:13px;
         padding:3px;
          border:solid 1px #CCCCCC;}
          
#promoterinfo1 table tr td{
     background-color:#FFFFFF;
      color:#000000;
       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:Olive;
      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:Olive;
      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;} 
          
#ws2 li
{   color:#000000;
    font-size:1.1em;
    line-height:160%;
    text-align:left;
    list-style-type:decimal;
    border-bottom:1px dotted #333333;
    padding:5px 0px;}

#ws2
{ padding:10px 30px;}

         
/*=============================
　ページ設定＞member/detailchange.aspx
==============================*/

#detailchng{
    background-color:menu;
     width:950px;}
     
     
/*=============================
　▼ 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/add.aspx
==============================*/

#promoterinfo2{padding:5px 0px;}

#promoterinfo2 table{border-collapse:separate;}

#addform2 table{border-collapse:separate;}
    
#promoterinfo2 table tr th{
     background-color:Green;
      color:#FFFFFF;
       text-align:center;
        font-size:13px;
         padding:3px;
          border:solid 1px #CCCCCC;}

#promoterinfo2 table tr td{
     background-color:#FFFFFF;
      color:#000000;
       text-align:left;
        font-size:13px;
         padding:3px;
          border:solid 1px #CCCCCC;}

#addTBleft2{vertical-align:top;}

#addTBleft2 table tr th{
     background-color:Green;
      color:#FFFFFF;
       text-align:center;
        font-size:13px;
         padding:3px;
           border:solid 1px #CCCCCC;}
     
#addTBleft2 table tr td{
     background-color:#FFFFFF;
      color:#333333;
       text-align:left;
        font-size:13px;
         padding:3px;
          border:solid 1px #CCCCCC;}

#addTBright2{vertical-align:top;}  
        
#addTBright2 table tr th{
     background-color:Green;
      color:#FFFFFF;
       text-align:center;
        font-size:13px;
         padding:3px;
          border:solid 1px #CCCCCC;}
        
#addTBright2 table tr td{
     background-color:#FFFFFF;
      color:#333333;
       text-align:left;
        font-size:13px;
         padding:3px;
          border:solid 1px #CCCCCC;}
          
/*=============================
　ページ設定＞courselist.aspx
==============================*/

.tieupcourse
{
    border:solid 1px #99FF66;
    line-height:160%;
    }

.tieupcourse2
{
    border-bottom:solid 1px #333333;
    line-height:140%;
    }

.help
{    
font-size:x-small;
background-color:#eee8aa; color:#6666ff;
position:absolute;
left:0px; top:0px;
padding:3px;
border-color:#003399; border:solid; border:1px;
    }

/*=============================
　ページ設定＞service/default.aspx
==============================*/

.servicetxt
{ 
    padding:10px 15px;
    line-height:160%;
    background-color:ThreeDFace;
    }
    
.condition
{ 
    margin:5px;
    padding:5px 5px;
    line-height:160%;
    border:1px dotted #CCCCCC;
    background-color:#FFFFFF;   
    }

.largemarker
{
    background-color: #ffff00;
    padding: 0.3em;
    margin-left: 0.3em;
    margin-right: 0.3em;
    }
    
.marginmarker {
    background-color: #ffff00;
    margin-left: 0.3em;
    margin-right: 0.3em;
    }

/*=============================
　▼ service/inqury.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:Scrollbar;}

