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

/* ---------------------------------------------------------------- *
	ドキュメント全体
 * ---------------------------------------------------------------- */

/* 背景設定 */
body { background-image: url(../image/bg.gif); background-repeat: repeat-x; background-position: top; }
body .subwin {
	background-image: none;
	background-color: #FFF;
}


/* 全体コンテナ */
#container {
	width: 804px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}

/* ---------------------------------------------------------------- *
	ヘッダ部分
 * ---------------------------------------------------------------- */
#header {
	height: 50px;
	width: 804px;
	background-image: url(../image/bg-header.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#header .menu {
	float: right;
	padding-top: 19px;
	padding-right: 15px;
}


/* メインメニュレイアウト */

#main-menu {
	height: 45px;
	width: 804px;
	position: relative;
}

#main-menu #space {
	float: left;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #19324E;
	margin-right: 1px;
}

#main-menu #navi {
	margin: 0;
	padding: 0;
	float: right;
	border-bottom-width: 5px;
	border-bottom-style: solid;
}

#main-menu #navi.general {
	border-bottom-color: #cccccc;
}
#main-menu #navi.user { border-bottom-color: #F67D85; }
#main-menu #navi.recruite { border-bottom-color: #88C851; }
#main-menu #navi.hospital { border-bottom-color: #4675AF; }

#main-menu #navi li { display: inline; }
#main-menu #navi li a { float: left; width: 211px; height: 0; padding-top: 45px; overflow: hidden; }
#main-menu #navi li a,
#main-menu #navi { background-image: url(../menu/main-menu.png); background-repeat: no-repeat; }

/* メニュボタン */
#main-menu #navi li#mm-user a { background-position: 0 0; }
#main-menu #navi li#mm-recruite a { background-position: -211px 0; }
#main-menu #navi li#mm-hospital a { background-position: -422px 0; }

/* ロールオーバ */
#main-menu #navi li#mm-user a:hover { background-position: 0 -45px; }
#main-menu #navi li#mm-recruite a:hover { background-position: -211px -45px; }
#main-menu #navi li#mm-hospital a:hover { background-position: -422px -45px; }

/* 現在ページ */
#main-menu.user #navi li#mm-user a { background-position: 0 -90px; }
#main-menu.recruite #navi li#mm-recruite a { background-position: -211px -90px; }
#main-menu.hospital #navi li#mm-hospital a { background-position: -422px -90px; }



#top-main-menu {
	height: 45px;
	width: 804px;
	position: relative;
}

#top-main-menu #space {
	float: left;
	margin-right: 1px;
}

#top-main-menu #navi {
	margin: 0;
	padding: 0;
	float: right;
}

#top-main-menu #navi li { display: inline; }
#top-main-menu #navi li a { float: left; width: 211px; height: 0; padding-top: 45px; overflow: hidden; }
#top-main-menu #navi li a,
#top-main-menu #navi { background-image: url(../menu/main-menu.png); background-repeat: no-repeat; }

/* メニュボタン */
#top-main-menu #navi li#mm-user a { background-position: 0 0; }
#top-main-menu #navi li#mm-recruite a { background-position: -211px 0; }
#top-main-menu #navi li#mm-hospital a { background-position: -422px 0; }

/* ロールオーバ */
#top-main-menu #navi li#mm-user a:hover { background-position: 0 -45px; }
#top-main-menu #navi li#mm-recruite a:hover { background-position: -211px -45px; }
#top-main-menu #navi li#mm-hospital a:hover { background-position: -422px -45px; }



/* サブメニュ */

#side-navi {
	position: relative;
	width: 170px;
	margin-bottom: 30px;
}

#side-navi-top {
	width: 170px;
	padding-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}

#side-navi li a {
	width: 150px;
	display: block;
	background-image: url(../image/bg-ssubmenu.png);
	background-repeat: no-repeat;
	line-height: 1.5em;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 6px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	background-position: 6px 7px;
}

#side-navi li.noborder a  {
	border-bottom-width: 0px;
}

#side-navi li a:hover {
	color: #F60;
	text-decoration: underline;
	background-image: url(../image/bg-ssubmenu-a.png);
}


/* ---------------------------------------------------------------- *
	コンテンツコンテナ
 * ---------------------------------------------------------------- */


#contentscontainer {
	width: 804px;
	text-align: left;
	clear: both;
}


.general { background-image: url(../image/bg-contents-general.gif); }
.user { background-image: url(../image/bg-contents-user.gif); }
.recruite { background-image: url(../image/bg-contents-recruite.gif); }
.hospital {
	background-image: url(../image/bg-contents-hospital.gif);
}

#contents {
	font-size: 105%;
	width: 570px;
	float: right;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
}

#contents-top {
	font-size: 105%;
	width: 570px;
	float: right;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
}


#contents-subwin {
	font-size: 105%;
	width: 570px;
	padding-top: 1px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	background-color: #FFF;
	margin-right: 30px;
	margin-left: 30px;
}


#contents .img-right {
	float: right;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-top: 5px;
	position: relative;
}

#contents .img-left {
	float: left;
	margin-bottom: 5px;
	margin-right: 15px;
	margin-top: 5px;
	position: relative;
}

#contents-top .img-right {
	float: right;
	position: relative;
}

#contents-top .img-left {
	float: left;
	position: relative;
}

#contents-top ul .img-right {
	float: right;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-top: 5px;
	position: relative;
}


#c-submenu ul {
	margin: 0;
	padding: 0;
}

#c-submenu li {
	text-indent:22px;
	line-height: 13px;
	margin-bottom: 13px;
}

#c-submenu li a {
	display: block;
	color: #333333;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	background-repeat: no-repeat;
	height: 13px;
	padding-top: 7px;
	padding-bottom: 5px;
}

#c-submenu li#active a {
	color: #ffffff;
}

#c-submenu a:hover {
	color: #ffffff;
}

#contentscontainer.user #c-submenu li a {
	background-image: url(../image/submenu-bg-u.gif);
}

#contentscontainer.user #c-submenu li#active a {
	background-image: url(../image/submenu-bg-u-s.gif);
}

#contentscontainer.user #c-submenu a:hover {
	background-image: url(../image/submenu-bg-u-s.gif);
}

#contentscontainer.hospital #c-submenu li a {
	background-image: url(../image/submenu-bg-h.gif);
}

#contentscontainer.hospital #c-submenu li#active a {
	background-image: url(../image/submenu-bg-h-s.gif);
}

#contentscontainer.hospital #c-submenu a:hover {
	background-image: url(../image/submenu-bg-h-s.gif);
}

#contentscontainer.recruite #c-submenu li a {
	background-image: url(../image/submenu-bg-r.gif);
}

#contentscontainer.recruite #c-submenu li#active a {
	background-image: url(../image/submenu-bg-r-s.gif);
}

#contentscontainer.recruite #c-submenu a:hover {
	background-image: url(../image/submenu-bg-r-s.gif);
}



/* Note：バグ回避*/ 
[id="side-navi"]#side-navi {
  margin-top: 0;
}
html:lang(ja) #side-navi {
  margin-top: 0;
}


/* ---------------------------------------------------------------- *
	フッタ部分
 * ---------------------------------------------------------------- */

#footer1 {
	background-color: #193250;
}

#footer2 {
	font-size: 90%;
	color: #FFF;
	background-color: #75A2D3;
}

#footer2 {
	width: 804px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-right: auto;
	margin-left: auto;
}


#footer2 a,
#footer2 a:link {
	color: #fff;
	text-decoration: none;
}

#footer2 a:visited {
  color: #fff;
}

#footer2 a:hover {
	color: #20355D;
	text-decoration: none;
}

#footer2 a:active {
	color: #20355D;
	text-decoration: underline;
}



#footer2 .img-left {
	float: left;
	margin-right: 10px;
}

#footer2 .img-right {
	float: right;
	margin-left: 10px;
}

#footer2 #link {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#footer2 #exlink {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
	padding-top: 15px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

#footer2 #exlink .c-small1 {
	width: 150px;
	float: left;
	margin-right: 10px;
	position: relative;
}

#footer2 #exlink .c-small2 {
	width: 210px;
	float: left;
	margin-right: 10px;
	position: relative;
}

#footer2 #exlink .c-large {
	width: 240px;
	float: right;
	position: relative;
	margin-right: 10px;
}

#footer2 #exlink .title {
	margin-bottom: 8px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

#footer2 #copy {
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
}




#footer {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #8C99A7;
	font-size: 85%;
}

#footer a:hover {text-decoration: none; }

#footer .img-left {
	float: left;
	margin-right: 10px;
}

#footer .img-right {
	float: right;
	margin-left: 10px;
}

#footer #link {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#footer #exlink {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 8px;
	padding-left: 10px;
}

#footer #copy {
	background-image: url(../image/bg-footer.gif);
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	background-color: #f5f5f6;
}


/* ---------------------------------------------------------------- *
	コンテンツ　コラム設定
 * ---------------------------------------------------------------- */


.c2-275l {
	width: 275px;
	float: left;
	margin-right: 20px;
	position: relative;
}

.c2-275r {
	width: 275px;
	float: right;
	position: relative;
}


.c2-180l {
	width: 180px;
	float: left;
	margin-right: 20px;
	position: relative;
}

.c2-180r {
	width: 370px;
	float: right;
	position: relative;
}

.c2-120l {
	width: 120px;
	float: left;
	margin-right: 20px;
	position: relative;
}

.c2-120r {
	width: 430px;
	float: right;
	position: relative;
}


.c3-180l {
	width: 180px;
	float: left;
	margin-right: 15px;
	position: relative;
}

.c3-180r {
	width: 180px;
	float: right;
	position: relative;
}


.c2-160l {
	width: 390px;
	float: left;
	margin-right: 20px;
	position: relative;
}

.c2-160r {
	width: 160px;
	float: right;
	position: relative;
}


#recruite-message {
	background-image: url(../recruite/bg.jpg);
	background-repeat: repeat-y;
	width: 570px;
}


#recruite-message .read {
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#recruite-message .contents {
	background-image: url(../recruite/bg-contents.png);
	background-repeat: repeat-y;
	margin-bottom: 10px;
}

#recruite-message .textbox {
	float: right;
	width: 320px;
	margin-right: 40px;
	}

#recruite-message .textbox p.text0 {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 18px;
	line-height: 1.4;
	color: #FB6400;
	margin-top: 5px;
}

#recruite-message .textbox p.text1 {
	background:url(../recruite/bg_noteline.png) repeat 0 0;
	line-height :32px;
	margin :0;
	}

#recruite-message .textbox p.text2 {
	font-size: 90%;
	text-align: right;
	padding-bottom: 10px;
	}


.kenshin-flame {
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #F65766;
	border-left-color: #F65766;
	padding-top: 6px;
	padding-right: 15px;
	padding-left: 20px;
	padding-bottom: 0px;
	float: right;
	width: 531px;
}

.underline-dot {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}

.underline-dot2 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}



.button-back {
	text-align: right;
	margin-top: 20px;
}

#photo-g #margin-10 li {
	display: inline;
	margin-right: 10px;
	float: left;
	line-height: 1;
}

#photo-g #margin0 li {
	display: inline;
	line-height: 1;
	margin: 0px;
}