@charset "utf-8";
/*----------------------------------------
Name: layout.css
Date Created:2013/02/22 [t.sato]
Last Updated:2013/02/22 [t.sato]
----------------------------------------*/

body {
	background:#D7F4FF url(../img/common/body_bg01.png) top center no-repeat;
}
#wrapper{
 margin: 0 auto;
 width: 900px;
}
#leftColumn{
	width:233px;
	float:left;
}
#mainColumn{
	width:580px;
	float:right;
}
#footer{
	clear:both;
}


/* header
----------------------------------------*/
#header {
	background:url(../img/common/header_bg.png) 0 0 no-repeat;
	height:86px;
}
#header .siteName {
	padding:25px 20px 0;
}

/* globalNav
----------------------------------------*/
#globalNav {
	background:url(../img/common/header_bg02.png) left bottom no-repeat;
	padding-bottom:10px;
}
#globalNav li{
	float:left;
	width:180px;
  position: relative;
}

#nav li a {
	display:block; 
	height:23px;
	text-decoration:none; 
}

#nav a.globalNav01 {background:url(../img/common/globalnav_01.png) 0 0 no-repeat;	text-indent:-9999px;}
#nav a.globalNav02 {background:url(../img/common/globalnav_02.png) 0 0 no-repeat;	text-indent:-9999px;}
#nav a.globalNav03 {background:url(../img/common/globalnav_03.png) 0 0 no-repeat;	text-indent:-9999px;}
#nav a.globalNav04 {background:url(../img/common/globalnav_04.png) 0 0 no-repeat;	text-indent:-9999px;}
#nav a.globalNav05 {background:url(../img/common/globalnav_05.png) 0 0 no-repeat;	text-indent:-9999px;}
#nav a.globalNav06 {background:url(../img/common/globalnav_06.png) 0 0 no-repeat;	text-indent:-9999px;}
#nav li a:hover {
	background-position:0 -23px;
}

#nav {
  z-index: 100;
  position: relative;
}
#nav ul {
  list-style: none;
  margin: 0;
  width: 100px;
  position: absolute;
  top: -999em;
}
#nav li:hover ul,
#nav li.sfHover ul {
  top: 23px;
}
#nav li li {
  position: relative;
	background:#86D8FF;
	opacity:0.95;
	filter:alpha(opacity=95);
}
#nav li li a {
  display: block;
	color:#333;
	background:url(../img/common/arrow_01.png) 11px center no-repeat;
	padding:7px 0 0 22px;
	border-bottom:1px dashed #FFF;
}
#nav li:hover {
	background:#C3ECFF;
	opacity:0.9;
	filter:alpha(opacity=90);
}
#nav li li a:hover {
	background-position: 11px center;
}


/* leftColumn
----------------------------------------*/
#sideNav {
	margin-bottom:10px;
}
#sideNav li a {
	display:block;
	vertical-align:top;
	height:80px;
	text-indent:-9999px;
	background-position:-234px 0;
	background-repeat:no-repeat;
}
#sideNav li.sideNavekenko a {background-image:url(../img/common/sidenav_ekenko.png); margin-top: 10px;}
#sideNav li.sideNav01 a {background-image:url(../img/common/sidenav_01.png);}
#sideNav li.sideNav02 a {background-image:url(../img/common/sidenav_02.png);}
#sideNav li.sideNav03 a {background-image:url(../img/common/sidenav_03.png);}
#sideNav li.sideNav04 a {background-image:url(../img/common/sidenav_04.png); padding-bottom: 8px;}

#sideNav li a:hover {
	background-position:1px 1px;
}
#sideNav li.sideNavekenko  {padding-bottom:10px;}


#storeList {
	width:225px;
	margin:0 auto;
	border-bottom:4px solid #0060B9;
}
#storeList .inner {
	padding:7px 12px 3px;
	border-color:#0060B9;
	border-style:solid;
	border-width:1px 	4px 0 4px;
	background-color:#F7F7F7;
}
#storeList h3 {
	font-weight:bold;
	padding-bottom:3px;
}
#storeList p {
	padding-bottom:3px;
}

/* contents
----------------------------------------*/

.contents {
	padding:10px 30px 30px 20px;
	background:#FFF;
	border-left:1px solid #E1E1E1;
	border-right:1px solid #E1E1E1;
}
.under #mainColumn {
	width:585px;
	margin-top:3px;
}
.under h1 {
	margin-bottom:30px;
}
.contents .textBox01 {
	padding:0 30px 20px;
	line-height:1.7;
}
.contents .textBox02 {
	padding:0 30px 20px;
	line-height:1.8;
}
.contents .textBox03 {
	padding:0 30px 20px;
	line-height:1.6;
}
.contents .textBox04 {
	padding:0 30px 20px;
	line-height:1.9;
}





/* footer
----------------------------------------*/
#footer {
	background:#FFF url(../img/common/footer_bg.png) 0 0 repeat-x;
	height:88px;
}
#footer .copyrignt{
	padding-top:25px;
	font-size:10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}


/* clearfix
----------------------------*/
#footer:after,
.contents:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#footer,
.contents {	display: inline-block; }

/* \*/
* html #footer,
* html .contents { height: 1%; }

#footer,
.contents
 { display: block; }
/* */