@charset "utf-8";
/****************************************************************************** 
 *****  ブラウザ固有のデフォルトスタイルをリセット                        ***** 
 ******************************************************************************/

/* 余白を無効化 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
	margin: 0; 
	padding: 0;

/* 横幅があふれた時にオブジェクトを拡張しない */
} html {
	overflow-y: scroll;

/* 見出しのフォントを初期化 */
} h1, h2, h3, h4, h5, h6 {
	font-size: 100%; 
	font-weight: normal;

/* リストのデザインを初期化 */
} ol, ul {
	list-style: none;
	border: 0;

/* 画像やラジオボタンの囲みを無効化 */
} fieldset, img {
	border:0;

/* テーブルの罫線を繋げる */
} table {
	border-collapse: collapse; 
	border-spacing: 0;

/* テーブルのタイトルをセンタリングしない */
} caption, th {
	text-align: left;

/* 文字要素のフォントやスタイルを初期化 */
} address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal; 
	font-weight: normal;

/****************************************************************************** 
 *****  サイト全体で共通のスタイル                                        ***** 
 ******************************************************************************/
} body {
	background: #FFFFFF;

	background-repeat: repeat;
	background-position: center;
	background-attachment: fixed;
/*	フォント	*/
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'IPA Pゴシック','ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	font-weight: 100;
	font-style: normal;
	font-stretch: condensed;
	font-variant: normal;
	font-size-adjust: none;

} a:link	{	color: #2200BB;	text-decoration: none;
} a:visited	{	color: #552288;	text-decoration: none;
} a:hover	{	color: #CCCC22;	text-decoration: none;
} a:active	{	color: #CC8855;	text-decoration: none;
/* floatバグ対策 */
} .clearfix:after {
	content: url("../image/clear.gif");
	display: block;
	clear: both;
	height: 0;
	height: 1%;

/****************************************************************************** 
 *****  各ページで共通レイアウトのスタイル                                ***** 
 ******************************************************************************/
} .container {
	width: 992px;
	margin: 0 auto; /* 上右下左 */
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	background: #FFFFFF;

/***** ヘッダー *****/
} .global-head {
	width: 100%;
	height: 160px;
	background: #FFFFFF;
	background-image: url(http://www.akitogi.net/image/head.jpg);
	color: #000000;
	float: left;

/* サイトタイトル */
} .logo {
	width: 100%;
	height: 120px;
	float: left;
	text-shadow: 2px 1px 4px #CCCCCC;
} .logo h1 {
	padding: 12px 0 0 16px; /* 上右下左 */
	font-size: 32px;
	font-weight: 900;
	-moz-transform: rotate(348deg) scale(1.000) skew(-12deg);
	-webkit-transform: rotate(348deg) scale(1.000) skew(-12deg);
	-o-transform: rotate(348deg) scale(1.000) skew(-12deg);
} .logo a:link , .logo a:visited {
	color: #CC66FF;
} .logo a:hover , .logo a:active {
	color: #FFFF55;
/* ナビゲーション */
} .navi {
	width: 100%;
	height: 40px;
	float: left;
	z-index: 2;
} .navi ul { 
	float: right;
} .navi li {
	float: left; /* 1段目は左から右へ並べる */

} .navi li ul {
	position: absolute;
	display:none;
} .navi li:hover ul {
	display:block;
} .navi li li {
	position:relative;
	top: 36px; /* height(32px) + margin-top(4px) */
	clear: left; /* 2段目からは上から下へ並べる */

} .navi li a {
	min-width: 96px;
	height: 32px;
	margin-top: 4px;
	margin-right: 4px;
	float: left;
	line-height: 32px;
	text-align: center;
	font-weight: 900;
	box-shadow: 2px 2px 8px #000000;
	-moz-box-shadow: 2px 2px 8px #000000;
	-webkit-box-shadow: 2px 2px 8px #000000;
} .navi li a:link	{
		background: #AACCFF;	opacity: 0.8;	color: #000000;	text-shadow: 1px 1px 4px #000000;
/*		background: -moz-linear-gradient(315deg, rgba(170,204,255,.6), rgba(170,204,255,1));
		background: -o-linear-gradient(315deg, rgba(170,204,255,.6), rgba(170,204,255,1));
		background: -webkit-linear-gradient(315deg, rgba(170,204,255,.6), rgba(170,204,255,1));
		background: linear-gradient(315deg, rgba(170,204,255,.6), rgba(170,204,255,1));*/
} .navi li a:visited	{
		background: #AACCFF;	opacity: 0.8;	color: #000000;	text-shadow: 1px 1px 4px #000000;
/*		background: #CCAAFF;	opacity: 0.8;	color: #555555;	text-shadow: 1px 1px 4px #555555;	*/
} .navi li a:hover	{
		background: #DDFFAA;	opacity: 0.8;	color: #FF8000;	text-shadow: 1px 1px 4px #FF8000;
} .navi li a:active	{
		background: #DDFFAA;	opacity: 0.8;	color: #5599FF;	text-shadow: 1px 1px 4px #5599FF;
		text-decoration: underline;

/***** コンテンツ部分 *****/
} .content {
	width: 992px;
	float: left;
	background: #FFFFFF;
} .wrapper { /* 左サイドバーを後に記述するための枠 */
	width: 831px;
	float: left;
} #main {
	width: 642px;
	padding: 4px; /* 上右下左 */
	z-index: 1;
	float: right;
} .item {
	width: 640px;
	margin: 4px 0;
	border: solid 1px #3355AA;
	border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;
	box-shadow: 1px 2px 4px #000000; -moz-box-shadow: 1px 2px 4px #000000; -webkit-box-shadow: 1px 2px 4px #000000;
	line-height: 24px;
	text-align: justify;
	text-justify: inter-ideograph;
} .item h2 , .item h3 , .item h4 , .item dt {
	font-weight: 900;
} .item h2 {
	font-size: 16px;
} .item h2:before {
	content: "■";
} .item h3 {
	font-size: 16px;
} .item h4 {
	font-size: 14px;

/* アイテムヘッダー */
} .item_head {
	width: 616px; /* 640 - padding */
	padding: 0 12px; /* 角取りの分左右を開ける */
	border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;
	background: #000000;
	float: left;
	color: #FFFFFF;
	line-height: 32px;
} .item_head h2 {
	float: left;
} .item_head p {
	float: right;
} .item_head a:link {
	color: #5599FF;
} .item_head a:visited {
	color: #CC5599;
} .item_head a:hover {
	color: #FFFF33;
} .item_head a:active {
	color: #CC9955;

/* アイテム本体 */
} .item_body {
	padding: 6px 0; 
} .item_body h3 {
	margin: 8px;
	padding: 0 4px;
	width: 616px;
	border-bottom: solid 1px #000000;
} .item_body h4 , .item_body p {
	padding: 0 12px; /* 角取りの分左右を開ける */
} .item_body p , .item_body dd {
	text-indent: 1em;
} .item_body ul , .item_body dl {
	margin: 6px 12px;
} .item_body ul {
	list-style-type: disc;
	list-style-position: inside;
} .item_body ol {
	list-style-type: decimal-leading-zero;
	list-style-position: inside;
} .item_body li , .item_body dt {
	padding: 0 4px;
} .item_body dt {
	border-top: solid 1px #999999;
} .item_body dt:before {
	content: "・";
} .item_body dd {
	padding: 0 12px;
/* アイテムフッター */
} .item_foot {
	width: 616px; /* 640 - padding */
	padding: 0 12px; /* 角取りの分左右を開ける */
	border-bottom-left-radius: 12px; -webkit-bottom-left-radius: 12px; -moz-border-radius-bottomleft: 12px;
	border-bottom-right-radius: 12px; -webkit-bottom-right-radius: 12px; -moz-border-radius-bottomright: 12px;
	background: #CCCCCC;
	text-align: right;


/***** サイドバー *****/
} #leftbar {
	width: 180px;
	float: right;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
} #rightbar {
	width: 160px;
	float: left;
	border-left: solid 1px #000000;
	border-bottom: solid 1px #000000;
} .sidebox {
	margin: 0 auto;
} .sidebox dl {
	width: 150px;
	margin: 2px;
	padding: 2px;
	border: solid 1px #000000;
	background: #CCCCCC;
} .sidebox dt , .sidebox dd {
	width: 140px;
	margin: 1px;
	padding: 1px 4px;
} .sidebox dt {
	background: #AAAAFF;
} .sidebox dd {
	background: #FFFFFF;

/***** フッター *****/
} .global-foot {
	width: 960px;
	padding: 0 16px; /* 上右下左 */
	line-height: 32px;
	background: #000000;
	color: #FFFFFF;
	text-align: right;
/****************************************************************************** 
 *****  トップページ用のスタイル                                          ***** 
 ******************************************************************************/
} .link {
	width: 800px;
	background: #FFFFFF;
	border-right: solid 1px #000000;
	font-weight: 900;
	float: left;

} .link a:link {	background: #FFFFFF;	color: #0066FF;	text-decoration: underline;
} .link a:visited {	background: #FFFFFF;	color: #AA99FF;	text-decoration: underline;
} .link a:hover {	background: #DDFFAA;	color: #000000;	text-decoration: none;
} .link a:active {	background: #DDFFAA;	color: #FFFFFF;	text-decoration: underline overline;


} .link ul {
	width: 800px;
	margin-top: 1px;
	border-bottom: solid 1px #000000;
	float: left;

} .link li {
	width: 160px;
	height: 14px;
	margin-bottom: 1px;
	float: left;
	text-align: center;

} .link li a {
	width: 160px;
	height: 14px;
	font-weight: 100;


}