@charset "UTF-8";


*{
	margin:0px;
	padding:0px;
}

@media screen {
  body{
	background:url(../common_image/body_bg.jpg) repeat-x;
	background-color:#E5E1CF;
  }
}
@media print{
  body{
	zoom: 75%
	background-image: none;
	background-color:#ffffff;
  }
}

ul,li{
	list-style-type:none;
}

td{
	vertical-align:top;
}

div.clear{
	clear:both;
}

img {
	border: 0;
}

a{
	color:#0066CC;
	text-decoration:none;
}

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

/*===============================
共通ヘッダー
===============================*/
@media screen {
  div#head{
	width:770px;
	height:130px;
	margin:0px auto;
	position:relative;
  }

  div#head h1{
	padding-top: 6px;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
  }

  div#head p.head_logo{
	position:absolute;
	top:28px;
	left:9px;
  }

  div#head div.head_btn{
	position:absolute;
	top: 0;
	left:594px;
  }
  div#head div.head_btn p {
	margin-top: 14px;
	font-size: 11px;
	color: #ffffff;
	text-align: right;
  }
  div#head div.head_btn a {
	color: #ffffff;
	text-decoration:none;
  }

  div#head ul{
	position:absolute;
/*	top:60px;
	left:291px;*/
	top: 86px;
	left: 0px;
	border-top: 4px solid #555;
  }

  div#head ul li{
	float:left;
  }
}

@media print {
  div#head { display: none; }
  div#head h1 { display: none; }
  div#head p.head_logo { display: none; }
  img.head_logo_img { display: none; }
  div#head p.head_btn { display: none; }
  div#head ul { display: none; }
  div#head ul li { display: none; }
}


/*===============================
ベース背景
===============================*/
@media screen {
  div#base_top{
	width:730px;
	height:130px;
	margin:4px auto 0px;
	padding: 18px 28px 0px;
	position:relative;
	clear:both;
	background:url(../common_image/base_bg_top.jpg) no-repeat top;
  }
  div#base_top p.main_img{
	position:absolute;
	top:20px;
	left:28px;
  }

  div#base_top h2{
	position:absolute;
	top: 18px;
	left:28px;
  }

  div#base{
	width:768px;
	margin:0px auto;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color:#FFFFFF;
	font-size:80%;
	color:#666666;
	line-height:150%;
    z-index: 1;
  }

}

div.base_bottom{
	padding:37px 19px 20px;
}

@media print {
  div#base_top { display: none; }
  div#base_top p.main_img { display: none; }
  div#base_top h2 { display: none; }
  div#base{
	border-left:none;
	border-right:none;
	background-color:#FFFFFF;
	font-size:80%;
	color:#666666;
	line-height:150%;
  }
}


div.base_bottom_privacy{
/*	background:url(../common_image/base_bg_bottom.gif) no-repeat bottom;*/
	padding:0px 19px 20px;
}
div.base_bottom_mailform{
/*	background:url(../common_image/base_bg_bottom.gif) no-repeat bottom;*/
	padding:30px 19px 20px 0px;
}


/*===============================
共通レイアウト
===============================*/

div#base div.base_left {
  float:left;
  width:520px;
  margin-left:10px;
}

div#base div.base_right {
  float:right;
  width:170px;
}

div#base div.base_left div.base_left_cnt {
  margin-bottom: 20px;
}


/*===============================
共通サイドナビ
===============================*/

@media screen {

  div#base div.base_right div.side_navi_top{
	background:url(../common_image/side_navi_top.jpg) no-repeat top;
	height:20px;
	padding:5px 10px 0px;
	color:#FFFFFF;
	font-weight: bold;
  }

  div#base div.base_right div.side_navi{
	background:url(../common_image/side_navi_bg.gif) repeat-y;
  }

  div#base div.base_right div.side_navi_bottom{
	background:url(../common_image/side_navi_bottom.gif) no-repeat bottom;
	padding-bottom:5px;
  }

  div#base div.base_right div.side_navi p.side_navi_ttl{
	padding:3px 5px;
	color:#FFFFFF;
	font-size:130%;
  }

  div#base div.base_right div.side_navi ul{
	padding:15px 10px 8px;
  }

  div#base div.base_right div.side_navi li{
	margin-bottom:7px;
  }
  div#base div.base_right div.side_navi li.separate_menu {
	border-bottom: 1px solid #0088aa;
	padding-bottom: 7px;
  }

  div#base div.base_right div.side_navi li a{
	background:url(../common_image/icon03.gif) no-repeat left 4px;
	padding-left:16px;
	color:#006699;
	text-decoration:none;
	display:block;
	width:134px;
  }

  div#base div.base_right div.side_navi li a:hover{
	background:url(../common_image/icon04.gif) no-repeat left 4px #006699;
	color:#FFFFFF;
  }

  div#base div.base_right div.side_navi li a.a_hover{
	background:url(../common_image/icon04.gif) no-repeat left 4px #006699;
	color:#FFFFFF;
  }

  div#base div.base_right div.side_inquiry {
	margin-bottom: 12px;
  }


/*  関連ページへのリンク */
div#base div.base_right div.side_rel {
  border: 2px solid #fa4a0f;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-top: 10px;
  position: relative;
  behavior: url(../js/PIE.htc);
}

div#base div.base_right div.side_rel p.side_rel_ttl {
  background-color: #fa4a0f;
  padding: 4px;
  color: #fff;
  font-size:12px;
  font-weight: bold;
}
div#base div.base_right div.side_rel div.side_rel_cnt {
  padding: 4px;
  line-height: 20px;
}
div#base div.base_right div.side_rel div.side_rel_cnt ul li {
  list-style-image: url(../case/image/tr.png);
  margin-left: 18px;
}
div#base div.base_right div.side_rel div.side_rel_cnt ul li a {
  width: 100%;
  display: block;
}

div#base div.base_right div.side_rel_feature {
  border: 2px solid #0088ff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-top: 12px;
  position: relative;
  behavior: url(../js/PIE.htc);
}
div#base div.base_right div.side_rel_feature p.side_rel_ttl {
  background-color: #0088ff;
  padding: 4px;
  color: #fff;
  font-size:12px;
  font-weight: bold;
  text-align: center;
}
div#base div.base_right div.side_rel_feature div.side_rel_cnt {
  padding: 6px;
}
div#base div.base_right div.side_rel_feature div.side_rel_cnt div {
  text-align: center;
}
div#base div.base_right div.side_rel_feature div.side_rel_cnt p {
  margin-top: 8px;
  font-size: 11px;
}

}


@media print {
  div#base div.base_right div.side_navi_top { display: none; }
  div#base div.base_right div.side_navi { display: none; }
  div#base div.base_right div.side_navi_bottom { display: none; }
  div#base div.base_right div.side_navi p.side_navi_ttl { display: none; }
  div#base div.base_right div.side_navi ul { display: none; }
  div#base div.base_right div.side_navi li { display: none; }
  div#base div.base_right div.side_navi li a { display: none; }
  div#base div.base_right div.side_navi li a:hover { display: none; }
  div#base div.base_right div.side_navi li a.a_hover { display: none; }
  div#base div.base_right div.side_inquiry { display: none; }
  div#base div.base_right div.side_rel { display: none; }
}


/*===============================
各種パーツ
===============================*/
div#base div.base_left p.ttl_l{
	width:100%;
	background:url(../common_image/line_dot01.gif) repeat-x bottom;
	padding-bottom:6px;
	margin-bottom:25px;

}
div#base div.base_left p.ttl_l_txt{
	padding-bottom:6px;
	margin-bottom:25px;
	font-size:1.5em;
	border-bottom: 1px #000000 dotted;
	color: #407ab2;
	font-weight: bold;
	line-height: 24px;
}
div#base div.base_left p.ttl_l_txt1{
	padding-bottom:6px;
	margin-bottom:10px;
/*	border-bottom: 1px #000000 dotted;*/
}
div#base div.base_left p.ttl_l_txt1 span{
	font-size: 16px;
	font-weight: bold;
	color: #407ab2;
}

div#base div.base_left p.ttl_m{
	color:#006699;
	font-size:120%;
	font-weight: bold;
}


@media screen {

  /* ページ下部の問い合わせフォームのバナー */
  div#base div.top_inquiry {
	width: 520px;
	height: 89px;
	margin: 0px auto 20px auto;
  }
  div#base div.bottom_inquiry {
	width: 488px;
	height: 98px;
	margin: 40px auto 0px auto;
  }
  div#base div.top_inquiry, div#base div.bottom_inquiry div {
/*	background: url(../common_image/inquiry02.gif) no-repeat;*/
	width: 488px;
	height: 98px;
	text-align: center;
  }
  div#base div.top_inquiry p, div#base div.bottom_inquiry p { display: none; }

  /* ページ内リンク */
  div#base div.link_p {
	margin-bottom: 20px;
	padding: 10px;
	background-color: #f8f8f8;
	border: 1px dashed #cccccc;
  }
  div#base div.link_p p {
	margin-bottom: 8px;
  }
  div#base div.link_p ul {
	height: 20px;
	font-size: 90%;
  }
  div#base div.link_p ul li {
	background: url(../common_image/li_arrow.png) no-repeat left 7px;
	width: 104px;
	margin-left: 10px;
	padding-left: 10px;
	line-height: 20px;
	float: left;
  }

  /* 他に閲覧されているページ */
  div#base div.otherpage {
	margin-top: 40px;
	padding: 10px;
	background-color: #f8f8f8;
	border: 2px dashed #cccccc;
  }
  div#base div.otherpage p {
	margin-bottom: 8px;
  }
  div#base div.otherpage ul {
	height: 60px;
	font-size: 90%;
  }
  div#base div.otherpage ul li {
	background:url(../common_image/li_arrow.png) no-repeat left 7px;
	width: 104px;
	margin-left: 10px;
	padding-left: 10px;
	line-height: 20px;
	float:left;
  }

  /*2カラム用ページTOP*/
  div#base div.base_left p.pagetop{
	margin-left:456px;
  }
  div#base div.base_left div.contact{
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	margin: 40px 0;
	padding: 10px 0;
	text-align: center;
  }

  /*2カラム用（採用）ページTOP*/
  div#base div.rec_top_left p.pagetop{
	margin-left:411px;
  }

  /*2カラム用（採用）下層*/
  div#base div.rec_left p.pagetop{
	margin-left:446px;
  }

/*1カラム用ページTOP*/
  div#base p.pagetop{
	margin:25px 0px 0px 634px;
  }
}

@media print {
  div#base div.bottom_inquiry {
	background: none;
	width: 520px;
	height: 20px;
	margin: 40px auto 20px auto;
	text-align: center;
  }
  div#base div.bottom_inquiry div { display: none; }
  div#base div.bottom_inquiry p {
	display: block;
	border: 1px solid #aaaaaa;
	padding: 20px;
  }
  div#base div.otherpage { display: none; }
  div#base div.base_left p.pagetop{ display: none; }
  div#base div.base_left p.contact{ display: none; }
  div#base div.rec_top_right p.pagetop{ display: none; }
  div#base div.rec_right p.pagetop{ display: none; }
  div#base p.pagetop{ display: none; }
}


/*===============================
個人情報・セキュリティーポリシー
===============================*/
div.base_bottom_privacy div.privacy_area{
	width:670px;
	margin:0px auto;
}

div.base_bottom_privacy div.privacy_area p.ttl {
	margin-top: 16px;
	font-weight: bold;
	color:#006699;
}
div.base_bottom_privacy div.privacy_area ul {
	margin: 8px 0 0 16px;
}
div.base_bottom_privacy div.privacy_area ul li {
	background:url(../common_image/icon02.gif) no-repeat left 7px;
	padding-left:12px;
}

div.base_bottom_privacy div.privacy_area p.security_name{
	text-align:right;
	margin-top:20px;
}

div.base_bottom_privacy div.privacy_area span{
	color:#006699;
}

div.base_bottom_privacy div.privacy_area div.privacy_txt01{
	font-size:85%;
	line-height:120%;
}
div.base_bottom_privacy div.privacy_area div.privacy_txt01 p.ttl {
	font-weight: normal;
	color:#006699;
}
div.base_bottom_privacy div.privacy_area div.privacy_txt01 ul {
	margin: 0 0 10px 28px;
}
div.base_bottom_privacy div.privacy_area div.privacy_txt01 ul li {
	list-style-type: square;
	background: none;
	padding-left:4px;
}


/*===============================
サイトマップ
===============================*/
div.base_bottom_privacy div.sitemap_area{
	width:670px;
	margin:0px auto;
}

div.base_bottom_privacy div.sitemap_area a{
	background:url(../common_image/icon01.gif) no-repeat left 2px;
	padding-left:18px;
}

div.base_bottom_privacy div.sitemap_area span{
	padding-left:18px;
}

div.base_bottom_privacy div.sitemap_area ul.site_link_box{
	border-bottom:1px solid #CCCCCC;
	padding-bottom:6px;
	margin-bottom:6px;
	width:670px;
	clear:both;
}

div.base_bottom_privacy div.sitemap_area ul.site_link_box_end{
	border-bottom:none;
	margin-bottom:6px;
	width:670px;
	clear:both;
}

div.base_bottom_privacy div.sitemap_area ul.site_link_box li.site_link_left{
	width:300px;
	float:left;
}

div.base_bottom_privacy div.sitemap_area ul.site_link_box li.site_link_right{
	width:370px;
	float:right;
}

div.base_bottom_privacy div.sitemap_area ul.site_link_box li.site_link_right li{
	background: url(../common_image/line_dot03.gif) repeat-x bottom;
	padding-bottom:6px;
	margin-bottom:6px;
}

div.base_bottom_privacy div.sitemap_area ul.site_link_box li.site_link_right li.li_end{
	background:none;
	padding-bottom:0px;
	margin-bottom:0px;
}


/*===============================
共通フッター
===============================*/

@media screen {

  div#foot{
	background:url(../common_image/base_bg_bottom.png) no-repeat top;
	margin: 0px auto 15px auto;
	padding: 0px 10px 10px 10px;
	font-size: 10px;
	color:#888888;
	line-height:100%;
	text-align:center;
	width: 760px;
	height: 230px;
  }

  div#foot div#footer-contents {
	width: 760px;
	height: 160px;
        padding-top: 10px;
  }

  div#foot div#footer-contents ul {
	margin: 0px 0 0 0;
	padding: 0px 12px;
	background: url(../common_image/line_dot04.gif) repeat-y right;
	left: auto;
	text-align: left;
	height: 160px;
	float: left;
  }
  div#foot div#footer-contents ul.footer-menu-1 {
	width: 180px;
  }
  div#foot div#footer-contents ul.footer-menu-2 {
	width: 180px;
  }
  div#foot div#footer-contents ul.footer-menu-3 {
	width: 200px;
  }
  div#foot div#footer-contents ul.footer-menu-4 {
	background: none;
	width: 100px;
  }

  div#foot div#footer-contents ul li {
	margin: 0 0 0 18px;
	padding: 0;
	background: none;
	line-height:140%;
	list-style-type: square;
  }
  div#foot div#footer-contents ul li.first {
	margin: 0;
	font-weight: bold;
	line-height:150%;
	list-style-type: none;
  }

  div#foot p.foot_link{
	background:url(../common_image/line_dot02.gif) repeat-x bottom;
	padding-bottom:7px;
	margin-top: 15px;
	margin-bottom:7px;
  }

  div#foot a{
	color:#888888;
	text-decoration:none;
  }

  div#foot a:hover{
	color:#888888;
	text-decoration:underline;
  }

}

@media print {
  div#foot{
	background: none;
	font-size:80%;
	color:#999999;
	line-height:100%;
	text-align:center;
  }
  div#foot div#footer-contents { display: none; }
  div#foot p.foot_link { display: none; }
  div#foot p { margin-top: 20px; }
}