@charset "UTF-8";
/* CSS Document */

/* 基本属性------------------------------  */

body {
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, Arial, Verdana, sans-serif;
	background:white;
	margin: 0; 
	padding: 0;
	color: #333;
}

a:link    {color:#0000cc; text-decoration:underline;}
a:visited {color:#663399; text-decoration:underline;}
a:hover   {color:#ff6666; text-decoration:underline;}
a:active  {color:#ff6666; text-decoration:underline;}

img {border:0 ; display:block;}

p {
	margin:0; 
	font-size:small;
	line-height:1.5;
	color:#666;
}

.txt10 { font-size:10px; }
.txt12 { font-size:12px; }

.center {margin:0 auto;}

.en {font-family: 'Open Sans', sans-serif;}

/* 基本レイアウト------------------------------  */


#mainWrapper #fMenuBox {
	width:236px;
	min-height:512px;
	position:absolute;
	top:0;
	left:30px;
	z-index:1000;
	background:url(../images/bg_fmenu.gif) 0 0 no-repeat;
}

#mainWrapper #container {
	width:650px;
	margin:0 0 0 314px;
	text-align: left;
}

/* 回り込み関連------------------------------  */


/*段組回り込み解除(clearfix hack)…親要素に対しclass指定*/
.clearfix:after{
 	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.clearfix { display:inline-block; }

/* Hide from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/*End hide from IE-mac */

/*段組回り込み解除(clearfix hack)ここまで*/


/* フローティングメニュー部------------------------------  */

/*メニューリンク*/
#fMenuBox ul#fmenu {
	padding:232px 0 0 0;
}
#fMenuBox ul#fmenu li {
	margin:0 0 24px 0;
	font-size:14px;
}
#fMenuBox ul#fmenu li a.fmenu {
	background:url(../images/arw_updown.gif) 0 0 no-repeat;
	padding:6px 0 0 24px;
}
#fMenuBox ul#fmenu li a.fmenu:link    {color:#00a0e9; text-decoration:none;}
#fMenuBox ul#fmenu li a.fmenu:visited {color:#00a0e9; text-decoration:none;}
#fMenuBox ul#fmenu li a.fmenu:hover   {color:#1d2088; text-decoration:none;}
#fMenuBox ul#fmenu li a.fmenu:active  {color:#ff6666; text-decoration:none;}


/*関連リンク*/
#fMenuBox ul#relatedLinks {
	padding:24px 0 0 0;
}

#fMenuBox ul#relatedLinks li a {
	background:url(../images/arw_go.gif) 0 0 no-repeat;
	padding:2px 0 0 24px;
}
#fMenuBox ul#relatedLinks li a img {
	display:inline-block;
}


/* ヘッダー部------------------------------  */

#header {
	height:160px;
	padding:30px 20px 0 13px;
}

#header h1 {
	margin-left:-13px;
	padding-bottom:20px;
	border-left:#999 1px solid;
	padding-left:12px;
}

#header h2.en {
	color:#00a0e9;
	font-size:24px;
	margin-bottom:12px;
}

#header p {
	font-size:12px;
	color:#999;
}

/* 各トピック部------------------------------  */


div.topic {
	padding:30px 20px 0 13px;
}

div.topic h2.en {
	color:#00a0e9;
	font-size:24px;
	margin-bottom:18px;
}

div.topic h2.en span.jp {
	display:block;
	margin-top:2px;
	color:#999;
	font-size:10px;
	margin-bottom:18px;
}

div.topic ul {
	margin:16px 20px 16px 36px;
}

div.topic li {
	list-style:disc outside;
	font-size:small;
	padding-bottom:4px;
}

/* ページ内リンク------------------------------  */

div.scrollnavi {
	font-size:12px;
	margin:36px 0 36px -4px;
}

a.upward {
	background:url(../images/arw_up.gif) 0 0 no-repeat;
	padding:2px 0 0 20px;
}
a.upward:link    {color:#333; text-decoration:none;}
a.upward:visited {color:#333; text-decoration:none;}
a.upward:hover   {color:#00a0e9; text-decoration:none;}
a.upward:active  {color:#ff6666; text-decoration:none;}

a.downward {
	background:url(../images/arw_down.gif) 0 0 no-repeat;
	padding:2px 0 0 20px;
}
a.downward:link    {color:#333; text-decoration:none;}
a.downward:visited {color:#333; text-decoration:none;}
a.downward:hover   {color:#00a0e9; text-decoration:none;}
a.downward:active  {color:#ff6666; text-decoration:none;}


/* フッター------------------------------  */
#footer {
	border-top:#999 1px solid;
	padding:18px;
	margin-bottom:40px;
}


#footer #copyright {
	font-size:10px;
	color:#999;
}

