@charset "UTF-8";
@import url(screen.css);

/* basic tag */
a:hover{ text-decoration: none; }
body {
    font-size: 13px;
    line-height: 1.6; 
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Meiryo','メイリオ','ＭＳ Ｐゴシック','ＭＳ ゴシック','Osaka,Osaka-等幅','sans-serif';
    background: #fff; 
    letter-spacing: 0.005em;
    height: 100%;
    color: #202020;
}
a { color: #2040a0; }
a:hover { text-decoration: none; }
h3{ font-size: 14px; line-height: 1.4; color: #f03060; /* #eb6101;*/ font-weight: bold; letter-spacing: 0.02em; }
h2{ font-size: 14px; line-height: 1.4; color: #2276bb; font-weight: bold; letter-spacing: 0.02em; }

/* basic class*/
.content {height: 100%;  background: #f9f9f9; padding-top: 15px; }
.inner { margin: 0 auto; width: 960px;}
.narrow { margin: 0 auto; width: 830px;}
.overflow{overflow:hidden;}
.right {float: right; }
.left {float: left; }
.msg { margin-bottom: 10px; padding: 10px; border: 3px solid #dddddd; font-weight: bold; font-size: 13px; text-align: center; line-height: 1.7; color: #999999;}
.goTop { text-align: right; }
.normal { font-weight: normal;}
.normal a { font-weight: normal!important;}
.read { background: #eeeeee;}

/* */
.border5 {padding: 5px; border: 1px solid #909090;}
.border10 {padding: 10px; border: 1px solid #909090;}
.border20 {padding: 10px 20px; border: 1px solid #909090;}
.border30 {padding: 10px 30px; border: 1px solid #909090;}

/* font */
.f30 {font-size: 30px; font-weight: bold; line-height: 1.3; word-spaceing: -1px; letter-spacing: -1px; }
.f30 a {font-size: 30px; font-weight: bold; line-height: 1.3; }
.f24 {font-size: 24px; font-weight: bold; line-height: 1.3; word-spaceing: -1px; letter-spacing: -1px; }
.f24 a {font-size: 24px; font-weight: bold; line-height: 1.3; }
.f16 {font-size: 16px; font-weight: bold; }
.f16 a {font-size: 16px; font-weight: bold; }
.f14 {font-size: 14px; font-weight: bold; }
.f14 a {font-size: 14px; font-weight: bold; }
.f12 {font-size: 12px; }
.f12 a {font-size: 12px;  }
.f11 {font-size: 11px; font-weight: bold; }
.f11 a {font-size: 11px; font-weight: bold; }
.f10 {font-size: 10px; font-weight: bold; }
.f10 a {font-size: 10px; font-weight: bold; }

/* color */
.fblack { color: #1f1f1f; }
.fblack a{ color: #1f1f1f; }
.fred { color: #f03060/* #ba002c;*/ }
.fred a{ color: #f03060; /*#ba002c;*/ }
.fgray { color: #828282; font-weight: bold; }
.fgray a{ color: #828282; font-weight: bold; }
.fwhite { color: #fff; font-weight: bold; }
.fwhite a{ color: #fff; font-weight: bold; }
.fyellow { color: #ffce37; font-weight: bold; }
.fyellow a{ color: #ffce37; font-weight: bold; }
.fblue { color: #3290f3; font-weight: bold; }
.fblue a{ color: 3090f3; font-weight: bold; }

/* width */
.w920 {width: 920px; margin-bottom: 20px; }
.w960 {width: 933px; margin-bottom: 20px; }
.w720 {width: 698px; margin-bottom: 20px; }
.w220 {width: 220px; margin-bottom: 20px; }
.w550 {width: 550px; margin-bottom: 20px; }
.w320 {width: 320px; }
.w360 {width: 360px; }

/* img */
.img20 {padding: 1px; background: #fff; border: 1px solid #cccccc; margin-right: 5px; }
.img20 img { width: 20px; height: 20px; }
.img30 {padding: 1px; background: #fff; border: 1px solid #cccccc; margin-right: 5px; }
.img30 img { width: 30px; height: 30px; }

.img45 {padding: 1px; background: #fff; border: 1px solid #cccccc; margin: 5px; }
.img45 img { width: 45px; height: 45px; }

.img130 { width: 130px; height: 87px; padding: 1px; background: #fff; border: 1px solid #cccccc; margin-right: 0px; text-align: center; }
.img130 img { max-width: 130px; min-width: 130px; max-height: 87px; min-height: 87px; }

.img300 { width: 300px; height: 200px; padding: 1px; background: #fff; border: 1px solid #cccccc; margin: 5px; text-align: center; }
.img300 img { max-width: 298px; min-width: 298px; max-height: 200px; min-height: 200px; }


.link { color: #0f5eb7; }
.heading-b { color: #4c4c4c; padding: 2px 0; border-bottom: 3px solid #027abb; margin-bottom: 5px; }
.heading-g { color: #4c4c4c; padding: 2px 0; border-bottom: 3px solid #cccccc; /*#4e8a19;*/ margin-bottom: 5px; }
.heading { color: #4c4c4c; padding: 2px 0;  margin-bottom: 5px; }
.heading-s { color: #2276bb; padding: 2px 0; margin-bottom: 5px }
.noborder { border: none;}
.round{
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

.shadow {
background: #fff; 
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
}

.bottom_round{
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-radius-bottomleft:5px;
-webkit-border-radius-bottomright:5px;
}

.heading-j {
background: #ffcc33;
color: #000;
}

/** inner など**/

/** その他ページャ**/

/** コンテンツ枠組み ここから**/

/** ジョブページの枠組み ここから**/

/***** ブレーム的な設定ここから *****/
.w-margin30 { margin: 0 30px; }
.w-padding30 { padding: 0 30px; }
.margin-top10 {margin-top: 10px; }
.margin-top5 {margin-top: 5px; }
.padding-top5 { padding-top: 5px; }
.padding-left20 { padding-left: 20px; }
.padding-buttom20 { padding-buttom: 20px; }
.border-buttom-b { border-bottom: 1px dotted #1f1f1f; }

/* top */
.public { background: url('/images/bg-header.png') repeat-x #343434; }
.private { background: url('/images/bg-private.png') repeat-x #92b929; }
.top {height: 28px;  padding-top: 5px; position:fixed; top:0; left:0; width: 100%; z-index: 998;  color: #fff; }
.top a { color: #fff; }
.top ul { margin:0; padding: 0; float: right; }
.top li { float: left; display: block; text-align: center; padding-left: 10px; }

/* header */
.header { height: 72px; background: #343434; /* #0270b3b;*/ line-height: 1.3;  border-bottom: 2px solid #909090; padding-top: 28px; }
.header .title {float: left; margin-left: 0px; padding-bottom: 3px; height: 54px; }
.header .title h1 { font-size: 46px; line-height: 1.2; }
.header .title h2 { color: #fff; font-size: 11px; font-weight: bold; }
.header .title h1 a{ color: #efefef; font-weight: bold; font-family: verdana; text-decoration: none; }
/* #selected{ background: url('/images/nav-selected.png') no-repeat scroll center bottom; padding-bottom: 10px; }*/
.header .nav ul { margin:0; padding: 0; padding: 3px 0; }
.header .nav li { text-align: right; } 
.header .nav li a{ font-weight: bold; color: #efefef;}

/* main */
.main .msg { margin-bottom: 10px; padding: 10px; border: 3px solid #dddddd; font-weight: bold; font-size: 13px; text-align: center; line-height: 1.7; color: #606060; background: #fff0c2; }
.main .desc { color: #404040; padding: 0; margin: 5px 0; border-bottom: 1px dotted #cccccc; font-size: 12px; line-height: 1.7;}

/* topcontent ここから*/
.topnews {}
/* info */
.top_content { padding-top: 10px; background: #f9f9f9; height: 240px;}
.top_content .info{ height: 210px; }
.top_content .info .info_left{width: 690px; padding-right: 10px; float: left; border-right: 1px dotted #aaaaaa; }
.top_content .info .info_right{width: 200px; float: left; margin-left: 5px; }
.top_content .info p{ font-weight: bold; color: #f03060;/* #ba002c;*/ }
.top_content .info .totaldata { margin: 0 auto;  width: 220px; height: 210px; background: url('/images/bgstripe.png') #e9e8e3; border: 1px solid #dcddd7; }
.top_content .info dl { padding: 10px 10px 0; color: #606060;}
.top_content .info dt { font-size: 13px; font-weight: bold;  }
.top_content .info dd { text-align: right; font-weight: bold; font-size: 12px; border-bottom: 3px solid #fff; margin-bottom: 5px; }
.top_content .info dd .attent{ font-size: 28px; color: #f03060;/*#ba002c;*/ line-height: 1.1;margin: 0 10px;}
.top_content .info .notice {text-align: right; color: #808080; padding: 0 10px; font-size: 80%; }

/* register*/
.top_content .register ul { margin:0; padding: 10px 0; }
.top_content .register li { float: left; display: block; text-align: center; padding: 0; margin-right: 20px;}
.top_content .register li:hover { background: #; }
.top_content .regi1 a{ color: #1f1f1f; }
.top_content .regi2 {}
.top_content .regi2 a{ color: #fff; }
.top_content .register li a {font-weight: bold; font-size: 21px; }

/* top_job */
.top_content .stiny { font-size: 10px; font-weight: bold; }
.top_content .stiny a { font-size: 10px; }
.top_content .tiny { font-size: 12px; font-weight: bold; }
.top_content .tiny a { font-size: 12px; font-weight: bold; }
.top_content .small { font-size: 14px; font-weight: bold; }
.top_content .normal { font-size: 18px; font-weight: bold; }
.top_content .normal a{ font-size: 18px; font-weight: bold; }
.top_content .top_job { border-bottom: 1px solid #e9e8e3; padding: 5px 0; margin-right: 10px; height: 34px; }
.top_content .top_job .user_img { float: left; margin-right: 10px; }
.top_content .top_job .user_img { padding: 1px; background: #fff; border: 1px solid #cccccc}
.top_content .user_img img { width: 30px;}
.top_content .user_name {color: #2276dd; }
.top_content .job_name a { color:#303030;}
.top_content .job_point { color: #303030; }
.top_content .job_point .attent{ font-size: 150%; }
/* top_content ここまで*/

/* kikaku*/
#campaign { width: 140%;}
#scroller { height: 120%;}
.kikaku { width: 700px; height: 210px; background: #fff; margin-bottom: 20px; border-bottom: 1px dotted #666666}
.kikaku_top { padding: 3px 0;}
.kikaku_top p{ font-weight: bold; color: #1f1f1f;/* #ba002c;*/ }
/* top_contents*/
.top_contents { width: 700px; background: #fff; margin-bottom: 10px; }
.top_contents_top {padding: 3px 0px; }
.top_contents_top p{ font-weight: bold; color: #1f1f1f; /* #ba002c;*/ border-bottom: 1px solid #e9e8e3; }

/* .job_list */
.job_list { line-height: 1.5; width: 210px; float:left; background: #fff; margin: 5px 5px 10px 5px; }
.job_list_top { margin-bottom: 5px; }
.job_list .job_data { width: 67px; height: 89px; float: right; border: 1px solid #909090; background: #f5f5f5;}
.job_list .job_data dl { padding:5px 3px; color: #606060;}
.job_list .job_data dt { float: left; width: 15px; font-size: 9px; font-weight: bold;  }
.job_list .job_data dd {; text-align: right; font-weight: bold; font-size: 10px; margin-bottom: 5px; border-bottom: 1px solid #e9e8e3; }
.job_list .job_data dd .attent{ font-size: 18px; color: #f03060;/*#ba002c;*/ line-height: 1.1;margin: 0 3px;}
.job_list_bottom {background: #fff0c2/*#fffdde*/; margin-top: 5px;}
.job_list_bottom ul { margin:0; float: right; padding: 1px 3px; }
.job_list_bottom li { float: left; display: block; text-align: center; padding-left: 10px; }

/* news*/
.news { padding: 10px; background: #fff; border: 1px solid #dddddd; margin-bottom: 10px; }
.login { background: #fff; }
.contact { background: #fff; }
.contact textarea{ height: 90px; width: 98%; margin-bottom: 10px; }

/* job ここから*/

/* .summary */
.summary { padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px dotted #828282;}
.summary_top { margin-top: 5px; margin-bottom: 10px; }
.summary_top .right { width: 193px; height: 205px; padding-left: 5px; }
.summary_desc { background: #fff0c2/*#fffdde*/;  margin-bottom: 5px; padding: 5px; }
.summary_data { margin: 5px;  width: 200px; height: 180px; background: #f5f5f5;}
.summary_data dl { padding: 5px; }
.summary_data dt { float: left; width: 90px; }
.summary_data dd { text-align: left; font-weight: bold; font-size: 13px; margin-bottom: 10px; border-bottom: 3px solid #e9e8e3; }
.summary_data dd .attent{ color: #f03060;/* #ba002c;*/ line-height: 1.0; margin: 0 10px;}
.summary_data .order_button{ text-align: center; }

/* feedback*/
.feedbacks { padding: 10px 0;}
.feedback { border-bottom: 1px dotted #828282; padding: 5px 0 5px; margin-bottom: 5px; }

/* profile*/
.profile { margin-bottom: 10px; }
.profile-desc {line-height: 1.7; }
.profile-desc li { margin-bottom: 3px; }

/* mymenu */
.mymenu { margin-bottom: 10px; }
.mymenu ul {padding-left: 25px; }

/* helpmenu */
.helpmenu { margin-bottom: 10px; }
.helpmenu li { margin-bottom: 5px; }
.help { margin-bottom: 10px; }
.help p{ padding-left: 20px; margin-bottom: 10px; }

/* mydata */
.mydata td, .mydata th {padding: 10px; margin: 5px 0;}
.mypage .center { text-align: center; }

/* order */
.order { margin-bottom: 10px; }
.order .center { text-align: center; }
.order td {padding: 5px; }

/* dmessage */
/* feedback*/
.dmessages { padding: 10px 0;}
.dmessage { border-bottom: 1px dotted #828282; padding: 5px 0 5px; margin-bottom: 5px; }


/***** page設定ここから *****/
.page { margin-top: 10px; }
.page ul { float: left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; width: 100%;}
.page li { float: left; display: block; width: 30px; text-align: center; padding: 5px 0px 5px }
.page a { font-weight: bold; }
.page { font-weight: bold; }
 /***** page設定ここまで *****/

.w50 { width: 50%!important; }
.w40 { width: 40%!important; }
.w30 { width: 30%!important; }
.w10 { width: 10%!important; }
.w15 { width: 15%!important; }
.w20 { width: 20%!important; }
.w5 { width: 5%!important; }
.fSmall { font-size: 80%!important; }

.desc table { width: 99%; margin: 0 auto; margin-bottom: 10px; border: 1px solid #cccccc;  font-weight: bold; }
.desc th, .desc td { padding: 5px 10px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #cccccc; text-align: center;}
.desc tr {}
.desc th { color: #444444; width: 100px; font-weight: bold; background: #efefef;}
.desc td { padding: 10px; margin: 5px 0; }
.desc .attent { color: #b22222; font-size: 120%; }

/* footer*/
.footer { background: #fff; /* #eff2f7 */ padding: 1px 0 20px; }          
.footer .wrap{ margin: 3px 0; padding: 10px 0; border-top: 2px solid #dddddd;}
.footer .copyright{ color: white; text-align: center;}
.footer a{ color: #333333; font-weight: bold; }
.footer .col { float: left; width: 25%; padding: 0 0 20px;}
.footer .big a{ font-size: 13px; }
.footer .small { font-size: 10px; }
.footer li {margin: 7px 0;}

/***** フーレムここまで *****/
.form { margin: 5px 0 10px; }
.form h3{ font-size: 16px; margin: 0; padding: 0; line-height: 2; font-weight: bold; }
.form table { width: 100%; margin-bottom: 10px; border: 1px solid #cccccc; }
.form th, .form td { padding: 5px 10px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #cccccc;}
.form tr {}
.form th { color: #444444; text-align: right; width: 100px; font-weight: bold; background: #efefef;}
.form td { padding: 10px; margin: 5px 0; }
.form .odd {}
.form .pass { margin: 5px 0;}
.form .title { width: 98%;}
.form .submit { font-weight: bold; color: #333333;}
.form .notice { font-size: 10px; color: #444444; margin: 5px 0; padding: 0; display: block; }
.form input {padding: 3px; }
.form .hidden {border: none; dispaly: none; padding: 0; margin: 0;}
.form textarea { width: 98%; height: 240px;  padding: 5px; }
.form select {}
.form .error { line-height: 2;padding: 10px; border: 2px solid #cccccc; margin-bottom: 10px; text-align: center; color: #b22222;}
.form .small {font-size: 13px; width: 12em;}
.form label {display: block; font-size: 11px; color: #999999; }
.invalid { background: #eeeeee; }

/* job table*/
table {padding-bottom: 10px; margin: 0 auto;width: 99.5%;  line-height: 2; }
table th {background: #efefef; border: 1px solid #cccccc;}
table td { border: 1px solid #cccccc; }
table th, table td { padding: 2px 5px; }
table td label{ display: block; }