@charset "shift_jis"; 

/************************************************/
/*  Application all                             */
/************************************************/

html,body{
	text-align:left;
	font-family:"メイリオ","meiryo",Verdana,Arial,Sans-serif,"ＭＳ Ｐゴシック","Osaka";
	font-size:small;
	margin:0;
	padding:0;
}

body{
  background:url(../img/back_footer01.jpg) 0 100% repeat-x;
}

table{
  text-align:left;
  font-size:small;
}

A{text-decoration:none;}
A:link,
A:visited{color:#03c;}
A:hover{color:#9d0;}


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

h1,h2,h3,h4,h5,h6{
  font-size:small;
  margin:0;
}

form{
  padding:0;
  margin:0;
}

p{
  padding:0;
  margin:0;
}

hr{
  height:1px;
  padding:0;
  margin:0;
  border:0;
}

address,em{
  font-style:normal;
}

.clear{
  clear:both;
  font:normal 1px monospace;
}

.alt{
  display:none;
}



/************************************************/
/*  Flame layout                                */
/************************************************/

#container{
  width:100%;
  height:100%;
  background:url(../img/back_header01.jpg) 0 0 repeat-x;
}

#header{
	text-align:left;
	color:#533;
	width:830px;
	height:120px;
	padding:0 0px;
	margin:0 auto;
	background:url(../img/back_header02.jpg) 50% 0 no-repeat;
}
#container #bodywrap {
	height:100%;
	background-image: url(../img/main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#body{
	width:830px;
	height:100%;
	margin:0 auto;
	background-repeat: repeat-y;
	background-position: 0 0;
}

 /*IE7のみ適用*/  
 *+html body { padding-left: 1px; }  
 /*IE6以前のみ適用*/  
 * html body { padding-left: 1px; } 


/*左右振分包括allpage適用*/
#body div#contents{
	height:100%;
	text-align:left;
	padding:0 30px;
}
/*Topページのみ適用左右振分*/
#body div#contents div#section{
	float:left;
	width:520px;
	height:100%;
	padding:15px 0 0 0;
}
#body div#contents div#side{
	float:right;
	text-align:center;
	width:230px;
	height:100%;
	padding:15px 0 0 0;
	background:url(../img/back_side02.gif) 0 0 no-repeat;
}

/*Topページ以外適用*/
#contentbody{
	width:830px;
	margin:0 auto;
}
#container #contentbodywrap {
	background-image: url(../img/back_body_02.jpg);
	_paddimg-left: 1px;
	background-repeat: no-repeat;
	background-position: center top;
}

#container #contentbodywrap {
	background-image: url(../img/back_body_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#container #contentformwrap {
	background-image: url(../img/back_body_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/*Topページ以外適用	左右振分*/
#contentbody div#contents div#section{
	float:left;
	width:520px;
	height:100%;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
}

#contentbody div#contents div#side{
	float:right;
	text-align:center;
	width:240px;
	height:100%;
	padding:15px 25px 0 0;
}

/*全ページフッタ適用*/
#footer{
	font-size:0.9em;
	text-align:center;
	color:#eee;
	width:830px;
	background-image: url(../img/back_footer03.jpg);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
}



/************************************************/
/*  Decoration                                  */
/************************************************/

/** Clearing the style of default ***************/

div#header ul,li {
  padding:0;
  margin:0;
}

#side ul,
div#footer ul{
  list-style:none;
  padding:0;
  margin:0;
}


/** Header **************************************/

div#header h1{
  float:left;
  width:300px;
  padding-top:20px;
  margin-left: 30px;
}

div#header h1 a{
	display:block;
	width:315px;
	height:35px;
}

div#header h1 a span{
  display:none;
}


div#header div#description{
	position:relative;
	float:right;
	width:350px;
	height:73px;
}

div#header div#description ul{
	padding:0;
	margin-top:6px;
	font-size:0.9em;
}
div#header div#description li{
	display:inline;
	list-style-image: url(../img/hdr_list.gif);
	list-style-position: inside;
	margin-left: 15px;
}

div#header div#description p.tel{
  width:183px;
  height:18px;
  padding:51px 0 0 50px;
}


div#header div#description p.entry{
  position:absolute;
  top:30px;
  right:0;
  width:180px;
  height:60px;
}



/** Navigation **********************************/

div#header div#navigation{
  clear:both;
  width:786px;
  margin-left:23px;
}

div#header div#navigation ul li{
	float:left;
	text-align:center;
	width:98px;
	list-style-type: none;
}

div#header div#navigation ul li a{
  display:block;
  overflow:hidden;
  width: 100%; /*Windows IE対策*/
  height: 0 !important;	
  height:/**/:40px;
  padding-top:40px;
  background:url(../img/back_navi01.jpg) 0 0 no-repeat;
}


/*オフマウス*/
div#header div#navigation #navi01 a { background-position:0 0;}
div#header div#navigation #navi02 a { background-position:-98px 0;}
div#header div#navigation #navi03 a { background-position:-196px 0;}
div#header div#navigation #navi04 a { background-position:-294px 0;}
div#header div#navigation #navi05 a { background-position:-392px 0;}
div#header div#navigation #navi06 a { background-position:-490px 0;}
div#header div#navigation #navi07 a { background-position:-588px 0;}
div#header div#navigation #navi08 a { background-position:-686px 0;}

/*オンマウス*/
div#header div#navigation #navi01 a:hover { background-position:0 -40px;}
div#header div#navigation #navi02 a:hover { background-position:-98px -40px;}
div#header div#navigation #navi03 a:hover { background-position:-196px -40px;}
div#header div#navigation #navi04 a:hover { background-position:-294px -40px;}
div#header div#navigation #navi05 a:hover { background-position:-392px -40px;}
div#header div#navigation #navi06 a:hover { background-position:-490px -40px;}
div#header div#navigation #navi07 a:hover { background-position:-588px -40px;}
div#header div#navigation #navi08 a:hover { background-position:-686px -40px;}

/*オフマウスステイ*/
div#header div#navigation #navi01n a { background-position:0 -80px;}
div#header div#navigation #navi02n a { background-position:-98px -80px;}
div#header div#navigation #navi03n a { background-position:-196px -80px;}
div#header div#navigation #navi04n a { background-position:-294px -80px;}
div#header div#navigation #navi05n a { background-position:-392px -80px;}
div#header div#navigation #navi06n a { background-position:-490px -80px;}
div#header div#navigation #navi07n a { background-position:-588px -80px;}
div#header div#navigation #navi08n a { background-position:-686px -80px;}

/** Footer **************************************/

div#footer ul{
	line-height:40px;
	text-align:center;
	width:550px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}

div#footer ul li{
  display:inline;
}

div#footer ul li a{
  color:#fff;
}

div#footer ul li a:hover{
  color:#af0;
}

div#footer p{
	line-height:28px;
	width:760px;
	padding-top:0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}