@charset "utf-8";
/*--------------------------------------------
　SMP 基本スタイルシート
　/css/base.css
   0. 初期設定
   1. レイアウト
   2. header
   3. menu
   4. topic_path
   5. left_column
   6. back_top
   7. 画像アップロード
   8. footer
--------------------------------------------*/



/*************************************************************
   0. 初期設定
*************************************************************/
* {
margin: 0;
padding: 0;
}

body {
background: #cccccc;
font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif;
font-size: 12px;
}

html {
overflow-y: scroll;
}

p,li,dt,dl {
line-height: 1.5;
}

p {
margin: 0 0 10px 0;
}

li {
list-style-type: none;
}

img {
border: 0;
}

address {
font-style: normal;
}

.clear {
clear:both;
}

.bold {
font-weight: bold;
}

span.brown {
color: #cc6600;
}

span.must {
color: #ff3300;
}


/* Link Color
----------------------------------------------------------- */
a:link {
color: #ff6600;
text-decoration:underline;
}

a:visited {
color: #cc6600;
text-decoration:underline;
}

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

a:active {
color: #ff9933;
}


/* navi_page
----------------------------------------------------------- */
#navi_page {
text-align: center;
padding: 15px;
}


/*************************************************************
   1. レイアウト
*************************************************************/
#outline {
margin: 0 auto;
width: 800px;
background: #ffffff;
border-left: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
}

#main {
padding: 0 0 0 10px;
}

#main #left_column {
width: 160px;
float: left;
}

#main #right_column {
width: 630px;
float: right;
}



/*************************************************************
   2. header
*************************************************************/
#header {
background: url(/img/bg_head.jpg) no-repeat top left;
height: 85px;
}

#header h1 {
float: left;
}

#header h1 a {
width: 350px;
height: 85px;
display: block;
}

#header span {
display: none;
}

#header #login {
display: inline;
float: right;
margin: 15px 10px 0 0;
text-align: right;
font-weight: bold;
color: #FFFFFF;
width: 300px;
}

#header #login p {
padding: 0 5px 0 0;
margin: 0;
}


/*************************************************************
   3. menu
*************************************************************/
#menu span {
display: none;
}

#menu ul li {
float: left;
}

#menu ul li.top a {
background: url(/img/menu_top_off.gif) no-repeat top left;
width: 115px;
height: 35px;
display: block;
}
#menu ul li.top a:hover {
background: url(/img/menu_top_on.gif) no-repeat top left;
}
#menu ul li.top_on a {
background: url(/img/menu_top_on.gif) no-repeat top left;
width: 115px;
height: 35px;
display: block;
}

#menu ul li.news a {
background: url(/img/menu_news_off.gif) no-repeat top left;
width: 114px;
height: 35px;
display: block;
}
#menu ul li.news a:hover {
background: url(/img/menu_news_on.gif) no-repeat top left;
}
#menu ul li.news_on a {
background: url(/img/menu_news_on.gif) no-repeat top left;
width: 114px;
height: 35px;
display: block;
}

#menu ul li.sports a {
background: url(/img/menu_sports_off.gif) no-repeat top left;
width: 114px;
height: 35px;
display: block;
}
#menu ul li.sports a:hover {
background: url(/img/menu_sports_on.gif) no-repeat top left;
}
#menu ul li.sports_on a {
background: url(/img/menu_sports_on.gif) no-repeat top left;
width: 114px;
height: 35px;
display: block;
}


#menu ul li.seminar a {
background: url(/img/menu_seminar_off.gif) no-repeat top left;
width: 114px;
height: 35px;
display: block;
}
#menu ul li.seminar a:hover {
background: url(/img/menu_seminar_on.gif) no-repeat top left;
}
#menu ul li.seminar_on a {
background: url(/img/menu_seminar_on.gif) no-repeat top left;
width: 114px;
height: 35px;
display: block;
}

#menu ul li.shopping a {
background: url(/img/menu_consult_off.gif) no-repeat top left;
width: 114px;
height: 35px;
display: block;
}
#menu ul li.shopping a:hover {
background: url(/img/menu_consult_on.gif) no-repeat top left;
}
#menu ul li.shopping_on a {
background: url(/img/menu_consult_on.gif) no-repeat top left;
width: 114px;
height: 35px;
display: block;
}

#menu ul li.school a {
background: url(/img/menu_school_off.gif) no-repeat top left;
width: 114px;
height: 35px;
display: block;
}
#menu ul li.school a:hover {
background: url(/img/menu_school_on.gif) no-repeat top left;
}
#menu ul li.school_on a {
background: url(/img/menu_school_on.gif) no-repeat top left;
width: 114px;
height: 35px;
display: block;
}

#menu ul li.recruit a {
background: url(/img/menu_recruit_off.gif) no-repeat top left;
width: 114px;
height: 35px;
display: block;
}
#menu ul li.recruit a:hover {
background: url(/img/menu_recruit_on.gif) no-repeat top left;
}
#menu ul li.recruit_on a {
background: url(/img/menu_recruit_on.gif) no-repeat top left;
width: 114px;
height: 35px;
display: block;
}

#menu ul li.inquiry a {
background: url(/img/menu_inquiry_off.gif) no-repeat top left;
width: 115px;
height: 35px;
display: block;
}
#menu ul li.inquiry a:hover {
background: url(/img/menu_inquiry_on.gif) no-repeat top left;
}
#menu ul li.inquiry_on a {
background: url(/img/menu_inquiry_on.gif) no-repeat top left;
width: 115px;
height: 35px;
display: block;
}


/*************************************************************
   4. topic_path
*************************************************************/
#topic_path {
background: url(/img/bg_topic_path.gif) repeat-x top left;
height: 35px;
font-size: 10px;
line-height: 35px;
padding: 0 5px 0 10px;
}

#topic_path a {
font-weight: bold;
}


/*************************************************************
   5. left_column
*************************************************************/
/* 法人ログインボタン
----------------------------------------------------------- */
#company_login {
margin: 10px 10px 8px 0;
}


/* メールマガジン購読
----------------------------------------------------------- */
#mail_mag {
margin: 0 10px 8px 0;
}

#mail_mag h3 {
background: url(/img/title_mailmag.gif) no-repeat top left;
height: 26px;
}

#mail_mag h3 span {
display: none;
}

#mail_mag p {
padding: 5px;
line-height: 1.3;
margin-bottom: 0;
}

#mail_mag form {
text-align: center;
}

#mail_mag input.text {
width: 130px;
margin-bottom: 5px;
}

#mail_mag ul {
margin: 3px 0 0 3px;
}

#mail_mag li {
background: url(/img/listmark_gray.gif) no-repeat left 6px;
padding: 0 5px 0 14px;
}

/* インフォメーション
----------------------------------------------------------- */
#information {
margin: 0 10px 8px 0;
}

#information h3 {
background: url(/img/title_information.gif) no-repeat top left;
height: 26px;
}

#information h3 span {
display: none;
}

#information div.info_text {
padding: 10px 2px 10px 2px;
border-bottom: #999999 dashed 1px;
line-height: 1.2;
}

#information ul {
margin: 3px 0 0 3px;
}

#information li {
background: url(/img/listmark_gray.gif) no-repeat left 6px;
padding: 0 5px 0 14px;
}


/* カテゴリー
----------------------------------------------------------- */
#category {
margin: 0 10px 10px 0;
}

#category h3 {
background: url(/img/title_category.gif) no-repeat top left;
height: 26px;
}

#category h3 span {
display: none;
}

#category h4 {
background: url(/img/bg_category_name.gif) no-repeat top left;
height: 31px;
padding: 0 0 0 20px;
line-height: 32px;
font-size: 12px;
}

#category ul {
margin: 3px 0 7px 3px;
}

#category li {
background: url(/img/listmark_orange.gif) no-repeat left 4px;
padding: 0 5px 0 17px;
}


/*************************************************************
   6. back_top
*************************************************************/
.back_top {
margin: 0 15px 15px 15px;
font-size: 10px;
text-align: right;
}

#pagetop {
margin: 0 15px 15px 15px;
font-size: 10px;
text-align: right;
}


/*************************************************************
   7. 画像アップロード
*************************************************************/
body#upload {
background: #ffffff;
}

#upload h2 {
background: #006600 url(/img/bg_img_up_title.gif) repeat-x top left;
height: 38px;
line-height: 38px;
color: #ffffff;
font-size: 14px;
padding-left: 12px;
}

#upload table {
margin: 10px 0 0 10px;
}
#upload th {
background: #e5e5e5;
padding: 8px 8px 0 8px;
font-weight: normal;
text-align: left;
}
#upload .gray_cell {
width: 260px;
background: #e5e5e5;
padding: 8px;
}
#upload .button {
padding: 8px;
}

#upload input.filename {
_width: 220px;
}
#upload input.filename {
_width: 220px;
}
#upload input.bt {
width: 80px;
}

.error {
color: #CC0000;
font-weight: bold;
margin: 0;
padding: 0;
}

/*************************************************************
   8. footer
*************************************************************/
#footer {
font-size: 10px;
margin: 0 0 0 0;
height: 24px;
text-align: center;
line-height: 24px;
background: url(/img/bg_footer.gif) repeat-x top;
color: #9cb08e;
}