@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  common.css
 style info :  サイト全体共通css
  fonts
 10px = 86%     11px = 92%     12px = 100%     13px = 108%
 14px = 116%    15px = 123%    16px = 133%

=================================================================== */

/*-------------------------------------
基本リンク設定
-------------------------------------*/
a { color:#014099;text-decoration:none; }
a:hover { color:#014099;text-decoration:underline;}

/*-------------------------------------
大枠設定 
-------------------------------------*/
html, body {
	height: 100%;
}

body {
	background: url(/images/common/bg_contens.gif) 0 0 repeat;
	-webkit-text-size-adjust:none;
}

div#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	line-height: 1;
}

/*-------------------------------------
フォントサイズ変更指定
-------------------------------------*/
div.font_s div#container,div.font_s div#container_top_page { font-size: 93%; }
div.font_m div#container,div.font_m div#container_top_page { font-size: 123.1%; }
div.font_l div#container,div.font_l div#container_top_page { font-size: 138.5%; }

/*-------------------------------------
header_area 
-------------------------------------*/
div#header_area {
	background: url(/images/common/bg_header.gif) 0 0 repeat-x;
	padding-bottom: 10px;
}

* html div#header_area {
	position: relative;
}

/*-------------------------------------
header 
-------------------------------------*/
div#header {
	width: 941px;
	height: 106px;
	margin: 0 auto 5px;
	padding: 14px 0 0 19px;
	background: url(/images/common/header/bg_header.gif) 0 0 no-repeat;
	overflow: hidden;
}

div#header { display: inline-block; }
div#header { display: block; }

div#header h1 {
	padding: 20px 0 0;
	width: 149px;
	margin-right: 23px;
	float: left;
}

#header_logo {
	padding: 20px 0 0;
	width: 149px;
	margin-right: 23px;
	float: left;
}

div#header div.header_right {
	width: 760px;
	float: left;
}

/* フォントサイズ */
div#header dl#fontsize {
	padding-left: 477px;
	float: left;
	width: 154px;
}

div#header dl#fontsize { display: inline-block; }
div#header dl#fontsize { display: block; }

div#header dl#fontsize dt {
	float: left;
	width: 64px;
	padding-top: 4px;
	line-height: 12px;
	font-size: 12px;
}

div#header dl#fontsize dd {
	float: left;
	width: 26px;
}

div#header dl#fontsize dd a {
	width: 26px;
	height: 20px;
	display: block;
}

div#header dl#fontsize dd a span {
	display: none;
}

/* フォントサイズボタン画像設定 */
div#header dl#fontsize dd#font_s a,
div#header dl#fontsize dd#font_s {
	background: url(/images/common/header/btn_font_s.gif) 0 0 no-repeat;
}

div#header dl#fontsize dd#font_s a:hover,
div.font_s div#header dl#fontsize dd#font_s a {
	background: url(/images/common/header/btn_font_s_on.gif) 0 0 no-repeat;
}

div#header dl#fontsize dd#font_m a,
div#header dl#fontsize dd#font_m {
	background: url(/images/common/header/btn_font_m.gif) 0 0 no-repeat;
}

div#header dl#fontsize dd#font_m a:hover,
div.font_m div#header dl#fontsize dd#font_m a {
	background: url(/images/common/header/btn_font_m_on.gif) 0 0 no-repeat;
}

div#header dl#fontsize dd#font_l a,
div#header dl#fontsize dd#font_l a {
	background: url(/images/common/header/btn_font_l.gif) 0 0 no-repeat;
}

div#header dl#fontsize dd#font_l a:hover,
div.font_l div#header dl#fontsize dd#font_l a {
	background: url(/images/common/header/btn_font_l_on.gif) 0 0 no-repeat;
}

/* 言語変更*/
div#header p#lang {
	float: left;
	width: 72px;
	padding: 4px 0 0;
	line-height: 1;
	font-size: 12px;
}

div#header p#home {
	float: left;
	width: 44px;
	padding: 4px 0 0;
	line-height: 1;
	font-size: 12px;
}


/* ヘッダーナビ */
div#header ul#nav {
	clear: both;
	padding: 16px 0 0;
}

div#header ul#e_nav {
	clear: both;
	padding: 16px 0 0 15px;
}

div#header ul#nav,div#header ul#e_nav { display: inline-block; }
div#header ul#nav,div#header ul#e_nav { display: block; }

div#header ul#nav li,
div#header ul#e_nav li {
	float: left;
}

div#header_area #contents_title {
	width: 950px;
	margin: 0 auto;
}


/*-------------------------------------
全てのレイアウト共通
-------------------------------------*/

div#contents {
	line-height: 1.5;
}

div#container_center { display: inline-block; }
div#container_center { display: block; }


/*-------------------------------------
container(2カラムの基本レイアウト) 
-------------------------------------*/
div#container {
	width: 960px;
	margin: 0 auto;
	padding: 15px 0 0;
	background: url(/images/common/bg_contents_top_2column.png) right 0 no-repeat;
	position: relative;
	top: -15px;
}

div#container { display: inline-block; }
div#container { display: block; }


/*---------------------------------------
contents
----------------------------------------*/

div#container div#contents {
	width: 760px;
	float: right;
	padding-bottom: 14px;
	background: url(/images/common/bg_contents_bottom_2column.png) 0 bottom no-repeat;
}

div#container div#contents div#contents_inner {
	padding: 5px 15px 0;
	background: url(/images/common/bg_contents_center_2column.png) 0 0 repeat-y;
	position: relative;
}

/* 内に10px入っているBOX */
div#container div#contents div#contents_inner div.contents_wrapper01 {
	padding: 0 10px;
}


/* 内に20px入っているBOX */
div#container div#contents div#contents_inner div.contents_wrapper02 {
	padding: 0 20px;
}

/* 内に20px入っているBOX(プライバシーポリシー等上部にタイトルが無いコンテンツ用) */
div#container div#contents div#contents_inner div.contents_wrapper03 {
	padding: 15px 20px 0;
}


/*---------------------------------------
side
----------------------------------------*/
div#container div#side {
	padding: 26px 0 0 5px;
	width: 189px;
	float: left;
}

div#container div#side ul.side_nav {
	margin-bottom: 25px;
}

div#container div#side ul.side_bnr li {
	padding-bottom: 10px;	
} 

div#container div#side h3 {
	margin-top: -8px;
}

/* 英語サイトテキストのサイドナビ */
div#container div#side ul.side_nav_en li {
	padding-bottom: 1px;
	background: url(/images/common/sidebar/bg_side_border.gif) 0 bottom repeat-x;
}

div#container div#side ul.side_nav_en li a {
	background: url(/images/common/sidebar/bg_side_nav.gif) 0 0 no-repeat;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	padding: 11px 10px 10px 27px;
	display: block;
}

div#container div#side ul.side_nav_en li a.current {
	background: url(/images/common/sidebar/bg_side_nav_cr.gif) 0 0 no-repeat;
}

/*-------------------------------------
container(1カラムの基本レイアウト) 
-------------------------------------*/
div#container_one_colmun {
	background: url(/images/common/bg_contents_top_1column.png) 0 0 no-repeat;
	padding: 15px 0 0;
	width: 960px;
	position: relative;
	margin: 0 auto;
	top: -15px;
}

div#container_one_colmun { display: inline-block; }
div#container_one_colmun { display: block; }

div#container_one_colmun div#contents {
	background: url(/images/common/bg_contents_bottom_1column.png) 0 bottom no-repeat;
	padding: 0 0 14px;
}

div#container_one_colmun div#contents_inner {
	background: url(/images/common/bg_contents_center_1column.png) 0 0 repeat-y;
	position: relative;
	padding: 10px 25px 10px 25px;
}

div#container_one_colmun_02 {
	background: url(/images/common/bg_contents_top_1column_02.png) 0 0 no-repeat;
	padding: 15px 0 0;
	width: 1000px;
	position: relative;
	margin: 0 auto;
	top: -15px;
}

div#container_one_colmun_02 { display: inline-block; }
div#container_one_colmun_02 { display: block; }

div#container_one_colmun_02 div#contents {
	background: url(/images/common/bg_contents_bottom_1column_02.png) 0 bottom no-repeat;
	padding: 0 0 14px;
}

div#container_one_colmun_02 div#contents_inner {
	background: url(/images/common/bg_contents_center_1column_02.png) 0 0 repeat-y;
	position: relative;
	padding: 10px 25px 10px 25px;
}

/*-------------------------------------
footer
-------------------------------------*/
div#footer {
	width: 100%;
	height: 84px;
	overflow: hidden;
	background: url(/images/common/footer/bg_footer.gif) 0 0 repeat;
}

.footer_ss {
	top: 0;
}

div#footer ul {
	text-align: center;
	padding: 20px 0 10px;
}

div#footer ul li {
	display: inline;
	padding: 0 12px;
}

div#footer p {
	text-align: center;
	color: #1e2b71;
}


/*----------------------------------------------------------------------------------
共通clearfix
------------------------------------------------------------------------------------*/

div#header:after,
div#header dl#fontsize:after,
div#header ul#nav:after,
div#header ul#e_nav:after,
div#container_center:after,
div#container:after,
div#container_one_colmun:after,
div#container_one_colmun_02:after {
	content: "."; display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div#header,
div#header dl#fontsize,
div#header ul#nav,
div#header ul#e_nav,
div#container_center,
div#container,
div#container_one_colmun,
div#container_one_colmun_02 {
	zoom: 1;
}