/*+++++全体構成：サイト全体の基本デザイン構成+++++*/
/*++改定日：2025/03/30++*/

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

body:before { /* top shadow */ content: "";
	position: fixed; top: -10px; left: -10px; width: 110%; height: 10px;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-ms-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-o-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);  z-index: 100;
}

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

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

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

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

	background-image: -ms-linear-gradient(bottom, #fff 0%, #fff 50%, #eee 100%);/* IE10 */
	background-image: -moz-linear-gradient(bottom, #fff 0%, #fff 50%, #eee 100%);/* Mozilla Firefox */
	background-image: -o-linear-gradient(bottom, #fff 0%, #fff 50%, #eee 100%);/* Opera */
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(1, #eee));/* Webkit (Safari/Chrome 10) */  
	background-image: -webkit-linear-gradient(bottom, #fff 0%, #fff 50%, #eee 100%);/* Webkit (Chrome 11+) */  
	background-image: linear-gradient(bottom, #fff 0%, #fff 50%, #eee 100%);/* Proposed W3C Markup */  
	-webkit-box-shadow: 0px 0px 20px 8px #ddd, inset 0px 0px 1px 1px #fff; /* Safari, Chrome用 */  
	-moz-box-shadow: 0px 0px 20px 8px #ddd, inset 0px 0px 1px 1px #fff; /* Firefox用 */  
	box-shadow: 1px 1px 1px 0px #ddd, inset 0px 0px 1px 1px #fff; /* CSS3 */  

}  

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

#mainClear	{
	clear:both;
}


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


#headerContent	{ /*ヘッダー内文字部分の基本設定*/
	width:450px;height:85px;margin:0px;padding:0px;
	float:right;
}

#headerContent p{
	margin:5px 5px 0px 0px;padding:0px;
	font-size:12px;color:#555555;
	text-align:right;line-height:1.5em;
	font-weight:normal;
}

#header_logo	{
	float:left;
	margin:15px 0px 0px 0px;padding:0px;
}

#header_logo a	{
	display:block;
	height:40px;margin:0px;
	background-color:transparent;
	color:transparent;
	/*text-decoration:none;
	border:none;*/
}

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

#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/btn_bg_off.png);
	background-repeat:no-repeat;
	line-height:1.2em;
	font-weight:bold;
}
#mainMenu a:link	{color:#FFFFFF;text-decoration:none;padding:8px 5px 0px 30px;}
#mainMenu a:visited	{color:#FFFFFF;text-decoration:none;padding:8px 5px 0px 30px;}
#mainMenu a:hover	{
	color:#F362B0;text-decoration:none;padding:8px 5px 0px 30px;
	/*ロールオーバー時のメニューボタンの背景画像設定*/
	background-image:url(../img/btn_bg_on.png);
	background-color:transparent;
}
#mainMenu a:active	{
	color:#F362B0;text-decoration:none;padding:8px 5px 0px 30px;
	/*クリック時のメニューボタンの背景画像設定*/
	background-image:url(../img/btn_bg_on.png);
	background-color:transparent;
}

/*+++++メニュー2：階層下用メニューの設定+++++*/

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

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

#topMainImage	{ /*トップページのメイン画像部分*/
	clear:both;
	width:800px;margin:0px auto 10px;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:#91278F;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;
}

.table02 { /*テーブルの例*/
	width:100%;margin:0px 0px 10px 0px;padding:0px;
	border-collapse:collapse;
}
.table02 th { /*テーブルの項目部分*/
	width:18%;padding:4px 2px 2px 4px;
	text-align:left;vertical-align:top;
	font-weight:normal;
	background-color:Transparent;
	border:non;
}
.table02 td { /*テーブルのテキスト部分*/
	padding:4px 2px 2px 4px;
	background-color:Transparent;
	border:non;
}

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

.table04 { /*テーブルの例*/
	width:100%;margin:0px 0px 10px 0px;padding:0px;
	border-collapse:collapse;
}
.table04 th { /*テーブルの項目部分*/
	width:25%;padding:4px 2px 2px 4px;
	text-align:center;vertical-align:center;
	font-weight:normal;
	background-color:#F5F5F5;
	border:1px solid #CCCCCC;
}
.table04 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 0px 5px;
	background-image:url(../img/foot_bar.png);
	background-position:bottom;background-repeat:repeat-x;
}

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

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


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

h1	{
	clear:both;
	height:18px;
	margin:5px 5px 0px 0px;padding:0px;
	text-align:right;
	font-size:13px;color:#F362B0;
	font-weight:bold;
}

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


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

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

/*フォントサイズの変更に使用*/
.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;}



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