@charset "UTF-8";
/**************************************************/
/*------------------------------------------------*/
/*      　　　　      SHARE-style                 */
/*------------------------------------------------*/
/**************************************************/
/*全体指定　ここから*/
/* UTF-8によるフォントの見栄え対応 */
/*All　start*/
* {
font-family: "メイリオ", MSPゴシック, Osaka, Arial;
margin: 0px;
padding: 0px;
}


body {
background-color: #FFFFFF;
border-top: 7px solid #000000;

/*background-image: URL(../img/body_bg.png);*/
}


img {
border: none;
margin: 0px;
padding: 0px;
}
/*ie6 set*/
.set_space {
line-height: 0px;
}
/*ie6 end*/
/*All　end*/


/*contents　start*/

/*HEADER_AREA start*/
.HEADER_AREA {
/*page ALL width strat*/
width: 820px;
/*page ALL width end*/
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
.HEADER_AREA h1 {
float: left;
width: 255px;
height: 30px;
font-size: 8pt;

margin-left: 5px;
margin-bottom: 13px;
}
.HEADER_AREA h1 a{
display: block;
width: 255px;
height: 30px;
background-image:URL(../img/header_logo.png);
background-position: left top;
background-repeat: no-repeat;
text-decoration: none;
}
.HEADER_AREA h1 a span {
position: relative;
z-index: -1;
}
.HEADER_menu_box {
float: right;
/*width: 545px;*/
width: 515px;
height: 22px;
}
.HEADER_menu_box ul {
list-style-type: none;
/*margin-left: 10px;*/
/*background-color: red;*/
}
.HEADER_menu_box ul li {
float: left;
margin-left: 8px;
margin-top: 10px;
}
.HEADER_menu_box ul li h2 {
font-size: 5pt;
}
.HEADER_menu_box ul li h2 a {
display: block;
height: 19px;
text-decoration: none;
}
.HEADER_menu_box ul li h2:hover {
background-position: left bottom;
}
.HEADER_menu_box ul li h2 a span {
position: relative;
z-index: -1;
}
/*Home (menu01)*/
.HEADER_menu_box ul .menu01 {
width: 41px;
background-image:URL(../img/header-menu01.png);
background-position: left top;
background-repeat: no-repeat;
}
/*活動実績(menu02)*/
.HEADER_menu_box ul .menu02 {
width: 55px;
background-image:URL(../img/header-menu02.png);
background-position: left top;
background-repeat: no-repeat;
}
/*事務局ブログ(menu03)*/
.HEADER_menu_box ul .menu03 {
width: 76px;
background-image:URL(../img/header-menu03.png);
background-position: left top;
background-repeat: no-repeat;
}
/*マスコミ・記者(menu04)*/
.HEADER_menu_box ul .menu04 {
width: 79px;
background-image:URL(../img/header-menu04.png);
background-position: left top;
background-repeat: no-repeat;
}
/*アドバイザ-の声(menu05)*/
.HEADER_menu_box ul .menu05 {
width: 98px;
background-image:URL(../img/header-menu05.png);
background-position: left top;
background-repeat: no-repeat;
}
/*活用教員リスト(menu06)*/
.HEADER_menu_box ul .menu06 {
width: 86px;
background-image:URL(../img/header-menu06.png);
background-position: left top;
background-repeat: no-repeat;
}
/*プレスリリース(menu07)*/
.HEADER_menu_box ul .menu07 {
width: 76px;
background-image:URL(../img/header-menu07.png);
background-position: left top;
background-repeat: no-repeat;
}
/*ウェブマガジン(menu08)*/
.HEADER_menu_box ul .menu08 {
width: 86px;
background-image:URL(../img/header-menu08.png);
background-position: left top;
background-repeat: no-repeat;
}
/*活動実績･予定(menu09)*/
.HEADER_menu_box ul .menu09 {
width: 85px;
background-image:URL(../img/header-menu09.png);
background-position: left top;
background-repeat: no-repeat;
}
/*ケータイ研とは(menu10)*/
.HEADER_menu_box ul .menu10 {
width: 90px;
background-image:URL(../img/header-menu10.png);
background-position: left top;
background-repeat: no-repeat;
}



/*HEADER_AREA end*/

/*HEADER_top_img start*/
.HEADER_top_img {
width: 100%;
background-image:URL(../img/header_top_image_bg.png);
margin-bottom: 14px;
}
.HEADER_top_imgIN {
width: 820px;
/*height: 250px;*/
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;


}
.HEADER_top_imgIN p {
width: 820px;
height: 250px;
background-image:URL(../img/header_top_image.png);
background-repeat: no-repeat;
background-position: left top;
}
.HEADER_top_imgIN p strong {
position: relative;
z-index: -1;
}
/*各種設定*/
/*menber*/
.menber_img p{
height: 136px;
background-image:URL(../img/member/membertop.png);
}
/*webmagazine*/
.webmagazine_img p{
height: 136px;
background-image:URL(../img/webmagazine/webmagazinetop.png);
}
/*result*/
.result_img p{
height: 136px;
background-image:URL(../img/result/resulttop.png);
}
/*pressrelease*/
.pressrelease_img p{
height: 136px;
background-image:URL(../img/pressrelease/pressreleasetop.png);
}
/*research*/
.research_img p{
height: 136px;
background-image:URL(../img/research/researchtop.png);
}


/*HEADER_top_img end*




/*CONTENTS_AREA start*/
.CONTENTS_AREA {
background-color: #FFFFFF;
width: 820px;
margin-left: auto;
margin-right: auto;
}
/*LEFTBOX_AREA*/
.LEFTBOX_AREA {
float: left;
width: 610px;
}
.ContinerBox {
width: 594px;
border: 1px solid #666666;
margin-bottom: 15px;
}
.ContinerBox h3 {
width: 553px;
border-bottom: 1px solid #999999;
margin-left: auto;
margin-right: auto;
font-size: 10pt;
letter-spacing: 2px;
margin-top: 14px;

background-repeat: no-repeat;
background-position: left top;
text-indent: 25px;
line-height: 2em;
color: #333333;
}
/*home*/
.index h3 {
background-image: URL(../img/list01.png);
}
/*member*/
.member h3 {
background-image: URL(../img/member/memberlist01.png);
}
/*webmagazine*/
.webmagazine h3 {
background-image: URL(../img/webmagazine/webmagazinebox_list01.png);
}
/*result*/
.result h3 {
background-image: URL(../img/result/resultbox_list01.png);
}
/*pressrelease*/
.pressrelease h3 {
background-image: URL(../img/pressrelease/pressreleasebox_list01.png);
}
/*research*/
.research h3 {
background-image: URL(../img/research/researchbox_list01.png);
}
.ContinerBox .coment {
width: 553px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 20px;
font-size: 10pt;
letter-spacing: 1.5px;
line-height: 1.5em;
}
.ContinerBox .coment strong {
display: block;
text-align: right;
font-size: 8pt;
margin-top: 20px;
}
.ContinerBox .coment span {
font-weight: bold;
color: #666666;
}

/*RIGHTBOX_AREA*/
.RIGHTBOX_AREA {
float: right;
width: 210px;

}

.Img_box {
margin-bottom: 8px;
}
.Img_box a {
border: none;
}
.Img_box a img {
display: block;
}
.Results_box {
width: 208px;
border: 1px solid #000000;
margin-bottom: 8px;
background-color: #e7e6dd;
}
.Results_box h3 {
font-size: 10pt;
text-indent: 10px;
line-height: 2em;
letter-spacing: 2px;
color: #444444;
}
.resultIn_box {
width: 200px;
margin-left: auto;
margin-right: 0px;
background-color: #FFFFFF;

}
.resultIn_box ul {
width: 200px;
list-style-type: none;
font-size: 10pt;
padding-top: 5px;
}
.resultIn_box ul li {
width: 190px;
/*margin-left: 10px;*/
margin-left: 0px;
/*background-image: URL(../img/list02.png);
background-repeat: no-repeat;
background-position: left center;*/
}
.resultIn_box ul li .day{
color: #666666;
font-size: 7pt;
letter-spacing: 1.2px;
padding-left: 10px;
}

.resultIn_box ul li .title {
padding-bottom: 5px;
font-size: 8pt;
letter-spacing: 1.2px;
padding-left: 10px;
}
.resultIn_box ul li .title a {
text-decoration: none;
color: #000080;
}
.resultIn_box ul li .title a:hover {
text-decoration: underline;

}
.Webmagazine_box {
width: 208px;
border: 1px solid #000000;
margin-bottom: 8px;
background-color: #e7e6dd;
}
.Webmagazine_box h3 {
font-size: 10pt;
text-indent: 10px;
line-height: 2em;
letter-spacing: 2px;
color: #444444;
}
.magazines_box {
width: 200px;
background-color: #FFFFFF;
margin-left: auto;
margin-right: 0px;
background-image: URL(../img/webmagazinbox_bg.png);
background-repeat: no-repeat;
background-position: right bottom;
}
.magazines_box h4 {
width: 200px;
font-size: 10pt;
text-indent: 5px;
line-height: 2.5em;
letter-spacing: 2px;
color: #333333;

}
.magazines_box ul {
list-style-type: none;
font-size: 10pt;
width: 200px;
margin-left: 4px;
padding-bottom: 10px;


}
.magazines_box ul li {
width: 65px;
float: left;
line-height: 2em;
/*color: #666666;*/
}
.magazines_box ul li a {
text-decoration: none;
color: #000080;
}
.magazines_box ul li a:hover {
text-decoration: underline;
}




/*CONTENTS_AREA end*/

/*FOOTER_AREA start*/
.FOOTER_AREA {
background-color: #333333;
width: 100%;
height: auto;
margin-bottom: 5px;
}
.FOOTER_AREAIN {
width: 820px;
margin-left: auto;
margin-right: auto;
}
.FOOTER_BOX_left {
float: left;
width: 500px;
}
.FOOTER_BOX_left ul {
list-style-type: none;
margin-top: 10px;
margin-bottom: 15px;
}
.FOOTER_BOX_left ul li {
float: left;
margin-left: 5px;
margin-right: 5px;
font-size: 8pt;
color: #FFFFFF;
letter-spacing: 2px;
}
.FOOTER_BOX_left ul li a {
color: #FFFFFF;
text-decoration: none;

}
.FOOTER_BOX_left ul li a:hover {
text-decoration: underline;
}
.FOOTER_BOX_right {
float: right;
width: 300px;
}
.FOOTER_BOX_right p {
color: #FFFFFF;
font-weight: bold;
font-size: 8pt;
margin-top: 25px;
margin-bottom: 15px;
}
/*FOOTER_AREA end*/


/*contents　end*/

/*-----------------*/
/*HOME専用CSS start*/

.NewsBox {
width: 594px;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
margin-bottom: 15px;
}
.NewsBox h3 {
width: 594px;
height: 26px;
font-size: 10pt;
letter-spacing: 2px;
background-image: URL(../img/home/newsbox_h3_bg.png);
background-repeat: repeat-x;
background-position: left top;
text-indent: 10px;
/*padding-top: 5px;*/
color: #333333;
}
.NewsBox h3 span {
display: block;
line-height: 26px;
height: 26px;
}
.NewsBox .News_List {
width: 553px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 10px;
font-size: 10pt;
letter-spacing: 1.5px;
line-height: 1.5em;
border-bottom: 1px solid #CCCCCC;
background-image: URL(../img/home/newsbox_list01.png);
background-repeat: no-repeat;
background-position: left center;
}
.NewsBox .News_List span{
display: block;
margin-left: 30px;
}
.NewsBox .News_List span a {
text-decoration: none;
color: #000080;
}
.NewsBox .News_List span a:hover {
text-decoration: underline;
}
.NewsBox .details {
text-align: right;
font-size: 10pt;
font-weight: bold;
padding-right: 20px;
margin-bottom: 10px;
}
.NewsBox .details a {
color: #000080;
text-decoration: none;
background-image: URL(../img/list03.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 13px;
}
.NewsBox .details a:hover {
text-decoration: underline;
}





/*LEFTBOX_AREAwidth: 610px;*/
/*RIGHTBOX_AREAwidth: 210px;*/

/*HOME専用CSS end*/
/*-----------------*/
/*-----------------*/
/*member専用CSS start*/
/*LEFTBOX_AREAwidth: 610px;*/
/*RIGHTBOX_AREAwidth: 210px;*/
.profileBOX {
width: 551px;

border: 1px solid #CCCCCC;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
background-color: #EEEEEE;
}
.profile {
float: left;
width: 150px;
margin-left: 5px;
margin-top: 5px;

}
.profile p {
font-size: 8pt;
margin-left: 5px;
}
.profile p span {
font-weight: bold;
font-size: 10pt;
}
.profile .Img_box img {
border: 2px solid #CCCCCC;
}
.coment_box {
float: left;
width: 390px;
margin-top: 5px;
background-color: #FFFFFF;
margin-bottom: 5px;
}
.coment_box p {
font-size: 8pt;
padding: 5px;
letter-spacing: 1.5px;
line-height: 1.3em;
}
.coment_box p span {
font-weight: bold;
font-size: 10pt;
}
.coment_box p a {
display: block;
background-image: URL(../img/list03.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
color: #000080;
text-decoration: none;
line-height: 2em;
width: 150px;
}
.coment_box p a:hover {
text-decoration: underline;
}

/*member専用CSS end*/
/*-----------------*/

/*------------------------*/
/*webmagazine専用CSS start*/
/*LEFTBOX_AREAwidth: 610px;*/
/*RIGHTBOX_AREAwidth: 210px;*/
.webmagazine {

}

.webmagaBox {
width: 551px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
}
.webmagaBox .webmagaImg_box {
width: 160px;
float: left;
}
.webmagaBox .webmagaImg_box img {
 width: 150px;
 height: 212px;
}
.webmagaBox .webmagaImg_box2 {
width: 160px;
float: left;
}
.webmagaBox .webmagaImg_box2 img {
 width: 150px;
 height: 180px;
}
.webmagaBox .webmagaImg_box3 {
width: 160px;
float: left;
}
.webmagaBox .webmagaImg_box3 img {
 width: 150px;
 height: 120px;
}
.webmagaBox .webmagaContiner_box {
width: 385px;
float: left;
}
.webmagaBox .webmagaContiner_box h4 {
font-size: 10pt;
line-height: 2em;
color: #333333;
letter-spacing: 2px;
}
.webmagaBox .webmagaContiner_box h5 {
font-size: 11pt;
color: #333333;
border-bottom: 1px solid #CCCCCC;
letter-spacing: 2px;
}
.webmagaBox .webmagaContiner_box h5 span {
font-size: 8pt;
}
.webmagaBox .webmagaContiner_box p {
font-size: 10pt;
letter-spacing: 1.5px;
margin-top: 10px;
}
.webmagaBox .webmagaContiner_box .webmagaDl a{
display: block;
background-image: URL(../img/webmagazine/magazindl.png);
background-repeat: no-repeat;
background-position: left top;
width: 253px;
height: 43px;
text-decoration: none;
font-size: 6pt;
margin-top: 20px;
}
.webmagaBox .webmagaContiner_box .webmagaDl a span {
position: relative;
z-index: -1;
}
.magazineMenu_box {
width: 549px;
border: 1px solid #CCCCCC;
margin-top: 20px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
.magazineMenu_box .magazinesBox {
margin-left: 29px;
margin-top: 5px;
margin-bottom: 5px;
width: 80px;
float: left;
}
.magazineMenu_box h6 {
background-color: #999999;
line-height: 2em;
text-indent: 15px;
font-size: 10pt;
margin-bottom: 5px;
color: #FFFFFF;
letter-spacing: 1.5px;
}
.magazineMenu_box .magazinesBox div img {
width: 50px;
height: 65px;

}
.magazineMenu_box .magazinesBox p {
font-size: 8pt;
letter-spacing: 1.5px;
}
.magazineMenu_box .magazinesBox p a {
color: #000080;
text-decoration: none;
font-weight: bold;
}
.magazineMenu_box .magazinesBox p a:hover {
text-decoration: underline;
}
.magazineComent {
width: 549px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
font-size: 8pt;
color: #880000;
}


/*webmagazine専用CSS end*/
/*----------------------*/

/*-------------------*/
/*result専用CSS start*/
.result_box {
width: 551px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
}
.result_box h4 {
font-size: 10pt;
letter-spacing: 1.5px;
background-color: #919100;
color: #FFFFFF;
line-height: 2em;
text-indent: 10px;
margin-bottom: 10px;
}
.result_box img {
display: block;
margin-left: auto;
margin-right: auto;
border: 1px solid #CCCCCC;
}


.result_box p {
font-size: 9pt;
line-height: 2em;
padding-left: 10px;
}
.result_box p a {
text-decoration: none;
color: #000080;
}
.result_box p a:hover {
text-decoration: underline;
}
.result_box p strong {
color: #666666;
}
.result_box p span {
padding-left: 15px;
}
.result_box h5 {
font-size: 10pt;
letter-spacing: 1.5px;
border:1px solid #919100;
border-left:5px solid #919100;
color: #666666;
line-height: 2em;
text-indent: 10px;
margin-top: 20px;
margin-bottom: 10px;
}
.result_box table {
border: 1px solid #919100;
border-collapse: collapse;
font-size: 10pt;
}
.result_box table td{
border: 1px solid #919100;

}
.result_box table .title {
width: 100px;
padding: 10px;
vertical-align: top;
background-color: #FFFFC1;
}
.result_box table .coment {
letter-spacing: 1.2px;
padding: 10px;
width: 410px;
max-width:410px;
}
.result_box table .coment a {
color: #000080;
text-decoration: none;
}
.result_box table .coment a:hover {
text-decoration: underline;
}
.resultLink_box {
margin-top:20px;
}
.resultLink_box p {
background-image: URL(../img/list03.png);
background-repeat: no-repeat;
background-position: left center;
text-indent: 5px;

}
/*result専用CSS end*/
/*-----------------*/
/*-------------------------*/
/*pressrelease専用CSS start*/
.PressreleseBox {
width: 551px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
}
.PressreleseBox .days {
text-align: right;
font-size: 8pt;
letter-spacing: 1.5px;
color: #666666;
}
.PressreleseBox h4 {
font-size: 10pt;
line-height: 2em;
color: #333333;
margin-bottom: 10px;
border: 1px solid #CCCCCC;
padding: 10px;
letter-spacing: 2px;
}

.PressreleseBox .coment {
font-size: 9pt;
line-height: 1.8em;
letter-spacing: 2px;
}
.PressreleseBox .coment span {
display: block;
width: 95%;
margin-left: auto;
margin-right: 0;
margin-bottom: 10px;
}
.PressreleseBox h5 {
border: 1px solid #AAAAAA;
border-left: 5px solid #AAAAAA;
margin-bottom: 10px;
text-indent: 10px;
letter-spacing: 2px;
line-height: 1.5em;
background-color: #CCCCCC;
color: #333333;
}
.PressreleseBox img {
display: block;
border: 1px solid #AAAAAA;
width: 320;
height: 240px;
margin-left: auto;
margin-right: auto;
}

.pressreleaseLink_box {
margin-top:20px;
font-size: 8pt;
}
.pressreleaseLink_box p {
background-image: URL(../img/list03.png);
background-repeat: no-repeat;
background-position: left center;
text-indent: 13px;
letter-spacing: 1.2px;

}
.pressreleaseLink_box p a {
color: #000080;
text-decoration: none;
}
.pressreleaseLink_box p a:hover {
text-decoration: underline;
}

/*pressrelease専用CSS end*/
/*-----------------------*/

/*research専用CSS start*/
.research {

}

.researchBOX {
width: 551px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
}
.researchBOX h4 {
font-size: 10pt;
line-height: 2em;
color: #333333;
margin-bottom: 5px;
border: 1px solid #CCCCCC;
padding: 10px;
letter-spacing: 2px;
background-color: #DDDDDD;
}
.researchBOX h5 {
font-size: 11pt;
color: #333333;
}
.researchBOX table {
border: 1px solid #CCCCCC;
border-collapse: collapse;
}
.researchBOX table tr {

}
.researchBOX table tr td {
font-size: 9pt;
border: 1px solid #CCCCCC;

padding-left: 5px;
}
.researchBOX table tr .title1 {
background-color: #666666;
width: 50px;
font-weight: bold;
color: #FFFFFF;
font-size: 8pt;
}
.researchBOX table tr .title2 {
background-color: #666666;
width: 65px;
font-weight: bold;
color: #FFFFFF;
font-size: 8pt;
}
.researchBOX table tr .title3 {
background-color: #666666;
width: 110px;
font-weight: bold;
color: #FFFFFF;
font-size: 8pt;
}
.researchBOX table tr .title4 {
background-color: #666666;
font-weight: bold;
color: #FFFFFF;
font-size: 8pt;

}
.researchBOX table tr .title5 {
background-color: #666666;
font-weight: bold;
color: #FFFFFF;
font-size: 8pt;
width: 30px;
}
.researchBOX table tr td a{
color: #000080;
text-decoration: none;
}
.researchBOX table tr td a:hover {
text-decoration: underline;
}

.researchBOX table tr td ul {
list-style-type: none;
}
.researchBOX table tr td ul li {
margin-bottom: 5px;
}
.researchBOX table tr td ul li a {
color: #000080;
text-decoration: none;
}
.researchBOX table tr td ul li a:hover {
text-decoration: underline;
}
.resultIn_box2 {
width: 200px;
margin-left: auto;
margin-right: 0px;
background-color: #FFFFFF;

}
.resultIn_box2 ul {
width: 200px;
list-style-type: none;
font-size: 10pt;
padding-top: 5px;
padding-bottom: 5px;
}
.resultIn_box2 ul li {
width: 180px;
margin-left: 10px;
line-height: 1.5em;
}
.resultIn_box2 ul li .title {
font-size: 8pt;
padding-left: 10px;
width: 180px;
}
.resultIn_box2 ul li .title a {
text-decoration: none;
color: #000080;
}
.resultIn_box2 ul li .title a:hover {
text-decoration: underline;

}



/*research専用CSS end*/