@charset "Shift_JIS";

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

	init.css					: "初期化設定";
	font.css					: "文字設定について";
	menu.css				: "メニューについて";
	page.css				: "各ページ設定";
------------------------------------------------*/
@import "init.css";
@import "font.css";
@import "menu.css";
@import "page.css";
@import "thickbox.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				: #f5f5f5;
}

/*	基本カラム
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣*/
#wrap{
	margin						: 0px auto;
	width							: 810px;
	height							: 100%;
	background				: url(../img/share/background.gif) repeat-y top left;
}

body > #wrap{
	height							: auto;
	min-height					: 100%;
}

#header{
	margin						: 0px auto;
	padding-top				: 22px;
	width							: 800px;
	text-align					: left;
	background				: url(../img/share/background_header.gif) repeat-x top left;
}

#container{
	margin						: 0px auto;
	display						: inline-block;
	width							: 800px;
	text-align					: left;
}
#container:after{
	content						: ".";
	display						: block;
	clear							: both;
	height							: 0;
	visibility						: hidden;
}

#footer{
	margin						: 20px auto 0px auto;
	padding						: 20px 0px 40px 0px;
	width							: 800px;
	text-align					: left;
	border-top					: 1px solid #ccc;
}


/*------------------------------------------------
	ヘッダー部分詳細
------------------------------------------------*/
h1{
	float							: left;
	display						: inline;
	margin						: 0 0 20px 20px;
}

#header address{
	float							: right;
	display						: inline;
	margin						: 0 20px 10px 0;
}

/*------------------------------------------------
	ちょっとしたあれ
------------------------------------------------*/
.pdf{
	padding						: 2px 0 2px 20px;
	background				: url(../img/icon/acrobat.png) no-repeat center left;
}
.ai{
	padding						: 2px 0 2px 20px;
	background				: url(../img/icon/ai.png) no-repeat center left;
}

.more{
	text-align					: right;
}
.more a{
	display						: inline-block;
	padding-left				: 16px;
	background				: url(../img/arrow/box_green.gif) no-repeat center left;
}

/*------------------------------------------------
	フッター部分詳細
------------------------------------------------*/
#footer .area{
	float							: left;
	margin						: 0 10px 0 10px;
}


#footer #copy{
	font-size						: 90%;
}

#footer #groupTop{
	float							: right;
	display						: inline;
	margin-right				: 10px;
}

/*------------------------------------------------
	グループバナー
------------------------------------------------*/
#groupCom.bnr{
	margin-bottom			: 8px;
}

#groupCom.bnr img{
	display						: inline-block;
	vertical-align				: bottom;
}

#groupCom.bnr dt{
	margin-bottom			: 8px;
}

#groupCom.bnr li{
	margin-bottom			: 2px;
}

#groupCom.bnr a{
	display						: inline-block;
}


/*------------------------------------------------
	今日もどこかで役に立つ 
------------------------------------------------*/
.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;
}

/* ◇ 簡易マウスオーバー
-------------------------------- */
.mouse-over:hover img{
	filter							: alpha(opacity=80);
	-moz-opacity			: 0.8;
	opacity						: 0.8;
}