@charset "UTF-8";

/*//////////////////////////////////////////////////////////////////////////////

baseLayout.css

--------------------------------------------------------------------------------

	0. common
	1. stage
	2. header
	3. footer
	
//////////////////////////////////////////////////////////////////////////////*/

/* -----------------------------------------------------------------------------
	0. common
----------------------------------------------------------------------------- */
a {
	outline : none;
	}
a:link,
a:visited,
a:hover {
	text-decoration : none;
	color: #0F0F69;
	}
a:active {}

noscript {
	position   : absolute;
	background : #ffffff;
	z-index    : 9999;
	}

html {
	width  : 100%;
	height : 100%;
	}

body {
	width       : 100%;
	min-width   : 1000px;
	height      : 100%;
	font-family : 'メイリオ', Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック', sans-serif;
	}
	
	
/* -----------------------------------------------------------------------------
	1. stage
----------------------------------------------------------------------------- */

#stage {
position   : relative;
clear      : both;
width      : 100%;
height     : 100%;
margin     : 0;
padding    : 0;
}
#sideBar {
position     : fixed;
width        : 170px;
height       : 100%;
min-height   : 460px;
margin       : 0;
padding      : 0;
border-right : 1px #c7c7c7 solid;
background   : #ffffff;
z-index      : 200;
}
.ie6 #sideBar {
position   : absolute;
top        : 0;
left       : 0;
}

#copyrights {
position : absolute;
left     : 22px;
top      : 582px;
width    : 128px;
height   : 23px;
margin   : 0;
padding  : 0;
}
.ie6 #copyrights {
position : relative;
left     : 0;
bottom   : 0;
margin   : 0 0 0 22px;
padding  : 10px 0 0;
}

#mainContents {
position   : relative;
width      : 100%;
margin     : 0;
padding    : 0;
background : #ffffff;
z-index    : 100;
}
#mainContents .innerBlock {
padding-left : 171px;
}

/* -----------------------------------------------------------------------------
	2. header
----------------------------------------------------------------------------- */

#header {
	position : absolute;
	left     : 0;
	top      : 20px;
	width    : 170px;
	margin   : 0;
	padding  : 0;
	}
	
	#header h1 {
		position : relative;
		width    : 140px;
		height   : 75px;
		margin   : 10px auto 0;
		}
		
	#globalNavigation {
		position        : relative;
		width           : 150px;
		margin          : 20px auto 0;
		padding         : 0;
		list-style-type : none;
		}
		#globalNavigation li {
			position    : relative;
			width       : 150px;
			height      : 33px;
			padding     : 10px 0 0;
			line-height :1%;
			font-size   :1%;
			}
			#globalNavigation li a,
			#globalNavigation li span {
				display  : block;
				position : relative;
				width    : 150px;
				height   : 33px;
				margin   : 0;
				padding  : 0;
				}
				
	#extraNavigation {
		position        : relative;
		width           : 150px;
		margin          : 10px auto 0;
		padding         : 0;
		list-style-type : none;
		background      : url(/newsky/common_newsky/img/common/extraNavigation/border.gif) no-repeat 0 0;
		}
		#extraNavigation li {
			position    : relative;
			width       : 150px;
			height      : 33px;
			padding     : 10px 0 0;
			line-height :1%;
			font-size   :1%;
			}
			#extraNavigation li a {
				display  : block;
				position : relative;
				width    : 150px;
				height   : 33px;
				margin   : 0;
				padding  : 0;
				}
	.extraBorder {
		margin-top:10px;
		padding-top:10px !important;
		background:url(/newsky/common_newsky/img/common/extraNavigation/border.gif) no-repeat 0 0;
		}

#classNavigation {
	position    : absolute;
	left        : 170px;
	top         : 0;
	width       : 170px;
	height      : 100%;
	border-left : 1px #c7c7c7 solid;
	background  : #ffffff;
	}
	#classNavigation h2 {
		position : relative;
		width    : 130px;
		height   : 67px;
		margin   : 50px auto 0 auto;
		}
	#classNavigation ul {
		position        : relative;
		width           : 150px;
		margin          : 56px auto 0 auto;
		padding         : 0;
		list-style-type : none;
		}
		#classNavigation ul li {
			position    : relative;
			width       : 150px;
			height      : 33px;
			padding-top : 10px;
			}
			#classNavigation ul li a,
			#classNavigation ul li span {
				display  : block;
				position : relative;
				width    : 150px;
				height   : 33px;
				margin   : 0;
				padding  : 0;
				}
	
/* -----------------------------------------------------------------------------
	3. footer
----------------------------------------------------------------------------- */

#footer {
	position      : relative;
	height        : 80px;
	border-top    : 1px #c7c7c7 solid;
	background    : #ffffff;
	overflow      : hidden;
	
	z-index       : 90;
	}
.iPhone #footer {
	overflow      : visible;
	}
	
	#footer p {
		margin      : 0;
		padding     : 0 0 0 22px;
		font-size   : 85%;
		line-height : 80px;
		}
		
	.socialButton {
		position        : absolute;
		right           : 112px;
		top             : 30px;
		width           : 276px;
		height          : 20px;
		margin          : 0;
		padding         : 0;
		list-style-type : none;
		}
		.socialButton li {
			float        : left;
			margin-right : 6px;
			overflow     : hidden;
			}
		.socialButton li.tweet {
			width : 56px;
			}
		.socialButton li.like {
			width : 48px;
			}
		.socialButton li.googlePlus {
			width : 58px;
			}
		.socialButton li.mixiCheck {
			width : 70px;
			}
		.socialButton li.hatena {
			width : 20px;
			margin-right : 0;
			}
			
	/*
		win Webkit adjustment
	*/
	.win_webkit .socialButton {
		width : 291px;
		}
		.win_webkit .socialButton li.tweet { width : 60px; }
			.win_webkit .twitter-share-button { width: 90px !important; }
		.win_webkit .socialButton li.like { width : 45px; }
		.win_webkit .socialButton li.googlePlus { width : 60px; }
	
	.winXP_webkit .socialButton {
		width : 291px;
		}
		.winXP_webkit .socialButton li.tweet { width : 60px; }
			.winXP_webkit .twitter-share-button { width: 90px !important; }
		.winXP_webkit .socialButton li.like { width : 45px; }
		.winXP_webkit .socialButton li.googlePlus { width : 60px; }
		
	/*
		win Firefox adjustment
	*/
	.win_firefox .socialButton {
		width : 276px;
		}
		.win_firefox .socialButton li.tweet { width : 58px; }
			.win_firefox .twitter-share-button { width: 90px !important; }
		.win_firefox .socialButton li.like { width : 45px; }
		.win_firefox .socialButton li.googlePlus { width : 59px; }
		
	.winXP_firefox .socialButton {
		width : 276px;
		}
		.winXP_firefox .socialButton li.tweet { width : 58px; }
			.winXP_firefox .twitter-share-button { width: 90px !important; }
		.winXP_firefox .socialButton li.like { width : 45px; }
		.winXP_firefox .socialButton li.googlePlus { width : 59px; }

	/*
		IE6 adjustment
	*/
	.ie6 .socialButton {
		width : 229px;
		}
		.ie6 .socialButton li.tweet { width : 59px; }
			.ie6 .twitter-share-button { width: 90px !important; }
		.ie6 .socialButton li.like { width : 48px; }
		.ie6 .socialButton li.googlePlus { display : none; }
	/*
		IE7 adjustment
	*/
	.ie7 .socialButton {
		width : 229px;
		}
		.ie7 .socialButton li.tweet { width : 59px; }
			.ie7 .twitter-share-button { width: 90px !important; }
		.ie7 .socialButton li.like { width : 48px; }
		.ie7 .socialButton li.googlePlus { display : none; }
	/*
		IE8 adjustment
	*/
	.ie8 .socialButton {
		width : 277px;
		}
		.ie8 .socialButton li.tweet { width : 59px; }
			.ie8 .twitter-share-button { width: 90px !important; }
		.ie8 .socialButton li.like { width : 45px; }
		.ie8 .socialButton li.googlePlus { width : 59px; }

	.winXP_ie8 .socialButton {
		width : 277px;
		}
		.winXP_ie8 .socialButton li.tweet { width : 59px; }
			.XPie8 .twitter-share-button { width: 90px !important; }
		.winXP_ie8 .socialButton li.like { width : 45px; }
		.winXP_ie8 .socialButton li.googlePlus { width : 59px; }
	
			
	.socialButton:after {
		content    : ".";
		display    : block;
		height     : 0;
		clear      : both;
		visibility : hidden;
		}
	.socialButton { display : inline-block; }
	/* Hides from IE-mac \*/
	* html .socialButton { height : 1%; }
	.socialButton { display : block; }
	/* End hide from IE-mac */
	
	#btn_pagetop {
		position     : fixed;
		right        : 0;
		bottom       : 0;
		width        : 81px;
		height       : 80px;
		border-top   : 1px #c7c7c7 solid;
		border-left  : 1px #c7c7c7 solid;
		background   : #ffffff;
		
		z-index      : 90;
		}
	.ie6 #btn_pagetop {
		position     : absolute;
		}

/*160322*/
/*utility*/
.mgt0{
	margin-top:0 !important;
}
.mgt60{
	margin-top:60px !important;
}
.mgb0{
	margin-bottom:0 !important;
}
.alC{
	text-align:center !important;
}
.extraBorder.borBtm{
	background-position:0 bottom !important;
	padding-bottom:12px;
}
#classNavigation ol {
	position        : relative;
	width           : 150px;
	margin          : 56px auto 0 auto;
	padding         : 0;
	list-style-type : none;
}
#classNavigation ol li {
	position    : relative;
	width       : 150px;
	height      : 33px;
	padding-top : 10px;
	list-style:none;
}
#classNavigation ol li a,
#classNavigation ol li span {
	display  : block;
	position : relative;
	width    : 150px;
	height   : 33px;
	margin   : 0;
	padding  : 0;
}