﻿* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, Verdana, Arial;
	font-size:12px;
	line-height:16px;
	color:#333333;
	background:url(/common/images/bg.gif) repeat-x left top;
}

#home {
	background:url(/images/bg_home.jpg) repeat-x left top;
}

#map {
	background:url(/common/images/bg_home.gif) repeat-x left top;
}

img {
	border: 0;
	vertical-align: bottom;
}

a:link {color: #333333;text-decoration: underline;}
a:visited {color: #333333;text-decoration: underline;}
a:hover {color: #CC0000;text-decoration: none;}
a:active {color: #CC0000;text-decoration: none;}

.body {
	width:100%;
	text-align:center;
}

.wrapper {
	width:800px;
	text-align:left;
	margin:0 auto;
	padding:0;
	clear:both;
}

.container {
	width:100%;
	padding:5px;
	margin:0px 5px 0px 5px;
}


/** ヘッダ関連 **/

.header {
	width:800px;
}

.inquiry {
	float:right;
	margin: 5px 15px 0px 0px;
}

.sitemap {
	float:right;
	margin: 5px 0px 0px 0px
}

.clear {
	clear:both;
}

/** Row1 menu **/

#headLink {display:block; width:800px; height:100px; background:url(/common/images/hdrtop_bg.jpg) no-repeat;}
#row1 {width:100%;height: 23px; clear:both;}
#row1 #hdrCopy{float:left;}
#row1 #hdrCopy h1{padding:2px 10px; margin:0; font-size: 8pt;color: #999999; font-weight:normal;}
#row1 .topSubmenu {float: right;width: 100px;height: 20px;}
#row1 .topSubmenu a{text-decoration: none; display:block;padding:2px 0px 0px 5px;border-left: 1px solid #CCCCCC;}
#row1 .topSubmenuHome {float: right;height: 20px;width: 88px;padding: 2px 10px 0px 2px;text-align:right;}

/** ヘッダ **/

#header {
     height: 77px;
     margin: 0px;
}
 
/*-- __Global Navigation --*/

#header ul li {
     float: left;
		 list-style-type: none;
}

#header ul {
     width: 300px;
     height: 77px;
}

#header ul li a {
     display: block;
     width: 100px;
     height: 77px;
     text-indent: -9999px;
     font-size: 0;
     line-height: 0;
}

#header ul li.navi_home a {background: url(/common/images/btn_st01.gif) no-repeat left bottom;}
#header ul li.navi_home a.hover {background: url(/common/images/btn_st03.gif) no-repeat left bottom;}
#header ul li.navi_home a:hover {background: url(/common/images/btn_st03.gif) no-repeat left bottom;}

#header ul li.navi_products a {background: url(/common/images/btn_co01.gif) no-repeat left bottom;}
#header ul li.navi_products a.hover {background: url(/common/images/btn_co03.gif) no-repeat left bottom;}
#header ul li.navi_products a:hover {background: url(/common/images/btn_co03.gif) no-repeat left bottom;}

/** Row2 Navigation Menu **/

#row2 {width:100%;height: 77px; clear:both; background-image:url(/common/images/uline.gif); background-repeat:no-repeat;}
#row2 .naviCol1 {float:left;width:200px;}
#row2 .naviCol2 {float:left;width:300px;}
#row2 .naviCol3 {float:left;width:100px;}
#row2 .naviCol4 {float:left;width:190px;padding-top:50px;}
#row2 .naviCol4 div {padding-left:80px;}

#row2 .naviCol1 img{margin:15px 0px 0px 10px;}


/** 見出し関連 **/

h1{display: inline; margin:0px;}

h2 {
	background-color:#CC0000;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	clear:both;
	height:25px;
	text-align:left;
	padding:0px;
}

h3 {font-size:14px;}

h2.smap {
	background-color:#AE0B13;
	color:#FFFFFF;
	font-size:14px;
	clear:both;
	padding: 0px 0px 0px 30px;
	line-height:1.2em;
	margin-bottom:10px;
}

h3.smap {
	background-color:#999999;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	padding: 0px 0px 0px 15px;
	margin-bottom:10px;
}

.ttl {
	background-color:#CC0000;
	clear:both;
	height:25px;
	padding: 0px 0px 0px 15px;
	margin:0px auto;
	width:785px;
	text-align:left;
}

/** Footer **/

#groupLink {clear:both; color:#999999; clear:both; font-size:6.75pt; line-height:140%; padding-bottom:10px; margin-top:30px;}
#groupLink .txtBox {background-color:#DCDCDC; padding:5px 10px;}
#groupLink .txtBoxG {padding:5px 0px; margin-left:10px; font-size:6.37pt;}
#groupLink a:link {color: #999999; text-decoration: none;}
#groupLink a:visited {color: #999999; text-decoration: none;}
#groupLink a:hover {color: #CC0000; text-decoration: underline;}
#groupLink a:active {color: #CC0000; text-decoration: underline;}

#fContainer {width:100%; border-top: 1px solid #DDDDDD; clear: both; color: #CCCCCC; line-height:140%; text-align:center;}
#footer {width:800px; margin:0 auto; padding:0; text-align:left;}
#fLinks {float:left; text-align:left;}
#fCopy {float:right; text-align:right;}
#fContainer a:link {color: #999999; text-decoration: none;}
#fContainer a:visited {color: #999999; text-decoration: none;}
#fContainer a:hover {color: #CC0000; text-decoration: underline;}
#fContainer a:active {color: #CC0000; text-decoration: underline;}
.footerCol {margin:0; padding:5px 10px 10px 10px; font-size:10px;}
.fCopyCol {margin:0; padding:5px 10px 10px 10px; color:#999999; clear:both;font-size:8pt}
.fright {text-align:right; padding-right:20px;}

/** リスト **/

#info ul {
	margin: 0px 0px 0px 5px;
	list-style:none;
}

ul.smap {
	margin: 0px 0px 0px 15px;
	list-style:square;
}

#info ul li {
	clear:both;
	margin:5px 0px;
}

/** フォント関連 **/
.attention {
	font-size:10px;
}

.red {
	color:#FF0000;
}

/** 角丸テーブル **/

div.box1{
	background: #FEF1C8 url(/common/images/kadomaru_right.gif) no-repeat right bottom;
	width: 36em;
	margin: 0px;
	padding: 0px;
}

div.box2{
	background: #FEF1C8 url(/common/images/kadomaru_right.gif) no-repeat right bottom;
	width: 24em;
	margin: 0px;
	padding: 0px;
}

div.box p {
	background: url(/common/images/kadomaru_left.gif) no-repeat left bottom;
	margin: 0px;
	padding: 0px 10px;
}

.end {
	background: url(/common/images/kadomaru_left.gif) no-repeat left bottom;
	margin: 0px;
	padding: 0px 10px;
}

div.boxHead {
	background: url(/common/images/kadomaru_right.gif) no-repeat right top;
	margin: 0px 0px 10px;
	padding: 0px;
}

div.boxHead h2 {
	background: url(/common/images/kadomaru_left.gif) no-repeat left top;
	text-align: center;
	margin: 0px;
	padding: 5px 0px;
	color:#333333;
}

.wrap {padding: 0px 0px 10px 10px;}
