@charset "UTF-8";
/* 制作者情報 */
/* ブラウザ初期化スタイル */
/* 共通部分のスタイル */
/* 各ページ個別のスタイル */

/*--------------------------------------------------------------------
guideline : ver1.05
since : 2006/12/22
writer : 
last_editday : 2006/12/22
last_editor : 
--------------------------------------------------------------------*/


/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/


* {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
}

html, body {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}


h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}


/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*bodyのスタイル*/

body {
	font-size:small;
	background:#fff;}
	
a , h1{color:#58514A;
text-decoration:none;}


a:link {
	color: #3366CC;
	text-decoration: none;
}
a:visited {
	color: #666699;
	text-decoration: none;
}
a:hover {
	color: #990000;
	text-decoration: underline;
}
a:active {
	color: #99CCFF;
	text-decoration: none;
}

div#main_table{
	color: #000000;
	background-color: #FFFFFF;
	width: 800px;
	margin: 0 auto;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
}

div#main div p{
	color:#666;}
	
br.clear{
	clear:right;}
	
div#main h3{
	text-indent:-9999px;
	width:580px;
	height:32px;
	margin:0 0 10px 0;
	background-repeat:no-repeat;}

/*containerのスタイル*/

div#container {
	width:800px;
	margin:auto;
	color:black;
	border: 1px solid #000;
}

/*--------headerのCSSここから------------------------------------------------------------------------------------------*/

h1{
	width:790px;
	text-align:right;
	font-size:x-small;
	margin:4px 10px 1px auto;
	font-family:Arial, Helvetica, sans-serif;}

div#header{
	width:800px;
	height:322px;
	padding:0;
	background : url(../../ホームページサイト さくら/images/main.jpg);
}
	
div#header h2{
	text-indent:-9999px;
	width:400px;
	height:50px;
	background : url(../../images/temp/title.jpg) no-repeat;
	position:absolute;
	top:5;
	left:5;
	}

div#fla_menu{
	clear:both;
	padding:0;
	background : #58514a url(../../images/temp/pan_back.gif) repeat-y;}
	
div#fla_main{
	clear:both;
	padding:0 5px;
	background : #58514a url(../../images/temp/pan_back.gif) repeat-y;
	margin:0;}

h2 a{
	display:block;
	width:400px;
	height:50px;}
	
h2 a:hover{
	background : url(../../images/temp/title_a.gif) no-repeat;
	margin:2px 0 0 0;}

div#header ul{
	background : url(../../images/temp/ul_back.jpg) no-repeat;
	height:40px;
	width:90px;
	position:absolute;
	top:5px;
	right:5px;}

div#header ul li{
	float:left;
	width:30px;
	text-indent:-9999px;
	list-style-type:none;}
	
div#header ul li a{
	display:block;
	width:30px;
	height:40px;}
	
div#header ul li a:hover{
	display:block;}
	
div#header ul li a#home:hover{background : url(../../images/temp/home_a.gif) no-repeat;}

div#header ul li a#otoi:hover{background : url(../../images/temp/otoi_a.gif) no-repeat;}

div#header ul li a#sitemap:hover{background : url(../../images/temp/sitemap_a.gif) no-repeat;}

div#fla{
	background : url(../../images/temp/wrapper_back01.gif) repeat-y;
	padding:0 5px;}
	
div#head_img{
	width:800px;
	background : url(../../images/temp/head_back.gif) repeat-y;
	padding:0 5px;}

/*after擬似クラス使用によるfirefoxの背景画像回り込み対策*/
div#wrapper:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both;}
	
/*--------headerのCSSここまで------------------------------------------------------------------------------------------*/

	
/*-----------パンくずリストのCSS--------------------------------------------------------------------------------------*/
	
p.clumbs{
	width:787px;
	color:#FFF;
	padding:5px 8px 5px 5px;
	text-align:right;
	display:block;
	font-size:x-small;
	font-family:Arial, Helvetica, sans-serif;
	background : #58514a url(../../images/temp/pan_back.gif) repeat-y;
}

p.clumbs a{
	color:#FFF;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
}

p.clumbs a:hover{
	color:#FFF;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

/*-----------パンくずリストのCSSここまで-------------------------------------------------------------------------------*/


/*-----------ラッパーのCSS--------------------------------------------------------------------------------------*/
	
div#wrapper{
	width:800px;
	height:auto;
	background : url(../../images/temp/wrapper_back01.gif) repeat-y;
}

/*-----------ラッパーのCSSここまで-------------------------------------------------------------------------------*/


/*-----------メインのCSS--------------------------------------------------------------------------------------*/

div#main{
	width:585px;
	float:right;
	padding:10px 10px 0 0;
	text-align:left;
}

/*-----------お問い合わせのCSSここから-------------*/

div#contact{
	clear:both;
	width:600px;
	height:80px;}

div#contact img{
	margin:0 5px 20px 0;
	float:left;}
	
/*-----------お問い合わせのCSSここまで-------------*/


/*-----------メインのCSSここまで-------------------------------------------------------------------------------*/

/*-----------サイドメニューのCSSここから-------------------------------------------------------------------------------*/

div#side{
	width:198px;
	padding:0 1px 20px 0px;
	margin:0;
	float:left;
}

div#side h3{
	text-indent:-9999px;
	width:188px;
	height:40px;
	margin:0 0 0px 0;}
	
div#side h3 a{
	width:188px;
	height:40px;
	display:block;}
	
div#side ul{
	width:186px;
}

div#side ul li{
	list-style-type:none;
}



/*-----------サイドのカテゴリー（TOPページ）CSSここから-------------*/

#gnav:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#gnav {
	min-height: 1%;
	display: inline-table;
}
/* Hides from IE-mac \*/
* html #gnav {height: 1%;}
#gnav {display: block;}
/* End hide from IE-mac */

#gnav {
	width: 800px;
	margin: 0 auto;
}
#gnav li {
	float: left;
	list-style:none;
}




	
/*-----------サイドのカテゴリー（各ページ）CSSここまで-------------*/





/*-----------サイドの会社概要CSSここから-------------*/


p#side_HP{
	margin:10px 0 0 2px;
	clear:both;}

/*-----------サイドの会社概要CSSここまで-------------*/


/*-----------サイドメニューのCSSここまで-------------------------------------------------------------------------------*/

/*■画像のプリロード（ロールオーバー時のちらつき防止のための先行読み込み）*/

/*footerのスタイル*/

div#footer {
	width:790px;
	padding:0 5px;
	background : url(../../images/temp/footer_back.gif) repeat-y;
	clear:both;
	border-top:1px solid #CCC;
}

div#footer ul{
	clear:both;
	padding:0 5px 5px 5px;
	overflow:hidden;
	border-top:1px solid #CCC;
}

div#footer ul#under{
	border-top:none;
}

div#footer div{
	padding:5px;}
	
div#footer div img{
	float:left;
	margin:10px 10px 10px auto;}
	
div#footer div p{
	color:#58514A;
	margin:5px 0 0 0;
	font-size:10px;
	letter-spacing:1.1px;
	font-family:Arial, Helvetica, sans-serif;}
	
div#footer div p a{
	font-family:Arial, Helvetica, sans-serif;}

div#footer ul#under li{
	margin:0 7px 10px 0;
	background : url(../../images/temp/nav01.gif) no-repeat left center;
	padding:0 0 0 13px;
	
}

div#footer ul li {
	list-style-type:none;
	float:left;
	display:block;
	font-size:10px;
	margin:5px 7px 7px 0;
	background : url(../../images/temp/nav01.gif) no-repeat left center;
	padding:0 0 0 13px;
}

div#footer ul li a{
	font-family:Arial, Helvetica, sans-serif;
}

div#accesslog img {
	display:none;
	height:0;
}	
	
div#footer_content{
	width:800px;
	padding:5px 5px 0 5px;
	background : url(../../images/temp/footer_back.gif) repeat-y;
	clear:both;}	

div#footer_content address{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px 0 5px 5px;
	width:565px;
	height:15px;
	float:left;
	background:#5F5747;}
	
/*ハック。IE6のみ反映-------------*/

* html body div#footer_content{
	width:780px;
	padding:10px 5px 0 5px;
	background : url(../../images/temp/footer_back.gif) repeat-y;
	clear:both;}	
	
div#footer_content ul#add{
	float:right;
	width:230px;
	height:25px;
	background : url(../../images/temp/footer_link.gif) no-repeat;}
	
div#footer_content ul#add li{
	float:left;
	width:115px;
	height:25px;
	list-style-type:none;
	text-indent:-9999px;}
	
div#footer_content ul#add li a#back:hover{
	background : url(../../images/temp/footer_menu01a.gif) no-repeat;}
	
div#footer_content ul#add li a#pagetop:hover{
	background : url(../../images/temp/footer_menu02a.gif) no-repeat;}
	
div#footer_content ul#add li a{
	display:block;
	width:115px;
	height:25px;
	}

div#footer_banner{
	clear:both;
	width:790px;
	padding:0 5px;
	background : url(../../images/temp/footer_back.gif) repeat-y;}
	
div#footer_banner img{
	margin:10px 0 5px 5px;}

/*新着サイト表示（右ブロック）H211122 追加*/

div#right_block{
	float: right;
	width: 540px;
}
div#right_block div.title{
	margin: 0;
	padding: 5px 10px;
	font-weight: bold;
	font-size:0.8em;
	color: #000;
	background-color: #FFF;
	background-image: url(../img/bg_right_title.jpg);
	background-repeat: repeat-x;
}
div#right_block div.content{
	font-size:0.87em;
	margin: 0 0 15px 0;
	padding: 5px 10px;
	background: #F0F0F0;
}
table.link_site{
	width: 540px;
	margin: 10px auto;
	table-layout: fixed;
	border-collapse: collapse;
	border: 1px solid #666;
}
table.link_site th{
	border: 1px solid #666666;
	padding: 5px;
	font-size:0.87em;	
	font-weight: bold;
	text-align: center;
}
table.link_site td{
	border: 1px solid #666666;
	font-size:0.87em;
	padding: 5px;
}


/*--------------------------------------------------------------------
(index.html)
--------------------------------------------------------------------*/