@charset "UTF-8";
/* ============================================================
＠＠
初期化

%update / 2014.08.25

------------------
【目次】
------------------
▼initialization
▼other hack
▼Page
▼Container
▼PreContent
▼HeaderArea
▼GlobalNavArea
▼MainImageArea
▼ContentWrap
▼TopicPathArea
▼ContentMenuArea
▼ContentMainArea
▼PageTopArea
▼FooterArea
============================================================ */

/* ------------------------------------------------------------
▼initialization
------------------------------------------------------------ */
div,p,dl,dt,dd,ul,ol,li,table,tr,th,td,
h1,h2,h3,h4,h5,h6,form,input,textarea,button,fieldset,blockquote {
	margin: 0;
	padding: 0;
	zoom: 1;  /* for IE hasLayout true */
}

body {  /* background, color refer => pageframe.css */
	margin: 0;
	padding: 0;
	font-size: 87.5%;
	font-style: normal;
	font-weight: normal;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.5;
}

/* ======
about font-size:
※入れ子でない場合のみ
18px => 112.5%
16px => 100%;
14px => 87.5%;
12px => 75%;
10px => 62.5%;
====== */

h1,h2,h3,h4 {
	font-size: 100%;
	font-weight: bold;
}
h5 {
	font-size: 16px;
	font-weight: bold;
}
h6 {
	font-size: 14px;
	font-weight: bold;
}

input, textarea {
	padding: 0px;
	vertical-align: middle;
}

select {
	padding: 0px;
	vertical-align: middle;
}

em, strong {
	font-weight: bold;
	font-style: normal;
}

hr { display: none;}

img {
	border: none;
	vertical-align: bottom;
}

li { list-style: none outside; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

textarea {
	overflow: auto;
}

map {
	display: none;
}

.lineNomal {
	line-height: 1;
}

.pos_rel{
	position:relative;
}

.pos_abs01,.pos_abs02{
	position:absolute;
	left:80px;
	top:80px;
}

.pos_abs03{
	position:absolute;
	left:31px;
	top:72px;
}

.pos_abs04{
	position:absolute;
	left:388px;
	top:72px;
}

.pos_abs05{
	position:absolute;
	left:327px;
	top:6px;
	width: 400px;
	height: 100px;
}


.pos_abs06{
	position:absolute;
	left:76px;
	top:206px;
	width:250px;
}


.pos_abs07{
	position:absolute;
	left:379px;
	top:161px;
	width:290px;
}

.pos_abs08{
	position:absolute;
	left:80px;
	top:80px;
}



.pos_abs01 li{
	margin-bottom:77px;
}

.pos_abs02 li{
	margin-bottom:71px;
}

.pos_abs03 li{
	margin-bottom:95px;
	width:320px;
}

.pos_abs04 li{
	margin-bottom:95px;
	width:315px;
}

.pos_abs08 li{
	margin-bottom:80px;
}


/* ------------------------------------------------------------
▼other hack
------------------------------------------------------------ */
/* for IE6 background flicker bug */
* html { filter: expression( document.execCommand("BackgroundImageCache", false, true) ); }


/* ------------------------------------------------------------
▼Page
------------------------------------------------------------ */
body {
	background: #ffffff;
	color: #333333;
	/* 全体のフォントサイズ、フォントファミリーはinit.cssで設定 */
}
#Container {
	position: relative;
	width: 100%;
	min-width: 1200px;
	overflow-x:hidden;
}
hr.border {
	display: block;
	border-bottom: 2px solid #000000;
	margin-bottom: 30px;
}


/* ------------------------------------------------------------
▼PreContent
------------------------------------------------------------ */
 /* AccessKeyArea, accessKeyDest */
#AccessKeyArea,
.accessKeyDest {
	display: block;
	margin:0;
	border: none;
	padding: 0;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}

/* NoScriptWarning */
#NoScriptWarning {
	position: relative;
	border: 1px solid #f00;
	padding: 10px;
	background: #fff;
	color: #f00;
	text-align: center;
	z-index: 99999;
}


/* ------------------------------------------------------------
▼HeaderArea
------------------------------------------------------------ */
#HeaderArea {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9000;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
}
#HeaderArea #HeaderAreaInner {
	margin: 0 auto;
	width: 980px;
}
#HeaderArea #Logo{
	float: left;
	width: 137px;
}

/* ------------------
【グローバルナビ】
------------------ */
#HeaderArea #HdGlNaviArea{
	float: right;
	width: 812px;
	z-index: 9001;
}
#HeaderArea #HdGlNaviArea li{
	/*float: left;*/
}
#HeaderArea #HdGlNaviArea #HdGlNavi01{ float: left; width: 83px; }
#HeaderArea #HdGlNaviArea #HdGlNavi02{ float: left; width: 103px; }
#HeaderArea #HdGlNaviArea #HdGlNavi03{ float: left; width: 100px; }
#HeaderArea #HdGlNaviArea #HdGlNavi04{ float: left; width: 187px; }
#HeaderArea #HdGlNaviArea #HdGlNavi05{ float: left; width: 128px; }
#HeaderArea #HdGlNaviArea #HdGlNavi06{ float: left; width: 113px; }
#HeaderArea #HdGlNaviArea #HdGlNavi07{ float: left; width: 98px; padding-right: 0;}

#HeaderArea #HdGlNaviArea #HdGlNavi01 img,
#HeaderArea #HdGlNaviArea #HdGlNavi02 img,
#HeaderArea #HdGlNaviArea #HdGlNavi03 img,
#HeaderArea #HdGlNaviArea #HdGlNavi04 img,
#HeaderArea #HdGlNaviArea #HdGlNavi05 img,
#HeaderArea #HdGlNaviArea #HdGlNavi06 img,
#HeaderArea #HdGlNaviArea #HdGlNavi07 img{
}

#HeaderArea #HdGlNaviArea #HdGlNavi01 a:hover,
#HeaderArea #HdGlNaviArea #HdGlNavi02 a:hover,
#HeaderArea #HdGlNaviArea #HdGlNavi03 a:hover,
#HeaderArea #HdGlNaviArea #HdGlNavi04 a:hover,
#HeaderArea #HdGlNaviArea #HdGlNavi05 a:hover,
#HeaderArea #HdGlNaviArea #HdGlNavi06 a:hover,
#HeaderArea #HdGlNaviArea #HdGlNavi07 a:hover{
}

/* ------------------
【メガドロップダウン】
------------------ */
#HeaderArea #MddArea02,
#HeaderArea #MddArea03,
#HeaderArea #MddArea04,
#HeaderArea #MddArea05,
#HeaderArea #MddArea06,
#HeaderArea #MddArea07{
	background: url(/shared/images/hd_mdd_bg.png) 0 0 repeat-x;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.4);
	position: absolute;
	top: 81px;
	left: 0;
	width: 100%;
	/*height: 200px;*/
	z-index: 9999;
}
#HeaderArea #MddArea02 #MddAreaInner02,
#HeaderArea #MddArea03 #MddAreaInner03,
#HeaderArea #MddArea04 #MddAreaInner04,
#HeaderArea #MddArea05 #MddAreaInner05,
#HeaderArea #MddArea06 #MddAreaInner06,
#HeaderArea #MddArea07 #MddAreaInner07{
	position: relative;
	/*background: url(/shared/images/hd_mdd_arrow.png) 0 0 no-repeat;*/
	padding: 30px 0;
	margin: 0 auto;
	width: 980px;
	z-index: 9002;
	color: #ffffff;
}
#HeaderArea ul.mdd_list01{
	border-top: 1px solid #3f3f3f;
	border-bottom: 1px solid #616161;
}
#HeaderArea ul.mdd_list01 li{
	border-top: 1px solid #616161;
	border-bottom: 1px solid #3f3f3f;
	line-height: 46px;
}
#HeaderArea ul.mdd_list01 li.list01 a{
	display: block;
	background: url(/shared/images/hd_mdd_bg01.png) 0 50% no-repeat;
}
#HeaderArea ul.mdd_list01 li.list02 a{
	display: block;
	background: url(/shared/images/hd_mdd_bg02.png) 0 50% no-repeat;
	padding-left: 23px;
}
/* <a> */
#HeaderArea ul.mdd_list01 li a:link { color: #ffffff; }
#HeaderArea ul.mdd_list01 li a:visited { color: #ffffff; }
#HeaderArea ul.mdd_list01 li a:hover,
#HeaderArea ul.mdd_list01 li a:active { color: #ffffff; text-decoration: none; }


/* ------------------------------------------------------------
▼TopicPathArea
------------------------------------------------------------ */
#TopicPathArea {
	position: relative;
	margin: 0 auto;
	width: 980px;
}
#TopicPathArea li {
	display: inline;
	zoom: 0;  /* for IE hasLayout false */
	line-height: 75px;
}
body.titleSimple #TopicPathArea li {
	line-height: 50px;
}
#TopicPathArea li{
	color: #333333;
}
#TopicPathArea li a {
	background: url(/shared/images/topic-path_arrow.gif) 100% 50% no-repeat;
	padding-right: 28px;
	color: #0ea7e7;
}
#TopicPathArea li.current {
}


/* ------------------------------------------------------------
▼MainImageArea
------------------------------------------------------------ */
#MainImageArea{
	margin-top: 81px;
	width: 100%;
	min-width: 980px;
}
body.titleSimple #MainImageArea{
	padding: 35px 0 25px;
	border-bottom: 2px solid #ececec;
}
#MainImageArea #MainImageAreaInner{
	margin: 0 auto;
	width: 980px;
}


/* ------------------------------------------------------------
▼ContentWrap
------------------------------------------------------------ */
#ContentWrap {
	position: relative;
	margin: 0 auto;
	padding-bottom: 30px;
	width: 980px;
}


/* ------------------------------------------------------------
▼ContentMenuArea
------------------------------------------------------------ */
#ContentMenuArea {
	position: relative;
	float: left;
	width: 220px;
}
#ContentMenuArea #MenuList{}
#ContentMenuArea #MenuList .list01 a{
	background: #efefef url(/shared/images/menu_arrow01.png) 200px 50% no-repeat;
	display: block;
	padding: 12px 10px;
	border-bottom: 1px solid #b3b3b3;
}
#ContentMenuArea #MenuList .list01.over a,
#ContentMenuArea #MenuList .list01 a:hover{
	background: #333333 url(/shared/images/menu_arrow01_on.png) 197px 50% no-repeat;
	border-bottom: 1px solid #262626;
}
#ContentMenuArea #MenuList .list02 a{
	background: #666666 url(/shared/images/menu_arrow02.png) 200px 50% no-repeat;
	display: block;
	padding: 12px 26px;
	border-bottom: 1px solid #4c4c4c;
}
#ContentMenuArea #MenuList .list02.over a,
#ContentMenuArea #MenuList .list02 a:hover{
	background: #cccccc url(/shared/images/menu_arrow02_on.png) 200px 50% no-repeat;
	border-bottom: 1px solid #999999;
}

/* <a> */
#ContentMenuArea #MenuList .list01 a:link { color: #333333; }
#ContentMenuArea #MenuList .list01 a:visited { color: #333333; }
#ContentMenuArea #MenuList .list01 a:hover,
#ContentMenuArea #MenuList .list01 a:active { color: #ffffff; text-decoration: none; }

#ContentMenuArea #MenuList .list01.over a:link { color: #ffffff; }
#ContentMenuArea #MenuList .list01.over a:visited { color: #ffffff; }
#ContentMenuArea #MenuList .list01.over a:hover,
#ContentMenuArea #MenuList .list01.over a:active { color: #ffffff; }

#ContentMenuArea #MenuList .list02 a:link { color: #ffffff; }
#ContentMenuArea #MenuList .list02 a:visited { color: #ffffff; }
#ContentMenuArea #MenuList .list02 a:hover,
#ContentMenuArea #MenuList .list02 a:active { color: #333333; text-decoration: none; }

#ContentMenuArea #MenuList .list02.over a:link { color: #333333; }
#ContentMenuArea #MenuList .list02.over a:visited { color: #333333; }
#ContentMenuArea #MenuList .list02.over a:hover,
#ContentMenuArea #MenuList .list02.over a:active { color: #333333; }
/* --- */


/* ------------------------------------------------------------
▼ContentMainArea
------------------------------------------------------------ */
#ContentMainArea {
	position: relative;
	float: right;
	margin: 0 auto;
	width: 730px;
}


/* ------------------------------------------------------------
▼PageTopArea
------------------------------------------------------------ */
#PageTopArea {
	position: fixed;
	right: 10px;
	bottom: 480px;
	z-index: 9999;
}

/* ------------------------------------------------------------
▼FooterArea
------------------------------------------------------------ */
#FooterArea {
	position: relative;
	width: 100%;
}
#FooterArea #FooterLinkArea {
	background-color: #8e8e8e;
	position: relative;
	width: 100%;
}
#FooterArea #FooterLinkAreaInner {
	width: 980px;
	margin: 0 auto;
	padding: 50px 0;
}
#FooterArea #FooterCopyArea {
	background-color: #000000;
	position: relative;
	width: 100%;
	/*min-width: 980px;*/
}
#FooterArea #FooterCopyAreaInner {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 20px;
}
#FooterArea #FooterCopyAreaInner .ftLogo {
	padding-top: 18px;
}
#FooterArea #FooterCopyAreaInner .ftAddress {
	padding-top: 22px;
	font-size: 12px;
	color: #c4c4c4;
}
#FooterArea #FooterCopyAreaInner .ftSNSArea {
	padding-top: 14px;
}
#FooterArea #FooterCopyAreaInner .ftCopy {
	padding-top: 6px;
	font-size: 12px;
	color: #c4c4c4;
	text-align: right;
}




/* <a> */
#FooterArea a:link { color: #ffffff; }
#FooterArea a:visited { color: #ffffff; }
#FooterArea a:hover,
#FooterArea a:active { color: #ffffff; }
/* --- */