@charset "shift_jis";

/***************************************************
	三煌産業用スタイルシート
	common.css
	基本レイアウトスタイル定義
***************************************************/

/* Reset
------------------------------------------------------------ */
html {	overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,th,td {
	margin: 0;
	padding: 0;
}
* html body {    font-family: 'ＭＳ Ｐゴシック',sans-serif;}
*:first-child+html body {    font-family: 'メイリオ','ＭＳ Ｐゴシック',sans-serif;}

address,caption,cite,code,dfn,em,strong,th,var {	font-style: normal;}
h1,h2,h3,h4,h5,h6,h7 {
	font-size: 100%;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
caption,th {
	text-align: left;
}
img	{	border: none;	vertical-align: bottom;}
ul	{	list-style-type: none;}
ol	{	list-style-position: inside;}
hr	{	display: none;}

/* Base
------------------------------------------------------------ */
html {	background: #fcfcf0 url(../img/temp/html_bg.jpg) center top repeat-y;}
body {
	font-size: 75%;
	line-height: 1.6;
	color: #3e3c3a;
	background: url(../img/temp/body_bg.jpg) repeat-x;
	text-align: center;
}
* html body {	height: 123px;}

#wrap {	background: url(../img/temp/wrap_bg.png) 0 123px repeat-x;}
* html #wrap {
	position: absolute;
	left: 0;
	top: 0;
	behavior: url(http://www.sankosangyo-web.co.jp/java/iepngfix.htc);
}

#container {
	width: 850px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

/* Link
------------------------------------------------------------ */
a:link {
	color: #3e3c3a;
	text-decoration: underline;
}
a:visited {
	color: #5e5c5a;
	text-decoration: underline;
}
a:hover {
	color: #f75e1b;
	text-decoration: none;
}
a:focus {
	outline: none;
}

/* for All Pages
------------------------------------------------------------ */
.alt	{	display: none;}
.clear	{	clear: both;	font-size: 0;	line-height:0;}

.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 */

/*-----header-----*/
#header {
	width: 850px;
}
#header h1 {
	float: left;
	width: 262px;
	margin-top: 9px;
}
#header h1 a {
	display: block;
	width: 262px;
	height: 64px;
	background: url(../img/temp/logo.jpg) no-repeat;
	text-indent: -9999px;
}

#header .top_navi {
	float: right;
	width: 580px;
	text-align:right;
	padding: 0;
}

#header ul.gnavi {
/*	width: 824px;*/
	height: 46px;
	padding: 4px 4px 0;
	background: url(../img/temp/gnavi_bg.gif);
	overflow: hidden;
}
#header ul.gnavi li {
	float: left;
	width: 168px;
}
#header ul.gnavi li.n01, #header ul.gnavi li.n03 {	width: 169px;}
#header ul.gnavi li a {
	display: block;
	height: 46px;
	text-indent: -9999px;
}
#header ul.gnavi li.n01 a {	background: url(../img/temp/gnavi01.jpg) 0 0 no-repeat;}
#header ul.gnavi li.n02 a {	background: url(../img/temp/gnavi02.jpg) 0 0 no-repeat;}
#header ul.gnavi li.n03 a {	background: url(../img/temp/gnavi03.jpg) 0 0 no-repeat;}
#header ul.gnavi li.n04 a {	background: url(../img/temp/gnavi04.jpg) 0 0 no-repeat;}
#header ul.gnavi li.n05 a {	background: url(../img/temp/gnavi05.jpg) 0 0 no-repeat;}
#header ul.gnavi li a:hover {	background-position: 0 -46px;}

/*-----location-----*/
#location {
	position: absolute;
	top: 143px;
	padding-left: 13px;
}
#location a:link {	color: #ed5c1c;	font-weight: bold;}
#location a:visited {	color: #ed5c1c;	font-weight: bold;}
#location a:hover {	color: #3e3c3a;	font-weight: bold;}

h2.title {
	width: 842px;
	height: 55px;
	padding: 45px 0 0 8px;
	background: #ffffff url(../img/temp/title_bg.jpg) no-repeat;
}

/*-----contents-----*/
#contents {
	width: 850px;
	background: #ffffff url(../img/temp/contents_bg.gif) left top repeat-y;
}

/* サイドナビ .snavi */
#contents .snavi {
	float: left;
	width: 216px;
	padding: 7px 0 0 15px;
	background: url(../img/temp/snavi_bg.gif) left top no-repeat;
}
#contents .snavi h3 {	margin-left: 2px;}
#contents .snavi ul.menu {
	margin-left: 3px;
	padding: 0 0 5px 0;
	background: url(../img/temp/menu_bg01.jpg) left bottom no-repeat;
}
#contents .snavi ul.menu li {
	padding-left: 6px;
	background: url(../img/temp/menu_bg02.jpg) left top repeat-y;
}
#contents .snavi .menu li a {
	display: block;
	width: 198px;
}
#contents .snavi .bunner{	margin-left: 5px;}
#contents .snavi .bunner a {
	display: block;
	width: 205px;
	text-indent: -9999px;
}

/* メインコンテンツ .main */
#contents .main {
	float: right;
	width: 589px;
	min-height: 450px;
	_height: 450px;
	padding: 7px 15px 9px 1px;
	background: url(../img/temp/main_bg.gif) left top no-repeat;
}

/*-----footer-----*/
#footer {
	width: 820px;
	margin: 0;
	padding: 20px 15px 15px;
	background: #ffffff url(../img/temp/footer_bg.gif) left top no-repeat;
}

#footer ul {
	padding: 7px 10px 5px;
	border-bottom: 2px solid #f75e1b;
	background-color: #f2f2f2;
}
#footer ul li {
	display: inline;
	letter-spacing: 0.1em;
}
#footer ul li a {	text-decoration: none;}	
#to_top {
	margin-top: -2.0em;
	padding-right: 10px;
	text-align: right;
}
#to_top a {
	padding: 0 0 0 12px;
	background: url(../img/temp/ico01.gif) left center no-repeat;
}
#footer p.copyright {
	padding: 6px 0 0 10px;
	letter-spacing: 0.2em;
}