@charset "utf-8";

/*=====================================================
 * Style Name: Screen Sheet
 * Style URL: /css/screen.css
 * Description: Site Layout Stylesheet
 * Version: 2.6
 * Last Up Date: 2014/05/28
 * Author: Neos
 * Author URL: http://www.neoscorp.jp/
 *
 * Markup Reference:
 *
=====================================================*/



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

	1: Main Interface setting
		: container
		: header
			- GSK Common footer
			- header-content
		: Global Nav
		: Topic Path
		: wrapper
		: Sub nav
			- about-apoplexy
			- sympton
			- about-botulinus
			- public-support	
			- byoin	
		: footer
			- GSK Common footer
	2: Link Color
	3: Clearfix
		
----------------------*/



/*
===== 1: Main Interface setting ===========================*/

/* container
--------------------*/
* html div.container {
    height:100%;
}

div.container {
	width: 750px;
	min-height: 100%;
	padding-right: 10px;
	background: #fffefd url(../img/bg_container_shadow.gif) right top repeat-y;
}

body > .container {
	height:auto;
}

/* header
--------------------*/
div.header {
	position:relative;
	width:750px;
	margin:0;
	padding:0;
	background: url(../img/bg_head_line.gif) top right no-repeat;
}

/*---- GSK Common footer ----*/
div.header .logo {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
}

div.header ul.header-navi {
	position:relative;
	top:0;
	left:0;
	margin:0;
	padding:6px 10px 4px 0;
	text-align:right;
	z-index:2;
}

div.header ul.header-navi li{
	display:inline;
	font-size:12px;
}

div.header li a.icn-def{
	padding:0 0 0 18px;
	background:url(http://glaxosmithkline.co.jp/shared/image/marketing/logo_ico.gif) left center no-repeat;
}

div.header p.line,
div.header p.company {
	float:left;
	width:334px;
	margin:0;
	padding:7px 0 13px 0;
	text-align:right;
}

div.header p.line {
	position:absolute;
	top:0;
	left:334px;
	margin:0;
	padding:0;
}

div.header address {
	float:right;
	margin:0;
	padding:11px 10px 9px 0;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
}

#questionnaire { float: left; margin: 4px 0 0 20px; }


/*---- header-content ----*/
div.header div.header-content {
	position: relative;
	clear: both;
	padding-top: 13px;
	background: url(../img/img_header_line.gif) left 5px no-repeat;
	zoom:1;
}

div.header div.header-content a.header-title {
	position: absolute;
	top: 33px;
	left: 15px;
}

div.header div.header-content p.supervisor,
div.header div.header-content p.supervisor-lower {
	position: absolute;
	color:#666666;
	font-size: 12px;
	line-height: 1.8;
}

div.header div.header-content p.supervisor {
	top: 265px;
	right: 20px;
}

div.header div.header-content p.supervisor-lower {
	top: 110px;
	left: 15px;
}

div.header div.header-content dl,
div.header div.header-content dl ul,
div.header div.header-content p.search {
	position: absolute;
	line-height: 0;
	font-size: 0;
}

div.header div.header-content dl {
	top: 13px;
	right: 18px;
}

div.header div.header-content dl ul {
	top: 0;
	right: 13px;
}

div.header div.header-content dl ul li {
	display: inline;
	padding-left: 2px;
}

div.header div.header-content p.search {
	top: 44px;
	right: 18px;
}

div.header a:link,
div.header a:visited,
div.header a:hover,
div.header a:active {
	color:#999999;
	text-decoration:none;
}


/* Global Nav
---------------------------------*/

div.header ul.gn {
	clear: both;
}

div.header ul.gn li {
	float:left;
}

/* Topic Path
---------------------------------*/
div.container ul.topic-path {
	margin: 10px 0 0 20px;
}

div.container ul.topic-path li {
	display: inline;
	padding-left: 10px;
	background: url(../img/arrow_01.gif) left center no-repeat;
}

div.container ul.topic-path li.top {
	background-image: none;
}

/* Wrapper
---------------------------------*/
div.container div.wrapper {
	margin: 20px 20px 0 20px;
}

/* Sub nav
---------------------------------*/

div.container div.sub {
	float: left;
	width: 150px;
}

div.container div.sub dl dd {
	position: relative;
}

div.container div.sub dl dd li {
	border-top: dotted 1px;
}

div.container div.sub dl dd li a {
	display: block;
	margin: 0 2px;
	padding: 10px 10px 10px 25px;
	zoom: 1;
}

div.container div.sub dl dd .sub_bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	_bottom: 67px;
	_left: -2px;
}

div.container div.byoin div.sub dl dd .sub_bottom {
	_bottom: 44px;
}

/* Common Information
---------------------------------*/

.tmp-info {
	margin: 0 0 20px;
	padding: 8px;
	color: #7b7b7b;
	border: 1px solid #0000ff;
	font-size: 120%;
}
.tmp-info dt { margin-bottom: 5px; font-weight: bold; }


/*-- about-apoplexy --*/
div.about-apoplexy div.sub dl dd {background: url(../about_apoplexy/img/bg_sub_center.gif) left bottom repeat-y;}

div.about-apoplexy div.sub dl dd li {border-color: #38a0e4;}

div.about-apoplexy div.sub dl dd li a {
	background: url(../about_apoplexy/img/arrow_sub.gif) 9px 10px no-repeat;
	color: #38a0e4;
}

div.about-apoplexy div.sub dl dd li.on a,
div.about-apoplexy div.sub dl dd li a:hover {
	background: #e4f4ff url(../about_apoplexy/img/arrow_sub_on.gif) 9px 10px no-repeat;
}

/*-- sympton --*/
div.sympton div.sub dl dd {background: url(../symptom/img/bg_sub_center.gif) left bottom repeat-y;}

div.sympton div.sub dl dd li {border-color: #278d6b;}

div.sympton div.sub dl dd li a {
	background: url(../symptom/img/arrow_sub.gif) 9px 10px no-repeat;
	color: #278d6b;
}

div.sympton div.sub dl dd li.on a,
div.sympton div.sub dl dd li a:hover {
	background: #f2fffb url(../symptom/img/arrow_sub_on.gif) 9px 10px no-repeat;
}

/*-- about-botulinus --*/
div.about-botulinus div.sub dl dd {background: url(../about_botulinus/img/bg_sub_center.gif) left bottom repeat-y;}

div.about-botulinus div.sub dl dd li {border-color: #895cba;}

div.about-botulinus div.sub dl dd li a {
	background: url(../about_botulinus/img/arrow_sub.gif) 9px 10px no-repeat;
	color: #895cba;
}

div.about-botulinus div.sub dl dd li.on a,
div.about-botulinus div.sub dl dd li a:hover {
	background: #f5edff url(../about_botulinus/img/arrow_sub_on.gif) 9px 10px no-repeat;
}


.movieList { padding: 0 0 15px; }
.movieList li {
	float: left;
	width: 240px;
	padding: 0 20px 15px 10px;
}
.movieList li p {
	padding: 0 0 0 8px;
	height: 2.8em;
	line-height : 1.4em;
}


/*-- public-support --*/
div.public-support div.sub dl dd {background: url(../public_support/img/bg_sub_center.gif) left bottom repeat-y;}

div.public-support div.sub dl dd li {border-color: #f78911;}

div.public-support div.sub dl dd li a {
	background: url(../public_support/img/arrow_sub.gif) 9px 10px no-repeat;
	color: #f78911;
}

div.public-support div.sub dl dd li.on a,
div.public-support div.sub dl dd li a:hover {
	background: #ffefde url(../public_support/img/arrow_sub_on.gif) 9px 10px no-repeat;
}



/*-- byoin --*/
div.byoin div.sub dl dd {background: url(../byoin/img/bg_sub_center.gif) left bottom repeat-y;}

div.byoin div.sub dl dd li {border-color: #f1a0de;}

div.byoin div.sub dl dd li a {
	background: url(../byoin/img/arrow_sub.gif) 9px 10px no-repeat;
	color: #d36ebb;
}

div.byoin div.sub dl dd li.on a,
div.byoin div.sub dl dd li a:hover {
	background: #fff0fb url(../byoin/img/arrow_sub_on.gif) 9px 10px no-repeat;
}


/* footer
---------------------------------*/

div.container div.footer {
	clear: both;
}

div.footer div.footer-bg-area {
	background:url(../img/bg_footer.gif) left bottom no-repeat;
}

div.footer ul.footer-btn-second,
div.footer ul.footer-btn {
	margin-left: 16px;
	margin-left: 14px\9;
	padding-top: 12px;
}

div.footer ul.footer-btn-second li,
div.footer ul.footer-btn li {
	display: inline;
	margin: 0 2px;
	margin: 0 4px\9;
}

div.footer ul.footer-btn li {
	font-size: 0px;
}

div.footer div.footer-nav {
	padding: 40px 0 10px 0;
	text-align: center;
}

div.container div.footer-nav ul {
	display: inline;
	margin-bottom: 10px;
	padding: 2px 0;
	border-left: #b3a672 dotted 1px;
}

div.container div.footer-nav ul li {
	display: inline;
	margin-left: 5px;
	padding: 2px 10px 2px 14px;
	padding-right: 5px\9;
	border-right: #b3a672 dotted 1px;
	background: url(../img/arrow_04.gif) left 3px no-repeat;
	line-height: 2.5;
}

div.container div.footer-nav ul li a:link,
div.container div.footer-nav ul li a:visited,
div.container div.footer-nav ul li a:hover,
div.container div.footer-nav ul li a:active {
	color: #a66aa9;
}




/* footer banner
---------------------------------*/
ul.footer-bn {
	clear:both;
	width:750px;
	margin:0;
	padding: 20px 0;
	background: #f9ecb8;
	border-bottom: #999999 solid 1px;
	text-align: center;
}
ul.footer-bn li {display: inline;}








/*---- GSK Common footer ----*/
div.container div.footer ul.msfooter {
	float:left;
	width:70%;
	margin:0;
	padding:5px 0 0 10px;
	font-size:10px;
}

div.container div.footer ul.msfooter li{
	display:inline;
	padding-right:15px;
}

div.container div.footer p.mscopy{
	float:left;
	clear:both;
	width:40%;
	margin:0;
	padding:0 0 0 10px;
	color:#666666;
	font-size:10px;
}

div.container div.footer p.mshead{
	float:right;
	margin:5px 0 0 0;
	padding:0 32px 0 18px;
	background:url(http://glaxosmithkline.co.jp/shared/image/marketing/logo_ico.gif) no-repeat left center;
	font-size:12px;
}

div.container div.footer address.mscopy{
	float:right;
	margin:0;
	padding:0 10px 0 0;
	color:#666666;
	font-size:10px;
	font-style:normal;
}


/*
===== 2: Link Color ===========================*/
a:link,
a:visited,
a:hover,
a:active {
	color: #1394d7;
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: underline;
}


/* icon link
---------------------------------*/
a.pdf {
	padding-left: 18px;
	background: url(../../img/icon_pdf.gif) left center no-repeat !important;
}

/* 
===== 3: Clearfix ===========================*/
div.header:after, div.footer:after, div.box-area div:after, div.section:after, .partition:after,
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

div.header, div.footer, div.box-area div, div.section, .partition,
.clearfix {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html div.header, * html div.footer, * html div.box-area div, div.section, .partition,
* html .clearfix {height: 1%;}
div.header, div.footer, div.box-area div, div.section, .partition,
.clearfix {display: block;}
/* End hide from IE-mac */