﻿@charset "utf-8";
/* CSS Document */

/*レイアウト構造図
　※実際のレイアウト構造に併せてこの図も修正のこと
　　修正・リニューアル時の作業軽減のため


　　	body
	     │
	     │
	     ├#header_top
	     │
	     ├#header
	     │　｜
	     │  └#header_inn
	     │   　｜
	     │     ├#header_logo
	     │   　｜
	     │     ├#header_form
	     │   　｜
	     │     ├#header_menu
	     │     ｜
	     │     └#header_info
	     │
	     ├#all(コンテンツ)
	     │　｜
	     │  └#wrap
	     │　    ｜
	     │      ├#main_img
	     │　    ｜
	     │      ├
	     │
	     ├
	     │
	     ├#wrap
	     │  ｜
	     │  ├#main_contents	※float:left or right
	     │  ｜
	     │  └#side			※float:right or left
	     │
	     └#footer
	       
*/

/* =========== clearfix =========== */
.clearfix:after {
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
}

.clearfix {
display: inline-table;
min-height: 1%;
}

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


/*float*/
.fi_left {
	float: left;
}

.fi_right {
	float: right;
}

.fl_txt {
	overflow:hidden;
	zoom:1;
}

.clear_both {
	clear: both;
}

.clear_br {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}
.pl_15 {
	padding-left:15px;
	background-color: #FFFFFF;
}
.pr_15 {
	padding-right:15px;
	background-color: #FFFFFF;
}


/* =========== body =========== */

body {
	text-align:left;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
    font-family: "メイリオ","ＭＳ Ｐゴシック",sans-serif;
	font-size: 12px;
	line-height: 1.6em;
    _font-family: "ＭＳ Ｐゴシック",sans-serif;
}

* html body {
    font-family: "メイリオ","ＭＳ Ｐゴシック",sans-serif;
    _font-family: "ＭＳ Ｐゴシック",sans-serif;
}

*:first-child+html body {
    font-family: 'メイリオ','ＭＳ Ｐゴシック',sans-serif;
    _font-family: "ＭＳ Ｐゴシック",sans-serif;
}

/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}


/* IE6でpadding指定 */
_html body {
padding-left: 1px;
}


/* =========== body end =========== */

/*   header_top   */

#header_top {
	background-image: url(../../_images/common/header_top_bg.gif);
	height: 21px;
	width: 100%;
	background-color: #FE1413;
	background-repeat: repeat-x;
	background-position: center bottom;
	line-height: 21px;
}
/*   header   */

#header {
	height: 85px;
	background-image: url(../../_images/common/header_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#header_inn {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	line-height: 12px;
	font-size: 12px;
}

#header_logo {
	float: left;
	width: 400px;
	margin: 0px;
	display: block;
	padding-top:19px;
	background-image: url(../../_images/common/arcs_logo.gif);
	background-repeat: no-repeat;
	background-position: left 15px;
}

#header_form {
	height: 25px;
	width: 220px;
	position:absolute;
	right:142px;
	top:19px;
}

#header_form .headerform_txt {
	border:1px solid #cccccc;
	width:160px;
	height:23px;
}

#header_form .headerform_btn {
	width:51px;
	height:23px;
	text-indent:-9999px;
	border:0px;
	cursor:pointer;
	margin-left: 2px;
}

#header_info {
	height: 25px;
	width: 132px;
	position:absolute;
	right:0px;
	top:20px;
	line-height: 12px;
	font-size: 12px;
}

#header_menu {
	position:absolute;
	right:1px;
	top:50px;
}

#header_menu li {
	/*background:url(../../_images/common/ico_redar.gif) no-repeat left 6px;
	padding-left:8px;
	padding-right:10px;*/
	float:left;
	list-style:none;
}
#header_menu li a {
	color:#666666;
	text-decoration:none;
}
#header_menu li a:hover {
	text-decoration:underline;
}
#header_menu li.last {
	padding-right:0;
}




/*   main_img   */

#main_img {
	width: 900px;
	margin:0 auto;
	clear:both;
}

/*   wrap   */

#all {
	width: 100%;
	background:url(../../_images/common/bg_wrap.gif) repeat-x left top;
}

#wrap {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}




/*   footer   */
#footer {
	width: 100%;
	clear: both;
	background:url(../../_images/common/bg_footer.gif) repeat-x left top;
}

#footer_menu {
	width: 100%;
	clear: both;
	background:url(../../_images/common/bg_footerline.gif) repeat-x left top;
	padding-bottom:50px;
}

.footer_inn {
	width: 900px;
	margin:0 auto;
	padding-top: 15px;
}

.footer_inn .mb_00 {
	margin-bottom:0 !important;
}

#footer #f_menu {
	float:left;
	clear: both;
}

#footer #f_credit {
	float:right;
	text-align:right;
	font-weight:normal;
}

#pr_area {
	clear: both;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 22px;
	background-image: url(../../_images/common/adobe_line.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.pdfbox{
	width:449px;
/*	background:url(../../_images/common/bg_fpdf_b.gif) no-repeat left top;*/
}
/*.pdfbox .inner{
	padding:13px 15px 10px;
	background:url(../../_images/common/bg_fpdf_f.gif) no-repeat left bottom;
}*/
.pdfbox .inner li{
	float:left;
	font-size:9px;
	color:#989792;
}
.pdfbox .inner li.bn{
	padding-right:14px;
}

#foot_menu{
	margin-top:15px;
	clear: both;
}
#foot_menu li{
	float:left;
	padding-right:7px;
	margin-bottom:10px;
}
#foot_menu li.last{
	padding-right:0px;
}


/* #paturnmenu */

#paturnmenu{
	background:url(../../_images/index/bg_paturn.gif) repeat-x left top;
	width:100%;
	margin-top:20px;
	clear:both;
	padding-top: 24px;
	padding-right: 0;
	padding-bottom: 26px;
	padding-left: 0;
	margin-bottom:50px;
}


/*----------tab menu-----------*/
#tabMenu li {
	float:left;
	cursor:pointer;
	cursor:hand;
}
.tab_content div.tab_box {display:none;}
.tab_content div.active {display:block;}
/* =========== IE(6)用印刷設定CSS =========== */

@media print{

/* \ */

*:first-child+html body {
    font-family: 'ＭＳ Ｐゴシック',sans-serif;/* WinIE7 メイリオはレイアウト崩れる */
}

* html body {
	zoom: 75%;/* WinIE6 only 649px÷印刷したい横幅×100、デザインに併せて要変更　 W3C不可 */
	}

.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:visible;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */

}

/* =========== Firefoxでセンターがずれないようにするため W3C不可=========== */
html {
	overflow-y:scroll;
}
	
