@charset "utf-8";

/* reset css
*****************************************/

html,body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,address,
blockquote,pre,code,
form,fieldset,legend,input,textarea,select,option,button,label,
th,td,hr {
	padding: 0;
	margin: 0;
}

body {
	color: #333;
	line-height:1.7;
	text-align:center;
	background:url(../images/header_bg.gif) repeat-x;
	font-size:85%;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

body.mac  {
	font-size:100%;
	line-height:1.5;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}

h1,h2,h3,h4,h5,h6,table,
input,textarea,select,option,button {
	font-size: 100%;
}

h1,h2,h3,h4,h5,h6,
address,
blockquote,q,cite,
caption,th,
dfn,
code,var,samp,kbd,
em,strong {
	font-style: normal;
	font-weight: normal;
}

img {
	border:0;
}

ul, li {
	list-style:none;
}

a, a:visited {
	color:#3399CC;
	text-decoration:none;
}

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


/* base css (common)
*****************************************/


a.arrow {
	background:url(../images/icon_link_arrow.gif) no-repeat 0 center;
	_background:url(../images/icon_link_arrow.gif) no-repeat 0 top;
	height:13px;
	padding-left:17px;
}

p.more {
	font-size:95%;
	_font-size:100%;
}

body.mac p.more {
	font-size:100%;
}

body.mac p.more a {
	display:inline-block;
	min-height:15px;
	background-position:0 2px;
}

.blankLink {
	background:url(../images/icon_blankwin.gif) no-repeat right 2px;
	min-height:10px;
	padding-right:15px;
}

div#rightContents p.banner {
	margin-top:10px;
}

div#leftContents div.subtitle {
	background:url(../images/subtitle_bg.gif) no-repeat;
	width:720px;
	height:40px;
	margin-top:30px;
}

div#leftContents div.subtitle h1,
div#leftContents div.subtitle h2 {
	text-indent:-9999px;
	padding:0;
	display:inline-block;
	margin:12px auto 0 11px;
}


/* base css (header)
*****************************************/

div#bodyContainer {
	padding-bottom:40px;
	background:url(../images/contents_bottom_bg.gif) repeat-x 0 bottom;
}

div#rootContainer {
	margin:auto;
	width:960px;
	text-align:left;
	position:relative;
}

div#header {
	margin-top:32px;
	position:relative;
}

div#header p.logo,
div#header p.logo a {
	width:250px;
	height:61px;
}

div#header p.logo a {
	display:block;
	text-indent:-9999px;
	background:url(../images/logo_home.gif) no-repeat;
}

div#gnavi {
	position:absolute;
	right:0;
	top:19px;
}

div#gnavi li {
	display:block;
}

div#gnavi li.gnavi0,
div#gnavi li.gnavi1,
div#gnavi li.gnavi2,
div#gnavi li.gnavi3,
div#gnavi li.jobCount {
	height:23px;
	float:left;
	border-left:1px solid #ccc;
}

div#gnavi li.gnavi0,
div#gnavi li.gnavi1,
div#gnavi li.gnavi2,
div#gnavi li.gnavi3 {
	width:129px;
	line-height:0;
	text-align:center;
	text-indent:-9999px;
}

div#gnavi li.jobCount {
	width:135px;
	font-size:10px;
	text-align:right;
}

body.mac div#gnavi li.jobCount {
	font-size:9px;
}

div#gnavi li.jobCount p {
	padding-top:0;
}

div#gnavi li.jobCount span {
	font-size:15px;
	color:#F94202;
	font-weight:bold;
	padding:0 2px 0 2px;
}

body.mac div#gnavi li.jobCount span {
	font-size:14px;
}

div#gnavi li.gnavi0 a,
div#gnavi li.gnavi1 a,
div#gnavi li.gnavi2 a,
div#gnavi li.gnavi3 a {
	display:block;
	margin:3px auto auto auto;
}

div#gnavi li.gnavi0 a {
	background:url(../images/btn_gnavi.gif) no-repeat;
	width:62px;
	height:17px;
}

div#gnavi li.gnavi1 a {
	background:url(../images/btn_gnavi.gif) no-repeat;
	background-position:-66px 0;
	width:87px;
	height:17px;
}

div#gnavi li.gnavi2 a {
	background:url(../images/btn_gnavi.gif) no-repeat;
	background-position:-157px 0;
	width:90px;
	height:17px;
}

div#gnavi li.gnavi3 a {
	background:url(../images/btn_gnavi.gif) no-repeat;
	background-position:-251px 0;
	width:87px;
	height:17px;
}

div#gnavi li.gnavi0 a:hover { background-position:0 -23px; }
div#gnavi li.gnavi1 a:hover { background-position:-66px -23px; }
div#gnavi li.gnavi2 a:hover { background-position:-157px -23px; }
div#gnavi li.gnavi3 a:hover { background-position:-251px -23px; }


div#gnavi div.subnavi {
	display:none;
	position:absolute;
	top:25px;
	left:0;
	width:206px;
	text-align:left;
	z-index:9999;
}

div#gnavi li.gnavi1 div.subnavi { left:0; }
div#gnavi li.gnavi2 div.subnavi { left:210px; }
div#gnavi li.gnavi3 div.subnavi { left:420px; }


div#gnavi div.subnavi {
	background:url(../images/gnavi_pull_bg_top.gif) no-repeat 0 0;
}

div#gnavi div.subnavi ul {
	display:block;
	margin-top:15px;
	width:206px;
	padding-bottom:10px;
	background:url(../images/gnavi_pull_bg_bottom.png) no-repeat 0 bottom;
	_background:url(../images/gnavi_pull_bg_bottom.gif) no-repeat 0 bottom;
}

div#gnavi div.subnavi li {
	display:block;
	margin:auto 5px auto 5px;
	padding:8px 0 5px 7px;
	_padding:4px 0 5px 3px;
	font-size:85%;
	line-height:1.8;
	_line-height:1.4;
	background:url(../images/index_panel_line.gif) no-repeat 0 top;
}

div#gnavi div.subnavi li span {
	padding-left:5px;
}

div#gnavi div.subnavi li.first {
	background:none;
}

div#gnavi div.subnavi li p a {
	display:table-cell;
	width:160px;
	text-indent:0;
	line-height:1.4;
	padding-left:17px;
	margin-left:8px;
	height:auto;
	background:url(../images/icon_link_arrow.gif) no-repeat 0 top;
}

div#gnavi div.subnavi a:hover {
	background:url(../images/icon_link_arrow.gif) no-repeat 0 top;
}
	

/* base css (conttainer)
*****************************************/

div#contents {
	margin-top:27px;
	display:inline-block;
	background:url(../images/center_line.gif) repeat-y 740px 0;
}

div#leftContents {
	width:720px;
	float:left;
	margin-right:40px;
}

div#rightContents {
	width:200px;
	float:left;
	padding-bottom:40px;
}

div#btnTop {
	position:absolute;
	right:0;
	bottom:-20px;
}


div#btnTop,
div#btnTop a {
	width:40px;
	height:40px;
}

div#btnTop a {
	background:url(../images/btn_top.gif) no-repeat;
	text-indent:-9999px;
	display:block;
}


/* base css (template)
*****************************************/

div#leftContents div.pageList {
	background:url(../images/page_list_bg_bottom.gif) no-repeat 0 bottom;
}

div#leftContents div.pageList ul {
	display:block;
	padding-left:5px;
	background:url(../images/page_list_bg_top.gif) no-repeat 0 0;
}

div#leftContents div.pageList ul li {
	display:inline;
	font-size:80%;
}

div#leftContents div.pageList ul li span {
	padding-left:5px;
	padding-right:10px;
}

div#leftContents div.pageList ul li a {
	padding-left:5px;
	padding-right:10px;
	background:url(../images/icon_list_arrow.gif) no-repeat right center;
}

div#leftContents div.pageList ul li a,
div#leftContents div.pageList ul li a:visited {
	color:#333;
	text-decoration:none;
}

div#leftContents div.pageList ul li a:hover {
	text-decoration:underline;
}

div#leftContents h1 {
	clear:left;
	font-size:150%;
	font-weight:bold;
	padding-bottom:7px;
	margin-top:20px;
	background:url(../images/h1_line.gif) repeat-x 0 bottom;
}

div#leftContents h2 {
	clear:left;
	font-size:120%;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:20px;
	background:url(../images/index_panel_line.gif) repeat-x 0 bottom;
}

div#leftContents p.width100 {
	margin-top:15px;
}

div#leftContents div.column350,
div#leftContents div.column225 {
	padding-top:20px;
	clear:left;
}

div#leftContents div.column350 div.left,
div#leftContents div.column225 div.left {
	float:left;
	margin-right:15px;
}

div#leftContents div.column350 div.left {
	width:355px;
}

div#leftContents div.column225 div.left {
	width:480px;
}

div#leftContents div.column350 div.left h3,
div#leftContents div.column225 div.left h3 {
	font-weight:bold;
	font-size:110%;
}

div#leftContents div.column350 div.left p,
div#leftContents div.column225 div.left p {
	margin-top:10px;
}

div#leftContents div.column350 div.right,
div#leftContents div.column225 div.right {
	display:inline-block;
	float:left;
}

div#leftContents div.column350 div.right {
	width:350px;
}

div#leftContents div.column225 div.right {
	width:225px;
}

div#leftContents ul.listDot,
div#leftContents ol.listNumber,
div#leftContents ul.listLink {
	margin-top:10px;
}

div#leftContents ul.listDot li {
	background:url(../images/icon_list_dot.gif) no-repeat 0 center;
	padding-left:10px;
}

div#leftContents ol.listNumber li {
	list-style:inside;
	list-style-type:decimal;
}

div#leftContents ul.listLink li {
	background:url(../images/icon_link_arrow.gif) no-repeat 0 center;
	padding-left:17px;
}

table.tableBasic {
	width:100%;
	margin-top:20px;
	border-spacing:0;
	border-collapse:collapse;
	border-left:1px solid #D9D9D9;
	border-top:1px solid #D9D9D9;
}

table.tableBasic td,
table.tableBasic th {
	border-right:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
	padding:5px 5px 5px 15px;
}

table.tableBasic th {
	background:#EAEAEA;
}


/* base css (right column)
*****************************************/

div#rightContents div.rightNavi h4 {
	margin-top:30px;	
}

div#rightContents div.rightNavi h4 {
	text-indent:-9999px;
	height:30px;
}

div#rightContents div.rightNavi ul {
	margin-top:10px;
	background:url(../images/index_panel_line.gif) no-repeat 0 0;
}

div#rightContents div.rightNavi ul li {
	background:url(../images/index_panel_line.gif) no-repeat 0 bottom;
	padding:7px 0 7px 0;
	font-size:80%;
	_font-size:85%;
}

body.mac div#rightContents div.rightNavi ul li {
	font-size:90%;
}

body.mac div#rightContents ul li a.arrow {
	background-position:0 top;
}

div#rightContents div.rightNavi ul li span {
	padding-left:5px;
}

div#rightContents div.about {
	margin-top:20px;
	background:url(../images/right_panel_bg_middle.gif) repeat-y;
}

div#rightContents div.about div.aboutPanelInner {
	background:url(../images/right_panel_bg_bottom.gif) no-repeat 0 bottom;
	display:inline-block;
	width:200px;
}

div#rightContents div.about div.aboutPanelHeader {
	background:url(../images/right_panel_bg_top.gif) no-repeat;
	padding:14px 0 0 15px;
}

div#rightContents div.about div.aboutPanelHeader h5 {
	background:url(../images/right_about_ttl.gif) no-repeat;
	width:151px;
	height:27px;
	text-indent:-9999px;
}

div#rightContents div.about div.aboutPanelInner ul {
	padding:10px 10px 10px 15px;
}

div#rightContents div.about div.aboutPanelInner ul li {
	margin-top:3px;
	font-size:90%;
}

div#rightContents div#privacy {
	margin-top:20px;
	background:url(../images/icon_privacy.gif) no-repeat;
	min-height:72px;
	font-size:75%;
	line-height:1.5;
	display:inline-block;
	width:200px;
}

div#rightContents div#privacy p {
	padding-left:78px;
}

div#rightContents div#ssl {
	margin-top:20px;
	font-size:75%;
	line-height:1.5;
	display:inline-block;
	width:200px;
}

p#bannerKango,
p#bannerMedical,
p#bannerKango a,
p#bannerMedical a {
	display:block;
	width:200px;
	height:50px;
	text-indent:-9999px;
}

p#bannerKango a { background:url(../images/banner_kango.jpg) no-repeat; }
p#bannerMedical a { background:url(../images/banner_medical.jpg) no-repeat; }

p#bannerKango a:hover {
	background-position:-204px 0;
}

p#bannerMedical a:hover {
	background-position:-204px 0;
}
	

/* base css (footer)
*****************************************/

div#footer {
	clear:both;
	font-size:85%;
	width:100%;
	display:inline-block;
	padding-bottom:10px;
	background:url(../images/footer_bg.gif) repeat-x;
}

div#footer a,
div#footer a:visited {
	color:#333;
	text-decoration:none;
}

div#footer a:hover {
	text-decoration:underline;
}

div#footer div#footerInner {
	width:960px;
	text-align:left;
	margin:auto;
	padding:10px 0 0 0;
}

div#footer div#footerInner p.title {
	line-height:1.7;
	font-size:100%;
	font-weight:bold;
	padding-bottom:8px;
	margin-bottom:10px;
	border-bottom:1px solid #E2D3AB;
}

div#footer div#footerInner p {
	line-height:1.5;
	margin-bottom:5px;
}

div#linkArea,
div#linkJob,
div#linkCondition,
div#about {
	float:left;
	margin-top:5px;
}

div#linkArea {
	width:468px;
	margin-right:19px;
	display:inline-block;
}

div#linkJob {
	width:144px;
	margin-right:18px;
}

div#linkCondition {
	width:144px;
	margin-right:18px;
}

div#about {
	width:144px;
}

div#copyright {
	clear:left;
	width:100%;
	padding:6px 0 6px 0;
	margin-bottom:-7px;
	display:inline-block;
	background:url(../images/footer_line.gif) repeat-x;
}

div#copyright div {
	width:960px;
	margin:auto;
	font-size:80%;
}

div#copyright address {
	float:left;
}

div#copyright p {
	float:right;
}


/* base css (right column)
*****************************************/

div#rightContents div#cationJob h4 { background:url(../images/r_ttl_cation_job.gif) no-repeat; }
div#rightContents div#cationCondition h4 { background:url(../images/r_ttl_cation_condition.gif) no-repeat; }
div#rightContents div#cationRecommend h4 { background:url(../images/r_ttl_recommend.gif) no-repeat; }