@charset "utf-8";

body {
  font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,Osaka ,"ＭＳ Ｐゴシック" , sans-serif;
  margin: 0;
  padding: 0;
  background: url(../images/common/bg-body.jpg);
  font-size: 12px;
  line-height: 1.5;
}

a {
	color: #003399;
	text-decoration: none;
}

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

h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,form ,caption {
  font-size: 1;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

/* .float clear class */
.clear-fix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .clear-fix {
	display: inline-block;
}
/* no ie mac \*/
* html .clear-fix {
	height: 1%;
}
.clear-fix {
	display: block;
	min-height: 0;
}
/**/
.clear{
	clear:both;
}

/*--------------------------------------
　共通
---------------------------------------*/

.section{
margin-bottom:10px;
}

.left{
float:left;
margin-right:10px;
}
/*--------------------------------------
　container
---------------------------------------*/


#container{
	background: url(../images/common/bg_top.jpg) repeat-x left top;
	width: 100%;
}

#container-inner{
	margin: 0 auto;
	background: url(../images/common/bg-contents.gif) repeat-y left top;
	width: 751px;
	padding-left: 1px;
}


/*--------------------------------------
　header
---------------------------------------*/

#header{
background-color:#D6CDAE;
width:750px;
height:296px;
}

#header h1{
position:relative;
}

#header h1 span{
position: absolute;
bottom: 5px;
right: 5px;
}

* html #header h1 span{
top:0px;
}

#header .headimg{
	border-top: 3px solid #34241A;
}

/*hallnavi*/

#header #hallnavi{
	margin: 0;
	padding: 0;
}

#header #hallnavi li{
	list-style: none;
  margin: 0;
  padding: 0;
}
ul#dd {
margin:0;
padding:0;
}
#dd .mainmenu {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
 	border-top: 1px solid #35241A;
	border-bottom: 3px solid #35241A;
}
#dd .mainmenu a.menu {
  display: block;
  text-align: center;
  padding:0;
  margin:0;
  text-decoration: none;
}
#dd .mainmenu a.menu:hover {
}
.submenu {
visibility:hidden;
	position: absolute;
	z-index: 3;
	background: url(../images/common/pulldown_bg.png) no-repeat left bottom;
	width:240px;
}
* html .submenu {
	background: url(../images/common/pulldown_bg.gif) no-repeat left bottom;
}

#dd .submenu ul{
	margin:0px;
	padding:7px 10px 10px;
	background: url(../images/common/pulldown_top.png) no-repeat left top;
}
* html #dd .submenu ul{
	background: url(../images/common/pulldown_top.gif) no-repeat left top;
}


#dd .submenu li{
	list-style: none;
	margin-right: 20px;
	margin-left: 10px;
	padding-left:15px;
	background: url(../images/common/line_01.jpg) no-repeat 10px bottom;
	padding-bottom: 3px;
}
#dd .submenu li a{
	color: #333333;
	text-decoration: none;
}

#dd .submenu li a:hover{
background:url(../images/common/pd_hover.jpg) no-repeat left 6px;
color:#006699;
}

#dd .submenu .last{
background:none;
}
.submenu a {
	display: block;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 3px;
	background: url(/img/common/menu/pulldown/arrow.gif) no-repeat 2px 8px;
	padding-left:11px;
}
.submenu a:hover {
	background: url(/img/common/menu/pulldown/arrow_over.gif) no-repeat 2px 8px;
	text-decoration: none;
}
/*--------------------------------------
　contents
---------------------------------------*/
#contents{
	background: #FFFFFF;
width:750px;
}

#contents #main{
padding: 15px 10px 5px 15px;
width:530px;
float:left;
}

#contents #side{
float:right;
width:190px;
background:url(../images/side/side_bg.jpg) no-repeat left bottom;
margin-top:10px;
padding-bottom:5px;
padding-right:5px
}

/*--------------------------------------
　side
---------------------------------------*/
/*お問い合わせ*/
#side #contact{
background:url(../images/side/side_bg_top.jpg) no-repeat left top;
padding-top:12px;
text-align:center;
/*padding-bottom:10px;*/
}

/*メニュー*/
#side #menu{
background:url(../images/side/side_menu_bg.jpg) no-repeat left bottom;
padding-bottom:10px;
width:160px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

#side #menu ul{
margin: 0px;
padding: 5px 10px 0px;
list-style:none;
}

#side #menu li{
	padding-left:22px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background:url(../images/side/list_01.jpg) no-repeat 2px 4px;
	border-bottom: 1px dotted #003399;
}
/*
#cradle #side #menu li{
	background:url(../images/side/list_01.jpg) no-repeat 2px 4px;
	border-bottom: 1px dotted #003399;
}

#reception #side #menu li{
	background:url(../images/side/list_01_g.jpg) no-repeat 2px 4px;
	border-bottom: 1px dotted #006666;
}
*/
#side #menu li.last{
	border: none;
	margin-bottom: 5px;
	padding-bottom: 0px;
}

#side #menu li a{
color:#000033;
}

#side #menu li a:hover{
color:#003399;
}

/*用途別*/
#side #usemenu{
background:url(../images/side/side_use_bg.jpg) no-repeat left bottom;
width:170px;
margin: 3px auto 5px;
padding-bottom:20px;
}

#side #usemenu dl{
margin:5px auto;
padding:0;
width:140px;
}

#side #usemenu dl dt{
text-align:center;
font-weight:bold;
margin-bottom:5px;
}

#side #usemenu dl dd{
margin:0;
padding:0;
text-align:left;
font-size:11px;
}

#side #usemenu ul{
	margin:5px auto;
	padding:0 0 10px;
	width:140px;
	list-style:none;
	border-bottom: 1px dotted #CCCCCC;
}

#use #side #usemenu ul{
	margin:5px auto;
	padding:0 0 10px;
	width:140px;
	list-style:none;
	border-bottom: none;
}

#side #usemenu li{
background:url(../images/common/list_02.jpg) no-repeat left 2px;
padding-left:20px;
margin-bottom:3px;
font-size:12px;
}

#side #usemenu p.btn_more{
text-align:right;
margin: 10px 20px 5px auto;
padding:0px;
}

/*--------------------------------------
　TOP
---------------------------------------*/
.index #contents #main h2{
margin-bottom:10px;
}

.index #contents #main .topimg{
margin-bottom:10px;
}

.index #contents #scroll{
background:url(../images/index/scroll_bg.jpg) no-repeat left top;
width:720px;
height:155px;
margin-top:10px;
margin-left:15px;
margin-bottom:20px;
clear:both;
padding-top:20px;
}
.index #contents ul#scroll_menu{
height:110px;
overflow:hidden;
list-style:none;
margin-top:0px;
margin-bottom:0px;
}
.index #contents #scroll_menu li{
float:left;
margin-right:10px;
}

.index #contents #scroll p.btn_more{
text-align:right;
margin: 13px 25px 0px auto;
padding:0px;
width:63px;
}


/*--------------------------------------
　footer
---------------------------------------*/

#footer{
background:url(../images/common/bg-footer.jpg) repeat-x left bottom;
clear:both;
}

#footer-inner{
	margin: 0 auto;
	background:#FFFFFF url(../images/common/bg-contents.gif) repeat-y left top;
	width: 751px;
	padding-left: 1px;
}

#footer ul{
margin: 0px 0px 15px;
padding: 23px 0px 0px 15px;
background: url(../images/common/bg-navi-foot.jpg) no-repeat left top;
list-style:none;
}

#footer li {
background: url(../images/common/line-navi-foot.gif) no-repeat right center;
color:#990000;
display:inline;
padding-right:15px;
}
#footer li a {
background: url(../images/common/i-arrow-1.gif) no-repeat left 2px;
padding-left:12px;
color:#990000;
}
#footer li.end {
background: none;
}