@charset "utf-8";

/*------------------------------------------------------------------------------
common.css
------------------------------------------------------------------------------*/

/*====================================
setting
====================================*/

*{
	/*zoom:1;*/
	font-weight:normal;
	font-style:normal;
}

html{
	height:100%;
	overflow-y:scroll;
}

body{
	height:100%;
	background:#ffffff;
	text-align:center;
	font-family:/* HuiFont29 */"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-weight:normal;
	font-style:normal;
	color:#4D4D4D;
	font-size:13px;
}

a{
	color:#0082CB;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

body{ 
	background:url("../images/pic/bg.jpg");
	background-repeat:no-repeat;
	background-position:center top;
    line-height:1.6em;
} 

/* For modern browsers 回り込みの解除 */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) 回り込みの解除 */
.cf {
    zoom:1;
}

.f-left{		/* 左配置回り込み */
	float:left;
}
	
.f-right{		/* 右配置回り込み */
	float:right;
}
h1{
	margin-bottom:20px;
}
h2{
	width:782px;
	height:30px;
	margin-bottom:10px;
	padding-top:5px;
	text-indent:1em;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	background:url("../images/h/h2_bg.gif");
	background-repeat:no-repeat;
	color:white;
}
h3{
	min-width:440px;
	width:auto !important;
	width:440px;
	padding-bottom:5px;
	font-size:1.385em;
	font-weight:bold;
	background:url("../images/h/h3_bg.gif");
	background-repeat:no-repeat;
	background-position:left bottom;	
	margin-bottom: 10px;
}

.large{margin-bottom:80px;}
.middle{margin-bottom:40px;}
.small{margin-bottom:20px;}

.f20{margin-left:20px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}

strong{font-weight:bold;}
/*====================================
layout
====================================*/
/*ヘッダ*/
header{
	width:950px;
	height:90px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

header ul.lang{
	position:absolute;
	top:55px;
	right:23px;
}
header ul.lang li{
	float:left;
	list-style:none;
	margin-left:5px;
}

/*ナビゲーション*/
nav#global{
	width:100%;
	height:40px;
	background-image:url("../images/common/navi_bg.gif");
	background-repeat:repeat-x;
}
#navigation{
	width:950px;
	height:40px;
	margin:0 auto;
}
#navigation li{
	height:40px;
	float:left;
	overflow:hidden;
}

/*中ページ*/
#main{
	width:950px;
	margin:0 auto;
	position:relative;
	padding-bottom:100px;
	text-align:left;
}

/*サイド（左カラム）*/
aside#side{
	width:158px;
	margin-top:10px;
	/*position:absolute;*/
	float:left;
	background:#ffffff;
}
aside#side ul{
	margin:2px;
}
aside#side ul li{
	width:154px;
	height:30px;
	background:#e8e8e8;
	margin-bottom:2px;
}
aside#side ul li:hover{background:#CDE3FF;}
aside#side ul li.selected{background:#cccccc;}
aside#side ul li.selected:hover{background:#83BBE8;}
aside#side ul li a{cursor:pointer;}

/*メイン（右カラム）*/
div#main_cont{
	width:782px;
	margin-top:10px;
	float:right;
	/*position:absolute;*/
}

footer{
	background:#ffffff;
	border-top:1px solid #ebf2fa;
	position:relative;
	padding-top:10px;
	color:#666666;
}
footer a{
	color:#666666;
	text-decoration:none;
	line-height: 1.6em;
}
#footer_cont{
	width:950px;
	margin:0 auto;
	text-align:left;
}
#footer_cont table{
	margin:5px;
}
#footer_cont table tr td{
	vertical-align:top;
}
#footer_cont table dl{
	margin-right:30px;
}
#footer_cont dt a{
	color:#444444;
	font-weight:bold;
}

#footer_creditarea{
	background:#ffffff;
	border-top:1px solid #ebf2fa;
}
#footer_creditarea p{
	width:950px;
	margin:0 auto;
	text-align:right;
}

/*====================================
common.parts
====================================*/
/*h1直下の<p>*/
.ex{margin-bottom:40px;}

/*灰色×白テーブル*/
table.table_basic tr{border:1px solid #e6e6e6;}
table.table_basic th{
	width:10em;
	background:#f5f5f5;
	font-weight:bold;
}
table.table_basic th,td{
	padding:5px;
}