body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img {
	border:0;
	vertical-align: bottom;
}
fieldset { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
hr {
	display: none;
}
html {
	overflow-y:scroll;
	min-height:100%;
}
body {
	background:url(../img/bg_body.gif) bottom repeat-x #fafafa fixed;
	text-align:center;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
	line-height:1.4;
	color:#333333;
	font-size:12px;
	min-height:100%;
}
br {
	letter-spacing:0;
}

/* for IE6 */
* html body {
	font-size:75%;
}
/* for IE7 */
*:first-child+html body {
	font-size:75%;
}
/* for IE7 */

div#wrapper {
	width:960px;
	margin:0 auto;
	text-align:left;
	border:1px solid #CCCCCC;
	background:url(../img/bg_wrapper.jpg) no-repeat #e7eef0;
}
/* ヘッダー */
div#header {
	height:60px;
	background:url(../img/bg_header.gif) repeat-x;
}
div#header h1 {
	float:left;
	margin:5px;
}
div#header ul {
	float:right;
}
div#header li {
	float:left;
	width:110px;
	height:60px;
	overflow:hidden;
	text-indent:-9999px;
}
div#header li a {
	display:block;
	width:110px;
	height:60px;
}
div#header .products {
	background:url(../img/menu_products_on.gif) no-repeat;
}
div#header .company {
	background:url(../img/menu_company_on.gif) no-repeat;
}
div#header .recruit {
	background:url(../img/menu_recruit_on.gif) no-repeat;
}
div#header .link {
	background:url(../img/menu_link_on.gif) no-repeat;
}
div#header .contacts {
	background:url(../img/menu_contacts_on.gif) no-repeat;
}
div#header .products a {
	background:url(../img/menu_products_off.gif) no-repeat;
}
div#header .company a {
	background:url(../img/menu_company_off.gif) no-repeat;
}
div#header .recruit a {
	background:url(../img/menu_recruit_off.gif) no-repeat;
}
div#header .link a {
	background:url(../img/menu_link_off.gif) no-repeat;
}
div#header .contacts a {
	background:url(../img/menu_contacts_off.gif) no-repeat;
}
div#header a:hover {
	background: none transparent scroll repeat;
}
div#header .now {
	border-bottom:4px solid #2175BC;
	height:56px;
}
/* フッター */
div#footer {
	width:100%;
	clear:both;
	border-top:1px solid #b2b2b2;
	line-height:2;
	background:#FFFFFF;
}
div#footer ul {
	float:left;
}
div#footer li {
	float:left;
	padding:0 0 0 16px;
	margin:0 10px;
	background:url(../img/li_footer.gif) no-repeat left;
}
div#footer a:link {
	color:#333333;
	text-decoration:none;
}
div#footer a:visited {
	color:#333333;
	text-decoration:none;
}
div#footer a:hover {
	color:#0597b6;
	text-decoration:none;
}
div#footer p {
	margin:0 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:right;
}

div#topflash {
	height:560px;
	clear:both;
}

/* サイド */
div#side {
	width:230px;
	padding:20px 20px 0 20px;
	float:left;
	clear:both;
}
#sidemenu {
	margin:0 0 30px 0;
}
#sidemenu li {
	font-size:117%;
	line-height:2.5;
	border-bottom:1px solid #FFFFFF;
}
#sidemenu a {
	display:block;
	width:210px;
	padding:0 0 0 20px;
	color:#FFFFFF;
	text-decoration:none;
	background:url(../img/li_sidemenu_off.gif) no-repeat left;
}
#sidemenu a:visited {
	color:#FFFFFF;
	text-decoration:none;
	background:url(../img/li_sidemenu_off.gif) no-repeat left;
}
#sidemenu a:hover {
	color:#0094e1;
	text-decoration:none;
	background:url(../img/li_sidemenu_on.gif) no-repeat left;
}
#sidemenu a.now {
	color:#0094e1;
}
#banner li {
	margin:0 0 20px 0;
}

/* メイン */
div#main {
	float:right;
	width:690px;
	padding:0 0 20px 0;
}
div#main a:link {
	color:#0094e1;
}
div#main a:visited {
	color:#0094e1;
}
div#main a:hover {
	color:#0597b6;
	text-decoration:none;
}
.page {
	width:560px;
	padding:30px 50px 0 50px;
	margin:0 30px 10px 0;
	background:#FFFFFF;
}

.totop {
	margin:0 -50px 0 -50px;
	padding:0 10px;
	height:46px;
	text-align:right;
	background:url(../img/bg_header.gif) repeat-x bottom;
	clear:both;
}

h2 {
	width:660px;
	height:70px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
}
h2#company_o {
	background:url(../img/tittle_overview.gif) no-repeat;
}
h2#company_h {
	background:url(../img/tittle_history.gif) no-repeat;
}
h2#contacts {
	background:url(../img/tittle_contacts.gif) no-repeat;
}
h2#greeting {
	background:url(../img/tittle_greeting.gif) no-repeat;
}
h2#link {
	background:url(../img/tittle_link.gif) no-repeat;
}
h2#office {
	background:url(../img/tittle_office.gif) no-repeat;
}
h2#privacy {
	background:url(../img/tittle_privacy.gif) no-repeat;
}
h2#products {
	background:url(../img/tittle_products.gif) no-repeat;
}
h2#recruit {
	background:url(../img/tittle_recruit.gif) no-repeat;
}
h2#topics {
	background:url(../img/tittle_topics.gif) no-repeat;
}
h2#sitemap {
	background:url(../img/tittle_sitemap.gif) no-repeat;
}
h2#news {
	background:url(../img/tittle_news.gif) no-repeat;
}

h3 {
	margin:2em -20px 0.5em -20px;
	font-size:134%;
	font-weight:bold;
	text-indent:5px;
	border-bottom:2px solid #0070b1;
	clear:both;
}
h4 {
	margin:1.5em -10px 0.5em -10px;
	font-weight:bold;
	text-indent:20px;
	border-bottom:1px dotted #B2B2B2;
}
p {
	margin:0.5em 0;
}
strong {
	font-weight:bold;
}
table {
	width:100%;
	margin:0.5em 0;
}
td {
	padding:4px 4px 4px 10px;
	border-bottom:1px solid #CCCCCC;
	vertical-align:top;
	text-align:left;
}
th {
	width:30%;
	padding:4px;
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
	vertical-align:top;
	white-space:nowrap;
	background:url(../img/bg_th.gif) repeat-x bottom;
}

.formA {
	width:30%;
	padding:4px;
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
	vertical-align:top;
	white-space:nowrap;
}

div#main ul {
	margin:0.5em 0 0.5em 1.5em;
}
div#main ul li {
	margin:0.5em 0;
	list-style-image:url(../img/li_dot.gif);
}
div#main ol {
	margin:0.5em 0 0.5em 2em;
}
div#main ol li {
	margin:0.5em 0;
	list-style:decimal;
}
div#main table ul {
	margin:0 0 0 1.5em;
}
div#main table ul li {
	margin:0;
	list-style-image:none;
	list-style:disc;
}
div#main table ol {
	margin:0 0 0 2em;
}
div#main table ol li {
	margin:0;
	list-style:decimal;
}
dl {
	margin:0.5em 0 0.5em 1.5em;
}
dt {
	margin:0.5em 0 0 0;
	display:list-item;
	list-style-image:url(../img/li_dot.gif);
}
dd {
	font-size:84%;
	color:#666666;
	padding:0 0 0 20px;
}
form {
	margin:0.5em 0;
	padding:5px 10px 10px 10px;
	border:2px solid #CCCCCC;
	text-align:center;
	background:url(../img/bg_form.gif) #FDFDFD;
}
textarea {
	width:95%;
	padding:4px;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	background:#FAFAFA;
}
input {
	vertical-align:middle;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
}
input[type="text"] {
	padding:4px;
	background:#FAFAFA;
}
input[type="reset"] {
	background:#CCCCCC;
	color:#FFFFFF;
	border:solid 1px #999999;
	padding:5px;
}
input[type="submit"],
input[type="button"] {
	font-weight:bold;
	margin-left:20px;
	background:#888888;
	color:#FFFFFF;
	border:solid 1px #666666;
	padding:5px 10px;
}
input.address {
	width:8em;
	margin:0 0 2px 0;
}
.attention {
	font-size:84%;
	color:#FF3333;
	margin:0;
}
.telno {
	font-size:167%;
	font-family:Arial, Helvetica, sans-serif;
	color:#0066CC;
}
.president {
	float:right;
	font-weight:bold;
	text-align:center;
	margin:0 10px;
	padding:10px 10px 10px 10px;
	border:solid 1px #CCCCCC;
}
.clear {
	clear:both;
}
.sign {
	text-align:right;
	margin:0 -20px 0 0;
}
.productsimg {
	float:right;
	clear:both;
	margin:0 -20px 0 0;
}
.subtittle {
	text-align:right;
	margin:-2em -15px 1em 0;
	color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
}
.photo {
}
.photo img {
	margin:0 0 0 5px;
}


#maparea {
	padding:9px;
	margin:0.5em -20px 1em -20px;
	border:solid 1px #CCCCCC;
}
.office th {
	width:20%;
}
.office th a {
	padding:0 0 0 16px;
	background:url(../img/li_office.gif) no-repeat left;
}

.iframe {
	width:580px;
	height:400px;
	border:0;
	overflow:hidden;
}
#mappage {
	margin:0;
	padding:0;
	background:#FFFFFF;
}
#map {
	margin:0;
	padding:0;
	width:580px;
	height:400px;
}
div#main ul.sitemap {
	line-height:2;
	padding:0 0 1em 0;
}
div#main ul.sitemap li {
	list-style-image:url(../img/li_sitemap.gif);
}
.newsph {
	float:right;
	margin:0 10px;
	padding:10px 10px 10px 10px;
	border:solid 1px #CCCCCC;
}
.topics ul {
	line-height:2;
	padding:0 0 1em 0;
}

/* ------------------------------
基本サイズ12px
表示したいサイズ 指定する値 
10px 84% 
11px 92% 
12px 100% 
13px 109% 
14px 117% 
15px 125% 
16px 134% 
17px 142% 
18px 150% 
19px 159% 
20px 167% 
21px 175% 
22px 184% 
23px 192% 
24px 200% 
25px 209% 
26px 217% 

基本サイズ14px
表示したいサイズ 指定する値 
10px 72% 
11px 79% 
12px 86% 
13px 93% 
14px 100% 
15px 108% 
16px 115% 
17px 122% 
18px 129% 
19px 136% 
20px 143% 
21px 150% 
22px 158% 
23px 165% 
24px 172% 
25px 179% 
26px 186% 
------------------------------ */