/* CSS Document */

body { background-color: white; color: #333; font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.3em; text-align: center; margin: 0; }
img { border: 0; }
table { font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif; font-size: 0.75em; line-height: 1.7em; margin: 0; }
a:link { color: #990000; text-decoration: none;}
a:visited { color: #cc6600; text-decoration: none;}
a:hover { color: #aa0000; text-decoration: underline;}
a:active { color: #cc0000; text-decoration: underline;}
input,textarea,select {font-size: 0.75em; background-color: #fff; line-height: 1.3em; margin: 0 10px; }
input,textarea {border: 1px solid #ccc;}
input:hover,textarea:hover {background-color:#f7f7f7; }
input:focus,textarea:focus {background-color: #f0f0f0; }

#all { width: 100%; background-color: #666666; text-align: center; padding: 0 0 20px 0; }
#all_in { width: 950px; margin: 0 auto; text-align: left; }
div { overflow: hidden; }
p,h3,h4 { padding: 10px; margin: 0; }
dl,dt,dd { margin: 0; padding: 0; }
p,dt,dd { font-size: 0.75em; line-height: 1.3em;  }
h3,h4 { font-size: 0.88em; line-height: 1.6em; }
.mtb5px { margin: 5px 0; }
.tac { text-align: center; }
.tar { text-align: right; }
.fl { float: left; }
.fr { float: right; }
.fss { font-size: 0.75em; }
.mg10px { margin: 10px; }
.mrl10px { margin: 0 10px 0 10px; }
.dspb { display: block; }
.ilb { display: inline-block; }
.nob { border: none; }
ul,li { margin: 0; padding: 0; }

/* header */

#head { height: 70px; width: 950px; margin: 0 auto; background-color: white; }
.logo { margin: 20px 10px 0 10px; float: left; }
#head h1 { font-size: 0.75em; color: #777; margin: 0; padding: 20px 10px 0 0; text-align: right; line-height: 1.3em; }
#head h2 { font-size: 0.75em; font-weight:400; color: #999; margin: 0; padding: 3px 10px 0 0; float: right; line-height: 1.3em; }


/* global navi */
#global_navi_out { width: 100%; margin: 0 auto; padding: 0; text-align: center; background-color: #666; }
#global_navi_in { width: 960px; margin: 0 auto; padding: 0; text-align: left; }

/* Global navi */
#global_navi_out { background-image: url(../img/global_navi_bg.gif); background-position: left top; background-repeat: repeat-x; height: 45px; overflow: hidden; }
#global_navi_in ul { width: 100%; height: 45px; overflow: hidden; display: inline-block; margin: 0; padding: 0; }
#global_navi_in li { height: 45px; display: inline-block; float: left; overflow: hidden; }
#global_navi_in li a { padding-top: 55px; display: inline-block; overflow: hidden; background-image: url(../img/global_navi.png); background-repeat: no-repeat; width: 192px; cursor: pointer; }

#global_navi_in li.company a { background-position: 0 0; }
#global_navi_in li.business a { background-position: -192px 0; }
#global_navi_in li.news a { background-position: -384px 0; }
#global_navi_in li.recruit a { background-position: -576px 0; }
#global_navi_in li.contact a { background-position: -768px 0; }

#global_navi_in li.company a:hover { background-position: 0 -45px; }
#global_navi_in li.business a:hover { background-position: -192px -45px; }
#global_navi_in li.news a:hover { background-position: -384px -45px; }
#global_navi_in li.recruit a:hover { background-position: -576px -45px; }
#global_navi_in li.contact a:hover { background-position: -768px -45px; }

#global_navi_in li.company a:active { background-position: 0 -90px; }
#global_navi_in li.business a:active { background-position: -192px -90px; }
#global_navi_in li.news a:active { background-position: -384px -90px; }
#global_navi_in li.recruit a:active { background-position: -576px -90px; }
#global_navi_in li.contact a:active { background-position: -768px -90px; }

#global_navi_in li.company a.on { background-position: 0 -135px; }
#global_navi_in li.business a.on { background-position: -192px -135px; }
#global_navi_in li.news a.on { background-position: -384px -135px; }
#global_navi_in li.recruit a.on { background-position: -576px -135px; }
#global_navi_in li.contact a.on { background-position: -768px -135px; }

/*  index topic */
#index_topic_out { text-align: center; background-color: #666666;}
#index_topic { width: 950px; margin: 0 auto; text-align: left; }


/* window */

#top_window { width: 100%; margin: 16px 0 19px 0; padding: 0; text-align: center; background-color: white; }
#window { margin: 0; padding: 0; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; }
#window img { margin: 0; padding: 0; border: 0; }


/* footer */
#ft_al { width: 100%; text-align: center; color: #333; background-color: #ddd; border-top: 1px solid #333; padding: 10px 0; background-image: url(../img/footer_bg.gif); background-position: left top; background-repeat: repeat-x; }
#ft_in { width: 950px; margin: 0 auto; text-align: center; }
#ft_in table { margin: 0 auto; text-align: left; }
#ft_in table td { vertical-align: top; }
#ft_in table a,
#ft_in table a:hover,
#ft_in table a:active,
#ft_in table a:visited { color: #333; }
#ft_in table td.category { width: 100px; }
#ft_in table td.category_list a { padding:0 0.6em; margin:0; }
#foot { text-align: center; padding: 20px 10px; color: #333; }


/* sidemenu */

#t_left { float: right; width: 230px; text-align: left; display: inline; }
.side_menu_out { margin: 0 0 19px 0; display: inline-block; width: 230px; padding: 5px 0 0 0; background-image: url(../img/side_menu_upper.png); background-position: left -5px; background-repeat: no-repeat; }
.side_menu { margin: 0; background-color: white; display: inline-block; width: 230px; padding: 0 0 10px 0; background-image: url(../img/side_menu_bottom.png); background-position: left bottom; background-repeat: no-repeat; }
.side_list { margin: 0 ; padding: 0; line-height: 1.3em; list-style-type: none; }
.side_list li { font-size: 0.75em; line-height: 1.3em; padding: 0.5em 0.6em; display: block; }
.side_list a { display: inline-block; }
.side_list dt { margin: 0; padding: 7px; font-weight: 700; }
.side_list dd { margin: 0; padding: 5px 10px 5px 1em; }


/* contents */
.pan { padding: 7px 0 10px 0; margin: 0; color: white; }
.pan a { color: white; }

#t_right { float: left; width: 700px; text-align: left; display: inline; }


/* parts */

.bord_l h3,
.side_menu h3 { color: #333; padding: 5px 10px 10px 10px; line-height: 1.3em; border-bottom: 1px dotted #999; }
.bord_l h4 { color: #333; padding: 5px 10px 0px 10px; line-height: 1.3em; }
.ent_title { font-size: 1em; color: #203744; }

.bord_l_out { margin: 0 0 19px 0; padding: 5px 0 0 0; background-image: url(../img/bord_l_upper.png); background-position: left -5px; background-repeat: no-repeat; }
.bord_l { background-color: white; margin: 0; padding: 0 0 10px 0; display: inline-block; width: 100%; background-image: url(../img/bord_l_bottom.png); background-position: left bottom; background-repeat: no-repeat; }
.bord_l div.text { padding: 10px 20px; font-size: 0.75em; line-height: 1.5em; }

.p3 img { border: 1px solid #ccc; padding: 3px; background-color: #fff; }
.dt0 { margin: 0; padding: 5px 0; border-bottom: 1px dotted #ddd; display: inline-block; width: 100%; background-color: #eee; }
.dt0 dt { width: 120px; float: left; color: #555555; font-weight: 400; margin-left: 10px; }
.dt0 dd { margin-left: 140px; padding-right: 10px; }
.dt1 { margin: 0; padding: 7px 0 5px 0; border-bottom: 1px dotted #ddd; display: inline-block; width: 100%; }
.dt1 dt { width: 120px; float: left; color: #555555; font-weight: 400; margin-left: 10px; }
.dt1 dd { margin-left: 140px; padding-right: 10px; }
.dt1 ul { margin: 0; padding: 0 0 0 33px; list-style: none; }
.dt1.nob { border: none; }
.dl_end_r { margin: 0; padding: 5px 10px; text-align: right; border-top: 1px solid #FFFFFF; }

.side_img1 { margin: 0 0 19px 0; display: block; }

.cl {clear:both;}
.img_left { margin: 10px; border:1px solid #ccc;padding:2px; background-color:#fff; display: block; }
.img_right { margin: 10px; border:1px solid #ccc;padding:2px; background-color:#fff; display: block; }
.vam {vertical-align: bottom; margin: 0 5px 0.25em 5px;}

#ent, #reset { background-color: #666; color: white; cursor: pointer; }
.media { display: inline-block; margin: 0 0 10px 0; width: 100%; }