@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:underline;
}

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

/*===============================
共通ヘッダー
===============================*/
@media screen {
  div#head{
	width:770px;
	height:89px;
	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;
  }

/* IE6 透過PNG表示用 
  img.head_logo_img { }*/

  div#head p.head_btn{
	position:absolute;
	top: 0;
	left:642px;
  }

  div#head ul{
	position:absolute;
/*	top:60px;
	left:291px;*/
	top:74px;
	left:194px;
  }

  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:138px;
	margin:4px auto 0px;
	padding:28px 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:28px;
	left:28px;
  }

  div#base_top h2{
	position:absolute;
	top:28px;
	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%;
  }

}

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{
	width:170px;
	float:left;
}

div#base div.base_right{
	width:520px;
	float:left;
	margin-left:25px;
}

div#base div.base_right div.base_right_cnt{
	margin-bottom:25px;
}


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

@media screen {

  div#base div.base_left 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_left div.side_navi{
	background:url(../common_image/side_navi_bg.gif) repeat-y;
  }

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

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

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

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

  div#base div.base_left 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_left div.side_navi li a:hover{
	background:url(../common_image/icon04.gif) no-repeat left 4px #006699;
	color:#FFFFFF;
  }

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

  div#base div.base_left div.left_inquiry {
	margin-top: 12px;
  }

}


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


/*===============================
各種パーツ
===============================*/
div#base div.base_right 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_right p.ttl_l_txt{
	padding-bottom:6px;
	margin-bottom:25px;
	font-size:1.5em;
	border-bottom: 1px #000000 dotted;
	color: #407ab2;
	font-weight: bold;
}

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


@media screen {

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

  /*2カラム用ページTOP*/
  div#base div.base_right p.pagetop{
	margin-left:456px;
  }
  div#base div.base_right 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_right p.pagetop{
	margin-left:411px;
  }

  /*2カラム用（採用）下層*/
  div#base div.rec_right 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.base_right p.pagetop{ display: none; }
  div#base div.base_right 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 bottom;
	margin: 0px auto 20px auto;
	padding: 0px 10px 10px 10px;
	font-size: 10px;
	color:#888888;
	line-height:100%;
	text-align:center;
	width: 750px;
	height: 210px;
  }

  div#foot div#footer-contents {
	width: 750px;
	height: 160px;
  }

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

  div#foot div#footer-contents ul li {
	margin: 0 0 0 20px;
	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; }
}