@charset "UTF-8";

/*-----------------------------------------------
tag redefinition
-----------------------------------------------*/
* {
	margin: 0; 
	padding: 0;
	font-size: 12px;
}

body {
  line-height: 1.6em;
  color: #333333;
  background-color: #ebebeb;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;  
}

*html body {
	letter-spacing: 1px;
  
}

ul,ol,dl,dd,li {
	list-style: none;
}

img,a {
	border: none;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
  font-size: 100%;
}

hr {
  display: none;
}

/* clearfix
-------------------------------------------------------------*/
#wrap #gnavi ul,
#wrap #gnavi2 ul,
.column1Box,
.column2Box,
.column3Box,
#footer:after {
    zoom:1;/*for IE 5.5-7*/
}
#wrap #gnavi ul:after,
#wrap #gnavi2 ul:after,
.column1Box:after,
.column2Box:after,
.column3Box:after,
 #footer:after {/*for modern browser*/
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* 回り込み解除設定 */
#header, #gnavi, #gnavi2, .column1Box, .column2Box, .column3Box, #footer {
  clear: both;
}

/* ---------- バグ回避 ----------- */
.column1Box img,
.column2Box img,
.column3Box img,
#header img, {
  position: relative;
}

html[lang^="ja"] #sidenavi {
  margin-top: 0;
}

/* 
------------------------------------------------------------*/
a:link {
	text-decoration: none;
	color: #2248A7;
}
a:visited {
	text-decoration: none;
	color: #5722a7;
}
a:hover,
a:visited:hover {
	text-decoration: underline;
	color: #2248A7;
}
a:active {
	text-decoration: underline;
}

/* for wrap
-------------------------------------------------------------*/
#wrap {
	background-color: #ebebeb;
	margin: 0 auto;
	padding: 0 15px;
	width: 882px;
}

#container {
	background-color: #ffffff;
	width: 882px;
	text-align: left;
	padding-bottom: 20px;
}

/* for header
-------------------------------------------------------------*/
#wrap #header {
	border-top: 1px solid #ff7700;
}

#wrap #headerL {
	width: 673px;
	float: left;
	padding: 10px 0;
	background: url(../../images/shared/header_btn03.gif) no-repeat right top;
}
#wrap #headerL #logo {
	float: left;
	margin-left: 9px;
}
#wrap #headerL #txt {
	width: 546px;
	float: right;
	margin-top: 12px;
	color: #484228;
	font-size: 11px;
}

* html #wrap #headerL #txt {/*for IE6*/
	width: 536px;
	float: right;
	margin-top: 12px;
	color: #484228;
	font-size: 11px;
}

#wrap #headerR {
	width: 199px;
	float: right;
	padding-top: 5px;
	
}
#wrap #headerR .btn {
	width: 97px;
	float: left;
}

/* for gnavi
-------------------------------------------------------------*/
#wrap #gnavi {
	background: #ff7700;
	height: 40px;
	font-size: 11px;
}

#gnavi li {
	float: left;
	width: 110px;
	text-align:center;
}

#gnavi li#first {
	width: 111px;

}
#gnavi li#last {
	width: 111px;
}

#gnavi li a:link,
#gnavi li a:visited  {
	text-decoration: none;
	height: 40px;
	display: block;
}

#gnavi li a:hover,
#gnavi li a:visited:hover {
	text-decoration: none;
	background: #ff9000;
}
#gnavi li a:active {
	text-decoration: none;
}

#gnavi li a#gnaviact {
	text-decoration: none;
	background: #ff9000;
}

/* for topix path, pagetop
-------------------------------------------------------------*/
.path {
	font-size: 11px;
	margin-top: 5px;
	margin-right: 20px;
	text-align: right;
	color: #999999;
}

.path a {
	text-decoration: none;
}

.pagetop {
	clear: both;
	text-align: right;
	padding-top: 20px;
}

.pagetop a:link {
	text-decoration: underline;
}

.bannerbox {
	margin-top: 10px;
	clear: both;
}

/* for mainContent
-------------------------------------------------------------*/
#mainContent {
	margin-top: 10px;
	padding: 0 20px;
}

.column1Box {
	
}

.column2Box {
	overflow: hidden;
	clear: both;
}
* html .column2Box {
	overflow: hidden;
	clear: both;
}

.contentL {
	width: 190px;
	float: left;
}

.contentR {
	width: 622px;
	float: right;
}

/* for sidenavi
-------------------------------------------------------------*/

#sidenavi {
  left: 0;
  font-size: 90%;
  right: auto;
  padding-top: 0;
  padding-bottom: 0;
  z-index: 1;
}

#sidenavi p {
	font-size: 100%;
	color: #111111;
	margin-bottom: 20px;
}

/*---------- for ul*/
#sidenavi ul {
    margin-bottom: 15px;
}

#sidenavi ul li {
	border-bottom: 1px dotted #cccccc;
}

#sidenavi ul li#top {
	border-top: 1px dotted #cccccc;
}

#sidenavi ul li a {
	display: block;
	background: #fff url(../../images/shared/orange_arrow.gif) no-repeat 5px 50%;
	padding: 3px 0px 3px 17px;
	color: #333333;
	text-decoration: none;
}

#sidenavi ul li a:hover {
	background-color: #ffeee3;
	color: #111111;
	display: block;
	text-decoration: none;
}

#sidenavi ul li.act a {
	color: #ff6600;
}

/*---------- for dl*/
#sidenavi dl {
    margin-bottom: 15px;
}

#sidenavi dl dt {
	border-bottom: 1px dotted #cccccc;
	padding: 3px 0px 3px 5px;
	color: #333333;
	font-weight: bold;
}

#sidenavi dl dt#top {
	border-top: 1px dotted #cccccc;
	background: #f8d9bd;
}
#sidenavi dl dt#two {
	border-top: 1px dotted #cccccc;
	background: #e6d7f0;
}
#sidenavi dl dt#three {
	border-top: 1px dotted #cccccc;
	background: #d0e5f8;
}

#sidenavi dl dd {
	border-bottom: 1px dotted #cccccc;
}

#sidenavi dl dd#top {
	border-top: 1px dotted #cccccc;
}

#sidenavi dl dd a {
	display: block;
	background: #fff url(../../images/shared/orange_arrow.gif) no-repeat 5px 50%;
	padding: 3px 0px 3px 17px;
	color: #333333;
	text-decoration: none;
}

#sidenavi dl dd a:hover {
	background-color: #ffeee3;
	color: #111111;
	display: block;
	text-decoration: none;
}
#sidenavi dl dd.two a:hover {
	background-color: #f7edff;
	color: #111111;
	display: block;
	text-decoration: none;
}
#sidenavi dl dd.three a:hover {
	background-color: #ecf6ff;
	color: #111111;
	display: block;
	text-decoration: none;
}

#sidenavi dl dd.act a {
	color: #ff6600;
}

/* for footer
-------------------------------------------------------------*/
#footer {
	height: 26px;
	margin-top: 20px;
	border-top: 2px solid #ff7700;
	padding: 0 5px;
	clear: both;
}

#footer ul {
   width: 450px;
   float: left;
}

#footer ul li {
	float: left;
	color: #666666;
	border-left: 1px dotted #CCCCCC;
	padding: 0 5px;
	font-size: 11px;
}

#footer ul li a {
	color: #666666;
}

#footer ul li a:hover {
	background: #ffeee3;
	color: #333333;
}

#footer address {
	width: 330px;
	float: right;
	text-align: right;
	color: #666666;
	font-size: 11px;
	font-style: normal;
}

#gotop {
	text-align: right;
	padding-right: 10px;
	width: 870px;
}
#gotop a {
	font-size: 10px;
}
* html #gotop {
	text-align: right;
	width: 880px;
}
* html #gotop a {
	font-size: 9px;
}

*:first-child+html #gotop a {
	font-size: 9px;
}

/*-------------------------------------------------------------*/
.clear {
	clear: both;
	overflow: hidden;
}