@charset "utf-8";



/*
$Date: 2013-09-06 12:22:18 +0900 (金, 06 9 2013) $
$Rev: 1102 $
*/



/* ---------- ---------- ---------- 
	::index::

 1. Container
 2. HeaderArea
 3. ContentsArea
 4. FooterArea
 5. Popup
  -1. Container
  -2. HeaderArea
  -3. ContentsArea
  -4. FooterArea
 6. ContentsArea Grid Pattern

---------- ---------- ---------- */



/* 1. Container
---------- ---------- ---------- */
html, body {
	min-height: 100%;
}
div#Container {
	margin: 0 auto;
	min-height: 100%;
	_height: 100%;
	position: relative;
}



/* 2. HeaderArea
---------- ---------- ---------- */
div#HeaderArea:after {
	content: "";
	display: block;
	clear: both;
}
div#HeaderArea {
	margin: 0 0 15px;
	padding: 0 0 5px;
	position: relative;
	z-index: 10;
	background: url("../../img/common/bg_headerarea.png") 0 100% repeat-x;
	zoom:1;
}
div#HeaderArea.WithoutGlobalNav {
	padding-bottom: 10px;
	background-image: url("../../img/common/bg_headerarea_withoutgnav.png");
}



/* 3. ContentsArea
---------- ---------- ---------- */
div#ContentsArea {
	margin: 0 auto;
	padding: 0;
	width: 970px;
	position: relative;
	z-index: 1;
}
div#ContentsLayout {
	margin: 0 -5px;
	padding: 0 5px 30px;
	width: 100%;
}
div#ContentsLayoutInner:after {
	content: "";
	display: block;
	clear: both;
}
div#ContentsLayoutInner {
	margin: 0 -5px;
	padding: 0 5px;
	width: 100%;
	zoom:1;
}

/* Double (ContentsArea Layout Pattern)
---------- ---------- */
/* Main-Sub
---------- */
div#ContentsLayout.DoubleMainSub {
	margin-top: 58px;
	background: url("../../img/common/bg_contentslayout_double_mainsub_body.png") 0 0 repeat-y;
}
div#PageTopMessage + div#ContentsLayout.DoubleMainSub {
	margin-top: 78px;
}
div#ContentsLayout.DoubleMainSub div#ContentsLayoutInner {
}
div#ContentsLayout.DoubleMainSub div#MainContent {
	margin-top: -58px;
	position: relative;
	z-index: 5;
	float: left;
	width: 760px;
}
div#ContentsLayout.DoubleMainSub div#MainContentBody {
	margin: 0 -5px;
	padding: 30px 25px 0;
	width: 720px;
	background: url("../../img/common/bg_contentslayout_double_mainsub_top.png") 0 0 no-repeat;
}
div#ContentsLayout.DoubleMainSub div#MainContentBody div#MainContentBodyExtra {
	margin-top: 20px;
}
div#ContentsLayout.DoubleMainSub div#SubContent {
	margin-right: -5px;
	padding-right: 5px;
	position: relative;
	z-index: 6;
	float: right;
	width: 210px;
	min-height: 50px;
	background: url("../../img/common/bg_contentslayout_double_mainsub_body.png") 100% 0 repeat-y;
}
/* without pagetop utilityes */
div#ContentsArea div#ContentsLayout.DoubleMainSub:first-child {
	margin-top: 71px;
}

/* Sub-Main
---------- */
div#ContentsLayout.DoubleSubMain {
	margin-top: 17px;
	background: url("../../img/common/bg_contentslayout_double_submain_body.png") 0 0 repeat-y;
}
div#ContentsLayout.DoubleSubMain div#ContentsLayoutInner {
}
div#ContentsLayout.DoubleSubMain div#MainContent {
	margin-top: -17px;
	position: relative;
	z-index: 5;
	float: right;
	width: 761px;
}
div#ContentsLayout.DoubleSubMain div#MainContentBody {
	margin: 0 -5px;
	padding: 30px 26px 0 25px;
	width: 720px;
	background: url("../../img/common/bg_contentslayout_double_submain_main_top.png") 0 0 no-repeat;
}
div#ContentsLayout.DoubleSubMain div#SubContent {
	margin: 0 0 0 -5px;
	padding: 0 0 0 5px;
	position: relative;
	z-index: 3;
	float: left;
	width: 209px;
	background: url("../../img/common/bg_contentslayout_double_submain_sub_top.png") 0 0 no-repeat;
}

/* Single (ContentsArea Layout Pattern)
---------- ---------- */
/* Narrow
---------- */
div#ContentsLayout.SingleNarrow {
	background: url("../../img/common/bg_contentslayout_single_wide_body.png") 0 0 repeat-y;
}
div#ContentsLayout.SingleNarrow div#ContentsLayoutInner {
	background: url("../../img/common/bg_contentslayout_single_wide_top.png") 0 0 no-repeat;
}
div#ContentsLayout.SingleNarrow div#MainContent {
	margin: 0 auto;
	padding: 30px 0 0;
	width: 720px;
}
div#ContentsLayout.SingleNarrow div#MainContentBody {
	margin: -30px 0 0;
	padding: 30px 0 0;
}
/* without pagetop utilityes */
div#ContentsArea div#ContentsLayout.SingleNarrow:first-child {
	padding-top: 40px;
}

/* Wide
---------- */
div#ContentsLayout.SingleWide {
	background: url("../../img/common/bg_contentslayout_single_wide_body.png") 0 0 repeat-y;
}
div#ContentsLayout.SingleWide div#ContentsLayoutInner {
	background: url("../../img/common/bg_contentslayout_single_wide_top.png") 0 0 no-repeat;
}
div#ContentsLayout.SingleWide div#MainContent {
	margin: 0 auto;
	padding: 30px 0 0;
	width: 910px;
}
div#ContentsLayout.SingleWide div#MainContentBody {
	margin: -30px 0 0;
	padding: 30px 0 0;
}
div#ContentsLayout.SingleWide div#MainContentBody div#MainContentBodyExtra {
	margin-top: 20px;
}
/* without pagetop utilityes */
div#ContentsArea div#ContentsLayout.SingleWide:first-child {
	padding-top: 40px;
}

/* Wide (no frame)
---------- */
div#ContentsLayout.SingleWide.NoFrame ,
div#ContentsLayout.SingleWide.NoFrame div#ContentsLayoutInner {
	background: none;
}
div#ContentsLayout.SingleWide.NoFrame div#MainContent {
	padding-top: 0;
	width: 970px;
}
div#ContentsLayout.SingleWide.NoFrame div#MainContentBody {
	margin-top: 0;
	padding-top: 0;
}

/* Wide (contract)
---------- */
div.SingleWide div#MainContent div.Contract {
    margin: 0 auto;
    width: 720px;
}

/* 4. FooterArea
---------- ---------- ---------- */
div#FooterArea {
	position: relative;
	z-index: 0;
	width: 100%;
	background-color: #575757;
}
div#FooterAreaInner:after {
	content: "";
	display: block;
	clear: both;
}
div#FooterAreaInner {
	margin: 0 auto;
	padding: 22px 15px 18px;
	width: 940px;
	min-height: 55px;
	color: #fff;
	background: #000 url("../../img/common/bg_footerarea.png") 0 0 repeat-x;
	zoom:1;
}
/* Adjust FooterArea Padding (DownloadList Status)
---------- */
/* DownloadList close */
body.DownloadListClose div#FooterAreaInner {
	padding-bottom: 83px; /* 18px ("div#FooterAreaInner" padding-bottom) + 65px ("div#DownloadList" height) */
}
/* DownloadList open */
body.DownloadListOpen div#FooterAreaInner {
	padding-bottom: 225px; /* 18px ("div#FooterAreaInner" padding-bottom) + 207px ("div#DownloadList" height) */
}



/* 5. Popup
---------- ---------- ---------- */
/* Container
---------- ---------- */
body.Popup div#ContentsArea {
	padding-bottom: 10px;
}
body.Popup.WithoutFooterArea div#ContentsArea {
	padding-bottom: 10px;
}

/* HeaderArea
---------- ---------- */
body.Popup div#HeaderArea {
	margin-bottom: 0;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	min-width: 400px;
	background-image: url("../../img/common/bg_headerarea_withoutgnav.png");
}


/* ContentsArea
---------- ---------- */
body.Popup div#ContentsArea {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	width: auto;
}


/* FooterArea
---------- ---------- */
body.Popup div#FooterArea {
	width: 100%;
	min-width: 440px;
	background: #ededed url("../../img/common/bg_popup_footerarea.png") 0 0 repeat-x;
}
body.Popup div#FooterAreaInner {
	margin-right: 0;
	margin-left: 0;
	padding-right: 20px;
	padding-left: 20px;
	width: auto;
	min-height: 0;
	color: #333;
	background: none;
}

/* ie debug (test) */
body.Popup div#FooterArea {
	zoom:1;
}
body.Popup div#FooterAreaInner {
	overflow: hidden;
	zoom:1;
	position: relative;
}




/* 6. ContentsArea Grid Pattern
---------- ---------- ---------- */
div#MainContent div.GridWrap:after ,
div#ModalContent div.GridWrap:after {
	content: "";
	display: block;
	clear: both;
}
div#MainContent div.GridWrap ,
div#ModalContent div.GridWrap {
	zoom: 1;
}
div#MainContent div.GridWrap div.Col ,
div#ModalContent div.GridWrap div.Col {
	float: left;
	display: inline;
}

/* "Single (Narrow)" and "Double (Main-Sub)" and "Modal Content"
---------- ---------- */
/* Column Size 1/2 */
div#MainContent div.Grid2 ,
div#ModalContent div.Grid2 {
	margin-right: -20px;
}
div#MainContent div.Grid2 div.Col ,
div#ModalContent div.Grid2 div.Col {
	margin-right: 20px;
}
div#MainContent div.Grid2 div.Col.Size1 ,
div#ModalContent div.Grid2 div.Col.Size1 {
	width: 350px;
}
/* Column Size 1/3 */
div#MainContent div.Grid3 ,
div#ModalContent div.Grid3 {
	margin-right: -21px;
}
div#MainContent div.Grid3 div.Col ,
div#ModalContent div.Grid3 div.Col {
	margin-right: 21px;
}
div#MainContent div.Grid3 div.Col.Size1 ,
div#ModalContent div.Grid3 div.Col.Size1 {
	width: 226px;
}
div#MainContent div.Grid3 div.Col.Size2 ,
div#ModalContent div.Grid3 div.Col.Size2 {
	width: 473px;
}
/* Column Size 1/4 */
div#MainContent div.Grid4 ,
div#ModalContent div.Grid4 {
	margin-right: -20px;
}
div#MainContent div.Grid4 div.Col ,
div#ModalContent div.Grid4 div.Col {
	margin-right: 20px;
}
div#MainContent div.Grid4 div.Col.Size1 ,
div#ModalContent div.Grid4 div.Col.Size1 {
	width: 165px;
}
div#MainContent div.Grid4 div.Col.Size2 ,
div#ModalContent div.Grid4 div.Col.Size2 {
	width: 350px;
}
div#MainContent div.Grid4 div.Col.Size3 ,
div#ModalContent div.Grid4 div.Col.Size3 {
	width: 535px;
}

/* "Single (Wide)"
---------- ---------- */
/* Column Size 1/2 */
div.SingleWide div#MainContent div.Grid2 {
	margin-right: -20px;
}
div.SingleWide div#MainContent div.Grid2 div.Col {
	margin-right: 20px;
}
div.SingleWide div#MainContent div.Grid2 div.Col.Size1 {
	width: 445px;
}
/* Column Size 1/3 */
div.SingleWide div#MainContent div.Grid3 {
	margin-right: -20px;
}
div.SingleWide div#MainContent div.Grid3 div.Col {
	margin-right: 20px;
}
div.SingleWide div#MainContent div.Grid3 div.Col.Size1 {
	width: 290px;
}
div.SingleWide div#MainContent div.Grid3 div.Col.Size2 {
	width: 600px;
}
/* Column Size 1/4 */
div.SingleWide div#MainContent div.Grid4 {
	margin-right: -19px;
}
div.SingleWide div#MainContent div.Grid4 div.Col {
	margin-right: 19px;
}
div.SingleWide div#MainContent div.Grid4 div.Col.Size1 {
	width: 213px;
}
div.SingleWide div#MainContent div.Grid4 div.Col.Size2 {
	width: 445px;
}
div.SingleWide div#MainContent div.Grid4 div.Col.Size3 {
	width: 677px;
}
/* Column Size 1/5 */
div.SingleWide div#MainContent div.Grid5 {
	margin-right: -20px;
}
div.SingleWide div#MainContent div.Grid5 div.Col {
	margin-right: 20px;
}
div.SingleWide div#MainContent div.Grid5 div.Col.Size1 {
	width: 166px;
}
div.SingleWide div#MainContent div.Grid5 div.Col.Size2 {
	width: 352px;
}
div.SingleWide div#MainContent div.Grid5 div.Col.Size3 {
	width: 538px;
}
div.SingleWide div#MainContent div.Grid5 div.Col.Size4 {
	width: 724px;
}

/* "Single (Wide, no frame)"
---------- ---------- */
/* Column Size 1/2 */
div.SingleWide.NoFrame div#MainContent div.Grid2 div.Col.Size1 {
	width: 475px;
}
/* Column Size 1/3 */
div.SingleWide.NoFrame div#MainContent div.Grid3 {
	margin-right: -20px;
}
div.SingleWide.NoFrame div#MainContent div.Grid3 div.Col {
	margin-right: 20px;
}
div.SingleWide.NoFrame div#MainContent div.Grid3 div.Col.Size1 {
	width: 310px;
}
div.SingleWide.NoFrame div#MainContent div.Grid3 div.Col.Size2 {
	width: 640px;
}
/* Column Size 1/4 */
div.SingleWide.NoFrame div#MainContent div.Grid4 {
	margin-right: -19px;
}
div.SingleWide.NoFrame div#MainContent div.Grid4 div.Col {
	margin-right: 19px;
}
div.SingleWide.NoFrame div#MainContent div.Grid4 div.Col.Size1 {
	width: 228px;
}
div.SingleWide.NoFrame div#MainContent div.Grid4 div.Col.Size2 {
	width: 475px;
}
div.SingleWide.NoFrame div#MainContent div.Grid4 div.Col.Size3 {
	width: 722px;
}
/* Column Size 1/5 */
div.SingleWide.NoFrame div#MainContent div.Grid5 {
	margin-right: -20px;
}
div.SingleWide.NoFrame div#MainContent div.Grid5 div.Col {
	margin-right: 20px;
}
div.SingleWide.NoFrame div#MainContent div.Grid5 div.Col.Size1 {
	width: 178px;
}
div.SingleWide.NoFrame div#MainContent div.Grid5 div.Col.Size2 {
	width: 376px;
}
div.SingleWide.NoFrame div#MainContent div.Grid5 div.Col.Size3 {
	width: 574px;
}
div.SingleWide.NoFrame div#MainContent div.Grid5 div.Col.Size4 {
	width: 772px;
}

/* "Single (Wide, contract)"
---------- ---------- */
/* Column Size 1/2 */
div.SingleWide div#MainContent div.Contract div.Grid2 div.Col.Size1 {
	width: 350px;
}
/* Column Size 1/3 */
div.SingleWide div#MainContent div.Contract div.Grid3 {
	margin-right: -21px;
}
div.SingleWide div#MainContent div.Contract div.Grid3 div.Col {
	margin-right: 21px;
}
div.SingleWide div#MainContent div.Contract div.Grid3 div.Col.Size1 {
	width: 226px;
}
div.SingleWide div#MainContent div.Contract div.Grid3 div.Col.Size2 {
	width: 473px;
}
/* Column Size 1/4 */
div.SingleWide div#MainContent div.Contract div.Grid4 {
	margin-right: -20px;
}
div.SingleWide div#MainContent div.Contract div.Grid4 div.Col {
	margin-right: 20px;
}
div.SingleWide div#MainContent div.Contract div.Grid4 div.Col.Size1 {
	width: 165px;
}
div.SingleWide div#MainContent div.Contract div.Grid4 div.Col.Size2 {
	width: 350px;
}
div.SingleWide div#MainContent div.Contract div.Grid4 div.Col.Size3 {
	width: 535px;
}

/* "MultipleImages"
---------- ---------- */
div#MainContent div.MultipleImages{
	margin-right: -20px;
	overflow: hidden;
	letter-spacing: -.40em;
}

div#MainContent div.MultipleImages p.Image{
	margin-right: 20px;
	display:inline-block;
	letter-spacing: normal;
	/display:inline;
	/zoom:1;
}

/* 修正分（2015/02）
---------- ---------- ---------- */
div#ContentsArea #BtnGroup{
	display: table;
	table-layout: auto;
	box-sizing: border-box;
	width: 100%;
	background: #ddd;
	padding: 20px 20px 20px 14px;
	margin-bottom: 20px;
}

div#ContentsArea #BtnGroup > #BtnList01{
	display: table-cell;
	vertical-align: middle;
}

div#ContentsArea #BtnGroup > #BtnList01 > ul{
	display: table;
	border-spacing: 6px 0;
	margin: 0;
}

div#ContentsArea #BtnGroup > #BtnList01 > ul > li {
	display: table-cell;
	background-image: none !important;
	margin: 0;
	padding: 0;

}

div#ContentsArea #BtnGroup ul > li > a{
	vertical-align: bottom;
	padding: 0;
}

div#ContentsArea #BtnGroup > #TelArera{
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}

div#ContentsArea #BtnGroup #TelArera > dl {
	background: #f5f5f5 url("../../img/icon_tel.gif") no-repeat 10px center;
	margin: 0;
	padding: 15px 10px;
}
div#ContentsArea #BtnGroup #TelArera.FreeArea > dl{
	background-image: url("../../img/icon_tel_free.gif");
}

div#ContentsArea #BtnGroup #TelArera > dl > dt,
div#ContentsArea #BtnGroup #TelArera > dl > dd{
	padding: 0 0 0 38px;
}

div#ContentsArea #BtnGroup #TelArera > dl > dt {
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	white-space: nowrap;
}
div#ContentsArea #BtnGroup #TelArera.FreeArea > dl > dt{
	font-weight: normal;
	font-size: 12px;
}
div#ContentsArea #BtnGroup #TelArera.FreeArea > dl > dd a{
	font-size: 24px;
	font-weight: bold;
	color: #333;
	display: inline-block;
	margin-top: 3px;
}
div#ContentsArea #BtnGroup #TelArera.FreeArea > dl > dd a:hover,
div#ContentsArea #BtnGroup #TelArera.FreeArea > dl > dd a:focus{
	cursor: text;
	text-decoration: none;
}

div#ContentsArea #BtnGroup #TelArera > dl > dt .numbertitle{
	margin-left: 0;
}

div#ContentsArea #BtnGroup #TelArera > dl > dt > a{
	font-size: 24px;
	display: inline-block;
	cursor: default;
	text-decoration: none;
	color: #1a5c9a;
}
/*電話番号フォント調整（16px～22px）【default：24px】*/
div#ContentsArea #BtnGroup #TelArera > dl > dt > a.FontSize16{
	font-size: 16px;
}
div#ContentsArea #BtnGroup #TelArera > dl > dt > a.FontSize18{
	font-size: 18px;
}
div#ContentsArea #BtnGroup #TelArera > dl > dt > a.FontSize20{
	font-size: 20px;
}
div#ContentsArea #BtnGroup #TelArera > dl > dt > a.FontSize22{
	font-size: 22px;
}

div#ContentsArea #BtnGroup #TelArera > dl > dt > span{
	display: inline-block;
	margin: 0 10px 0 0;
}

/*---------- ---------- ---------- */
