/*----------------------------------------------*/
/*　素材屋サンプル[CSS]
/*　Akuseru-design Y.Kasahara
/*----------------------------------------------*/

/*-----全体構成：サイト全体の基本となるデザイン構成です-----*/

body	 { color: #333333; font-size: 13px; line-height: 1.4em; background-image: url(../img/bg010_10.gif); margin: 0px; padding: 0px }

#headerFrame	{/*ヘッダーの枠の設定です*/
	width:750px;height:110px;margin:0px auto;padding:0px;
	background-color:#FFFFFF;
	border-top:5px solid #000000;
	border-bottom:1px solid #666666;

}

#contentsFrame	{/*コンテンツ部分の枠です*/
	width:750px;margin:0px auto;padding:10px 0px;
	background-color:#FFFFFF;
}

#sideSpace	{/*再度バー部分です*/
	float:left;
	width:180px;padding:0px;
}

#mainSpace	{/*メインコンテンツ部分です*/
	float:right;
	width:520px;margin:0px 15px 0px 10px;padding:0px;
}

#footerNaviFrame	{/*ページ下部のナビゲーション部分です*/
	width:730px;margin:0px auto;padding:10px;
	text-align:right;
	border-top:1px solid #333333;
	border-bottom:3px double #333333;
	background-color:#FFFFFF;
}
#footerFrame	{/*フッター部分です*/
	width:750px;margin:0px auto;padding:0px;
	background-color:#FFFFFF;
}

#mainClear	{/*レイアウトの調整に使用しています*/
	clear:both;
	height:0;margin:0;padding:0;
}


/*-----ヘッダー設定：サイトのヘッダー内の設定です-----*/

.headerLogo	{
	float:left;
	margin:0px;padding:10px;
}
.headerText	{
	font-size: 11px;
	line-height: 75%
	float:right;
	margin:0px;padding:10px;
	text-align:right;
}


/*-----メニュー設定：メニューの設定です-----*/

#mainMenu	{
	width:180px;margin:0px;padding:0px 0px 15px 0px;
}
#mainMenu ul {
	margin:0px;padding:0px;
	list-style:none;
}
#mainMenu li,#mainMenu a {
	display:block;height:30px;
}
#mainMenu span	{
	display:block;overflow:hidden;
	width:0;height:0;
}

/*ここからメニュー：増やしたいときはこちら*/

#mainMenu00 a			 { background-image: url(../img/menu00.gif); margin: 0px }
#mainMenu00 a:hover		 { background-image: url(../img/menu00on.gif); margin: 0px }

#mainMenu01 a			 { background-image: url(../img/menu01.gif); margin: 0px }
#mainMenu01 a:hover		 { background-image: url(../img/menu01on.gif); margin: 0px }
#mainMenu02 a			 { background-image: url(../img/menu02.gif); margin: 0px }
#mainMenu02 a:hover		 { background-image: url(../img/menu02on.gif); margin: 0px }

#mainMenu03 a			 { background-image: url(../img/menu03.gif); margin: 0px }
#mainMenu03 a:hover		 { background-image: url(../img/menu03on.gif); margin: 0px }

#mainMenu04 a			 { background-image: url(../img/menu04.gif); margin: 0px }
#mainMenu04 a:hover		 { background-image: url(../img/menu04on.gif); margin: 0px }

#mainMenu05 a			 { background-image: url(../img/menu05.gif); margin: 0px }
#mainMenu05 a:hover		 { background-image: url(../img/menu05on.gif); margin: 0px }

#mainMenu06 a			 { background-image: url(../img/menu06.gif); margin: 0px }
#mainMenu06 a:hover		 { background-image: url(../img/menu06on.gif); margin: 0px }

#mainMenu07 a			 { background-image: url(../img/menu07.gif); margin: 0px }
#mainMenu07 a:hover		 { background-image: url(../img/menu07on.gif); margin: 0px }

#mainMenu08 a			 { background-image: url(../img/menu08.gif); margin: 0px }
#mainMenu08 a:hover		 { background-image: url(../img/menu08on.gif); margin: 0px }


/*----- コンテンツ設定：コンテンツの表示設定です -----*/

#mainSpace p	{/*メインコンテンツ部分の段落共通設定*/
	clear:both;
	margin:0px 0px 15px 0px;
	line-height:1.5em;
}

.information	{/*トップページお知らせ部分*/
	margin:0px; padding:0px;
}
.information li	 { list-style-image: url(../img/arrow01.gif); list-style-position: inside; margin: 0px 0px 8px 8px; border-bottom: 1px dotted #555555 }

.pageNavi	{
	padding:0px 0px 5px 0px;
	border-bottom:1px dotted #555555;
}

/*----- フッター設定 -----*/

.footerLeft	{
	float:left;
	margin:0px;padding:10px;
}
.footerRight	{
	float:right;
	margin: 0px 0px 0px 0px; 
	padding:10px;
}
.footerCenter	{
	float:center;
	margin:0px;padding:10px;
}

/*----- 共通設定：共通に使うものの設定です -----*/


.banner	{
	text-align:center;
	margin:0px auto 5px auto;
}
.iconArrow	{
	margin-right:5px;
	vertical-align:middle;
}

.imageLeft	 { background-color: #fff; float: left; margin: 0px 10px 10px 0px; padding: 10px; border-style: solid; border-width: 1px; border-color: #c0c0c0 #808080 #808080 #c0c0c0 }
.imageRight	{
	float:right;margin:0px 0px 10px 10px;
}



.table01	{
	width:520px;
	margin:0px auto 15px auto;padding:0px;
	line-height:1.5em;
	background-color:#ffffff;
}
.table01 th	{
	width:20%;
	text-align:left;vertical-align:top;color:#555555;
	margin:1px;padding:3px 3px 3px 5px;line-height:1.5em;
	background-color:#EEF0F4;
	border:1px solid #555555;
}
.table01 td	{
	text-align:left;
	margin:1px;padding:3px;line-height:1.5em;
	line-height:1.5em;
	border:1px solid #555555;
}
.table02 {
	width:510px;
	 margin-left: 1em }

/*----- 見出し設定 -----*/
h1	{
	margin:0px;padding:0px;
}
h1 ../img	{
	vertical-align:bottom;
}
h2	 { color: #333333; font-size: 14px; background-image: url(../img/head014_06.gif); clear: both; margin: 0px 0px 10px; padding: 6px 0px 0px 20px; height: 24px }
h3	 { color: #ffffff; font-weight: normal; font-size: 23px; background-image: url(../img/head_bg09.jpg); text-align: right; clear: both; margin: 0px 0px 10px; padding: 20px 20px 0px 0px; height: 40px }

h4	{}
h5	{}
h6	{}

/*----- フォント設定 -----*/
a               {text-decoration:none;}
a:link		{color:#0000FF;}
a:visited	{color:#0066FF;}
a:hover	        {color:#cc3300;}
a:active	{color:#800080;}

.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:#0000FF;}
.colorOlv	{color:#808000;}
.colorGrn	{color:#008000;}
.colorMrn	{color:#800000;}
.colorPpl	{color:#800080;}
.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:#0000FF;font-weight:bold;}
.colorOlvBold	{color:#808000;font-weight:bold;}
.colorGrnBold	{color:#008000;font-weight:bold;}
.colorMrnBold	{color:#800000;font-weight:bold;}
.colorPplBold	{color:#800080;font-weight:bold;}
.colorRedBold	{color:#FF0000;font-weight:bold;}
.colorOrgBold	{color:#FF6600;font-weight:bold;}
.colorYlwBold	{color:#FFCC00;font-weight:bold;}