@charset "utf-8";

/*-------------------------------------
// default
-------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, img, table, th, td, dl, dt, dd
{
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	list-style-type: none;
}

input,
textarea,
select {
	padding: 0px;
	margin: 0px;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	list-style-type: none;
}

body {
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	line-height: 153%;
	color: #666666;
	background: #EAEAEA;
}

li
{
	margin: 0 0 0 1em;
	padding: 0;
}

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

/*#XX:after
{
	content:"";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}*/


/*-------------------------------------
// layout
-------------------------------------*/
#container{
	width: 906px;
	background: url(../images/bg.jpg) repeat-y 0 0;
	margin: 0 ;
}

#container a{ color: #2585CB;}
#container a:visited{ color: #2585CB;}
#container a:hover{	color: #FF6600; }

/*-------------------------------------
// header
-------------------------------------*/
#header {
	height: 102px;
	background: url(../images/header_bg.jpg) no-repeat 0 0;
	margin: 0 13px;
	position: relative;
}
#header #logo {
	position: absolute;
	top: 14px;
	left: 22px;
}

#header #corpName {
	position: absolute;
	top: 17px;
	left: 103px;
}

#header #headLine {
	position: absolute;
	top: 37px;
	left: 105px;
	font-size: 16px;
	color: #ffffff;
	line-height: 1.4em;
}

#header ul {
	float: right;
	margin: 70px 10px 0 0;
}

#header ul li{
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 16px;
	background: url(../images/arrow_01.gif) no-repeat 0 3px;
	color: #ffffff;
}

#container #header a{ color: #ffffff;}
#container #header a:visited{ color: #ffffff;}
#container #header a:hover{	color: #FF6600; }

/*-------------------------------------
// globalNavigation
-------------------------------------*/
#globalNavigation {
	margin: 0 13px;
	clear: both;
}

#globalNavigation li {
	margin: 0;
	padding: 0;
	float: left;
}
/*-------------------------------------
// footer
-------------------------------------*/
#footer {
	background: url(../images/footer_bg.jpg)  no-repeat 0 0 #EAEAEA;
	height: 106px;
	padding-bottom: 0;
	border-top: solid 1px #cccccc;
	clear: both;
}

#footer ul li {
	float: left ;
	margin: 0 10px 0 0;
	padding: 0 0 0 20px;
	background: url(../images/arrow_01.gif) no-repeat 0 3px;
	display: inline;
}

#footer ul {
	float: right;
	display: inline;
	margin: 30px 10px 0 0;
}

#footer #copyright {
	clear: both;
	text-align: right;
	padding: 10px 0 0 0;
	margin: 0 20px 30px 0;
}

/*-------------------------------------
// pageList
-------------------------------------*/
#pageList {
	margin: 10px 0 10px 13px;
	background: url(../images/dot_01.gif) repeat-x 0 bottom;
	padding: 0 0 10px 0;
	width: 880px;
}
#pageList li{
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 15px;
	background: url(../images/arrow_06.gif) no-repeat 0 5px;
	display: inline;
}

#pageList li.top{
	background: none;
	padding: 0;
}

/*-------------------------------------
//contentsLayout
-------------------------------------*/
#contentsLayout {
	margin: 20px 13px;
	height: 100%;
}

#contents {
	margin: 20px 0 0 0;
	float: left;
	width: 600px;
}

/*-------------------------------------
// sideContetns
-------------------------------------*/
#sideContents {
	margin: 20px 0 0 0;
	width: 200px;
	float: left;
	display: none;
}

/*-------------------------------------
// sideContetns
-------------------------------------*/
#localNavi li{
	background: url(../images/localnavi_bg.jpg) no-repeat 0 0;
	margin: 0 0 1px 0;
	padding: 6px 0 0 28px;
	height: 24px;
}


/*-------------------------------------
// tableStyle
-------------------------------------*/

/*-------------------------------------
// list
-------------------------------------*/
.productList li{
	width: 189px;
	background: url(../images/productlist_bg.jpg) repeat-x 0 bottom;
	margin: 15px 15px 0 0px;
	padding: 10px;
	float: left;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}

.productList li img {
	float: left;
	margin-right: 10px;
}

.productList li.last {
	margin-right: 0px;
}

.productList h3 {
	font-size: 14px;
	color: #663300;
	font-weight: 600;
}

.productList h3.t10 { font-size:10px;}
.productList h3.t12 { font-size:12px;}

.listStyle1 li{
	margin: 0;
	padding: 0 0 0 8px;
	background: url(../images/arrow_02.gif) no-repeat 0 5px;
	color: #990000;
}


.listStyle2 li{
	margin: 0;
	padding: 0 0 0 8px;
	background: url(../images/arrow_07.gif) no-repeat 0 5px;
}

.listStyle3 li{
	margin: 0;
	padding: 0 0 0 15px;
	background: url(../images/arrow_08.jpg) no-repeat 0 4px;
}

/*-------------------------------------
// text
-------------------------------------*/
.pageTop {
	clear: both;
	margin: 20px 0;
	background: url(../images/arrow_05.gif) no-repeat 0 2px;
	padding: 0 0 0 21px;
	float: right;
}

.linkText1 {
	float: right;
	background: url(../images/arrow_04.gif) no-repeat 0 1px;
	padding: 0 0 0 22px;
	margin: 10px 0 0 0;
}

.red {
	color: #ff0000;
}
.border {
	border: solid 1px #cccccc;
	padding: 2px;
}
.bold {
	font-weight: bold;
}
.t14 { font-size: 14px;}
.t16 { font-size: 16px;}
.t18 { font-size: 18px;}
.t20 { font-size: 20px;}
.caption1 {
	background: url(../images/caption_01.jpg) no-repeat 0 0;
	padding: 7px 0 5px 15px;
	height: 20px;
	min-height: 20px;
	font-size: 14px;
	color: #333333;
	clear: both;
}

.caption2 {
	background: url(../images/caption_02.jpg) no-repeat 0 0;
	padding: 6px 0 5px 15px;
	height: 20px;
	min-height: 20px;
	font-size: 18px;
	color: #333333;
	clear: both;
	font-weight: 600;
}

.caption3 {
	background: url(../images/caption_03.jpg) no-repeat 0 0;
	padding: 1px 0 5px 23px;
	height: 20px;
	min-height: 20px;
	font-size: 14px;
	color: #333333;
	clear: both;
	font-weight: 400;
}

#container a.nameLink {
	text-decoration: none;
	color: #666666;
}

#container a.nameLink:hover {
	text-decoration: none;
	color: #666666;
}

#container a.nameLink:visited {
	text-decoration: none;
	color: #666666;
}

.normal
{
	font-weight: 400;
}



.pictRight
{
	float: right;
	padding: 2px;
	border: solid 1px #cccccc;
	margin: 0 0 0 10px;
}

.pictLeft
{
	float: left;
	padding: 2px;
	border: solid 1px #cccccc;
	margin: 0 0 0 10px;
}

.pictRightNoBorder
{
	float: right;
	margin: 0 0 0 10px;
}

.pictLeftNoBorder
{
	float: left;
	margin: 0 0 0 10px;
}
.textRight
{
	text-align: right;
}

.textIndent
{
	text-indent: -1em;
	padding-left: 1em;
}

.textIndent2
{
	text-indent: -1.7em;
	padding-left: 1.7em;
}

.textIndent3
{
	text-indent: -0.7em;
	padding-left: 0.7em;
}

.floatClear
{
	clear: both;
}

.floatRight
{
	float: right;
}

.floatLeft
{
	float: left;
}

.center
{
	text-align: center;
}

.t14{ font-size: 14px;}
.t16{ font-size: 16px;}
.t18{ font-size: 18px;}

.mrT1 {	margin-top: 1em;}
.mrT2 {	margin-top: 2em;}
.mrT3 {	margin-top: 3em;}
.mrT4 {	margin-top: 4em;}
.mrT5 {	margin-top: 5em;}
.mrT10px { margin-top: 10px;}
.mrT5px { margin-top: 5px;}

.mrR1 {	margin-right: 1em;}
.mrR2 {	margin-right: 2em;}
.mrR3 {	margin-right: 3em;}
.mrR4 {	margin-right: 4em;}
.mrR5 {	margin-right: 5em;}

.mrL1 {	margin-left: 1em;}
.mrL2 {	margin-left: 2em;}
.mrL3 {	margin-left: 3em;}
.mrL4 {	margin-left: 4em;}
.mrL5 {	margin-left: 5em;}
.mrL10px { margin-left: 10px;}

.mrB1 { margin-bottom: 1em;}
.mrB2 { margin-bottom: 2em;}
.mrB3 { margin-bottom: 3em;}
.mrB4 { margin-bottom: 4em;}
.mrB5 { margin-bottom: 5em;}

.mrB10px{ margin-bottom: 10px;}
.pdB10px { padding-bottom: 10px;}

/*-------------------------------------
// NA[tBbNX
-------------------------------------*/
/* _uEUiFirefox Opera Safarij΍ */
.clearFix:after,
#footer:after,
#globalNavigation:after,
#pageList:after,
#contentsLayout:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* WinIE7MacIE5΍ */
.clearFix,
#footer,
#globalNavigation,
#pageList,
#contentsLayout{
   display:inline-block;
}

/* WinIE56΍ */
/* Hides from IE-mac \*/
* html .clearFix,
* html #footer,
* html #globalNavigation,
* html #pageList,
* html #contentsLayout{
	height:1px;
}

.clearFix,
#footer,
#globalNavigation,
#pageList,
#contentsLayout{
   display:block;
}
/* End hide from IE-mac */
