@charset "utf-8";

/*============================================================

	シュンビン株式会社：テンプレート用スタイルシート
	■このスタイルシートは全ページに適用されます。
	※IE用のハック(xml宣言対策)は *html として記述しています。

============================================================*/

/*
-----------------------------------------------基本設定-----*/

html, body, h1, h2, h3, h4, h5, h6, h7, ul, li, dd, dl, p {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	font-size: 75%;
	color: #3F3F3F;
	font-family: osaka,"ＭＳ Ｐゴシック";
	line-height: 140%;
	background: #ECF9F5 url(../img/temp/body_bg.gif) repeat-x;
}

a img		{	border: none; 		}
a:link		{	color: #339999;		}
a:visited	{	color: #33CC99;		}
a:hover		{	color: #33CCFF;		}
li			{	list-style: none;	}

#container {
	width: 710px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(../img/temp/container_bg.gif) repeat-y;
}

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

.red {	color: #C01F1F;	}
.alt {	display: none;}

/*
-------------------------------------------ヘッダー設定-----*/

#header {
	position: relative;
	width: 706px;
	height: 60px;
	background: url(../img/temp/header_bg.gif);
}

#header a			{	text-decoration: none;	}
#header a:link		{	color: #000000;			}
#header a:visited	{	color: #000000;			}
#header a:hover		{	color: #33CCFF;			}

#header h1 a {
	position: absolute;
	display: block;
	width: 137px;
	height: 33px;
	top: 15px;
	left: 20px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/temp/header_ci.gif);
}

#header ul {
	position: absolute;
	top: 32px;
	right: 13px;
}

#header ul img {
	vertical-align: middle;
	margin: 0 5px 0 5px;
}

#header li {
	display: inline;
	padding: 0 10px 0 0;
	border-right: 1px solid #000000;
}

#header li.end {	border: none;	}

/*
---------------------------------------------ナビサイド-----*/

#naviSide {	float: left; }

/*
-----------------------------------------グローバルナビ-----*/

#globalNavi {
	width: 176px;
	height: 193px;
	margin: 0 0 0 10px;
	background: url(../img/temp/g_navi_bg.gif);
}

#globalNavi ul {	padding: 6px 0 0 13px;	}

#globalNavi li a {
	display: block;
	width: 150px;
	height: 35px;
	text-indent: -9999px;
	overflow: visible;
}

#globalNavi .n01 a {	background: url(../img/temp/g_navi1.gif);	}
#globalNavi .n02 a {	background: url(../img/temp/g_navi2.gif);	}
#globalNavi .n03 a {	background: url(../img/temp/g_navi3.gif);	}
#globalNavi .n04 a {	background: url(../img/temp/g_navi4.gif);	}
#globalNavi .n05 a {	background: url(../img/temp/g_navi5.gif);
						height: 36px;								}

#globalNavi .n01 a:hover {	background: url(../img/temp/g_navi1.gif) 150px 0;	}
#globalNavi .n02 a:hover {	background: url(../img/temp/g_navi2.gif) 150px 0;	}
#globalNavi .n03 a:hover {	background: url(../img/temp/g_navi3.gif) 150px 0;	}
#globalNavi .n04 a:hover {	background: url(../img/temp/g_navi4.gif) 150px 0;	}
#globalNavi .n05 a:hover {	background: url(../img/temp/g_navi5.gif) 150px 0;	}

/*
---------------------------------------------サイドナビ-----*/

#sideNavi {
	width: 176px;
	margin: 0 0 0 10px;
	background: url(../img/temp/navi_bg.gif) repeat-y;
}

#sideNavi ul {	padding: 0 0 0 13px;	}

#sideNavi li a {
	display: block;
	height: 13px;
	margin: 0 0 10px;
	text-indent: -9999px;
	overflow: visible;
}

#sideNaviFooter {
	margin: -10px 0 0;
	padding: 0 0 0 10px;
}

/*
-------------------------------------------------バナー-----*/

#banner p {	margin: 10px 0 0 18px;	}

/*
---------------------------------------------コンテンツ-----*/

#content {	float: left;
			width: 520px;	}

/*
-----------------------------------------キービジュアル-----*/

#keyVisual2 {
	width: 520px;
	height: 113px;
	margin: 0 0 15px;
	text-indent: -9999px;
	overflow: visible;
}

/*
--------------------------コンテンツ内の「ページTOPへ」-----*/

#content .goToTop {
	width: 495px;
	margin: 0 0 30px 10px;
	padding: 10px 0 5px;
	border-bottom: 1px solid #CCCCCC;
}

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

.goToTop {
	clear: both;
	text-align: right;
	margin: 0 23px 5px 0;
}
.goToTop p {	padding-top: 10px;}

#footerNavi {
	text-align: center;
}
#footerNavi h3.tel {	padding: 15px 0 20px;}
#footerNavi a			{	text-decoration: none;	}
#footerNavi a:link		{	color: #000000;			}
#footerNavi a:visited	{	color: #000000;			}
#footerNavi a:hover		{	color: #33CCFF;			}

#footerNavi li {
	display: inline;
	padding: 0 10px 0 5px;
	border-right: 1px solid #000000;
}

*html #footerNavi li {
	display: inline;
	padding: 0 5px 0 7px;
	border-right: 1px solid #000000;
}

#footerNavi li.end {	border: none;	}

#footer {
	position: relative;
	width: 706px;
	height: 54px;
	background: url(../img/temp/footer_bg.gif);
}

#footer p {
	position: absolute;
	width: 218px;
	height: 12px;
	top: 15px;
	left: 24px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/temp/footer_copy.gif);
}

#footer address {
	position: absolute;
	width: 229px;
	height: 27px;
	top: 7px;
	left: 452px;
	text-indent: -9999px;
	font-size: 0px;
	color: #528D7B;
	overflow: hidden;
	background: url(../img/temp/footer_txt.gif);
}