@charset "utf-8";
/* CSS Document */



/* リンク設定
------------------------------------------------- */

a:link{
color: #0066FF;
text-decoration: none;
}
a:visited{
color: #0066FF;
text-decoration: none;
}

a:hover{
color: #0066FF;
 text-decoration: underline;
}


#top_contents h3 a:link,#contents h3 a:link,#leftbody h3 a:link{
color: #FFFFFF;
text-decoration: none;
}
#top_contents h3 a:visited,#contents h3 a:visited,#leftbody h3 a:visited{
color: #FFFFFF;
text-decoration: none;
}
#top_contents h3 a:hover,#contents h3 a:hover,#leftbody h3 a:hover{
color: #FFFFFF;
text-decoration: underline;
}



#contents h3.sm a:link{
color: #0066FF;
text-decoration: none;
}
#contents h3.sm a:visited{
color: #0066FF;
text-decoration: none;
}
#contents h3.sm a:hover{
color: #0066FF;
 text-decoration: underline;
}

#contents h4 a:link{
color: #333333;
text-decoration: none;
}
#contents h4 a:visited{
color: #333333;
text-decoration: none;
}
#contents h4 a:hover{
color: #333333;
 text-decoration: underline;
}


#contents .site_box li a:link,#contents .site_box_r li a:link{
color: #666666;
text-decoration: none;
}
#contents .site_box li a:visited,#contents .site_box_r li a:visited{
color: #666666;
text-decoration: none;
}
#contents .site_box li a:hover,#contents .site_box_r li a:hover{
color: #666666;
 text-decoration: underline;
}






table{
clear: both;
}

.clear{
clear: both;
}

.left{
float: left;
}

.right{
float: right;
}

.more{
float: right;
font-size: 12px;
}

img{
border: none;
}


/* 各index　itコーディネータとは */

.cate_box{
clear: both;
width: 780px;
margin: 10px 0px 20px 0px;

}

.cate_box p{
margin: 10px;
}

.cate_box p.site{
margin: 5px 0px 0px 0px;
}


.itc{
float: left;
width: 226px;
padding: 10px;
margin: 20px 20px 20px 0px;
background-color: #f8f4ed;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.itc_r{
float: right;
width: 226px;
padding: 10px;
margin: 20px 0px 20px 0px;
background-color: #f8f4ed;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.itc h3, .itc_r h3{
font-size: 110%;
color: #FFFFFF;
font-weight: normal;
background-color:#c59f54;
padding: 6px 5px 4px 20px;
background-image: url(../images/news_arrow.png);
background-position: left;
background-repeat: no-repeat;
margin-bottom: 0px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.itc ul,.itc_r ul{
padding: 10px 0px 0px 0px;
margin: 0px;
line-height: 1.1;
list-style: none;
}

.itc li,.itc_r li{
margin-left: 10px;
padding: 3px 0px 3px 10px;
background-image: url(../images/list_arrow.gif);
background-position: left;
background-repeat: no-repeat;

}

/* 各index　協会について */


.itca{
float: left;
width: 226px;
padding: 10px;
margin: 20px 20px 20px 0px;
background-color: #eceef7;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.itca_r{
float: right;
width: 226px;
padding: 10px;
margin: 20px 0px 20px 0px;
background-color: #eceef7;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}



.itca h3, .itca_r h3{
font-size: 110%;
color: #FFFFFF;
font-weight: normal;
background-color:#6673a9;
padding: 6px 5px 4px 20px;
background-image: url(../images/news_arrow.png);
background-position: left;
background-repeat: no-repeat;
margin-bottom: 0px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.itca ul, .itca_r ul{
padding: 10px 0px 0px 0px;
margin: 0px;
line-height: 1.1;
list-style: none;
}

.itca li, .itca_r li{
margin-left: 10px;
padding: 3px 0px 3px 10px;
background-image: url(../images/list_arrow.gif);
background-position: left;
background-repeat: no-repeat;

}

ol{
margin-bottom: 10px;
}

ol li{
margin-left: 2em;
}

/* 各index　活用する方へ */


.use{
float: left;
width: 226px;
padding: 10px;
margin: 20px 20px 20px 0px;
background-color: #ecf1f7;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.use_r{
float: right;
width: 226px;
padding: 10px;
margin: 20px 0px 20px 0px;
background-color: #ecf1f7;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}



.use h3, .use_r h3{
font-size: 110%;
color: #FFFFFF;
font-weight: normal;
background-color:#658ec1;
padding: 6px 5px 4px 20px;
background-image: url(../images/news_arrow.png);
background-position: left;
background-repeat: no-repeat;
margin-bottom: 0px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.use ul, .use_r ul{
padding: 10px 0px 0px 0px;
margin: 0px;
line-height: 1.1;
list-style: none;
}

.use li,.use_r li{
margin-left: 10px;
padding: 3px 0px 3px 10px;
background-image: url(../images/list_arrow.gif);
background-position: left;
background-repeat: no-repeat;

}

/* 各index　目指す方 */


.aims{
float: left;
width: 226px;
padding: 10px;
margin: 20px 20px 20px 0px;
background-color: #ebf4f4;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.aims_r{
float: right;
width: 226px;
padding: 10px;
margin: 20px 0px 20px 0px;
background-color: #ebf4f4;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}



.aims h3, .aims_r h3{
font-size: 110%;
color: #FFFFFF;
font-weight: normal;
background-color:#69bbbc;
padding: 6px 5px 4px 20px;
background-image: url(../images/news_arrow.png);
background-position: left;
background-repeat: no-repeat;
margin-bottom: 0px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.aims ul, .aims_r ul{
padding: 10px 0px 0px 0px;
margin: 0px;
line-height: 1.1;
list-style: none;
}

.aims li,.aims_r li{
margin-left: 10px;
padding: 3px 0px 3px 10px;
background-image: url(../images/list_arrow.gif);
background-position: left;
background-repeat: no-repeat;

}


.btlink{
background-image: url(../images/news_arrow.png);
background-repeat: no-repeat;
padding: 1px 0px 1px 24px;
}



/* 各index　ITコーディネータの方へ */

.news{
clear: both;
overflow: auto;
height: 150px;
margin: 20px 0px;
}


/* 各index　入会会員サービス */


.member{
float: left;
width: 226px;
padding: 10px;
margin: 20px 20px 20px 0px;
background-color: #f1f1f1;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.member_r{
float: right;
width: 226px;
padding: 10px;
margin: 20px 0px 20px 0px;
background-color: #f1f1f1;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}



.member h3, .member_r h3{
font-size: 110%;
color: #FFFFFF;
font-weight: normal;
background-color:#787878;
padding: 6px 5px 4px 20px;
background-image: url(../images/news_arrow.png);
background-position: left;
background-repeat: no-repeat;
margin-bottom: 0px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.member ul, .member_r ul{
padding: 10px 0px 0px 0px;
margin: 0px;
line-height: 1.1;
list-style: none;
}

.member li, .member_r li{
margin-left: 10px;
padding: 3px 0px 3px 10px;
background-image: url(../images/list_arrow.gif);
background-position: left;
background-repeat: no-repeat;

}

/* 各index　研修・書籍・イベント */


.study_event{
float: left;
width: 226px;
padding: 10px;
margin: 20px 20px 20px 0px;
background-color: #fffecd;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.study_event_r{
float: right;
width: 226px;
padding: 10px;
margin: 20px 0px 20px 0px;
background-color: #fffecd;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}



.study_event h3, .study_event_r h3{
font-size: 110%;
color: #FFFFFF;
font-weight: normal;
background-color:#eeba3c;
padding: 6px 5px 4px 20px;
background-image: url(../images/news_arrow.png);
background-position: left;
background-repeat: no-repeat;
margin-bottom: 0px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.study_event ul, .study_event_r ul{
padding: 10px 0px 0px 0px;
margin: 0px;
line-height: 1.1;
list-style: none;
}

.study_event li, .study_event_r li{
margin-left: 10px;
padding: 3px 0px 3px 10px;
background-image: url(../images/list_arrow.gif);
background-position: left;
background-repeat: no-repeat;

}

/* 検索結果 */


ul.search{
clear: both;
list-style: none;

}

ul.search li{
border-bottom-color: #CCCCCC;
border-bottom-style: solid;
border-bottom-width: 1px;
background-image: url(../images/list_tag.gif);
background-position: left;
background-repeat: no-repeat;
padding: 5px 0px 5px 10px;

}
.p_cnt{
padding-top: 20px;
text-align: center;
word-break: break-all;
}

/* 枠 */

.b_box{
padding: 10px;
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
margin-bottom: 10px;
background-color: #f2f2f2;
}





/* サイトマップ */


#contents h3.sm{
font-size: 14px;
border-bottom: 1px solid #cccccc;
padding: 5px 0px;
color: #333333;
clear: both;
}

#contents h4{
font-size: 12px;
padding: 5px 0px;
}

.site_box{
float: left;
width: 246px;
margin: 10px 20px 20px 0px;
background-color: #FFFFFF;
}

.site_box_r{
float: right;
width: 246px;
margin: 10px 0px 20px 0px;

background-color: #FFFFFF;
}

.site_box ul, .site_box_r ul{
margin: 0px;
line-height: 1.1;
list-style: none;
}

.site_box li,.site_box_r li{
padding: 3px 0px 3px 10px;
background-image: url(../images/list_arrow.gif);
background-position: left;
background-repeat: no-repeat;
color: #666666;

}

ul.sitemap li{
display: inline;
padding: 0px 25px 0px 0px;
}



#contents h3.sm a:link{
color: #0066FF;
text-decoration: none;
}
#contents h3.sm a:visited{
color: #0066FF;
text-decoration: none;
}
#contents h3.sm a:hover{
color: #0066FF;
 text-decoration: underline;
}

#contents h4 a:link{
color: #333333;
text-decoration: none;
}
#contents h4 a:visited{
color: #333333;
text-decoration: none;
}
#contents h4 a:hover{
color: #333333;
 text-decoration: underline;
}


#contents .site_box li a:link,#contents .site_box_r li a:link{
color: #666666;
text-decoration: none;
}
#contents .site_box li a:visited,#contents .site_box_r li a:visited{
color: #666666;
text-decoration: none;
}
#contents .site_box li a:hover,#contents .site_box_r li a:hover{
color: #666666;
 text-decoration: underline;
}




/* topics */


dl.cate_list{
border-bottom-color: #CCCCCC;
border-bottom-style: solid;
border-bottom-width: 1px;
}


dl.cate_list dt{   
float:left;   
width:90px;   
margin:7px 0px 7px 0;   
clear:both;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #CCC;
color: #FFF;
padding: 0 5px;
}

dl.cate_list dt abbr{
border-bottom: none;
}


dl.cate_list dd{     
margin-left:120px;   
padding: 7px 10px 7px 0px;
}

abbr{
border: none;

}

/*▼旧サイトのwin-ie.css追加分▼*/

div#mainbody table td { color: #4D4D4D; line-height: 140%; }
/*
div#mainbody a { color: #349DFF; text-decoration: none; }
div#mainbody a:hover { color: #349DFF; text-decoration: underline; }
*/


div#mainbody div { margin: 5px 0; padding: 10px; background: #F2F2F2; border: 1px solid #CCCCCC; color: #4D4D4D;}
div#mainbody p { margin: 5px 0; padding: 2px 10px; background: #F2F2F2; border: 1px solid #CCCCCC; color: #4D4D4D;}



/* direct navigation */

div#directnavi { margin: 0; padding: 0; }
div#directnavi table td { color: #4D4D4D; font-size: x-small; line-height: 130%; }

/*
div#directnavi a { color: #349DFF; text-decoration: none; }
div#directnavi a:hover { color: #349DFF; text-decoration: underline; }
*/
/*TEST20090428 START*/
div#directnavi a { color: #0066FF; text-decoration: none; }
div#directnavi a:hover { color: #0066FF; text-decoration: underline; }
/*TEST20090428 END*/


/* topnews */

div#topnews td { color: #4D4D4D; font-size: 12px; line-height: 23px; padding: 0px 0px 0px 10px ;}
/*
div#topnews a { color: #349DFF; text-decoration: none;}
div#topnews a:hover { color: #349DFF; text-decoration: underline;}
*/
/*TEST20090428 START*/
div#topnews a { color: #0066FF; text-decoration: none;}
div#topnews a:hover { color: #0066FF; text-decoration: underline;}
/*TEST20090428 END*/

/* toptopics */

div#toptopics td { color: #4D4D4D; font-size: 12px;}
div#toptopics .text { padding: 0px 10px 0px 10px ;}
/*
div#toptopics a { color: #349DFF; text-decoration: none;}
div#toptopics a:hover { color: #349DFF; text-decoration: underline;}
*/
/*TEST20090428 START*/
div#toptopics a { color: #0066FF; text-decoration: none;}
div#toptopics a:hover { color: #0066FF; text-decoration: underline;}
/*TEST20090428 END*/

/*▲旧サイトのwin-ie.css▲*/



/*▼旧サイトのhead内記述分▼*/

.size18 { font-size:18px; line-height:1.2; }
.size16 { font-size:16px; line-height:1.2; }
.size14 { font-size:14px; line-height:1.2; }
.size12 { font-size:12px; line-height:1.2; }
.size10 { font-size:10px; line-height:1.2; }


.style1 {
color: #364895;
font-weight: bold;
}

.style2 {
color: #d20000;
font-weight: bold;
}

.style3 {color: #CC0000}

.style4 {color: #d20000}

.style5 {color: #333333}

.style6 {color: #FFFFFF}

.style9 {font-size: 12px}

.style8 {
font-family: "ＭＳ ゴシック", "Osaka－等幅";
font-size: 12px;
line-height: normal;
}

.style10 {font-size: 14px}

.title{  font-size:18px; line-height:1.4; }
.title2{  font-size:16px; line-height:1.4; }
.content{  font-size:12px; line-height:1.2; }


/*▲旧サイトのhead内記述分▲*/



/* IT経営研究所 */

.lry h3{
  color: #FFFFFF;
  font-weight: normal;
  background-color:#dc4175;
  padding: 6px 5px 4px 20px;
  background-image:url(../../common/images/news_arrow.png);
  background-position: left;
  background-repeat: no-repeat;
  margin-bottom: 5px;
  font-size: 110%;
  moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}


.lry{
  padding: 10px;
  margin: 0px 0px 20px 0px;
  background-color: #fcf5f7;
  moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.w350_l{
width: 350px;
float: left;
margin: 20px 0;
}

.w350_r{
width: 350px;
float: right;
margin: 20px 0;
}







/* ここまでリニューアル前のcss
------------------------------------------------- */




/* 以下リニューアル後20151110
------------------------------------------------- */





body {
font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 90%;
color: #333;
line-height: 1.6;
}

#top_main{
clear: both;
background-image: url(../images/bg.gif);
background-repeat: repeat-x;
background-position: top;
padding-bottom: 50px;
}

.center{
text-align: center;
}

.pd100{
padding-bottom: 100px;
}

.emT1{
margin-top: 1em;
}

.emT2{
margin-top: 2em;
}

.em05{
margin-bottom: 0.5em;
}

.maT40{
margin-top: 40px;
}

.maT70{
margin-top: 70px;
}

.photo_l{
float: left;
margin: 0 30px 20px 0;
}
.photo_l img{
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}




/* テキスト
------------------------------------------------- */

h1.logo{
float: left;
}

.txt_small{
font-size: 80%;
}

.txt_yellow{
color: #FF6;
}

h3.bluetxt{
border-bottom: solid 1px #ccc;
font-size: 140%;
font-weight: normal;
color: #2a94d6;
margin-bottom: 20px;
}

.att{
text-indent: -1em;
margin-left: 1em;
color: #ff3366;
margin-bottom: 10px;
}


/* ヘッダー
------------------------------------------------- */

#header{
border-bottom: solid #eaeaea 4px;

}

.wrapper{
width: 980px;
margin: auto;
}

.h_right{
clear: both;
float: right;
max-width: 600px;
margin-top: -33px;

}

ul.header_navi{
list-style: none;
float: right;
background-color: #d2d2d2;
border-bottom-left-radius: 7px; 
border-bottom-right-radius: 7px; 
-webkit-border-bottom-left-radius: 7px; 
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
display: inline-block;
padding: 8px 0;
margin-bottom: 10px;
font-size: 14px;
}


ul.header_navi li{
float: left;
padding: 0px 15px;
border-left: 1px solid #FFF;
color: #FFF;
line-height: 1.0;


}

ul.header_navi li:first-child{
border-left:none;
}


ul.header_navi a:link {
color: #FFF;
text-decoration: none;
}
ul.header_navi a:visited {
color: #FFF;
text-decoration: none;
}
ul.header_navi a:hover {
color: #FFF;
text-decoration: underline;
}


.after{
clear: both;
float: left;
margin: 11px 10px 0 0;
font-size: 14px;
width: 300px;
text-align: right;
}

ul.login{
background-color: #f8f8f8;
list-style: none;
border: solid #d2d2d2 4px;
moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 3px 15px;
font-size: 14px;
margin-bottom: 30px;
float: right;
}


ul.login li{
padding: 0px 0px 0px 10px;
float: left;
color: #2a94d6;
border-left: 1px solid #d2d2d2;
margin-top: 5px;
}

ul.login li.login_before{
padding: 0px 10px 0px 0px;
border-left:none;
margin-top: 0px;
}

ul.login li.login_after{
padding: 0px 10px 0px 0px;
border-left:none;
margin-top: 4px;
}

ul.login li span{
vertical-align: super;
}

ul.login a:link {
color: #2a94d6;
text-decoration: none;
}
ul.login a:visited {
color: #2a94d6;
text-decoration: none;
}
ul.login a:hover {
color: #36b2ff;
text-decoration: none;
}







/* メインボタンエリア
------------------------------------------------- */

.button_area{
float: right;
width: 260px;
background-color: #fff;
margin-top: 20px;
border-top-left-radius: 7px; 
border-top-right-radius: 7px; 
-webkit-border-top-left-radius: 7px; 
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
padding: 10px 10px 0 10px;
min-height: 375px;
}


.button_area ul{
list-style: none;
}


.button_area ul li.login a{
display: block;
background-color: #2a94d6;
color: #FFF;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-decoration: none;
font-size: 18px;
line-height: 1.2em;
padding: 0 5px;
height: 56px;
text-align: center;
margin-bottom: 10px;
}

.button_area ul li.login a:hover{
background-color: #30a6f0;

}



.button_area ul li.login a span.plus{
background-color: #5a69a6;
font-size: 10px;
padding: 4px 10px;
line-height: 1.0;
display: inline-block;
margin-bottom: 5px;
border-bottom-left-radius: 5px; 
border-bottom-right-radius: 5px; 
-webkit-border-bottom-left-radius: 5px; 
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;

}



.sup{
vertical-align: super;
}


.button_area ul li.new{
margin-bottom: 10px;
position: relative;
}

.wakaba{
position: absolute;
left: 8px;
top: 8px;
}

.button_area ul li.new a{
text-align: center;
background-color: #58bbba;
color: #FFF;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-decoration: none;
font-size: 18px;
line-height: 1.2em;
padding: 8px 5px 0px 5px;
height: 48px;
display: table-cell;
vertical-align: middle;
width: 250px;
}


.button_area ul li.new a:hover{
background-color: #62d0cf;
}



.button_area ul li.pink a{
float: left;
width: 111px;
background-color: #ffebeb;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #3e87ac;
text-align: center;
padding: 10px 7px;
text-decoration: none;
font-size: 13px;
margin-bottom: 10px;
line-height: 1.5;
}


.button_area ul li.pink_r a{
float: right;
width: 111px;
background-color: #ffebeb;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #3e87ac;
text-align: center;
padding: 10px 7px;
text-decoration: none;
font-size: 13px;
margin-bottom: 10px;
line-height: 1.5;
}

.button_area ul li.pink a:hover,
.button_area ul li.pink_r a:hover{
background-color: #ffe0e0;
}



.button_area ul li.yellow a{
float: left;
width: 111px;
background-color: #f9fbc4;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #3e87ac;
text-align: center;
padding: 10px 7px;
text-decoration: none;
font-size: 13px;
margin-bottom: 5px;
line-height: 1.5;
}

.button_area ul li.yellow_r a{
float: right;
width: 111px;
background-color: #f9fbc4;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #3e87ac;
text-align: center;
padding: 10px 7px;
text-decoration: none;
font-size: 13px;
margin-bottom: 5px;
line-height: 1.5;
}

.button_area ul li.yellow a:hover,
.button_area ul li.yellow_r a:hover{
background-color: #fbff9e;
}


/* トップページ左ボディ
------------------------------------------------- */

#top_leftbody{
width: 670px;
float: left;
}

.pickup_wrap{
clear: both;
background-image: url(../../images/center_line.gif);
background-repeat: repeat-y;

}

.pickup_in{
width: 275px;
padding: 0 30px;
float: left;
text-align: center;
}

dl.btn_green{
display: inline-block;
background-color: #318685;
moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 12px 10px 10px 10px;
margin: 10px 7px;
}

dl.btn_green dt{
margin-bottom: 5px;
color: #FFF;
font-size: 14px;
}

dl.btn_green dd a{
background-color: #5ecac9;
color: #fdff79;
font-size: 16px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 9px 25px 9px 7px;
background-image: url(../../images/search.png);
background-repeat: no-repeat;
background-position: right;
display: block;
}

dl.btn_green2{
display: inline-block;
background-color: #318685;
moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 12px 10px 10px 10px;
margin: 10px 7px;
}

dl.btn_green2 dt{
margin-bottom: 5px;
color: #FFF;
font-size: 14px;
}

dl.btn_green2 dd a{
background-color: #5ecac9;
color: #fdff79;
font-size: 16px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 9px 35px 9px 15px;
background-image: url(../../images/seminar.png);
background-repeat: no-repeat;
background-position: right;
display: block;
}

dl.btn_green dd a:hover,
dl.btn_green2 dd a:hover{
background-color: #8be3e2;
text-decoration: none;
}


h3.info{
font-size: 20px;
color: #4083ad;
font-weight: normal;
margin: 30px 0 20px 0;
border-top: dashed 1px #ccc;
padding-top: 30px;
}

h3.info a{
color: #4083ad;
}


h3.info:first-of-type{
border-top: none;
padding-top: 0px;
}



dl.reco{
overflow: hidden;
}

dl.reco dt{
font-size: 110%;
margin-bottom: 15px;
}

dl.reco dd a{
color: #F90;
}


.info_box{
width: 320px;
float: left;
margin-bottom: 60px;
}

.news_box{
width: 320px;
float: right;
margin-bottom: 60px;
}


dl.newinfo{
margin: 20px 0 10px 0;
}

dl.newinfo dt{
background-color: #CCC;
color: #FFF;
padding: 0 5px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
margin-bottom: 10px;
}

dl.newinfo dd{
border-bottom: dashed 1px #ccc;
padding-bottom: 5px;
margin-bottom: 10px;
}


dl.newinfo a,
dl.newinfo a{
color: #333;
}

dl.newinfo a:hover,
dl.newinfo a:hover{
color: #0066ff;
}


.list_more{
text-align: right;
}



/* トップページ右ボディ
------------------------------------------------- */

#top_rightbody{
width: 280px;
float: right;
}

#top_rightbody ul.senmon{
list-style: none;
border: solid #eaeaea 4px;
padding: 0 10px;
margin-top: 10px;
}


#top_rightbody ul.senmon li a{
list-style: none;
border-top: solid #eaeaea 2px;
padding: 7px 0px 6px 15px;
background-image: url(../../images/arrow.png);
background-position: left;
background-repeat: no-repeat;
display: block;
color: #333;
}

#top_rightbody ul.senmon li:first-child a{
border-top: none;

}


.mail_magazine a{
background-color: #318685;
color: #fdff79;
text-align: center;
padding: 15px 10px;
display: block;
border: solid #5ecac9 4px;
margin-bottom: 30px;
font-size: 120%;

}

.mail_magazine a:hover{
background-color: #489b9a;
text-decoration: none;
}

#top_rightbody ul.side_bunner{
list-style: none;
margin-bottom: 10px;
}

#top_rightbody ul.side_bunner li{
margin-bottom: 10px;
}




/* 協賛バナー
------------------------------------------------- */

x#sponsor{
background-color: #f0f4f6;
padding: 25px 0 23px 0;
margin-top: 100px;
}

x.over-flow{
overflow: hidden;
}

xul.sponsor_bunner{
list-style: none;
width: 1000px;
margin-left: -20px;
}

xul.sponsor_bunner li{
float: left;
margin: 7px 0 7px 20px;
}


ul.sponsor_bunner{
list-style: none;
width: 670px;
background-color: #f0f4f6;
padding: 15px 0 15px 0;
clear: both;
}

ul.sponsor_bunner li{
float: left;
margin: 7px 0px 7px 19px;
}


/* フッター
------------------------------------------------- */

#footer{
border-top: 2px solid #f0f4f6;
padding: 40px 0;
}

#footer ul{
list-style: none;
text-align: center;
}

#footer ul li{
display: inline;
padding: 0 10px;
border-left: solid #73a4c3 1px;

}

#footer ul li:first-child {
border-left: none;
}


address{
text-align: center;
color: #666666;
font-style: normal;
margin-top: 10px;
}


#footer a:link{
color: #4083ad;
text-decoration: none;
}
#footer a:visited{

color: #4083ad;
text-decoration: none;
}
#footer a:hover{
color: #50a5da;
text-decoration: underline;
}

#page-top {
    position: fixed;
    bottom: 50px;
    right: 50px;
z-index: 99999;
}





/* ぱんくず
------------------------------------------------- */

ul.pankuzu{
list-style: none;
width: 980px;
margin: 10px auto;
}

ul.pankuzu li{
display: inline;
}

ul.pankuzu li a{
display: inline;
background-image: url(../images/pankuzu.gif);
background-position: right;
background-repeat: no-repeat;
padding-right: 20px;
color: #4083ad;
}




/* 中ページ
------------------------------------------------- */

.bg_blue{
background-image: url(../images/bg_blue.gif);
background-repeat: repeat;
margin-bottom: 40px;
}

h2.ttl{
width: 980px;
margin: auto;
font-size: 30px;
color: #FFF;
font-weight: normal;
padding: 23px 0;
}

#leftbody{
width: 180px;
float: left;
}

#contents{
width: 780px;
float: right;
}




/* サイドメニュー
------------------------------------------------- */


#leftbody ul{
list-style: none;
line-height: 1.4;
}


#leftbody ul li a{
display: block;
background-color: #f0f4f6;
border-top: #eaeaea solid 2px;
padding: 10px 5px 10px 15px;
background-image: url(../images/side_arrow.png);
background-repeat: no-repeat;
background-position: left;
color: #4083ad;
text-decoration: none;

}

#leftbody ul li.main_current a{
background-color: #2a94d6;
background-image: url(../images/side_arrow2.png);
background-image: 
background-repeat: no-repeat;
background-position: left;
color: #FFF;
}



#leftbody ul li li a{
display: block;
background-color: #FFF;
border-top: #eaeaea solid 2px;
padding: 8px 5px 8px 27px;
background-image: url(../images/side_li.png);
background-repeat: no-repeat;
background-position: left;
color: #333;

}

#leftbody ul li.main_current li a{
display: block;
background-color: #FFF;
border-top: #eaeaea solid 2px;
padding: 8px 5px 8px 27px;
background-image: url(../images/side_li.png);
background-repeat: no-repeat;
background-position: left;
color: #333;

}

#leftbody ul li.main_current li.current a,
#leftbody ul li li.current a{
background-color: #58bbba;
color: #FFF;

}

/* リスト
------------------------------------------------- */

ul.list{
margin-bottom: 10px;
}


ul.list li{
margin-left: 2em;
}


/* 20160804追記分
------------------------------------------------- */


.photo_right{
float: right;
margin: 0 0 30px 30px;
}

ul.button{
text-align: center;
list-style: none;
}

ul.button li{
display: inline-block;
margin: 30px 20px 30px 20px;
}

ul.button li a{
padding: 10px 20px 10px 30px;
moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
background-color: #2a94d6;
color: #FFF;
width: 200px;
background-image: url(../images/side_arrow2.png);
background-repeat: no-repeat;
background-position: 10px 50%;
font-size: 16px;

}

ul.button li a:hover{
background-color: #49aed8;
color: #FFF;
text-decoration: none;
}

.movie{
text-align: center;
padding-bottom: 20px;
background-color: #f2f2f2;

}