@charset "utf-8";

/*temp*/
body {
    background: url(../../media/temp/bg.jpg) repeat-x top left #fff6fb;
    color: #000;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family: "ＭＳ Ｐゴシック", HiraKakuPro-W3, "平成角ゴシック", Osaka, verdana, arial, helvetica, Sans-Serif;
    }
p {
}
a img {
    border: none;
    color: #ffffff;
    background: #transparent;
}

a{
    color: #0066aa;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
    color: #0066aa;
}
img.leftphoto {
    float:left;
    margin:0 10px 10px 0;
}

div.leftphoto_hukuri {
    width:484px;
    margin: 0 0 20px 12px;
}
div.leftphoto_hukuri img {
    border: solid 5px #f1f1f1;
    float:left;
    margin-right:10px;
}
div.leftphoto_hukuri div.copy {
    float:right;
    width:280px;
    margin-bottom:1em;
}
div#left-contents div.leftphoto_hukuri div.copy dl,
div#left-contents div.leftphoto_hukuri div.copy ul {
    margin: 0;
    padding: 0;
}
div#left-contents div.leftphoto_hukuri div.copy ul li dl dt {
    margin: .6em 0 0 0;
    padding: 0;
}
div#left-contents div.leftphoto_hukuri div.copy dl dt {
    font-weight: bold;
}
div#left-contents dl.news {
    margin-top:5px;
    margin-bottom:5px;
}

div#left-contents dl.news dt {
    width:80px;
    float:left;
    padding-left:10px;
    background: transparent url("../../media/temp/news-head.gif") no-repeat 0 2px;
    /*border:1px solid;*/
}

div#left-contents dl.news dd {
    width:400px;
    margin-left:90px;
    padding:0;
}

span.pink {
    color:#EA006E;
}
span.blue {
    color:#0066aa;
}
div#left-contents ul,
div#left-contents ol {
    margin:0 1em;
}

div.topright {
    float:right;
    margin-right:12px;
}

/*tenp*/

/* base */
h1, h2, h3, h4, h5, h6, p, li, th, td, dt, dd, div {
    line-height: 140%;
}
/* /base*/


/*N
-------------------------------------------------------------*/
.menu-a{
    color: #3b3b3b;
    text-decoration: none;
}


/* レイアウトの骨組みになる部分のスタイル定義
-------------------------------------------------------------*/
#wrapper{
    margin: 0px auto;
    text-align: left;
    width: 800px;
    font-size:85%;
    line-height: 140%;
}
#maincontents{
    width: 800px;
    float: left;
    background: #fff;



}

/* ヘッド部分
-------------------------------------------------------------*/
#header{
    width: 800px;
    height: 20px;
    padding:10px 0 5px 0;
    margin-bottom:5px;
    position: relative;
}
#header table#headertable {
    height: 20px;
    position: absolute;
    display: block;
    top: 20px;
    right: 20px;
}
#header table#headertable tr {
    vertical-align: top;
}
#header table#headertable tr td {
    margin: 0;
    padding: 0;
    line-height: 100%;
}
#header #sizechange {
    margin: 0;
    padding: 0;
    line-height: 100%;
}
#header #sizechange h2 {
    margin: 0;
    padding: 0;
    width: 91px;
    height: 20px;
}

#header table#searchbox {
    background: transparent url("../../media/temp/search_bg.gif") no-repeat 0 2px;
    display: block;
    width: 169px;
    height: 20px;
}
#header table#searchbox tr {
    vertical-align: top;
}
#header table#searchbox tr td {
    margin: 0;
    padding: 0;
    line-height: 100%;
}
#header table#searchbox td#searchinput {
    margin: 0;
    padding: 0;
    width: 131px;
    height: 14px;
}
#header table#searchbox td#searchinput input {
    margin: 0;
    padding: 2px 0 2px 18px;
    border: none;
    background-color: transparent;
    width: 113px; /* 131px - 18px */
    height: 14px;
    font-size: 10px;
}
#header table#searchbox td#searchsend {
    margin: 0;
    padding: 0;
    width: 38px;
    height: 20px;
    border: none;
    background-color: transparent;
    font-size: 0;
    line-height: 100%;
}
#header table#searchbox td#searchsend input {
}


/* コンテンツ骨組み
-------------------------------------------------------------*/
#mainimg {
    z-index:1;
}
#contents {
    margin: 0;
    padding: 0px 15px;
}
#left-contents {
    float: left;
    width: 530px;
    margin-bottom: 10px;
    padding: 0;
}
#right-contents {
    margin-top:-15px;
    width: 240px;
    width:230px;

    position: relative;
    z-index:5;
    float:left;
}

#footer {
    clear:both;
}
/* ナビゲーション
-------------------------------------------------------------*/
#top-navi{
    margin: 0px;
    padding: 0px;
}
#top-navi a{
    display: block;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    text-align:center;
    overflow: hidden;
}
#top-navi ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#top-navi li{
    float: left;
    text-indent: -9999px;
    display: block;
}
#top-navi li.navi1 a{
    background: url(../../media/temp/navi_01.gif) no-repeat;
    width: 85px;
    height:30px;
}
#top-navi li.navi1 a:hover,#top-navi li.navi1 a.active{
    background: url(../../media/temp/navi_01_on.gif) no-repeat;
    width: 85px;
}
#top-navi li.navi2 a{
    background: url(../../media/temp/navi_02.gif) no-repeat;
    width: 131px;
    height:30px;
}
#top-navi li.navi2 a:hover,#top-navi li.navi2 a.active{
    background: url(../../media/temp/navi_02_on.gif) no-repeat;
    width: 131px;
}
#top-navi li.navi3 a{
    background: url(../../media/temp/navi_03.gif) no-repeat;
    width: 103px;
    height:30px;
}
#top-navi li.navi3 a:hover,#top-navi li.navi3 a.active{
    background: url(../../media/temp/navi_03_on.gif) no-repeat;
    width: 103px;
}
#top-navi li.navi4 a{
    background: url(../../media/temp/navi_04.gif) no-repeat;
    width: 103px;
    height:30px;
}
#top-navi li.navi4 a:hover,#top-navi li.navi4 a.active{
    background: url(../../media/temp/navi_04_on.gif) no-repeat;
    width: 103px;
}
#top-navi li.navi5 a{
    background: url(../../media/temp/navi_05.gif) no-repeat;
    width: 101px;
    height:30px;
}
#top-navi li.navi5 a:hover,#top-navi li.navi5 a.active{
    background: url(../../media/temp/navi_05_on.gif) no-repeat;
    width: 101px;
}

#top-navi li.search a{
    background: url(../../media/temp/navi_06.gif) no-repeat;
    width: 267px;
    height:30px;
}

#top-navi li.search a:hover,#top-navi li.search a.active{
    background: url(../../media/temp/navi_06_on.gif) no-repeat;
    width: 267px
}
/* TOPページ関連
-------------------------------------------------------------*/
#contents h1 img#title {
    margin-left:-5px;
}
div.service {
    float:left;
    width:220px;
    padding:0;
}
div.service2 {
    float:left;
    width:290px;
    padding:0;
}
div.senpai {
    margin: 10px;
    width:auto;
    height:120px;
}
div.senpai img {
	float:left;
    margin-right:1em;
}
div.toparea {
    clear:both;
    margin-left:10px;
    padding: 0 5px;
}

div.senpai div.toparea2 {
	float:left;
    margin-bottom: 10px;
    width:300px;
    padding:10px;
    }
div.senpai div.toparea2 p {
    background: url(../../media/temp/news-head.gif) repeat-y top left;
    margin-bottom:1em;
    padding:0 1em;
    }
span.gyomu {
    float:left;
}
div.toparea-title{
    background: url(../../media/temp/gr_arrow.gif) no-repeat 0 5px ;
    margin-top:5px;
    padding-left:12px;
}
div.toparea-title2{
    background: url(../../media/temp/gr_arrow.gif) no-repeat 0 5px ;
    margin:0px;
    padding-left:12px;
}
.toparea p,
#right-contents div#forbusiness p {
    background: url(../../media/temp/news-head.gif) repeat-y top left;
    margin-bottom:0;
    padding:0 1em;
}
img.catchtitle {
    margin-top:10px;
}

div.toparea-title2{
    background: url(../../media/temp/gr_arrow.gif) no-repeat 0 5px ;
    padding:0 1em 0 1em;
    display:inline;
}
/* 右メニュー
-------------------------------------------------------------*/
#right-contents div#forbusiness,
#right-contents div#webmagazine,
#right-contents div#forperson {
    width:227px;
    margin-bottom:10px;
}
/*#business*/
#right-contents div#forbusiness div#top{
    background: url(../../media/temp/side_blue01.gif) no-repeat 0 0;
    height:53px;
    text-indent:-999em;
}
#right-contents div#forbusiness div#middle{
    margin:0;
    padding:10px 10px 10px 30px;
    background: url(../../media/temp/side_blue02.gif) repeat-y 0 0;
    height:auto;
}
#right-contents div#forbusiness div#bottom{
    background: url(../../media/temp/side_blue03.gif) no-repeat 0 0;
    height:15px;
}

/*#webmagazine*/
#right-contents div#webmagazine div#top{
    background: url(../../media/temp/side_hr01.gif) no-repeat 0 0;
    height:57px;
    text-indent:-999em;
}
#right-contents div#webmagazine div#top a{
    display:block;
    width:227px;
    height:57px;
 }
 #right-contents div#webmagazine div#middle{
     width:227px;
     padding:10px 10px 20px 10px;
     _padding:5px 10px;
     background: url(../../media/temp/side_hr02.gif) repeat-y 0 0;
     height:auto;
}
#right-contents div#webmagazine div#middle div.hrnews{
    background: url(../../media/temp/side_hr_icon1.gif) no-repeat 0 0;
}
#right-contents div#webmagazine div#middle div.hrnews div.toparea-title,
#right-contents div#webmagazine div#middle div.hrnews2 div.toparea-title,
#right-contents div#middle div.toparea-title {
    background: url(../../media/temp/gr_arrow.gif) no-repeat 0 5px ;
    margin-left:30px;
}	
#right-contents div#webmagazine div#middle div.hrnews p,
#right-contents div#webmagazine div#middle div.hrnews2 p,
#right-contents div#middle p {
    background: url(../../media/temp/news-head.gif) repeat-y top left;
    margin: 0 15px 10px 30px;
    padding-left:1em;
    }
    #right-contents  div#forbusiness div#middle div.toparea-title,
    #right-contents  div#forstaff div#middle div.toparea-title {
        background: url(../../media/temp/gr_arrow.gif) no-repeat 0 5px ;
        margin-left:10px;
}	
#right-contents div#forbusiness div#middle p,
#right-contents div#forstaff div#middle p {
    background: url(../../media/temp/news-head.gif) repeat-y top left;
    margin: 0 0 10px 10px;
    }
    #right-contents div#webmagazine div#middle div.hrnews2{
        background: url(../../media/temp/side_hr_icon2.gif) no-repeat 0 0;
}
#right-contents .border_b {
    background: url(../../media/temp/side_hr_border.jpg) no-repeat -10px 0;
    margin:3px;
    height:7px;
}
a.mail {
    background:transparent url(../../media/temp/icon_mail.gif) no-repeat 0 5px;
    padding-left:15px;
    margin-left:30px;
}
#right-contents div#webmagazine div#bottom {
    background: url(../../media/temp/side_hr03.gif) no-repeat 0 0;
    width:227px;
    height:15px;
}

/*#forperson*/
#right-contents div#forperson div#top{
    background: url(../../media/temp/side_red01.gif) no-repeat 0 0;
    height:56px;
    text-indent:-999em;
}

#right-contents div#forperson div#middle{
    margin:0;
    padding:10px 10px 10px 20px;
    background: url(../../media/temp/side_red02.gif) repeat-y 0 0;
    height:auto;
}
#right-contents div#forperson div#middle img {
    padding-left:15px;
}
#right-contents div#forperson div#bottom{
    background: url(../../media/temp/side_red03.gif) no-repeat 0 0;
    height:16px;
}
#right-contents .border_p {
    background: url(../../media/temp/side_red_boder.jpg) no-repeat -10px 0;
    margin:3px;
    height:9px;
}
#right-contents .right_bn {
    margin-right:18px;
    padding:0 10px;
}

#right-contents .right_bn .box {
    margin-left:0;
    border:1px solid #ccc;
    padding-left:10px ;
    width:200px;
}

/* バナー
-------------------------------------------------------------*/
div#tempbanner {
    clear:both;
    margin-left:15px;
    padding-top:15px;
}
a#bn_staffno img {
    margin-left: 4px;
}


/* フッター
-------------------------------------------------------------*/
#fnavigation {
    margin: 5px 0;
    float:left;
    font-size:90%;
    width:100%;
}
#fnavigation ul{
    margin: 0 5px 0 10px;
    padding: 5px 0 0;
    list-style: none;
}
#fnavigation ul li{
    display: inline;
    background: url(../../media/temp/gr_block.gif) no-repeat 0 40%;
    margin: 5px 0 0 5px;
    padding-left: 8px;
}
#fnavigation ul li a {
    color:#333;
    text-decoration:none;
}

#fnavigation ul li a:hover {
    color:#333;
    text-decoration:underline;
}

#copyright{
    margin: 5px 15px 0 0;
    float: right;
    font-size:90%;
    color:#999;
}

.totop{
    background: url(../../media/icon_arrow1.gif) no-repeat 0 50%;
    padding-left: 10px;
    margin: 0 15px 5px 0;
    font-size: 84%;
}
#ceo-photo {
    float: left;
    margin-right: 1.5em;
}
#ceo-name {
    float: right;
}
.s-title{
    margin: 0;
    padding: 0;
    font-weight: bold;
}
.s-title span{
    color: #de1f27;
}


div#left-contents h2 {
    margin-bottom: 10px;
    padding: 10px 0 0 10px;
    background: transparent url("../../../media/temp/second/title_bg.jpg") no-repeat 0 0;
    color:#EA006E;
    font-weight:bold;
}
div#left-contents h2.personaltype {
    background: transparent url("../../../media/temp/second/title_bg3.jpg") no-repeat 0 0;
}
div#left-contents h3{
    border-left:5px solid #e13596;
    margin:20px 0 15px 12px;
    padding:6px 0 5px 10px;
    /*background-color: #fdedf3;*/
    background: transparent url("../../media/temp/h3_bg.gif") repeat-x;
    color:#000;
    font-size: 100%;
    font-weight:bold;
    display:block;
}
div#left-contents h4{
    background: url(../../saiyo/media/i_fresh_h3.gif) no-repeat 0 45%;
    margin: 15px 0 5px 12px;
    padding-left:15px;
    color:#806b7c;
    font-weight:bold;
}
div#left-contents h5{
    margin: 10px 0px 0px 12px;
    padding-top:5px;
    border-top:1px dotted #EA006E;
    color:#EA006E;
    font-weight:bold;
}
div#left-contents h5.non{
    border-top:0px;
}
.tbl-data{
    font-size:12px;
    margin: 10px 0 10px 12px;
    border: 1px solid #f69dbb;
}
.tbl-data th{
    background: #fce0e0;
    padding: 8px;
    line-height: 18px;
    border: 1px solid #f69dbb;
}
.tbl-data td{
    background: #fcf9f9;
    padding: 8px;
    line-height: 18px;
    border: 1px solid #f69dbb;
}
table.flow {
    font-size:12px;
    margin: 10px 0 10px 12px;
}
table.flow td {
    padding:0 5px;
}
.merit {
    background: #fce0e0;
    text-align:center;
    font-weight:bold;
    padding:20px 8px;
}
.pickup{
    font-size:12px;
    margin: 0 10px 10px 12px;
    padding: 8px;
}
/* 別窓で開くページのスタイル
-------------------------------------------------------------*/
body#free h2,
body#form h2 {
    margin: 10px 0;
    padding: 10px 0 0 10px;
    background: transparent url("../../media/temp/second/title_bg2.jpg") no-repeat 0 0;
    color:#EA006E;
    font-weight:bold;
}
body#free h3 {
    border-left:5px solid #EA006E;
    margin:20px 0;
    padding:6px 0 5px 10px;
    background-color: transparent;
    color:#000;
    font-size: 110%;
}
body#free h4 {
    color:#EA006E;
    font-weight:bold;
    margin:10px 0;
}
body#free #freespace {
    margin:15px 0 ;
	padding:0 20px;
}
body#free #freespace2 {
    margin:15px 0 ;
	padding:0;
}
body#free #freespace ol {
    margin:1.5em;
}
body#free #freespace ol li{
    text-indent:-1.9em;
}
body#free #freespace2 p {
	padding:0 12px;
}
div.pbox {
    margin:1em;
    padding:10px 1em 1em;
    border:1px solid #EA006E;
}
div.pbox img.left {
	float:left;
	vertical-align:top;
}
div.pbox strong {
    font-weight:bold;
    color: #EA006E;
    display:block;
}
#left-contents p,#left-contents dl {
    margin: .6em 1em 1em 1em;
    line-height: 170%;
}
/*パンくず*/
dl dd strong {
    color:#666;
}
/*サービスラインナップ*/
dl.seminor {
    margin:5px 10px;
}
dl.seminor dt {
    color:#EA006E;
    margin-top:5px;
}
dl.seminor dd {
    margin-left:12px;
}

.box {
    border:1px solid #D1D1D1;
    width:510px;
    height:100%;
    margin:12px 0 12px 12px;
    padding:5px;
}

.jirei {
    font-size: 14px;
    font-weight: bold;
    padding: 6px 8px;
}
.jirei-l {
    float: left;
    width: 100px;
    text-align: right;
}
.jirei-l2 {
    float: left;
    width: 100px;
    text-align: center;
}
.jirei-r {
    width: 400px;
    float: left;
    text-align: left;
}
.gold {
    color: #8b6a3f;
}
.border2 {
    background:url("../../media/temp/dotline2.gif") repeat-x scroll;
    height:1px;
}
.robot-box {
    float:right;
    font-size:9px;
    text-align:center;
}
/* add 090117 kanai 共通 */
div#breadcrumbox {
    margin: 10px 0;
}
    div#breadcrumbox dl {
    }
        div#breadcrumbox dl dt {
            float: left;
            font-size: 84%;
        }
            div#breadcrumbox dl dt a {
            }
        div#breadcrumbox dl dd {
            margin: 0;
            padding: 0;
            float: left;
            font-size: 84%;
        }
            div#breadcrumbox dl dd a {
            }
            div#breadcrumbox dl dd strong {
                font-weight: bold;
            }


/* /add 090117 kanai 共通 */
/* Q&Aページ
-------------------------------------------------------------*/
#contents2 h3.qa-t{
    color: #2d2d2d;
    margin: 20px 0 5px 0;
    height: 20px;
    border: none;
}

.qa-q{
    background: url(../../school/media/icon_qa1.gif) no-repeat 0 1px;
    padding-left: 24px;
}
.qa-a{
    background: url(../../school/media/icon_qa2.gif) no-repeat 0 1px;
    padding-left: 24px;
}
.qa-bg{
    padding: 8px 10px;
    margin: 15px 0;
}
.totop{
    background: url(../../school/media/icon_arrow1.gif) no-repeat 0 50%;
    padding-left: 10px;
}