@charset "utf-8";
/* general   */
body {
    margin: 0;
    padding: 0;
    
    font: medium/1.6 Helvetica, Hiragino Kaku Gothic Pro, sans-serif, Arial, メイリオ ;
    /* font:"Palatino Linotype", "Book Antiqua", Palatino, serif */

    background-color: #F8FBFB;
}

/* サイト名 */
.site h1 a {color: #000000;
            text-decoration:none}

.site h1
{margin: 0;
 font-size: 30px}

h1, h2 {
    color: #43484D;
    text-align:left;
}

a {
    color: #006BBF;
}

/* container block */
#cb {
    margin: 0em auto;
}







/* global header */

  /* ヘッダーの固定 */
    div#header-fixed
    {
    position: fixed; /* ヘッダーの固定 */
    top: 0px; /* 位置(上0px) */
    left: 0px; /* 位置(右0px) */
    width: 100%; /* 横幅100%　*/
    height: 140px; /* 縦幅140px */
    bottom: 0;
    }
     
     
    div#header-bk {
    background-color:#444; /* 背景色(黒) */
    padding:10px 0 0px; /* 上10px、下20pxをあける */
    height:110px; /* 縦の高さ110px */
    width:100%; /* 横の幅を100% */
    }
     
     
    div#header {
    border: 10px solid #fff; /* 表示領域を白枠で囲う */
    height: 100%; /* 縦の表示領域はheader-bkと同じ */
    width: 960px; /* 横の幅970px */
    margin: auto; /* 中央揃え */
    bottom: 0;
    }
    
    
    
#header h1 {

    margin: 0  auto;
    margin-left: 0 em;
    margin-right:0.1m;
    margin-top: 0.1em;
    padding-bottom: 0;
    padding-left:0.01em;
    padding-right: 3.4em;
    text-align: center;
    letter-spacing: 0.075em;
    color: #43484D;
    font-weight: normal;
    font-size: 3.9em;
}


  /*margin: 0 auto;
    padding-bottom: 0;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
    letter-spacing: 0.075em;
    color: #43484D;
    font-weight: normal;
    font-size: 3.9em;  */
}

#header h2 {
    margin: 0.05em auto;
    padding-bottom: 0.05em;
    border-bottom: 1px solid #CCC;
    text-align: center;
    letter-spacing: 0.075em;
    color: #43484D;
    font-weight: normal;
    font-size: 1.3em;
}

#header h3 {
    margin: 0 em auto;
    padding-bottom: 0 em;
    text-align: left ;
    letter-spacing: 0.075em;
    color: #43484D;
    font-weight: normal;
    font-size: 0.7em;
}

#header h4 {
    margin: 0em auto;
    padding-bottom: 0 em;
    border-bottom: 1px solid #F8FBFB;
    text-align: center;
    letter-spacing: 0.075em;
    color: #4682b4;
    font-weight: normal;
    font-size: 1.3em;
}



/* contents color: #43484D; border-bottom: 1px solid #D9DEE3; */
/* contents blocks */
#contents {
    overflow: hidden; /* 高さを算出するためにoverflowを設定 */
    zoom: 1; /* IE 6/7向け */
    width: 960px;
    margin: 0px auto 0;
}

.wrap-contents {
    float: left;
    width: 960px;
    padding: 0em;
        border-bottom: 1px solid #cccccc;
}

div#contents {
border: 10px solid #fff; /* 表示領域を白枠で囲う */
height: 100%; /* 縦の表示領域はheader-bkと同じ */
width: 960px; /* 横の幅970px */
margin: auto; /* 中央揃え */
}





#contents h1 {

    margin: 0  auto;
    margin-left: 0.1 em;
    margin-right:0.1em;
    margin-top: 0em;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left:0.1em;
    padding-right: 0em;
    border-bottom: 1px solid #000;
    text-align:left;
    letter-spacing: 0.075em;
    color: #000;
    font-weight: normal;
    font-size: 1.8em;
    background-color: #F8FBFB;
}

#contents h3 {color: #000;
　　　　　　　font-weight: 100;}


#contents p {color: #111;
              font-weight: 100;
	        padding-left:0.1em;
		  padding-top: 0;
		    padding-bottom: 0;
		      margin-top: 0em;
		        margin-bottom: 0em;
			  font-weight: 100;
			    }


#main {
    float:right;
    width: 770px;
    display: block;
    padding: 0em;
    border-bottom: 1px solid #ffffff; 
    text-decoration: none;
    font-size: 90.0%;
    font-weight: normal;
    color: #000;
    background-color: #F8FBFB;
}


<style>


/* メニュー */
.menu{padding: 20px; 
      background-color: #dfe3e8;}

.menu h1{margin: 0 0 10px 0;
	 font-size: 18px;
	 line-height: 1.2;}

.menu ul,
.menu ol{margin: 0;
	 padding: 0;
	 font-size: 14px;
	 line-height: 1.4;
	 list-style: none;}

.menu li a{position: relative;
	   display: block;
	   padding: 10px 5px 10px 30px;
	   color: #000;
	   text-decoration: none;}

.menu li a:hover{background-color: #eee;}

.menu li a:before{position: absolute;
		  left: 5px;
		  top: 50%;
		  content: url(img/listmark.png);
		  margin: -8.5px 0 0 0;}

</style>


/* テーブル */
table{border-collapse: collapse;}

table, th, td{border: solid 1px #aaa;}

th, td{padding: 8px;
       font-size: 14px;
       text-align: left;
       vertical-align: top;}

th{background-color: #be6;}

tr > :first-child{width: 170px;
		  -moz-box-sizing: border-box;
		  -webkit-box-sizing: border-box;
		  box-sizing: border-box;}


.slider-pro {
    font-family: 'Open Sans', Arial;
}

#example3 .sp-selected-thumbnail {
    border: 4px solid #000;
}




/* 枠の設定  */
.entry{padding: 20px;
       border: solid 1px #333;
       background-color: #cf0;}

/* 吹き出し型にする設定 */
.entry{position: relative;}


.entry:after{
    margin-left: 1px;
    border-top-color: #cf0;
    border-width: 19px;}

.entryli {list-style: none;
            font-weight:100;}



/* 枠の設定 1  #2a4073  #1e50a2 #4169e1  #b0c4de  #e0ebaf #d6e9ca   border: solid 1px #333; */
.entry1{padding: 4px;
	     background-color: #4169e1 ;
	     }

/* 吹き出し型にする設定 */
.entry1{position: relative;}


.entry1:after{
    margin-left: 1px;
    border-top-color: #cf0;
    border-width: 19px;}

.entry1li {list-style: none;
            font-weight:100;
	    color:#FFF;}


.entry1li a{color:#F00;
             text-decoration: none;}
 


/* 枠の設定 2  #83ccd2  #bce2e8 #fff0f5 */
.entry2{padding: 4px;
	background-color: #ff7f50 ;
	}

/* 吹き出し型にする設定 */
.entry2{position: relative;}


.entry2:after{
    margin-left: 1px;
    border-top-color: #cf0;
    border-width: 19px;}

.entry2li {list-style: none;
            font-weight:100;}

.entry2li a{color:#4169e1;
             text-decoration: none;}


/* 枠の設定 3  #83ccd2  #bce2e8  #fff0f5*/
.entry3{padding: 4px;
	background-color: #f0f8ff;
	}

/* 吹き出し型にする設定 */
.entry3{position: relative;}


.entry3:after{
    margin-left: 1px;
    border-top-color: #cf0;
    border-width: 19px;}

.entry23li {list-style: none;
            font-weight:100;}

.entry3li a{color:#F00;
             text-decoration: none;}
 
 
 
/* 枠の設定 4  #83ccd2  #bce2e8  #f5fffa */
.entry4{padding: 4px;
	background-color: #66cdaa ;
	}

/* 吹き出し型にする設定 */
.entry4{position: relative;}


.entry4:after{
    margin-left: 1px;
    border-top-color: #cf0;
    border-width: 19px;}

.entry4li {list-style: none;
            font-weight:100;}

.entry4li a{color:#F00;
             text-decoration: none;}
 
 
/* 枠の設定 5  #83ccd2  #bce2e8  #f5fffa */
.entry5{padding: 14px;
	background-color: #ffffff ;
	margin-right: 240px;
	}

/* 吹き出し型にする設定 */
.entry5{position: relative;}


.entry5:after{
    margin-left: 1px;
    
    border-top-color: #cf0;
    border-width: 19px;}

.entry5li {list-style: none;
            font-weight:100;}

.entry5li a{color:#000;
             background-color:#eeeeee;
             text-decoration: none;}
 
 


.registants {margin-top:0;
                            margin-left:375px;
			    margin-right:5px;
			    font-size:13px;
			    width:auto;
}


#main-std {
    float:right;
    width: 740px;
    display: block;
    padding: 0px ;
    margin-left: 15px ;
    border-bottom: 1px solid #ffffff; 
    text-decoration: none;
    font-size: 90%; 
    color: #000;
    
} 




/* 枠の設定 */
.entry{padding: 20px;
       border: solid 1px #333;
       background-color: #cf0;}

/* 吹き出し型にする設定 */
.entry{position: relative;}



.entry:after{
    margin-left: 1px;
    border-top-color: #cf0;
    border-width: 19px;}



#aside-a {
    float:left;
    width: 130px;
    font-size: 1.2em;
}


/* ナビゲーション(ロゴ画像)  
    #aside-b {
    float: right;
    width: 200px;
    font-size: 0.9em;}
*/

/* 
.menu ul{ margin: 0;
         padding: 0;
	  list-style:none;}
	   
.menu li a {display:block;
            padding:5px;
	    color:#000000;
	    font-size:14px;
	    list-style:none;
	    text-decoration:none;}

.menu li a:hover  {background-color:#eeeeee;
                   list-style:none;}


.menu ul:after  {content: "";
                 display:block;
		  clear:both;
		   list-style:none;}
		   
.menu li   {float:left;
            width:auto;
	    list-style:none;}
	    */








.boxA:after {content: "";
             display: block;
             clear:both}
 
.box1        {float:left;
              width:25%}
  
.box2        {float:left;
              width:25%}
  
.box3        {float:left;
              width:25%}
  
.box4        {float:left;
              width:25%}
  
  
/* ボックスカラー #6390dd 4b7ce5 048ec8 6a5acd  483d8b  2f5087  3865c8  f2eecb  e3c8d8 f7878f cb7ab5 ebc9e2 1243a0 4b75c4 697b9d 1243a0 bbd2ff fef4f4 e9dfe5
   d6b7d1 efcae9 e1d9e0  f5f5dc  e6e6fa f0f8ff ebf6f7 4c74b2  7de7ff  336bd8  */
   
.boxB:after {content: "";
             display: block;
             clear:both}
 
.box4        {float:left;
              width:40%
	        font-size:1em;
	        background-color: #F8FBFB;
		  }

/*
#container {
margin:  0em  auto;
width: 200px;
height: 100%;
min-height: 100%;
text-align: center;
background: #F8FBFB;
color:#444444;
font-size: 90.5%
border-left: 1px solid #D9DEE3;
}

#container h1 {font-size:18px;
text-align: center;
margin-left:0.5em;
margin-right:0.5em;
margin-top:0 em;}
 
#container p {font-size:14px;
text-align: center;
margin-left:0.5em;
margin-right:0.5em;}

#container img {font-size:14px;
text-align: center;
margin-top:0 em;
margin-left:0 em;
margin-right:0 em;}

#container dt {font-size:12px;
text-align:  left;
margin-left:0.5em;
margin-right:0.5em;
color:#e60012;}

#container dd {font-size:12px;
text-align: left;
margin-left:0.5em;
margin-right:0.5em;}
 




#contact-links {
list-style: none;
margin: 1em 0 0;
padding: 0;
}

#contact-links a {
display: block;
padding: 0.5em 0.75em;
text-decoration: none;
font-size: 87.5%;
}*/





/* global footer */
#footer {
    margin-top: 0px;
    border-top: 4px solid #ffffff; 
}

p#copyright {
    text-align: center;
    font-size: 75%;
}



/* item styling */
#main img {
    display: block;
    margin-bottom: 1.5em;
}

/* global navigation border-top: 1px solid #D9DEE3; */



#aside-a h2 {
    margin-bottom: 0;
    font-size: 130%;
}


#global-nav {
    list-style: none;
    margin: 0.01em 0 0 0.1em;
    padding: 0;
    
}

<!--#global-nav li {float: left;}-->



#global-nav a {
    display: block;
    padding: 0 0 0.05em 0.65em;
    margin-top: 0;
    margin-left: 0;
    border-bottom: 1px solid #F8FBFB;
    text-decoration: none;
    font-size: 90.0%;
    text-align: left;
}

#global-nav a:hover {
    background-color: #cee4ae;
    margin-right: 10px;}



/*
#aside-b h2 {
margin-bottom: 0;
font-size: 120%;
}

#global-nav {
list-style: none;
margin: 0.3em 0 0;
padding: 0;

}

#global-nav a {
display: block;
padding: 0.55em 0 0.55em 0.55em;
text-decoration: none;
font-size: 89.5%;
text-align: left;
}

 border-bottom: 1px solid #D9DEE3; */
