@charset "utf-8";
/* Reset
--------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,embed,output,ruby,summary,time,mark{
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	font-size: 100%;
}
html{
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
}
blockquote,q{
	quotes: none;
}
blockquote:before,blockquote:after,
q:before,q:after{
	content: '';
	content: none;
}
input,textarea{
	margin: 0;
	padding: 0;
}
ol,ul{
	list-style:none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th{
	text-align: left;
}
a:focus{
	outline: none;
}
@media screen and (max-width: 750px){
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,embed,output,ruby,summary,time,mark{
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	img{
		width: 100%;
		height: auto;
	}
}
/* font size
――――――｜ PC  ｜ SP
10px――｜ 72% ｜ 84%
11px――｜ 79% ｜ 92%
12px――｜ 86% ｜ 100%
13px――｜ 93% ｜ 109%
14px――｜ 100%｜ 117%
15px――｜ 108%｜ 125%
16px――｜ 115%｜ 134%
17px――｜ 122%｜ 142%
18px――｜ 129%｜ 150%
19px――｜ 136%｜ 159%
20px――｜ 143%｜ 167%
21px――｜ 150%｜ 175%
22px――｜ 158%｜ 184%
23px――｜ 165%｜ 192%
24px――｜ 172%｜ 200%
25px――｜ 179%｜ 209%
26px――｜ 186%｜ 217%
*/
/* Basic
--------------------------------------------------------------*/
body{
	min-width: 960px;
	height:100%;
	line-height:1.6;
	color:#222222;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, sans-serif;
	font-size: 14px;
}
body.fontM{
	font-size: 14px;
}
body.fontL{
	font-size: 16px;
}
body.fontLL{
	font-size: 18px;
}
@media screen and (max-width: 750px){
	body{
		min-width: 100%;
	}
	body,
	body.fontM,
	body.fontL,
	body.fontLL{
		font-size: 12px;
	}
}
/* Link
--------------------------------------------------------------*/
a{
	color:#222222;
	text-decoration:none;
}
/* Header
--------------------------------------------------------------*/
#header .headTop{
	border-bottom: #c8deeb solid 3px;
	font-size: 86%;
}
#header .headTop .content{
	background: url(../img/header/bg.gif) left top no-repeat;
	height: 68px;
}
#header .gskLogo{
	float: left;
	margin: 8px 0 0 41px;
}
#header .gskTxt{
	float: left;
	margin: 39px 0 0 67px;
}
#header .asideNav{
	float: right;
	margin-top: 3px;
}
#header .asideNav li{
	float: left;
	margin-right: 7px;
}
#header .asideNav a{
	background: url(../img/icon/gsk.gif) left center no-repeat;
	padding-left: 15px;
	color: #9d999a;
}
#header .pageName{
	float: right;
	clear: both;
	margin-top: -9px;
}
#header .pageName a{
	color: #9d999a;
}
#header .logo{
	float: left;
	margin: 10px 0 13px;
}
#header .share{
	font-size: 12px;
	float: right;
	background: #edf4f8;
	padding: 11px 12px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
#header .share dl{
	float: left;
	border-left: #ffffff solid 1px;
	margin-left: 7px;
	padding: 3px 0 3px 7px;
}
#header .share dl:first-child{
	border-left: none;
	margin-left: 0;
	padding-left: 0;
}
#header .share dt{
	float: left;
}
#header .share dd{
	float: left;
	margin-left: 5px;
}
#header .siteNav{
	float: right;
	font-size: 79%;
	margin-top: 13px;
}
#header .siteNav li{
	float: left;
	margin-left: 14px;
}
#header .siteNav a{
	background: url(../img/icon/arrow_right_s.png) left center no-repeat;
	padding-left: 12px;
}
#txtSize dd{
	background: #fff;
	padding: 0 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}
#txtSize dd.cur{
	background: #6eaed5;
	color: #fff;
}
@media screen and (max-width: 750px){
	#header .headTop{
		border-bottom: #c8deeb solid 2px;
	}
	#header .headTop .content{
		background-size: auto 100%;
		height: 55px;
	}
	#header .gskLogo{
		width: 33px;
		margin: 6px 0 0 31px;
	}
	#header .gskTxt{
		width: 145px;
		margin: 30px 0 0 51px;
	}
	#header .asideNav{
		display: none;
	}
	#header .pageName{
		display: none;
	}
	#header .logo{
		width: 140px;
		margin: 7px 0 7px 10px;
	}
	#header .share{
		display: none;
	}
	#header .siteNav{
		display: none;
	}
}
/* gNav
--------------------------------------------------------------*/
#gNav{
	background: #67a3c7;
	border-bottom: #e5e5e5 solid 5px;
	text-align: center;
	clear: both;
}
#gNav .menuBtn{
	display: none;
}
#gNav ul{
	border-left: #9acfef solid 1px;
	border-right: #4d7995 solid 1px;
}
#gNav .cur{
	background: #71b5de;
}
#gNav li{
	width: 192px;
	float: left;
}
#gNav li.first{
	width: 190px;
}
#gNav li.pcNone{
	display: none;
}
#gNav a{
	display: block;
	border-right: #9acfef solid 1px;
	border-left: #4d7995 solid 1px;
}
@media screen and (max-width: 750px){
	#gNav{
		position: relative;
		background: #fff;
		border-bottom: #e5e5e5 solid 2px;
		text-align: left;
	}
	#gNav .menuBtn{
		display: block;
		width: 42px;
		height: 42px;
		float: right;
		margin: -51px 10px 0 0;
		background: url(/common/img/gnav/menu_btn.png) no-repeat 0 0;
		background-size: contain;
		text-indent: -9999px;
		overflow: hidden;
	}
	#gNav .menuBtn.open{
		background: url(/common/img/gnav/menu_btn_open.png) no-repeat 0 0;
		background-size: contain;
	}
	#gNav ul{
		border: none;
		display: none;
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		border-bottom: #9acfef solid 1px;
		z-index: 99;
	}
	#gNav li, #gNav li.cur{
		width: 100%;
		float: none;
		background: #67a3c7;
		color: #fff;
		border-top: #9acfef solid 1px;
		border-bottom: #4d7995 solid 1px;
	}
	#gNav li.first{
		width: 100%;
	}
	#gNav li:first-child{
		border-top: none;
	}
	#gNav li.pcNone{
		display: block;
	}
	#gNav li a{
		position: relative;
		padding: 10px;
		color: #fff;
	}
	#gNav li a:before{
	content: "";
	position: absolute;
	top: 16px;
	left: 94%;
	border-style: solid;
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent #fff;
	}
}
/* breadcrumb
--------------------------------------------------------------*/
#breadcrumb{
	background: #f6f6f6;
	border-top: #fff solid 1px;
	border-bottom: #fff solid 1px;
	font-size: 86%;
	padding: 5px 0 5px 10px;
}
#breadcrumb li{
	float: left;
	margin-right: 3px;
}
#breadcrumb a{
	margin-right: 3px;
}
/* footerNav
--------------------------------------------------------------*/
#footerNav{
	background: #f2f2f2;
	border-top: #b2cede solid 3px;
	border-bottom: #e8e8e8 solid 2px;
	font-size: 86%;
	padding: 20px 0 30px;
}
#footerNav .logo{
	margin-bottom: 17px;
}
#footerNav .navCont{
	border-left: #d6d6d6 solid 1px;
	border-right: #ffffff solid 1px;
}
#footerNav .navBox{
	float: left;
	width: 266px;
	padding: 0 28px;
	border-left: #ffffff solid 1px;
	border-right: #d6d6d6 solid 1px;
	min-height: 100px;
}
#footerNav .navBox li{
	margin-top: 8px;
}
#footerNav .navBox li:first-child{
	margin-top: 0;
}
#footerNav .center{
	width: 252px;
}
#footerNav a{
	background: url(../img/icon/arrow_right_m.png) left 3px no-repeat;
	padding-left: 12px;
}
@media screen and (max-width: 750px){
	#footerNav{
		display: none;
	}
}
/* footer
--------------------------------------------------------------*/
#footer{
	padding: 40px 0 20px;
	font-size: 79%;
}
#footer .gskLink{
	float: right;
}
#footer .gskLink a{
	background: url(../img/icon/gsk.gif) left center no-repeat;
	padding-left: 15px;
}
#footer .asideNav li{
	float: left;
	margin-right: 16px;
	font-size: 95%;
}
#footer .copy{
	clear: both;
	font-size: 95%;
}
@media screen and (max-width: 750px){
	#footer{
		border-top: #b2cede solid 2px;
		padding: 0;
	}
	#footer .gskLink{
		display: none;
	}
	#footer .asideNav{
		text-align: center;
		padding: 10px 0;
		border-bottom: #e5e5e5 solid 2px;
	}
	#footer .asideNav li{
		float: none;
		display: inline-block;
		border-left: #cdcdcd solid 1px;
		margin: 0;
		padding: 0 3%;
	}
	#footer .asideNav li:first-child{
		border-left: none;
	}
	#footer .copy{
		padding: 10px 50px 15px 10px;
		position: relative;
		min-height: 50px;
	}
	#footer .copy:after{
		content: '';
		display: block;
		position: absolute;
		right: 10px;
		top: 10px;
		width: 35px;
		height: 31px;
		background: url(../img/footer/gsk_logo.jpg) left top no-repeat;
		background-size: 100% auto;
	}
}
/* contentWrap
--------------------------------------------------------------*/
#contentWrap{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
@media screen and (max-width: 750px){
	#contentWrap{
		width: 100%;
	}
}
/* content
--------------------------------------------------------------*/
.content{
	width: 960px;
	margin: 0 auto;
}
@media screen and (max-width: 750px){
	.content{
		width: 100%;
	}
}
/* pagetop
--------------------------------------------------------------*/
.pagetop{
	position: fixed;
	bottom: 0;
	right: 50%;
	margin-right: -480px;
	cursor: pointer;
}
.pagetop.btmFix{
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 0;
}
@media screen and (max-width: 750px){
	.pagetop{
		width: 30px;
		right: 10px;
		margin-right: 0;
	}
	.pagetop.btmFix{
		right: 10px;
	}
}
/* margin padding
--------------------------------------------------------------*/
.mb0 {margin-bottom: 0;}
.mb5 {margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb55{margin-bottom: 55px;}

.mt0 {margin-top: 0;}
.mt5 {margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}

.mr0 {margin-right: 0;}
.mr5 {margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.mr45{margin-right: 45px;}
.mr50{margin-right: 50px;}
.mr55{margin-right: 55px;}

.ml0 {margin-left: 0;}
.ml5 {margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}
.ml45{margin-left: 45px;}
.ml50{margin-left: 50px;}
.ml55{margin-left: 55px;}

.pb0 {padding-bottom: 0;}
.pb5 {padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb35{padding-bottom: 35px;}
.pb40{padding-bottom: 40px;}
.pb45{padding-bottom: 45px;}
.pb50{padding-bottom: 50px;}
.pb55{padding-bottom: 55px;}

.pt0 {padding-top: 0;}
.pt5 {padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt35{padding-top: 35px;}
.pt40{padding-top: 40px;}
.pt45{padding-top: 45px;}
.pt50{padding-top: 50px;}
.pt55{padding-top: 55px;}

.pr0 {padding-right: 0;}
.pr5 {padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr35{padding-right: 35px;}
.pr40{padding-right: 40px;}
.pr45{padding-right: 45px;}
.pr50{padding-right: 50px;}
.pr55{padding-right: 55px;}

.pl0 {padding-left: 0;}
.pl5 {padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl35{padding-left: 35px;}
.pl40{padding-left: 40px;}
.pl45{padding-left: 45px;}
.pl50{padding-left: 50px;}
.pl55{padding-left: 55px;}
/* [title]
--------------------------------------------------------------*/
@media screen and (max-width: 750px){
	[title] img{
		display: none;
	}
	[title]::after{
		content:attr(title);
	}
}
/* clearfix
--------------------------------------------------------------*/
.clearfix{display: inline-block;}
.clearfix:after{content: "."; clear: both; display: block; visibility: hidden; height: 0; line-height: 0;}
/* MacIE \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* end MacIE */