@charset "UTF-8";

/* reset style */

html, body,
h1, h2, h3, h4, h5, h6,
div, p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td, input {
	margin:0;
	padding:0;
}

img {
	border:none;
}

h1, h2, h3, h4, h5, h6 {  
	font-size:100%;  
	font-weight:normal;  
}

/* default font */

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','Meiryo UI','メイリオ',Meiryo,sans-serif;
	font-size:12px;
	font-size:75%\9;	/* IE8 and below */
	line-height:1.5;
}

/* clear fix */

.clearfix:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

.clearfix {
  min-height:1px;
}

* html .clearfix {
  height:1px;
  /*¥*//*/
  height:auto;
  overflow:hidden;
  /**/
}

/* misc */

.visible_item {
	display: block !important;
}


.invisible_item {
	display: none !important;
}

/* ---- html/body ---- */

html, body {
	height: 100%;
}

body {
	background-color:#dfe8e3;
	background-image:url(../imgs/common/bg_img.png);
	background-repeat:repeat-y;
	background-position:center top;
}

/* ---- page ---- */

#page {
	width:996px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin-bottom:-76px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

/* ---- top ---- */

#top {
	width:996px;
}

/* ---- top bar ---- */

#top_bar {
	width:996px;
	height:28px;
	background-color:#2e2c2c;
}

/* social */

#top_bar .social {
	margin-left:457px;
	list-style-type:none;
	visibility: hidden;
}

#top_bar .social li {
	float:left;
}

#top_bar .social .fb {
	margin-top:4px;
	height:17px;
}

#top_bar .social .mixi {
	margin-left:10px;
	margin-top:5px;
	height:16px;
}

#top_bar .social .twitter {
	margin-left:10px;
	margin-top:4px;
	height:17px;
}

/* lang */

#top_bar .lang {
	margin-left:120px;
	margin-top:7px;
	height:21px;
	float:left;
	list-style-type:none;
}

#top_bar .lang li {
	float:left;
}

#top_bar .lang .en {
	margin-left:6px;
}

/* ---- header ---- */

#header {
	width:996px;
	height:150px;
	position:relative;
	clear:left;
	background-image:url(../imgs/header/bg.png);
	background-repeat:no-repeat;
	background-color:#effbf8;
}

#header h1 {
	padding-left:7px;
	padding-top:17px;
}

#header .text {
	padding-left:49px;
	padding-top:25px;
}

#header .font_size {
	left:792px;
	top:14px;
	position:absolute;
}

#header .font_size .label {
	margin-right:4px;
	margin-top:4px;
	width:100px;
	float:left;
	color:#4d4d4d;
	text-align:right;
	line-height:1.0;
}

#header .font_size .btn {
	margin-left:6px;
	width:19px;
	float:left;
	cursor:pointer;
}
	

/* ---- top menu ---- */

#top_menu {
	width:996px;
	height:50px;
	clear:left;
	list-style-type:none;
	background-image:url(../imgs/top_menu/bottom_bg.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#top_menu .btn {
	height:50px;
	float:left;
	cursor:pointer;
}

#top_menu .about {
	padding-left:231px;
	background-image:url(../imgs/top_menu/menu_02.png);
	background-repeat:no-repeat;
}

#top_menu .btn .items {
	position:absolute;
	font-size:15px;
	list-style-type:none;
	display:none;
	z-index:5;
}

#top_menu .btn .items a {
	color:#ffffff;
	text-decoration:none;
}

#top_menu .btn .items li {
	padding-left:20px;
	padding-right:20px;
	padding-top:3px;
	min-height:23px;
}

#top_menu .btn .items .odd {
	background-color:#747f84;
}

#top_menu .btn .items .even {
	background-color:#546267;
}

#top_menu .btn .items li:hover {
	background-color:#2b8cba;
}

#top_menu .about .items {
	*width:130px;	/* IE7 */
}

#top_menu .business .items {
	*width:170px;	/* IE7 */
}

#top_menu .publication .items {
	*width:155px;	/* IE7 */
}

#top_menu .link .items {
	*width:155px;	/* IE7 */
}


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

#footer_area {
	height:76px;
	clear:both;
}

#footer {
	margin-left:auto;
	margin-right:auto;
	width:996px;
	height:76px;
	clear:both;
	position:relative;
	background-color:#EEEEEE;
	border-top: 1px solid #79797b;
}

#footer .links {
	padding-top:11px;
	margin-left:15px;
}

#footer .links li {
	margin-left:11px;
	padding-left:15px;
	float:left;
	list-style-type:none;
	background-image:url(../imgs/footer/arrow1.png);
	background-repeat:no-repeat;
	background-position:left 3px;
}

#footer .links li:first-child {
	margin-left:0;
}

#footer .links li a {
	color:#454545;
	font-weight:bold;
	text-decoration:none;
}

#footer .pagetop {
	margin-right:15px;
	float:right;
}

#footer .pagetop a {
	color:#454545;
	font-weight:bold;
	text-decoration:none;
}

#footer .copyright {
	padding-top:14px;
	padding-bottom:15px;
	width:996px;
	clear:both;
	color:#454545;
	font-weight:bold;
	text-align:center;
}