@charset "utf-8";


/* ------------------------------
共通部分
------------------------------ */

body { color: #535353; font-size: 12px; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; line-height: 140%; background-image: url(../images/body_back.jpg); background-repeat: repeat-x; background-position: center 0; margin:0; padding:0; }
h1,h2,h3,p { margin: 0; padding: 0; }
img { margin: 0; padding: 0; border-style: none; }
td { font-size: 12px; }

a:link {
	color: #0000FF;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #0000FF;
}
a:active {
	text-decoration: underline;
}
form { padding: 3px; }


/* ------------------------------
全体レイアウト部分
------------------------------ */

#wrapper { background-repeat: repeat; text-align: left; width: 860px; overflow: hidden; margin: 0 auto; padding: 0; }
/* ------------------------------
ヘッダー
------------------------------ */
#header { background-image: url(../images/header_back.jpg); background-repeat: no-repeat; background-position: right 0; width: 100%; height: 85px; overflow: hidden; margin: 0; padding: 5px 0 0; }
#header h1 { float: left; margin: 0; padding: 0; }
.logo { margin: 0 0 0 22px; padding: 0; }
#header hmenu { color: #fff; font-size: 12px; float: right; margin: 0; padding: 0; }
#header p { color: #fff; font-size: 12px; text-align: right; margin: 0; }
.en { text-align: right; padding-top: 5px; padding-right: 10px; }
.mn { padding-top: 10px; padding-right: 10px; }
#globalNav { width: 860px; height: 35px; overflow: hidden; margin: 0; padding: 0; }
#globalNav ul#menu {list-style:none; margin:0 0 0 10px; padding:0}
#globalNav ul#menu * {margin:0; padding:0}
#globalNav ul#menu a {display:block; color:#000; text-decoration:none}
#globalNav ul#menu li { float:left; }
/* ------------------------------
トップページ
------------------------------ */
#main { width: 100%; overflow: hidden; float: none; clear: both; margin: 0; padding: 0; border-bottom-style: none; }
#flash { background-image: url(../images/flash.jpg); background-repeat: no-repeat; text-align: left; width: 860px; overflow: hidden; margin: 0; padding: 0; }
.flashcontant { text-align: left; width: 810px; height: 240px; overflow: hidden; margin: 19px 0 20px 25px; padding: 0; }
.clear { float: none; clear: both; }
#topmenu { width: 100%; margin: 0; padding: 2px 0 0 20px; }
#topmenu ul { margin: 0; padding: 0; }
#topmenu ul li { float: left; margin: 0; list-style-type: none; }
.menu1 { margin: 0; padding: 0; }
.menu2 { margin: 0; padding: 0 0 0 24px; }
.menu3 { margin: 0; padding: 0 0 0 24px; }
/* ------------------------------
センター部分
------------------------------ */

#center { font-size: 12px; line-height: 140%; width: 575px; overflow: hidden; float: left; margin: 0; padding: 12px 0 0; }
.newsunder { background-image: url(../images/oshirase_under.jpg); background-repeat: no-repeat; background-position: 0 bottom; margin: 0 0 20px 20px; padding: 0 0 4px; }
.newstop { background-image: url(../images/oshirase_top.jpg); background-repeat: no-repeat; margin: 0; padding: 14px 10px 0; }
.newstop h2 { text-align: right; margin: 0 0 10px; padding: 0 15px 0 0; }

.irunder { background-image: url(../images/oshirase_under.jpg); background-repeat: no-repeat; background-position: 0 bottom; margin: 0 0 0 20px; padding: 0 0 4px; }
.irtop { background-image: url(../images/oshirase_top2.jpg); background-repeat: no-repeat; margin: 0; padding: 14px 10px 0; }
.irtop h2 { text-align: right; margin: 0 0 10px; padding: 0 15px 0 0; }
/* ------------------------------
サイド部分
------------------------------ */
#right { width: 272px; overflow: hidden; float: right; margin: 0; padding: 0; }
.right { width: 100%; margin: 0; padding: 12px 60px 0 0; }
.evaluation { background-image: url(../images/side_back.jpg); background-repeat: no-repeat; width: 238px; height: 87px; margin: 0; padding: 60px 5px 0; border: solid 1px #d5d5d5; }
.evaluation ul { margin: 0; padding: 2px 0 12px 8px; }
.evaluation ul li { font-size: 12px; background-image: url(../images/icon1.jpg); background-repeat: no-repeat; background-position: 0 5px; margin: 0; padding: 0 0 5px 10px; list-style-type: none; }
.evaluation p { font-size: 12px; padding-left: 8px; }
.evaluation p a { background-image: url(../images/icon2.jpg); background-repeat: no-repeat; background-position: right 2px; padding-right: 10px; padding-left: 0; }
.sidebanner { margin-top: 10px; padding: 0; border: solid 1px #d5d5d5; }
/* ------------------------------
フッター部分
------------------------------ */
#footer { color: #535353; background-image: url(../images/footer_back.jpg); background-repeat: repeat-x; width: 100%; float: none; clear: both; margin: 20px 0 0; padding: 18px 0 15px; }
.footer { color: #262626; width: 860px; margin-right: auto; margin-left: auto; padding-bottom: 100px; }
#footer p { font-size: 12px; text-align: center; margin: 0; }
.copyright { margin: 0; padding-top: 5px; }
.fmenu { }
.fmenu a { padding-right: 5px; }


/* ------------------------------
2階層目共通部分
------------------------------ */
#second { width: 860px; height: 140px; overflow: hidden; }
#second p { color: #fff; text-align: right; padding-top: 105px; padding-right: 40px; }
#second p a { color: #fff; text-decoration: none; padding-right: 2px; padding-left: 2px; }
.sidema { padding-top: 10px; }
.sidema2 { padding-top: 30px; }
#right2 { width: 232px; overflow: hidden; float: right; margin: 0; padding: 0; }
.right2 { width: 100%; margin: 0; padding: 17px 60px 0 0; }
#center2 { font-size: 12px; line-height: 140%; width: 615px; overflow: hidden; float: left; margin: 0; padding: 12px 0 0; }
.center2 { margin: 0 0 0 20px; padding: 5px 0 15px; }
#submenu { }
#submenu ul { margin: 0; padding: 0; }
#submenu ul li { float: left; list-style-type: none; }
.m01 { margin: 0 20px 20px 0; padding: 0; }
.m02 { margin: 0; padding: 0; }
.submenu { background-image: url(../images/midashi_u.jpg); background-repeat: no-repeat; width: 280px; height: 174px; overflow: hidden; margin: 0; padding: 0; }
.submenu .title { background-image: url(../images/midashi_t.jpg); background-repeat: no-repeat; width: 280px; height: 36px; overflow: hidden; margin: 0; padding: 0; }
.submenu .title h2 { font-size: 14px; background-image: url(../images/midashi_t.jpg); background-repeat: no-repeat; padding: 10px 10px 10px 25px; }
.submenu .photo { margin: 0; padding: 0 0 0 1px; border-bottom: 1px solid #3486bf; }
.submenu p { padding: 5px 10px 2px; }
.submenu .detail { text-align: right; }
.submenu p#comme { line-height: 120%; height: 42px; overflow: hidden; }



.submenu2 { background-image: url(../images/midashi2_u.jpg); background-repeat: no-repeat; background-position: 0 bottom; width: 280px; overflow: hidden; margin: 0; padding: 0; }
.submenu2 .title { background-image: url(../images/midashi2_t.jpg); background-repeat: no-repeat; width: 280px; height: 36px; margin: 0; padding: 0; }
.submenu2 .title h2 { font-size: 14px; background-image: url(../images/midashi2_t.jpg); background-repeat: no-repeat; padding: 10px 10px 10px 15px; }
.submenu2 .co { background-color: #fff; width: 248px; height: 73px; overflow: hidden; margin: 0 2px 0 1px; padding: 5px 15px; border-bottom: 1px solid #c1c1c1; }
.oto { margin: 18px 0 8px; padding: 0; }
.oto2 { margin: 2px 0 0; padding: 0; }
.submenu2 .tanto { background-image: url(../images/midashi2_back.jpg); background-repeat: repeat; margin: 0 1px; padding: 2px 15px; border-bottom: 1px solid #c1c1c1; }
.submenu2 .tell { padding: 5px 10px 12px 15px; }
.submenu2 .tell .mojig { color: #568a0d; }
.submenu .detail { text-align: right; }


/* ------------------------------
3階層目共通部分
------------------------------ */
#contant { width: 860px; overflow: hidden; margin: 15px 0; padding: 0; }
#right3 { width: 232px; overflow: hidden; float: right; margin: 0; padding: 0; }
#scrolmenu { margin: 0; padding: 0; }
.right3 { width: 100%; margin: 0; padding: 12px 60px 0 0; }

.sidemenu { background-image: url(../images/side_3_under.jpg); background-repeat: no-repeat; background-position: 0 bottom; width: 210px; overflow: hidden; margin: 0 0 10px; padding: 0 0 5px; }
.sidemenu .title { background-image: url(../images/side_3_top.jpg); background-repeat: no-repeat; width: 210px; height: 36px; margin: 0; padding: 0; }
.sidemenu .title a:link { color: #fff; }
.sidemenu .title a:visited { color: #fff; }
.sidemenu .title h2 { font-size: 14px; padding: 10px 10px 10px 25px; }
.sidemenu ul { margin: 0 2px; padding: 8px 0 12px; }
.sidemenu ul li { margin: 0; padding: 0; list-style-type: none; }
.sidemenu ul li#stay { color: #535353; font-weight: bold; background-image: url(../images/side_3_active.jpg); background-repeat: no-repeat; margin: 0; padding: 6px 2px 5px 28px; display: block; }
.sidemenu ul li a { color: #006296; background-image: url(../images/side_3_normal.jpg); background-repeat: no-repeat; text-decoration: underline; margin: 0; padding: 6px 2px 5px 28px; display: block; }
.sidemenu ul li a:hover { color: #535353; background-image: url(../images/side_3_active.jpg); background-repeat: no-repeat; margin: 0; padding: 6px 2px 5px 28px; display: block; }


#center3 { font-size: 12px; line-height: 140%; width: 615px; overflow: hidden; float: left; margin: 0; padding: 0 0 0; }
.center3 { margin: 0 0 0 20px; padding: 0 8px 15px 0; }
.center3 h2 { color: #1d2946; font-size: 14px; background-image: url(../images/h2_3.jpg); background-repeat: no-repeat; width: 100%; margin: 0 0 8px; padding: 15px 10px 15px 15px; }
.center3 h3 { font-size: 14px; background-image: url(../images/h3_3.jpg); background-repeat: no-repeat; width: 100%; margin: 5px 0 10px; padding: 5px 10px 6px 15px; }
.center3 h4 { font-size: 13px; background-image: url(../images/h4_3.jpg); background-repeat: no-repeat; width: 100%; margin: 15px 0 10px; padding: 5px 10px; }
.center3 p { line-height: 150%; margin: 0; padding: 6px 5px; }
.pagetop { top: 0; left: 0; right: 0; bottom: 0; margin: -60px 0 0; padding: 0 0 10px 630px; }
.boxbluetop { background-image: url(../images/box_blue_top.jpg); background-repeat: no-repeat; margin: 0 0 0; padding: 10px 10px 15px; }
.boxbluetop ul { margin: 0; padding: 0; }
.boxbluetop ul li { float: left; margin: 0; padding: 10px; list-style-type: none; }
.boxbluetop .caption { background-color: #fff; background-image: url(../images/back_li1.jpg); background-repeat: no-repeat; width: 160px; height: 130px; overflow: hidden; margin: 0; padding: 3px 3px 0; }
.boxbluetop .caption p { text-align: center; margin: 0; padding: 3px 0; }
.boxbluetop p { float: none; clear: both; margin: 0 0 0 5px; padding: 0 0 0; }
.zoom { background-image: url(../images/icon_zoom.jpg); background-repeat: no-repeat; margin: 0; padding: 6px 0 6px 25px; }
.boxblueunder { background-image: url(../images/box_blue_under.jpg); background-repeat: no-repeat; background-position: 0 bottom; margin: 10px 0 0; padding: 0 0 5px; }
.boxgraytop { background-image: url(../images/box_gray_top.jpg); background-repeat: no-repeat; margin: 0; padding: 15px 25px; }
.boxgraytop .link { margin: 0; padding: 8px 0 5px; border-top: 1px dotted #c1c1c1; }
.boxgraytop .link a { background-image: url(../../recruit/images/icon1.jpg); background-repeat: no-repeat; background-position: 0 3px; margin: 0 15px 0 0; padding: 0 0 0 12px; }
.boxgraytop p { margin: 0 0 8px; padding: 0; }
.boxgrayunder { background-image: url(../images/box_gray_under.jpg); background-repeat: no-repeat; background-position: 0 bottom; margin: 0 0 15px; padding: 0; }
/* ------------------------------
CSSハック
------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0px; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac ¥*/
* html .clearfix {height: 100%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* ------------------------------
highslide.js
------------------------------ */

.highslide { outline-style: none; cursor: url(../graphics/zoomin.cur), pointer; }
.highslide a { }
.highslide img {  }
.highslide:hover img {
	
}

.highslide-image {  }
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(../graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}