/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Sample Page [共通CSS]
/* 2009.09.18 - AkuseruDesign Y.Kasa
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*
/* この度はご利用いただきありがとうございます。
/* ご自由に変更していただいて構いませんが、設置に関するご質
/* 問やお問い合わせはお受けいたしかねますので、何卒ご自身の
/* 責任において変更してください。
/*
/* http://sozai.akuseru-design.com/
/*
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*+++++全体構成：サイト全体の基本デザイン構成+++++*/

body	{
	margin:0px;padding:0px;
	/*基本フォント仕様*/
	font-size:16px;color:#555555;line-height:1.5em;
	/*背景画像設定*/
	background-image:url(../img/body_bg.gif);
	background-position:top center;
}

#headerBlock	{ /*ヘッダー部分の基本設定*/
	width:648px;height:60px;margin:0px auto;padding:0px;
	background:url(../img/header_bg.gif);
}

#contentsBlock	{ /*コンテンツ部分の基本設定*/
	width:648px;margin:0px auto 0px auto;padding:0px;
}

#leftBlock	{ /*サイド部分の基本設定*/
	float:left;
	width:0px;margin:0px;padding:0px;
}

#mainBlock	{ /*メインコンテンツ部分の基本設定*/
	float:right;
	width:628px;margin:0px;padding:10px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}

#footerBlock	{ /*フッター部分の基本設定*/
	height:120px;margin:0px auto;padding:0px;
}

#mainClear	{
	clear:both;
}


/*+++++ヘッダー：ヘッダー内の設定+++++*/

#headerBlock h1	{
	float:left;
	margin:10px 0px 0px 0px;padding:0px;
}
.headerRight	{
	float:right;
	margin:10px 0px 0px 0px;padding:0px;
	text-align:right;line-height:1.5em;
}


/*+++++メニュー：メニュー内の設定+++++*/

#mainMenu	{
	margin:0px 0px 10px 0px;padding:0px;
}
#mainMenu li	{
	display:block;
	margin:0px 0px 5px 0px;padding:0px;
}
#mainMenu a	{
	display:block;
	height:22px;margin:0px;
	/*メニューボタンの背景画像設定*/
	background-image:url(../img/btn054_06.gif);
	background-repeat:no-repeat;
	line-height:1.2em;
}
#mainMenu a:link	{color:#555555;text-decoration:none;padding:8px 5px 0px 30px;}
#mainMenu a:visited	{color:#555555;text-decoration:none;padding:8px 5px 0px 30px;}
#mainMenu a:hover	{
	color:#CC6600;text-decoration:none;font-weight:bold;padding:8px 5px 0px 30px;
	/*ロールオーバー時のメニューボタンの背景画像設定*/
	background-image:url(../img/btn054_05.gif);
	background-color:transparent;
}
#mainMenu a:active	{
	color:#CC6600;text-decoration:none;font-weight:bold;padding:8px 5px 0px 30px;
	/*クリック時のメニューボタンの背景画像設定*/
	background-image:url(../img/btn_bg_on.gif);
	background-color:transparent;
}


/*+++++トップページ：トップページ内の設定+++++*/

#topMainImage	{ /*トップページのメイン画像部分*/
	width:850px;margin:0px auto 10px auto;padding:0px;
}

.topInformation	{ /*トップページお知らせ部分*/
	margin:0px;padding:0px;
}
.topInformation p	{
	margin:0px;padding:5px;
	border-bottom:1px dotted #999999;
}

.topSideBanner	{ /*サイドバナー部分*/
	margin:0px 0px 5px 0px;padding:0px;
}
.topSideText	{ /*サイドテキスト部分*/
	margin:0px;padding:10px 0px 0px 0px;
}


/*+++++コンテンツ：メインコンテンツ部分の設定+++++*/

#mainBlock p	{ /*メインコンテンツの段落部分の基本設定*/
	clear:both;
	margin-bottom:15px;
}

.catchCopy	{ /*キャッチコピー用*/
	clear:both;
	margin:0px 0px 15px 0px;padding:0px;
	font-size:15px;color:#996600;font-weight:bold;
}

.pageNavigation	{ /*ページのパンくず設定*/
	margin:0px auto 10px auto;padding:0px;
}

.table01 { /*テーブルの例*/
	width:100%;margin:0px 0px 10px 0px;padding:0px;
	border-collapse:collapse;
}
.table01 th { /*テーブルの項目部分*/
	width:25%;padding:4px 2px 2px 4px;
	text-align:left;vertical-align:top;
	font-weight:normal;
	background-color:#F5F5F5;
	border:1px solid #CCCCCC;
}
.table01 td { /*テーブルのテキスト部分*/
	padding:4px 2px 2px 4px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}

.indent10	{ /*インデントをかけたい場合pタグにclass付け*/
	padding-left:10px;
}

.imageLeft	{ /*画像を左寄せさせたい場合に使用*/
	float:left;
	margin:0px 10px 15px 0px;
}
.imageRight	{ /*画像を右寄せさせたい場合に使用*/
	float:right;
	margin:0px 0px 15px 10px;
}

.icon01	{ /*アイコンを使う場合に使用*/
	vertical-align:middle;
	margin:0px 3px 0px 0px;
}
.icon02	{ /*アイコンを使う場合に使用*/
	vertical-align:text-bottom;
	margin:0px 3px 0px 7px;
}


/*+++++フッター：フッター部分の設定+++++*/

.footerNavi	{
	text-align:right;
	width:800px;height:23px;margin:0px auto;padding:7px 0px 0px 0px;
}
.footerMenu	{
	text-align:left;
	width:800px;margin:0px auto;padding:10px 0px 0px 0px;
}
.footerMenu img	{
	margin:5px 5px 0px 0px;
}
.footerCopy	{
	clear:both;
	text-align:right;
	width:800px;margin:0px auto;padding:0px;
}


/*+++++フォーム：フォームの設定+++++*/

form	{
	margin:0px;padding:0px;
}
input	{
	font-size:12px;line-height:1.5em;
}
textarea	{
	font-size:12px;line-height:1.5em;
}


/*+++++見出し：見出しの設定+++++*/

h2	{ /*ページタイトル部分に使用*/
	clear:both;
	width:770px;margin:0px auto 15px auto;padding:15px;
	text-align:right;font-size:26px;
	background-image:url(../img/h2_bg.gif);
	border:1px solid #CCCCCC;
}
h3	{ /*サブタイトル部分に使用*/
	clear:both;
	height:27px;
	margin:0px 0px 15px 0px;padding:5px 0px 0px 12px;
	font-size:15px;color:#333333;
	background-image:url(../img/head017_06.png);
}


/*+++++フォント：フォント関連の設定+++++*/

/*基本テキストリンクの設定*/
a:link		{color:#0000FF;}
a:visited	{color:#0000FF;}
a:hover		{color:#FF6600;text-decoration:none;background-color:#FFE1C4;}
a:active	{color:#FF6600;text-decoration:none;background-color:#FFE1C4;}

/*フォントサイズの変更に使用*/
.size1		{font-size:10px;line-height:1.4em;}
.size2		{font-size:12px;line-height:1.4em;}
.size3		{font-size:14px;line-height:1.4em;}
.size4		{font-size:16px;line-height:1.4em;}
.size5		{font-size:18px;line-height:1.4em;}

/*フォントカラーの変更に使用*/
.colorBlk	{color:#000000;}
.colorGry	{color:#666666;}
.colorWht	{color:#FFFFFF;}
.colorNvy	{color:#000080;}
.colorBlu	{color:#0066CC;}
.colorOlv	{color:#808000;}
.colorGrn	{color:#008000;}
.colorMrn	{color:#800000;}
.colorPnk	{color:#E9287D;}
.colorRed	{color:#FF0000;}
.colorOrg	{color:#FF6600;}
.colorYlw	{color:#FFCC00;}

/*フォントカラー＋ボールド設定*/
.colorBlkBold	{color:#000000;font-weight:bold;}
.colorGryBold	{color:#666666;font-weight:bold;}
.colorWhtBold	{color:#FFFFFF;font-weight:bold;}
.colorNvyBold	{color:#000080;font-weight:bold;}
.colorBluBold	{color:#0066CC;font-weight:bold;}
.colorOlvBold	{color:#808000;font-weight:bold;}
.colorGrnBold	{color:#008000;font-weight:bold;}
.colorMrnBold	{color:#800000;font-weight:bold;}
.colorPnkBold	{color:#E9287D;font-weight:bold;}
.colorRedBold	{color:#FF0000;font-weight:bold;}
.colorOrgBold	{color:#FF6600;font-weight:bold;}
.colorYlwBold	{color:#FFCC00;font-weight:bold;}


/*+++++ポイント：フォントを使用したポイントの設定+++++*/

.pointNvy	{font-size:10px;color:#000080;margin-right:3px;}
.pointBlu	{font-size:10px;color:#0000FF;margin-right:3px;}
.pointGrn	{font-size:10px;color:#008000;margin-right:3px;}
.pointMrn	{font-size:10px;color:#800000;margin-right:3px;}
.pointPpl	{font-size:10px;color:#800080;margin-right:3px;}
.pointRed	{font-size:10px;color:#FF0000;margin-right:3px;}
.pointOrg	{font-size:10px;color:#FF6600;margin-right:3px;}
.pointYlw	{font-size:10px;color:#FFCC00;margin-right:3px;}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
