@charset "Shift_JIS";

/*------------------------------------------------
	IDENTIFICATION DIVISION.
	Version.					0.8.2;
	Author.					Kenta Aga

	init.css					: "初期化設定";
	font.css					: "文字設定について";
	menu.css				: "メニューについて";
------------------------------------------------*/
@import "init.css";
@import "font.css";
@import "menu.css";

/*************************************
	DATA DIVISION.
	WORKING-STRAGE SECTION.
*************************************/

html,body{
	margin						: 0px;
	width							: 100%;
	height							: 100%;
	text-align					: center;
}

body{
	font-size						: 80%;
	font-family					: Verdana, "メイリオ",Meiryo,"ＭＳ Ｐゴシック", sans-serif;
	background				: #000;
	color							: #ffffff;
}
/*	clearfix ハック
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
.clearfix:after,#contents:after{
	content					: ".";
	display					: block;
	clear						: both;
	height						: 0;
	visibility					: hidden;
}
.clearfix,#contents{
	display					: inline-block;
}

/*	基本カラム
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
#wrap{
	margin						: 0px auto;
	width							: 760px;
	height							: 100%;
}

body > #wrap{
	height							: auto;
	min-height					: 100%;
}
#header{
	width							: 760px;
	margin						: 0px auto 0px auto;
	text-align					: left;
	position						: relative;
}

#contents{
	margin						: 20px 0px 0px 0px;
	display						: inline-block;
	width							: 760px;
	text-align					: left;
}
#main{
	width							: 500px;
	margin						: 0px 25px 0px 10px;
	float								: left;
}
#side{
	width							: 210px;
	margin						: 0px 0px 0px 0px;
	float								: left;
}
#footer{
	clear								:both;
	width								: 760px;
	text-align						: center;
	margin							: 0px 0px 20px 0px;
}
/*------------------------------------------------
	ヘッダー部分詳細
------------------------------------------------*/
h1{
	display						: inline;
	position						: absolute;
	left								: 0px;
	top								: 20px;
}
#header .translation{
	width							:100px;
	position						: absolute;
	right							: 0px;
	top								: -15px;
}
#header .address{
	width							:258px;
	position						: absolute;
	right							: 0px;
	top								: 45px;
}
#header .head_title{
	position						: absolute;
	left								: 0px;
	bottom						: 0px;
}

/*------------------------------------------------
	サイド部分詳細
------------------------------------------------*/
#side li{
	margin						: 0px 0px 25px 0px;
	line-height					: 15px;
	color							: #B2A010;
	font-size						: 90%;
}
#side li.liStyle{
	margin						: 50px 0px 25px 0px;
}
#side li img{
	margin						: 0px 0px 3px 0px;
}
/*------------------------------------------------
	フッター部分詳細
------------------------------------------------*/
#footer #copyright{
	text-align							: center;
	font-size								: 90%;
	color									: #B2A010;
	margin								: 0px 0px 0px 0px;
	padding								: 0px 0px 30px 0px;
}
#footer #copyright_w{
	text-align							: right;
	font-size								: 90%;
	color									: #B2A010;
	margin								: 20px 15px 30px 0px;
	padding								: 0px;
}
/*------------------------------------------------
	今日もどこかで役に立つ 
------------------------------------------------*/
.framework li{
	display						: inline-block;
	margin-bottom			: 10px;
	padding						: 2px;
	border						: 3px solid #ccc;
}
.framework li:after{
	content						: ".";
	display						: block;
	clear							: both;
	height							: 0;
	visibility						: hidden;
}

.framework img{
	vertical-align				: bottom;
}

.framework li .innerList li{
	margin-bottom			: 0;
	padding						: 0;
	border						: 0;
/*------------------------------------------------
	ちょっとしたあれ
------------------------------------------------*/
.pdf{
	padding						: 2px 0 2px 20px;
	background				: url(../img/icon/acrobat.png) no-repeat top left;
}