@charset "utf-8";


/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
	list-style:none
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
h1 {
	font-size:116%;
	color: #0076cd;
	letter-spacing: 1px;
}

p {
	margin: 0;
	padding: 0;
}

article p {
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
	line-height: 22px
}
article p.attention {
	font-size:75% !important;
	letter-spacing: 1px;
	line-height: 14px;
	text-indent:-1em;
	padding-left:1em;
}

.txt-red { color:#cc0000;}
.txt-blue { color:#0076cd;}
.txt-pink { color:#d7188d;}
.txt-purple { color:#bb6ec7;}



a img {	border: none;}

a:link {
	color: #42413C;
	text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #42413C;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: underline;
}




/*********   link list  ************/

.link-t-a　{
	margin-bottom:3px;
	letter-spacing:1px;
}
.link-t-a a:link {
	color: #0076cd;
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
	background: url(../img/link-arrow-blue.gif) no-repeat left 8px;
	padding-left:10px;
}
.link-t-a a:visited {
	color: #0076cd;
	text-decoration: none;
}
.link-t-a a:hover,.link-t-a a:active,.link-t-a a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: underline;
	color: #0076cd;
}


.link-t-a2　{
	margin-bottom:3px;
	letter-spacing:1px;
}
.link-t-a2 a:link {
	color: #0076cd;
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
	background: url(../img/link-arrow-blue.gif) no-repeat left 6px;
	padding-left:10px;
}
.link-t-a2 a:visited {
	color: #0076cd;
	text-decoration: none;
}
.link-t-a2 a:hover,.link-t-a2 :active,.link-t-a2 a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: underline;
	color: #0076cd;
}



.link-t-a-small　{
	margin-bottom:3px;
	letter-spacing:1px;
}
.link-t-a-small a:link {
	color: #0076cd;
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
	background: url(../img/link-arrow-blue.gif) no-repeat left 4px;
	padding-left:10px;
}
.link-t-a-small a:visited {
	color: #0076cd;
	text-decoration: none;
}
.link-t-a-small a:hover,.link-t-a-small a:active,.link-t-a-small a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: underline;
	color: #0076cd;
}




.link-t-a-care a:link {
	color: #0076cd;
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	font-size:90%;
	text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
	background: url(../img/link-arrow-blue.gif) no-repeat left 6px;
	padding:0 0 0 8px;
}
.link-t-a-care a:visited {
	color: #0076cd;
	text-decoration: none;
}
.link-t-a-care a:hover,.link-t-a-care a:active,.link-t-a-care a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: underline;
	color: #0076cd;
}




ul.link-out li{
	margin-bottom:3px;
	letter-spacing: 2px;
	text-indent:-1em;
	padding-left:1em;
}
ul.link-out a:link {
	color: #0076cd;
	text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
	background: url(../img/link-out-blue.gif) no-repeat left 3px;
	padding-left:17px;
}
ul.link-out a:visited {
	color: #0076cd;
	text-decoration: none;
}
ul.link-out a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: underline;
	color: #0076cd;
}


ul.link-pdf li{
	margin-bottom:3px;
	letter-spacing: 1px;
	/*text-indent:-1em;
	padding-left:1em;*/
}
ul.link-pdf a:link {
	color: #0076cd;
	text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
	background: url(../img/link-pdf.gif) no-repeat left top;
	padding-left:22px;
}
ul.link-pdf a:visited {
	color: #0076cd;
	text-decoration: none;
}
ul.link-pdf a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: underline;
	color: #0076cd;
}




/*********   layout  ************/

body {
	/*font: Osaka, 'MS PGothic', Meiryo, sans-serif;*/
	font: Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	margin: 0;
	padding: 0;
	color: #4d4d4d;
	background: url(../img/bg_body_blue.gif) repeat-x left top;
	position: relative;
}

/*===============================================
　画面の横幅が761px以上▼▼▼▼▼
===============================================*/


.bg-contents-top {
	background: url(../../img/bg-top-main.jpg) repeat-x left top;
}
.bg-contents {
	background: url(../img/bg_contents.gif) repeat-x left -2px;
}
#h1-box{ background:url(../img/h1box-bgl.gif) no-repeat left top; width:689px; border-bottom:#0076cd solid 1px; clear:both;}
#h1-box h1 {
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	background:#0076cd url(../img/h1box-bgr.gif) no-repeat right top;
	font-weight: normal;
	color: #FFF;
	font-size: 110%;
	line-height:1em;
	margin-left:2px;
	padding:9px 30px 6px 28px;
}



/*===============================================
　画面の横幅が480pxまで▼▼▼▼▼
===============================================*/

@media screen and (max-width:761px){
.bg-contents {
	background: url(../img/bg_contents.gif) repeat-x left top;
	padding-top:90px;
}
 h1 { font-size:140%; padding:10px 16px 0 16px; margin-bottom:-20px; }
}








/*********  header layout  ************/
/*===============================================
　画面の横幅が761px以上▼▼▼▼▼
===============================================*/


header {
	width: 100%;
	padding-top: 23px;
}
div.wrap {
	width: 960px;
	margin: 0 auto;
}
div.wrap-height {
	height:148px;
}

header div.wrap div#logo-area {
	float: left;
	width: 450px;
	padding-top: 6px;
}

header div.wrap div#logo-area p{
	font-size:85%;
	padding-bottom:10px;
}

header p {
	color: #515151;
}
/*  SUB MENU 1  */
div#submenu-wrap {
	float: left;
	width: 223px;
	margin-left:90px;
}
div#submenu-wrap ul#sub-menu {
	height: 28px;
	margin:-5px 0 4px 0;
	border-bottom: #c4d3df solid 1px;
}
div#submenu-wrap ul#sub-menu li {
	float: left;
	height: 28px;
	overflow: hidden;
}
div#submenu-wrap ul#sub-menu li.start {
	padding: 0 0 0 11px;
}
div#submenu-wrap #company-menu {
	padding:0 0 0 5px;
	margin:7px 0 0 0;
}

/*  SUB MENU 2  */
#submenu2-wrap{ float:right; width:178px;}

/*  Google Custom Seaerch  */

.searchBox input[type="text"],
.searchBox input[type="password"],
.searchBox textarea,
.searchBox select {
    outline:none;
}
.searchBox {
	width:178px;
	background:url(../img/head_gcs_bg.gif) no-repeat;
	/*padding:12px 0 0 9px;*/
	height:29px;
	margin-bottom:7px;
}

#cse-search-box {
	position:relative;
}

#search #gcs-text{
	color:#a3a3a3;
	font-size:12px;
	padding:0;
	width:130px;
	border:0;
	background:none !important;
	display:inline;
	vertical-align:middle;
	margin-left:11px;
	margin-top:7px;
}
#search #gcs-submit{
	position:absolute;
	top:1px;
	left:148px;
	cursor:pointer;
	width:29px;
}
#search .inputDark{color:#666 !important;
}

#search #cse-delete{
	font-size:20px !important;
	position:absolute;
	top:0;
	right:0;
	padding:0px 5px 0 5px;
	line-height:25px;
}
#search .submit{
	border:0;
	background:url(../img/gcs-submit.png) no-repeat left top;
	height:27px;
}
	#search .submit[disabled] {
		background:url(../img/gcs-submit.png) no-repeat left bottom;
		cursor:default !important;
	}
	#search .submit span{
		text-indent:-9999px;
		display:block;
		font-size:1px;
	}

/*********  g-nav layout(グローバルナビ)  ************/
div#gnav-wrap {
	width: 100%;
	background: url(../img/bg_gnav.gif);
	height: 49px;
	position: absolute;
	top: 122px;
	left: 0;
}

div#gnav-wrap-box{width:962px; margin:0 auto;}


div#gnav-wrap ul { width:962px; margin:0 auto;}
div#gnav-wrap ul li	{ padding:0; height:49px; line-height:49px; float:left; }
div#gnav-wrap ul li a	{height:49px; line-height:49px;display:block;	margin:0; padding:0; background-repeat:no-repeat; background-position:center bottom; text-decoration:none;	text-indent:-9999px; }
div#gnav-wrap ul li a:hover{background-position:center;}
div#gnav-wrap .current a:hover{background-position:center top;}
div#gnav-wrap .current a{background-position:center top;}


div#gnav-wrap .nv01	{} 
div#gnav-wrap .nv01 a	{   background-image: url(../img/gnv01.gif); width:193px;}
div#gnav-wrap .nv02	{}
div#gnav-wrap .nv02 a	{	background-image:url(../img/gnv02.gif); width:192px;	}
div#gnav-wrap .nv03	{}
div#gnav-wrap .nv03 a	{	background-image:url(../img/gnv03.gif); width:191px;	}
div#gnav-wrap .nv04	{}
div#gnav-wrap .nv04 a	{	background-image:url(../img/gnv04.gif); width:192px;	}
div#gnav-wrap .nv05	{}
div#gnav-wrap .nv05 a	{	background-image:url(../img/gnv05.gif); width:194px;	}



/*********  メガメニュー  ************/
#mega_nav{ display:none;
	 z-index:9999; font-size:14px; background:url(../img/megamenu_bg.png) repeat-x; height:459px; width:100%; position:absolute; top:49px; left:0px; }
	#mega_inner{ width:907px; padding:5px 0 0 55px; margin:0 auto; height:459px; position:relative; overflow-x:hidden;}
	#mega_nav article{ position:absolute; width:100%;}
	.mega_box_l{ float:left; width:612px; margin:0 0 0 -5px; height:360px;}
	.mega_box_r{ float:right; width:316px; height:360px; padding:20px 0 0 25px; margin-top:-15px; background:url(/global/img/megamenu_bg_line.png) no-repeat;}
	
	.mega_link_box01 { height:175px;}
	
	.mega_box_r p a{ background:url(/global/img/mega_arrow.png) no-repeat 0 5px; padding:0 0 16px 20px; font-size:100%; display:block; }
	.mega_box_r p a.arrow_win{ background:url(/global/img/mega_arrow_win.png) no-repeat 0 5px; padding:0 0 16px 20px; font-size:100%; display:block; }
		.mega_box_r p a:link {
			color: #000000;
			text-decoration: underline;
		}
		.mega_box_r p  a:visited {
			color: #000000;
			text-decoration: underline;
		}
		.mega_box_r p  a:hover, .mega_box_r p a:active, .mega_box_r p a:focus {
			color: #ffffff;
			text-decoration: underline;
		}

	
	
	
	#mega_nav article img{ display:block;}
	
.cf:after {
  content: "";
  clear: both;
  display: block;
}




/*===============================================
　画面の横幅が480pxまで▼▼▼▼▼
===============================================*/
@media screen and (max-width:761px){
	p.x-logo {	position:fixed; top:0; left:0;	z-index: 9999;	height:35px;	width:61px;	margin: 34px 0px 0px 10px;}
	p.x-logo2 {	position:fixed; top:0; left:0;	z-index: 9999;	height:35px;	width:61px;	margin: 44px 0px 0px 10px;}
	h1.x-cp {	position:fixed; top:0; left:0;	z-index: 9998; height:auto;	width:100%;	margin:0;	padding:4px 0;	font-size:12px;	font-weight:normal;	line-height:100%;	color: #FFFFFF; background: #0076CD; text-align:center;} 
	 
	header {
	background:#fff;
	width:100%;
	height:90px;
	min-width:320px;
	position:fixed;
	left:0;
	top:0;
	z-index:99;
	border-top:5px solid #0076cd;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);
	box-shadow:0 1px 3px rgba(0,0,0,0.25);
	}
	div.wrap {
	width:100%;
	margin:0;
	}
	
	#header_sp_menu { position:fixed; margin:34px 0 0 0; top:0; right:10px; z-index:9997;}
	#header_sp_menu2 { position:fixed; margin:44px 0 0 0; top:0; right:10px; z-index:9997;}


	 div#submenu-wrap { display:none;}
	 div#gnav-wrap { display:none;}
	 
	 }
	 




/*********  r-nav layout  ************/

ul.rnav {
	list-style: none;
}
ul.rnav li {
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	font-size: 0px;
	line-height: 0px
}
ul.rnav li a {
	height: 35px;
 line-height:0px  font-size:0px;
}
ul.rnav li.list-top {
	border: none;
	height: 56px;
}


/*********  left-container layout  ************/
/*===============================================
　画面の横幅が761px以上▼▼▼▼▼
===============================================*/


p#breadcrumbs {
	background: url(../img/breadcrumb.gif) no-repeat left 5px;
	padding-left: 25px;
	margin:0 0 40px 0;
	color: #666666;
	font-size: 85%;
	letter-spacing: 1px;
}
p#breadcrumbs a {
	color: #666666;
	text-decoration: none;
}
p#breadcrumbs a:hover {
	text-decoration: underline;
}

/*********  left-container layout  ************/
div#left-container {
	width: 688px;
	float: left;
}
/*********  right-container layout  ************/
div#right-container {
	width: 238px;
	float: right;
}
.line-gray {
	width: 100%;
	height: 2px;
	background: url(../img/line_gray.gif) repeat-x left;
}



/*===============================================
　画面の横幅が480pxまで▼▼▼▼▼
===============================================*/

@media screen and (max-width:761px){
p#breadcrumbs{ display:none; }

/*********  left-container layout  ************/
div#left-container {
	width:100%;
	float:none;
}
div#right-container { display:none;}
}








/*********  relative bannar  ************/
/*===============================================
　画面の横幅が761px以上▼▼▼▼▼
===============================================*/


	section#ft-suport{
	width: 688px;
	height: 392px;
	background: url(../img/bg_foot_suport.gif) no-repeat left top;
	padding-top:24px;
	margin-top:70px;
	}

section#ft-suport div#fts-wrap{
	width:647px;
	margin:0 auto;}




/*===============================================
　画面の横幅が480pxまで▼▼▼▼▼
===============================================*/

@media screen and (max-width:761px){
	section#ft-suport{
	border:#e5e5e5 solid 4px;
	background:#f2f2f2;
	padding:24px 0;
	margin:70px 0 30px 0;
	}

section#ft-suport div#fts-wrap{
	width:90%;
	margin:0 auto;}

section#ft-suport img{ width:100%; height:auto; }
h2#ft-suport-ttl { text-align:center;}
h2#ft-suport-ttl img{ width:250px; height:auto; !important}

}





/*********  relative bannar  ************/
/*===============================================
　画面の横幅が761px以上▼▼▼▼▼
===============================================*/


section#relative-link{
	padding-bottom:57px;}

ul#bnr-relate li{
	float:left;
	padding-right:6px;}



/*===============================================
　画面の横幅が480pxまで▼▼▼▼▼
===============================================*/

@media screen and (max-width:761px){
section#relative-link{
	padding-bottom:57px;}
	
section#relative-link h4{ padding:0 10px;}

ul#bnr-relate li{
	float:left;
	width:50%;
	}
ul#bnr-relate li img{ width:99%; height:auto;}
}



/*********  footer layout  ************/
/*===============================================
　画面の横幅が761px以上▼▼▼▼▼
===============================================*/


footer {
	position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
	clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
	background:#eff2f4;
}
div#ft-wrap {
	background: url(../img/bg_footer.gif) repeat left top;
	padding-top: 21px;
	color: #d1ecff;
	width: 100%;
	padding-bottom:40px;
}

div#ft-bg-dot {
	padding-bottom:10px;
	padding-top:10px;
	background: url(../img/ft-bg_dot.gif) repeat-y;
}

footer p.ttl {
	background: url(../img/ft-ttl01.gif) no-repeat left center;
	padding-left: 17px;
	margin-bottom: 16px;
}
footer h5 {
	background: url(../img/ft-ttl02.gif) no-repeat left center;
	padding-left: 15px;
	margin-bottom: 8px;
	font-size: 95%;
}
footer h5.relate {
	background: none;
	padding-left: 0;
	margin-bottom: 3px;
	font-size: 12px;
}
div.ft-link01 {
	width: 190px;
	float: left;
	margin-right:20px;
}
div.ft-link02 {
	width: 175px;
	float: left;
	margin-right:20px;
}
div.ft-link03 {
	width: 160px;
	float: left;
	margin-right:20px;
}
div.ft-link04 {
	width: 150px;
	float: left;
	margin-right:10px;
}
div.ft-link05 {
	width: 190px;
	float: left;
	padding-bottom:10px;
	padding-left:20px;
	border-left:solid 1px #d1ecff;
}
footer ul {
	list-style: none;
	padding-left: 10px;
}
footer div.ft-link05 ul {
	list-style: none;
	padding-left: 0;
}
footer ul li {
	background: url(../img/bg-ft-arrow.gif) no-repeat left 5px;
	padding-left: 15px;
	line-height: 18px;
	font-size: 85%;
	display:block;
}
footer ul.other li {
	background: url(../img/bg-ft-other.gif) no-repeat left 4px;
	padding-left: 15px;
	width: 160px;
}
footer a:link {
	color: #d1ecff;
	text-decoration: none;
}
footer a:visited {
	color: #d1ecff;
	text-decoration: none;
}
footer a:hover{text-decoration: underline;}
footer a:active{text-decoration: underline;}
footer a:focus{text-decoration: underline;}


div#copyright{
	padding:35px 0 30px;
	}
div#copyright p{
	font-size:85%;
	color:#898989;
	}

div#ft-toptop{
	width: 102px;
	height: 25px;
	float:right;
	margin-right:-5px;
	margin-top:-57px;
	padding:17px 0 0 20px;
	background: url(../img/bg-ft-toptop.png) no-repeat left bottom;
	}
div#ft-toptop a:link {
	color: #898989;
	text-decoration: none;
}
div#ft-toptop a:visited {
	color: #898989;
	text-decoration: none;
}
div#ft-toptop a:hover,div#ft-toptop a:active,div#ft-toptop a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}


#footer_sp{ display:none;}




/*===============================================
　画面の横幅が480pxまで▼▼▼▼▼
===============================================*/

@media screen and (max-width:761px){
div#ft-wrap{display:none;}
div#copyright{display:none;}

#footer_sp{margin-top:20px;}

/* ftr-pagetop
-------------------------------------------------------------*/
#ftr-pagetop{text-align:center; width:100%; background:#0076cd; line-height:0;}

/* ftr-copyright
-------------------------------------------------------------*/
#ftr-copyright{
	text-align:center;
	width:320px;
	margin:0 auto;
	padding:0 0 45px 0;
}
/* ftr-menu
-------------------------------------------------------------*/
#ftr-menu{
	background:url(/common/img/sp_footer_bg.gif) repeat-x;
	background-size:2px auto;
	position:fixed;
	left:0;
	bottom:0;
	z-index:99;
	width:100%;
	min-width:320px;
	text-align:0;
}
#ftr-menu ul{
	width:320px;
	margin:0 auto;
	overflow:hidden;
}
#ftr-menu li{float:left; line-height:0;}

}


/*HTML 5 サポート - 新しい HTML 5 タグを display:block に設定します。これにより、ブラウザーでタグが適切にレンダリングされます。 */
header, section, footer, aside, article, figure {
	display: block;
}









/* Set sprite image
-------------------------------------------------------------*/
#menuWin dt:before,
#menuWin .btnClose:before,
#menuWin li a:before{
	background:url(/common/img/parts_spr.png) no-repeat -640px 0;
	-webkit-background-size:320px auto;	
}

/* menuWin
-------------------------------------------------------------*/
#menuWin{
	display:none;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:9999;
	text-align:left;
}
#menuWin dl{
	width:320px;
	margin:0 auto;
	position:relative;
}
#menuWin dt{
	color:#fff;
	line-height:40px;
	background:#0076cd;
	font-size:140%;
	padding:10px 10px 10px 31px;
	position:relative;
}
#menuWin dt:before{
	content:"";
	background-position:-249px -29px;
	display:block;
	width:13px;
	height:7px;
	position:absolute;
	top:26px;
	left:10px;
}
#menuWin .btnClose{
	color:#fff;
	font-size:140%;
	background:#0076cd;
	padding:10px 10px 10px 15px;
	position:absolute;
	top:6px;
	right:0;
}
#menuWin .btnClose:before{
	content:"";
	background-position:-239px -29px;
	display:block;
	width:9px;
	height:8px;
	position:absolute;
	top:20px;
	left:0;
}
#menuWin li{
	line-height:1.25;
	background:#dbedf9;
	position:relative;
	border-top:1px solid #fff;
	border-bottom:1px solid #b3b3b3;
	margin-left:-40px;
}
#menuWin li.line-black{
	border-bottom:1px solid #000;
}
#menuWin li img{
	float:right;
	width:26px;
	height:16px;
}
#menuWin li a{
	color:#0076cd;
	display:block;
	padding:17px 10px 16px 31px;
}
#menuWin li a:before{
	content:"";
	background-position:-239px -15px;
	display:block;
	width:7px;
	height:13px;
	position:absolute;
	top:17px;
	left:14px;
}