@charset "UTF-8";
/**
*******************************************************************************************************
*
* About File: サイト共通スタイルを記述しています
* Release Date:  2013/04/01
* Attention:
* -- このファイルはSassを使用してコンパイルされています
* -- 直接編集・手動更新しないでください
* -- 手動更新が必要な場合はcommon_override.css にて上書き指定してください
*
*******************************************************************************************************
*/
/**
*******************************************************************************************************
				This WebSite Base Font Size  : 14px = 100%
*******************************************************************************************************
	10px =   72%	14px = 100%	18px = 129%	22px = 158%	26px = 186%
	11px =   79%	15px = 108%	19px = 136%	23px = 165%
	12px =   86%	16px = 115%	20px = 143%	24px = 172%
	13px =   93%	17px = 122%	21px = 150%	25px = 179%
*******************************************************************************************************
*/
/**
*******************************************************************************************************

	RESET CSS

*******************************************************************************************************
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, option, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	line-height: 1;
	font-size: 14px;
	color: #222222;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

/*----------------------------------------
	HTML5
----------------------------------------*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

audio[controls],
canvas,
video {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

/*----------------------------------------
	Text
----------------------------------------*/
pre, code, kbd, samp {
	font-family: monospace, monospace;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	margin: 0;
}

em {
	font-style: normal;
}

strong, b {
	font-weight: bold;
}

sub, sup {
	font-size: 0.83em;
	line-height: 0;
	vertical-align: baseline;
	position: relative;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

br {
	*letter-spacing: 0;
}

/*----------------------------------------
	List
----------------------------------------*/
ol, ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

/*----------------------------------------
	HR
----------------------------------------*/
hr {
	color: inherit;
	height: auto;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/*----------------------------------------
	Anchor
----------------------------------------*/
a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*----------------------------------------
	Table
----------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption {
	padding: 0;
	text-align: left;
}

th, td {
	text-align: left;
	vertical-align: baseline;
	padding: 0;
}

/*----------------------------------------
	Form
----------------------------------------*/
form {
	margin: 0;
}

fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

legend {
	border: 0;
	*margin-left: -7px;
}

input, button, select, textarea {
	font-size: 100%;
	font-family: inherit;
	color: inherit;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

input, button {
	line-height: normal;
	vertical-align: inherit;
	*vertical-align: middle;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]:focus {
	outline-offset: -2px;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	cursor: pointer;
	-webkit-appearance: button;
	*overflow: visible;
}

select {
	background-color: inherit;
	line-height: normal;
}

textarea {
	overflow: auto;
	vertical-align: top;
	*font-family: sans-serif;
}

/*----------------------------------------
	IMG
----------------------------------------*/
img {
	border: 0;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}

svg:not(:root) {
	overflow: hidden;
}

/*----------------------------------------
	Clearfix
----------------------------------------*/
.cfx {
	min-height: 1px;
	_height: 1%;
}
.cfx:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}

/**
*******************************************************************************************************

	Generic Class

*******************************************************************************************************
*/
/*----------------------------------------
 margin / padding
----------------------------------------*/
/* margin / padding :: 0px  */
.pt0, .ptb0, .pa0 {
	padding-top: 0px !important;
}

.pr0, .prl0, .pa0 {
	padding-right: 0px !important;
}

.pb0, .ptb0, .pa0 {
	padding-bottom: 0px !important;
}

.pl0, .prl0, .pa0 {
	padding-left: 0px !important;
}

.mt0, .mtb0, .ma0 {
	margin-top: 0px !important;
}

.mr0, .mrl0, .ma0 {
	margin-right: 0px !important;
}

.mb0, .mtb0, .ma0 {
	margin-bottom: 0px !important;
}

.ml0, .mrl0, .ma0 {
	margin-left: 0px !important;
}

/* margin / padding :: 5px  */
.pt5, .ptb5, .pa5 {
	padding-top: 5px !important;
}

.pr5, .prl5, .pa5 {
	padding-right: 5px !important;
}

.pb5, .ptb5, .pa5 {
	padding-bottom: 5px !important;
}

.pl5, .prl5, .pa5 {
	padding-left: 5px !important;
}

.mt5, .mtb5, .ma5 {
	margin-top: 5px !important;
}

.mr5, .mrl5, .ma5 {
	margin-right: 5px !important;
}

.mb5, .mtb5, .ma5 {
	margin-bottom: 5px !important;
}

.ml5, .mrl5, .ma5 {
	margin-left: 5px !important;
}

/* margin / padding :: 10px  */
.pt10, .ptb10, .pa10 {
	padding-top: 10px !important;
}

.pr10, .prl10, .pa10 {
	padding-right: 10px !important;
}

.pb10, .ptb10, .pa10 {
	padding-bottom: 10px !important;
}

.pl10, .prl10, .pa10 {
	padding-left: 10px !important;
}

.mt10, .mtb10, .ma10 {
	margin-top: 10px !important;
}

.mr10, .mrl10, .ma10 {
	margin-right: 10px !important;
}

.mb10, .mtb10, .ma10 {
	margin-bottom: 10px !important;
}

.ml10, .mrl10, .ma10 {
	margin-left: 10px !important;
}

/* margin / padding :: 15px  */
.pt15, .ptb15, .pa15 {
	padding-top: 15px !important;
}

.pr15, .prl15, .pa15 {
	padding-right: 15px !important;
}

.pb15, .ptb15, .pa15 {
	padding-bottom: 15px !important;
}

.pl15, .prl15, .pa15 {
	padding-left: 15px !important;
}

.mt15, .mtb15, .ma15 {
	margin-top: 15px !important;
}

.mr15, .mrl15, .ma15 {
	margin-right: 15px !important;
}

.mb15, .mtb15, .ma15 {
	margin-bottom: 15px !important;
}

.ml15, .mrl15, .ma15 {
	margin-left: 15px !important;
}

/* margin / padding :: 20px  */
.pt20, .ptb20, .pa20 {
	padding-top: 20px !important;
}

.pr20, .prl20, .pa20 {
	padding-right: 20px !important;
}

.pb20, .ptb20, .pa20 {
	padding-bottom: 20px !important;
}

.pl20, .prl20, .pa20 {
	padding-left: 20px !important;
}

.mt20, .mtb20, .ma20 {
	margin-top: 20px !important;
}

.mr20, .mrl20, .ma20 {
	margin-right: 20px !important;
}

.mb20, .mtb20, .ma20 {
	margin-bottom: 20px !important;
}

.ml20, .mrl20, .ma20 {
	margin-left: 20px !important;
}

/* margin / padding :: 25px  */
.pt25, .ptb25, .pa25 {
	padding-top: 25px !important;
}

.pr25, .prl25, .pa25 {
	padding-right: 25px !important;
}

.pb25, .ptb25, .pa25 {
	padding-bottom: 25px !important;
}

.pl25, .prl25, .pa25 {
	padding-left: 25px !important;
}

.mt25, .mtb25, .ma25 {
	margin-top: 25px !important;
}

.mr25, .mrl25, .ma25 {
	margin-right: 25px !important;
}

.mb25, .mtb25, .ma25 {
	margin-bottom: 25px !important;
}

.ml25, .mrl25, .ma25 {
	margin-left: 25px !important;
}

/* margin / padding :: 30px  */
.pt30, .ptb30, .pa30 {
	padding-top: 30px !important;
}

.pr30, .prl30, .pa30 {
	padding-right: 30px !important;
}

.pb30, .ptb30, .pa30 {
	padding-bottom: 30px !important;
}

.pl30, .prl30, .pa30 {
	padding-left: 30px !important;
}

.mt30, .mtb30, .ma30 {
	margin-top: 30px !important;
}

.mr30, .mrl30, .ma30 {
	margin-right: 30px !important;
}

.mb30, .mtb30, .ma30 {
	margin-bottom: 30px !important;
}

.ml30, .mrl30, .ma30 {
	margin-left: 30px !important;
}

/* margin / padding :: 35px  */
.pt35, .ptb35, .pa35 {
	padding-top: 35px !important;
}

.pr35, .prl35, .pa35 {
	padding-right: 35px !important;
}

.pb35, .ptb35, .pa35 {
	padding-bottom: 35px !important;
}

.pl35, .prl35, .pa35 {
	padding-left: 35px !important;
}

.mt35, .mtb35, .ma35 {
	margin-top: 35px !important;
}

.mr35, .mrl35, .ma35 {
	margin-right: 35px !important;
}

.mb35, .mtb35, .ma35 {
	margin-bottom: 35px !important;
}

.ml35, .mrl35, .ma35 {
	margin-left: 35px !important;
}

/* margin / padding :: 40px  */
.pt40, .ptb40, .pa40 {
	padding-top: 40px !important;
}

.pr40, .prl40, .pa40 {
	padding-right: 40px !important;
}

.pb40, .ptb40, .pa40 {
	padding-bottom: 40px !important;
}

.pl40, .prl40, .pa40 {
	padding-left: 40px !important;
}

.mt40, .mtb40, .ma40 {
	margin-top: 40px !important;
}

.mr40, .mrl40, .ma40 {
	margin-right: 40px !important;
}

.mb40, .mtb40, .ma40 {
	margin-bottom: 40px !important;
}

.ml40, .mrl40, .ma40 {
	margin-left: 40px !important;
}

/* margin / padding :: 45px  */
.pt45, .ptb45, .pa45 {
	padding-top: 45px !important;
}

.pr45, .prl45, .pa45 {
	padding-right: 45px !important;
}

.pb45, .ptb45, .pa45 {
	padding-bottom: 45px !important;
}

.pl45, .prl45, .pa45 {
	padding-left: 45px !important;
}

.mt45, .mtb45, .ma45 {
	margin-top: 45px !important;
}

.mr45, .mrl45, .ma45 {
	margin-right: 45px !important;
}

.mb45, .mtb45, .ma45 {
	margin-bottom: 45px !important;
}

.ml45, .mrl45, .ma45 {
	margin-left: 45px !important;
}

/* margin / padding :: 50px  */
.pt50, .ptb50, .pa50 {
	padding-top: 50px !important;
}

.pr50, .prl50, .pa50 {
	padding-right: 50px !important;
}

.pb50, .ptb50, .pa50 {
	padding-bottom: 50px !important;
}

.pl50, .prl50, .pa50 {
	padding-left: 50px !important;
}

.mt50, .mtb50, .ma50 {
	margin-top: 50px !important;
}

.mr50, .mrl50, .ma50 {
	margin-right: 50px !important;
}

.mb50, .mtb50, .ma50 {
	margin-bottom: 50px !important;
}

.ml50, .mrl50, .ma50 {
	margin-left: 50px !important;
}

/* margin / padding :: 55px  */
.pt55, .ptb55, .pa55 {
	padding-top: 55px !important;
}

.pr55, .prl55, .pa55 {
	padding-right: 55px !important;
}

.pb55, .ptb55, .pa55 {
	padding-bottom: 55px !important;
}

.pl55, .prl55, .pa55 {
	padding-left: 55px !important;
}

.mt55, .mtb55, .ma55 {
	margin-top: 55px !important;
}

.mr55, .mrl55, .ma55 {
	margin-right: 55px !important;
}

.mb55, .mtb55, .ma55 {
	margin-bottom: 55px !important;
}

.ml55, .mrl55, .ma55 {
	margin-left: 55px !important;
}

/* margin / padding :: 60px  */
.pt60, .ptb60, .pa60 {
	padding-top: 60px !important;
}

.pr60, .prl60, .pa60 {
	padding-right: 60px !important;
}

.pb60, .ptb60, .pa60 {
	padding-bottom: 60px !important;
}

.pl60, .prl60, .pa60 {
	padding-left: 60px !important;
}

.mt60, .mtb60, .ma60 {
	margin-top: 60px !important;
}

.mr60, .mrl60, .ma60 {
	margin-right: 60px !important;
}

.mb60, .mtb60, .ma60 {
	margin-bottom: 60px !important;
}

.ml60, .mrl60, .ma60 {
	margin-left: 60px !important;
}

/*----------------------------------------
 font
----------------------------------------*/
/* size */
.fs_xs, .fs_xs-lh1 {
	font-size: 10px !important;
	line-height: 1.5 !important;
}

.fs_s, .fs_s-lh1 {
	font-size: 12px !important;
	line-height: 1.5 !important;
}

.fs_m, .fs_m-lh1 {
	font-size: 14px !important;
	line-height: 1.4 !important;
}

.fs_l, .fs_l-lh1 {
	font-size: 16px !important;
	line-height: 1.33 !important;
}

.fs_xl, .fs_xl-lh1 {
	font-size: 18px !important;
	line-height: 1.33 !important;
}

.fs_xs-lh1, .fs_s-lh1, .fs_m-lh1, .fs_l-lh1, .fs_xl-lh1 {
	line-height: 1 !important;
}

/* weight */
strong,
em,
.fw_b {
	font-weight: bold !important;
}

.fw_n {
	font-weight: normal !important;
}

/*----------------------------------------
 border
----------------------------------------*/
/* solid */
.bt_s, .ba_s, .btb_s {
	border-top: solid 1px #d5d5d5;
}

.br_s, .ba_s, .brl_s {
	border-right: solid 1px #d5d5d5;
}

.bb_s, .ba_s, .btb_s {
	border-bottom: solid 1px #d5d5d5;
}

.bl_s, .ba_s, .brl_s {
	border-left: solid 1px #d5d5d5;
}

/* dotted */
.bt_d, .ba_d, .btb_d {
	border-top: dotted 1px #d5d5d5;
}

.br_d, .ba_d, .brl_d {
	border-right: dotted 1px #d5d5d5;
}

.bb_d, .ba_d, .btb_d {
	border-bottom: dotted 1px #d5d5d5;
}

.bl_d, .ba_d, .brl_d {
	border-left: dotted 1px #d5d5d5;
}

/* border-set */
/* border-width */
.bw1 {
	border-width: 1px !important;
}

.bw2 {
	border-width: 2px !important;
}

.bw3 {
	border-width: 3px !important;
}

.bw4 {
	border-width: 4px !important;
}

.bw5 {
	border-width: 5px !important;
}

.bw6 {
	border-width: 6px !important;
}

.bw7 {
	border-width: 7px !important;
}

.bw8 {
	border-width: 8px !important;
}

.bw9 {
	border-width: 9px !important;
}

.bw10 {
	border-width: 10px !important;
}

/* border-color */
.bc_gry {
	border-color: #c9c9c9    !important;
}

.bc_gry2 {
	border-color: #e5e5e5    !important;
}

.bc_gry3 {
	border-color: #c7c7c7    !important;
}

/* border-none */
.bt_n, .ba_n, .btb_n {
	border-top: none !important;
}

.br_n, .ba_n, .brl_n {
	border-right: none !important;
}

.bb_n, .ba_n, .btb_n {
	border-bottom: none !important;
}

.bl_n, .ba_n, .brl_n {
	border-left: none !important;
}

/*----------------------------------------
 border Table list
----------------------------------------*/
.border-list-def, .b_solid_list, .b_dashed_list, .b_dotted_list {
	border-top: 1px solid #c7c7c7;
}
.border-list-def > li, .b_solid_list > li, .b_dashed_list > li, .b_dotted_list > li {
	padding: 8px 0;
	border-bottom: 1px solid #c7c7c7;
}

.b_dashed_list {
	border-style: dashed;
}
.b_dashed_list li {
	border-style: dashed;
}

.b_dotted_list {
	border-style: dotted;
}
.b_dotted_list li {
	border-style: dotted;
}

/*----------------------------------------
 indent list
----------------------------------------*/
.idt-li, .idt li, .idt-icn li, .idt-number li {
	padding-bottom: 0.2em;
	line-height: 1.5;
}
.idt-li:last-child, .idt li:last-child, .idt-icn li:last-child, .idt-number li:last-child {
	padding-bottom: 0;
}

.idt1 {
	padding-left: 1em;
	text-indent: -1em;
}
.idt1 li {
	padding-bottom: 10px;
}
.idt1 li:last-child {
	padding-bottom: 0;
}

.idt-icn li {
	padding-left: 1.3em;
}
.idt-icn li span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 1.3em;
	margin-left: -1.3em;
	white-space: nowrap;
	text-align: center;
}
.idt-icn li ul, .idt-icn li ol {
	padding-top: 5px;
}

.idt-number li {
	padding-left: 2.5em;
}
.idt-number li span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 2.5em;
	margin-left: -2.5em;
	white-space: nowrap;
	text-align: center;
}
.idt-number li ul, .idt-number li ol {
	padding-top: 5px;
}

/*----------------------------------------
 float
----------------------------------------*/
.f_l {
	float: left !important;
}

.f_r {
	float: right !important;
}

.f_n {
	float: none !important;
}

/*----------------------------------------
 text-align
----------------------------------------*/
.ta_l {
	text-align: left !important;
}

.ta_r {
	text-align: right !important;
}

.ta_c {
	text-align: center !important;
}

/*----------------------------------------
 vertical-align
----------------------------------------*/
.va_t {
	vertical-align: top !important;
}

.va_m {
	vertical-align: middle !important;
}

.va_b {
	vertical-align: bottom !important;
}

/*----------------------------------------
 position
----------------------------------------*/
.p_r {
	position: relative !important;
}

.p_a {
	position: absolute !important;
}

.pos_r {
	position: absolute;
	right: 0;
	top: 0;
}

.pos_l {
	position: absolute;
	left: 0;
	top: 0;
}

/*----------------------------------------
 display
----------------------------------------*/
.db {
	display: block !important;
}

.di {
	display: inline !important;
}

.dn {
	display: none !important;
}

.dib {
	display: inline-block !important;
}

.dt {
	display: table !important;
}

.dtc {
	display: table-cell !important;
}

/*----------------------------------------
 box-sizing
----------------------------------------*/
.bs_bb {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/**
*******************************************************************************************************

	Site-specific Configuration

*******************************************************************************************************
*/
/*----------------------------------------
	Anchor
----------------------------------------*/
a {
	color: #222222;
	-webkit-tap-highlight-color: rgba(224, 245, 255, 0.5);
	text-decoration: none;
}
a:visited {
	color: #222222;
}
a:hover {
	color: #222222;
	text-decoration: underline;
}
a:active {
	color: #222222;
}

/*----------------------------------------
	Select Color
----------------------------------------*/
::-moz-selection {
	background: #e4e2df;
}

::selection {
	background: #e4e2df;
}

/*----------------------------------------
	WebKit Scrollbar
----------------------------------------*/
::-webkit-scrollbar {
	width: 12px;
	height: 12px;
	background-color: #eeeeee;
	border-left: 1px solid #e4e4e4;
}

::-webkit-scrollbar:horizontal {
	border-top: 1px solid #e4e4e4;
	height: 12px;
}

::-webkit-scrollbar-button {
	display: none;
}

::-webkit-scrollbar-piece {
	background: #bbb;
}

::-webkit-scrollbar-thumb {
	overflow: hidden;
	background: #2E3033;
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}

::-webkit-scrollbar-thumb:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-corner {
	background-color: transparent;
}

/**
*******************************************************************************************************

	Layout

*******************************************************************************************************
*/
/*----------------------------------------
	html / body
----------------------------------------*/
html, body {
	height: 100%;
}

/* ------------------------------------------
wrapper
------------------------------------------ */
#wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 100%;
}

body > #wrapper {
	height: auto;
}

#page {
	position: relative;
	width: 100%;
	padding-bottom: 650px;
}

* html #page {
	padding-bottom: 0;
}

#footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 650px;
}

* html #footer {
	position: relative;
	left: auto;
	bottom: auto;
}

/*----------------------------------------
	header
----------------------------------------*/
#header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	border-top: 2px solid #b10f41;
	width: 100%;
	/* ロゴ */
}
#header #headerfrm {
	position: relative;
	z-index: 100;
	background: url(/img/common/header_bg.png) repeat 0 0;
}
#header .ie6 #headerfrm {
	background: #ffffff;
}
#header #logo {
	position: relative;
	z-index: 100;
	padding-top: 28px;
}
#header #logo a {
	display: block;
	width: 260px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(/img/common/logo.png) no-repeat 0 0;
}
#header.thin #logo {
	padding-top: 0;
}
#header.thin #logo a {
	display: block;
	width: 220px;
	height: 44px;
	background: url(/img/common/logo_s.png) no-repeat 0 0;
}
#header #g-contact {
	position: absolute;
	top: 0;
	left: 50%;
	width: 90px;
	height: 30px;
	margin-left: 380px;
	z-index: 300;
}
#header #g-contact a {
	display: block;
	width: 90px;
	height: 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(/img/common/btn_contact_1.png) no-repeat 0 0;
}
#header #g-contact a:hover {
	background: url(/img/common/btn_contact_2.png) no-repeat 0 0;
}

* html #header {
	position: relative;
}

#header.thin #headerfrm {
	background: #ffffff;
}

/* グローバルナビ */
#globalnav {
	position: relative;
	z-index: 100;
	padding-top: 12px;
	border-bottom: 1px solid #d5d5d5;
}
.globalnav_on #globalnav {
	border-bottom: 1px solid #b10f41;
}
.thin #globalnav {
	padding-top: 0;
}
#globalnav .container {
	position: relative;
	width: 940px;
	height: 34px;
	margin: 0 auto;
}
#globalnav li {
	float: left;
	text-align: center;
}
#globalnav a {
	background-image: url(/img/common/gnav.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	height: 34px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#globalnav #g-service {
	width: 200px;
	margin-right: 7px;
}
#globalnav #g-service a {
	width: 200px;
	background-position: 0 0;
}
#globalnav #g-service.act a,
#globalnav #g-service a:hover {
	background-position: 0 -34px;
}
#globalnav #g-company {
	width: 123px;
	margin-right: 7px;
}
#globalnav #g-company a {
	width: 123px;
	background-position: -207px 0;
}
#globalnav #g-company.act a,
#globalnav #g-company a:hover {
	background-position: -207px -34px;
}
#globalnav #g-vision {
	width: 266px;
	margin-right: 6px;
}
#globalnav #g-vision a {
	width: 266px;
	background-position: -337px 0;
}
#globalnav #g-vision.act a,
#globalnav #g-vision a:hover {
	background-position: -337px -34px;
}
#globalnav #g-qa {
	width: 153px;
	margin-right: 31px;
}
#globalnav #g-qa a {
	width: 153px;
	background-position: -633px 0;
}
#globalnav #g-qa.act a,
#globalnav #g-qa a:hover {
	background-position: -633px -34px;
}
#globalnav #g-recruit {
	width: 123px;
}
#globalnav #g-recruit a {
	width: 123px;
	background-position: -817px 0;
}
#globalnav #g-recruit.act a,
#globalnav #g-recruit a:hover {
	background-position: -817px -34px;
}
#globalnav #g_actbar {
	position: absolute;
	left: -100px;
	bottom: 0;
	width: 100px;
	height: 3px;
	background-color: #b10f41;
	opacity: 0;
	filter: alpha(opacity=0);
}

* html #g_actbar {
	display: none;
	border: none;
}

/* ローカルナビ */
#localnav {
	position: absolute;
	top: 125px;
	width: 100%;
	height: 74px;
	z-index: 90;
	background: url(/img/common/lnav_bg.png) repeat 0 0;
	/* ナビ小時 */
	/* サービス＆ワークス
	---------------------------------------------------------------------------------- */
	/* 会社情報
	---------------------------------------------------------------------------------- */
	/* 採用情報
	---------------------------------------------------------------------------------- */
}
#localnav.actoff {
	background: url(/img/common/lnav_bg_2.png) repeat 0 0;
}
#localnav .container {
	position: relative;
	width: 940px;
	height: 74px;
	margin: 0 auto;
	overflow: hidden;
}
#localnav ul {
	padding: 0;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#localnav li {
	float: left;
	height: 74px;
}
#localnav a, #localnav span {
	display: block;
	height: 74px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.thin #localnav {
	top: 79px;
}
#localnav #l-service li a {
	background-image: url(/img/service/common/lnav.png);
}
#localnav #l-business {
	width: 119px;
	margin-right: 26px;
}
#localnav #l-business a, #localnav #l-business span {
	width: 119px;
	background-position: 0 0;
}
#localnav #l-business.act a,
#localnav #l-business a:hover {
	background-position: 0 -74px;
}
#localnav #l-projects {
	width: 196px;
	margin-right: 23px;
}
#localnav #l-projects a, #localnav #l-projects span {
	width: 196px;
	background-position: -145px 0;
}
#localnav #l-projects.act a,
#localnav #l-projects a:hover {
	background-position: -145px -74px;
}
#localnav #l-yomiuri {
	width: 213px;
	margin-right: 46px;
}
#localnav #l-yomiuri a, #localnav #l-yomiuri span {
	width: 213px;
	background-position: -364px 0;
}
#localnav #l-yomiuri.act a,
#localnav #l-yomiuri a:hover {
	background-position: -364px -74px;
}
#localnav #l-school {
	width: 151px;
	margin-right: 46px;
}
#localnav #l-school a, #localnav #l-school span {
	width: 151px;
	background-position: -624px 0;
}
#localnav #l-school.act a,
#localnav #l-school a:hover {
	background-position: -624px -74px;
}
#localnav #l-shopping {
	width: 120px;
}
#localnav #l-shopping a, #localnav #l-shopping span {
	width: 120px;
	background-position: -820px 0;
}
#localnav #l-shopping.act a,
#localnav #l-shopping a:hover {
	background-position: -820px -74px;
}
#localnav #l-company li a {
	background-image: url(/img/company/common/lnav.png);
}
#localnav #l-index {
	width: 120px;
	margin-right: 15px;
}
#localnav #l-index a, #localnav #l-index span {
	width: 120px;
	background-position: 0 0;
}
#localnav #l-index.act a,
#localnav #l-index a:hover {
	background-position: 0 -74px;
}
#localnav #l-profile {
	width: 120px;
	margin-right: 15px;
}
#localnav #l-profile a, #localnav #l-profile span {
	width: 120px;
	background-position: -135px 0;
}
#localnav #l-profile.act a,
#localnav #l-profile a:hover {
	background-position: -135px -74px;
}
#localnav #l-map {
	width: 162px;
	margin-right: 15px;
}
#localnav #l-map a, #localnav #l-map span {
	width: 162px;
	background-position: -270px 0;
}
#localnav #l-map.act a,
#localnav #l-map a:hover {
	background-position: -270px -74px;
}
#localnav #l-history {
	width: 120px;
	margin-right: 15px;
}
#localnav #l-history a, #localnav #l-history span {
	width: 120px;
	background-position: -447px 0;
}
#localnav #l-history.act a,
#localnav #l-history a:hover {
	background-position: -447px -74px;
}
#localnav #l-group {
	width: 148px;
	margin-right: 15px;
}
#localnav #l-group a, #localnav #l-group span {
	width: 120px;
	background-position: -582px 0;
}
#localnav #l-group.act a,
#localnav #l-group a:hover {
	background-position: -582px -74px;
}
#localnav #l-compliance {
	width: 195px;
}
#localnav #l-compliance a, #localnav #l-compliance span {
	width: 195px;
	background-position: -745px 0;
}
#localnav #l-compliance.act a,
#localnav #l-compliance a:hover {
	background-position: -745px -74px;
}
#localnav #l-recruit {
	padding-left: 55px;
}
#localnav #l-recruit li a,
#localnav #l-recruit li span {
	background-image: url(/img/recruit/common/lnav.png);
}
#localnav #l-newgraduate {
	width: 125px;
	margin-right: 110px;
}
#localnav #l-newgraduate a, #localnav #l-newgraduate span {
	/* width: 125px; */
	width: 100px;
	background-position: -55px 0;
}
#localnav #l-newgraduate.act a,
#localnav #l-newgraduate a:hover {
	background-position: -55px -74px;
}
#localnav #l-guideline {
	width: 125px;
	margin-right: 110px;
}
#localnav #l-guideline a, #localnav #l-guideline span {
	width: 125px;
	background-position: -290px 0;
}
#localnav #l-guideline.act a,
#localnav #l-guideline a:hover {
	background-position: -290px -74px;
}
#localnav #l-faq {
	width: 125px;
	margin-right: 110px;
}
#localnav #l-faq a, #localnav #l-faq span {
	width: 125px;
	background-position: -525px 0;
}
/* #localnav #l-faq .act a, */
#localnav #l-faq.act a,
#localnav #l-faq a:hover {
	background-position: -525px -74px;
}
#localnav #l-career {
	width: 125px;
	margin-right: 0;
}
#localnav #l-career a, #localnav #l-career span {
	width: 125px;
	background-position: -760px 0;
}
#localnav #l-career.act a,
#localnav #l-career a:hover {
	background-position: -760px -74px;
}
#localnav #l_actbar {
	position: absolute;
	left: -100px;
	bottom: 0;
	width: 100px;
	height: 4px;
	background-color: #b10f41;
	opacity: 0;
	filter: alpha(opacity=0);
}

.ie6 #localnav #l_actbar {
	background: none;
	height: 0;
	border-bottom: 4px solid #b10f41;
}

#localnav.actoff #l_actbar {
	background: none;
	border: none;
}

.alphaovr a:hover,
a.alphaovr:hover,
.alphaovr a:hover img,
a.alphaovr:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/*----------------------------------------
	contents
----------------------------------------*/
#contents {
	margin: 0 auto;
	padding: 187px 0 100px 0;
	width: 960px;
}

.has_localnav #contents {
	padding-top: 268px;
}

#contents .container {
	background: url(/img/common/content_bg.png) repeat 0 0;
}

/* ie6 */
.ie6 #contents {
	padding-top: 68px;
}

.ie6 .has_localnav #contents {
	padding-top: 142px;
}

/* Single Column */
.single #mainarea {
	float: none;
	width: 940px;
	margin: 0 auto;
}

/* 2 Column */
#mainarea {
	float: left;
	width: 720px;
}

#subarea {
	float: right;
	width: 200px;
	background: #eeeeee;
}

/* ページタイトル */
.tit1, .tit2, .tit3 {
	margin-bottom: 20px;
	padding: 10px 0;
}

.tit1 {
	background: #666;
	color: #fff;
}

.tit2 {
	background: #999;
	color: #111;
}

.tit3 {
	font-size: 24px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eeeeee;
}

.tag {
	margin-top: 5px;
}
.tag span {
	margin: 0 5px 5px 0;
	padding: 5px;
	border: 1px solid #ccc;
	background: #eee;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

ul.tag li {
	float: left;
	width: 100px;
	text-align: center;
	background: #eeeeee;
	border: 1px solid #ccc;
}
ul.tag li.act {
	background: #F1C232;
}

/* このページの先頭へ */
.btntop {
	padding: 30px 0 0 0;
	text-align: right;
}

/*----------------------------------------
	confoot
----------------------------------------*/
#confoot {
	position: relative;
	width: 100%;
	height: 50px;
	background-color: #f5f5f5;
	z-index: 900;
}

.ie6 #confoot {
	margin-top: 0;
}

#confoot .container {
	position: relative;
	width: 940px;
	height: 50px;
	margin: 0 auto;
}
#confoot .container #breadcrumbs {
	width: 910px;
	height: 50px;
	letter-spacing: -0.4em;
}
#confoot .container #breadcrumbs li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	letter-spacing: normal;
	height: 50px;
	letter-spacing: -0.4em;
	zoom: 1;
}
#confoot .container #breadcrumbs #btn_home {
	width: 111px;
}
#confoot .container #breadcrumbs a, #confoot .container #breadcrumbs span {
	letter-spacing: normal;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 50px;
	line-height: 50px;
	padding: 0 25px;
}
#confoot .container #breadcrumbs #btn_home a {
	display: block;
	border-right: 1px solid #d5d5d5;
	padding-left: 20px;
	background-image: url(/img/common/icn_home.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#confoot .container #breadcrumbs .act span {
	color: #ffffff;
	padding: 0 25px;
	background: #b10f41 url(/img/common/icn_bred_here_arrow.png) no-repeat 50% 0;
	_background-position: 50% 0;
}

/* ページの先頭へ */
.btn_pagetop {
	position: absolute;
	top: 0;
	right: 0;
}

.btn_pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: #222222 url(/img/common/pagetop_arrow.png) no-repeat 0 50%;
}

.btn_pagetop a:hover {
	background-color: #b10f41;
}

/*----------------------------------------
	footer
----------------------------------------*/
#footer {
	background-color: #f2f2f2;
	zoom: 1;
}
#footer .container {
	width: 940px;
	margin: 0 auto;
}
#footer .sitemap {
	width: 100%;
	padding: 30px 0 50px;
	border-top: 1px solid #ffffff;
	background: url(/img/common/footer_line_shadow.png) no-repeat 50% 0;
}
#footer .sitemap .col {
	float: left;
	width: 220px;
	margin-right: 20px;
}
#footer .sitemap .last {
	margin-right: 0;
}
#footer .sitemap .tit {
	margin-top: 20px;
	border-top: 1px solid #cfcfcf;
	font-weight: bold;
	line-height: 1.2;
	padding: 20px 0 15px 0;
}
#footer .sitemap .tit a {
	display: inline-block;
	padding-left: 18px;
	background: url(/img/common/arrow_red_l.png) no-repeat 3px 0.2em;
	zoom: 1;
}
#footer .sitemap li {
	padding: 0 0 6px 18px;
}
#footer .sitemap li a {
	display: block;
	line-height: 1.4;
	font-size: 86%;
	padding-left: 13px;
	background: url(/img/common/arrow_gry_m.png) no-repeat 0 0.2em;
	zoom: 1;
}
#footer .sitemap li a.blank {
	background: url(/img/common/blank_gray_m.png) no-repeat 0 0.2em;
}
#footer .sitemap li span {
	display: block;
	line-height: 1.5;
	font-size: 86%;
	padding-left: 13px;
}
#footer .sitemap li ul {
	padding-top: 6px;
}
#footer .bnr {
	width: 100%;
	padding: 40px 0 20px;
	border-top: 1px solid #ffffff;
	background: #f2f2f2 url(/img/common/footer_line_shadow.png) no-repeat 50% 0;
}
#footer .bnr .container {
	position: relative;
}
#footer .bnr li {
	float: left;
	width: 179px;
	margin-right: 10px;
}
#footer .bnr .last {
	margin-right: 0;
}
#footer .bnr a {
	display: block;
}
#footer .bnr .vis {
	border: 1px solid #d0cec9;
	background-color: #ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-shadow: 1px 1px 0px #ffffff;
	-webkit-box-shadow: 1px 1px 0px #ffffff;
	box-shadow: 1px 1px 0px #ffffff;
}
#footer .bnr .txt {
	display: block;
	padding: 5px 5px 0;
	line-height: 21px;
	font-size: 86%;
}
#footer .pmark {
	right: 0;
	bottom: 0;
	float:right;
	width: 100px;
	height: 77px;
}
#footer .copyright {
	width: 100%;
	height: 36px;
	border-top: 1px solid #ffffff;
	background: #d0cec9;
}
#footer .copyright p {
	float: left;
	width: 340px;
	color: #000;
}
#footer .copyright small {
	float: right;
	width: 244px;
}

.ie6 #footer .sitemap li {
	zoom: 1;
}

/*----------------------------------------
	BTN
----------------------------------------*/
.btn a p, .btnl, .btnr {
	display: block;
	height: 23px;
	background-image: url(/img/common/btn.png);
	background-repeat: no-repeat;
	color: #ffffff !important;
	text-align: center;
}

.btn a p {
	overflow: hidden;
	line-height: 24px;
	background-repeat: repeat-x;
}
.btn .btnl {
	padding-left: 20px;
}
.btn .btnr {
	padding-right: 20px;
}

.btn a {
	display: block;
	cursor: pointer;
}

/* common hover */
.btn a:hover {
	text-decoration: none;
}

.btn a:hover .btnl {
	background-position: 0 0;
}

.btn a:hover .btnr {
	background-position: 100% -46px;
}

.btn a:hover p {
	background-position: 0 -23px;
}

/* btn1 */
.btn1 p {
	background-position: 0 -92px;
}
.btn1 .btnl {
	background-position: 0 -69px;
}
.btn1 .btnr {
	background-position: 100% -115px;
}

/* btn2 */
.btn2 p {
	background-position: 0 -161px;
}
.btn2 .btnl {
	background-position: 0 -138px;
}
.btn2 .btnr {
	background-position: 100% -184px;
}

/*----------------------------------------
 list icon
----------------------------------------*/
.icn_att {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-left: 15px;
	background: url(/img/common/icn_circle.png) no-repeat 3px 3px;
}

/*----------------------------------------
 news list
----------------------------------------*/
/* newslist */
.newslist {
	border-top: 1px solid #dddddd;
	margin: 20px 0 0;
}

.newslist li {
	position: relative;
	border-bottom: 1px solid #dddddd;
	padding: 6px 0;
	line-height: 1.5;
}

.newslist li dt {
	float: left;
	padding-left: 10px;
	padding-right: 15px;
	display: block;
	line-height: 21px;
	zoom: 1;
}

.newslist li dd {
	float: left;
	width: 610px;
}

.newslist li dd p.data {
	padding-right: 10px;
}

.newslist li dd a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.newslist li dd a {
	display: inline-block;
	padding-left: 15px;
	color: #222222;
	text-decoration: none;
}

.newslist li dd a:hover {
	text-decoration: underline;
}

.newslist li dd span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-left: 20px;
}

.newslist li dd a.arrow {
	background: url(/img/common/arrow_gry_m.png) no-repeat left 0.4em;
}

.newslist li dd a.blank {
	background: url(/img/common/blank_gray_m.png) no-repeat left 0.5em;
}

.newslist li dd a.pdf {
	background: url(/img/common/icn_pdf_gray.png) no-repeat left 0.5em;
}

/*----------------------------------------
 color
----------------------------------------*/
.att {
	color: #b91040;
}

.fc_icn_red {
	color: #b91040 !important;
}