@charset "shift_jis";

/*
--------------------------------------------------

CSS

author: yoozma.jp

--------------------------------------------------*/


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

a:link {
	text-decoration:none;
	color: #003366;
	padding: 0px;
	margin: 0px;
}

a:visited {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

a:hover {
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

img a:hover {
	background-color: transparent;
	line-height: 0px;
}


a img { 
	border: none; 
}


body {
	margin: 0 auto;
	padding: 0px;
	text-align: center;
background: #FFF url(../images/back.jpg) repeat-y center;

}

#body {
text-align: left; 
margin: 0 auto; 
padding: 0;

}


ul{
	list-style-type: none;
}




h2,h3{
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}

ul,li {
	margin: 0px;
	padding: 0px;
}


ul li.text {
	margin: 0px;
	line-height:normal;
	padding: 0px;
}


ul.textBox {
	margin: 10px;
}

ul.textBox02 {
	margin: 10px;
	padding: 0px;

	text-align:center;
}


/* 共通フォント
--------------------------------------------------*/

ul,li,p {
	font-size: 87%;
	line-height: 200%;
}


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

#header {
	margin: 0px auto;
	padding: 0px;
	width: 765px;
	text-align: left;

	position: relative;

}


h1#siterogo {
	margin: 10px 0px 0px 18px;
	padding: 0px;
	width: 280px;
	height: 69px;
}

#header #telfax {
	position : absolute;
	top : 0px;
	right : 18px;
}

#topimgs {
	margin: 0px 0px 15px 18px;
}

/* グローバルナビ
--------------------------------------------------*/

#gnavi {
	padding: 0px;
	margin: 0px;
	width: 765px;
	height: 44px;
	clear: both;
}

#gnavi ul {
	padding: 0px;
	margin: 0px;
}

#gnavi ul li {
	padding: 0px;
	margin: 0px;
	float:left;
	list-style-type: none;
}


/* メイン部分
--------------------------------------------------*/

#main {
	margin: 0px auto 15px;
	padding: 0px;
	clear: both;
	width: 730px;

}


#column01 {
	float: left;
	width: 180px;
	margin: 0px;
	}
	

#column01 #ichioshi ul{
	padding: 10px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #e4dcaa;
}

	
#column02 {
	float: left;
	width: 336px;
	margin: 0px 15px 0px 15px; 
	}
	


#column02 #oshirase ul {
	padding: 10px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #e4dcaa;
}

#column02 #life div {
	border: 2px solid #e4dcaa;
}


#column02 #life div table{
	margin:8px auto;
}

#column02 #life div table td img{
	margin:2px;
}


#column03 {
	float: right;
	width: 180px;
	margin: 0;
}

#column03 ul.card li {
	margin: 0px 0px 10px 0px;
}


#column03 #kessai {
	background-color:#fbf8e8;
	margin-bottom:10px;
}


#column03 #otoiawase {
	background-color:#fbf8e8;
	margin-bottom:10px;
}





/* footer
--------------------------------------------------*/
#footer {
	margin: 30px auto 0px;
	padding: 0px;
	width:765px;
/*
	position:relative;
*/
}

#footer #footer-nav{
	text-align:center;
	margin: 0px;
	width: 765px;
	height: 32px;
	background-color:#696;
}

#footer-nav ul.footerNav{
	padding: 5px 0px;
}


#footer-nav ul.footerNav li {
	display:inline;
	list-style-type: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
	padding-right: 5px;
}

#footer-nav ul.footerNav li.lasttext{
	border-right-width: 0px;	
}

p.totop {
	position : absolute;
	top : -30px;
	right : 18px;
}


p.copyright {
	text-align:center;
	margin: 0px 0px 10px 0px;
}

.att {
	color: #FF0000;
	text-align: center;
	font-size: 125%;
	margin: 20px;
}

#shopguide h2 {
	margin-top: 24px;
	padding: 10px;
	color: #5D4C1A;
	border-bottom: solid #5D4C1A 2px;
}

#shopguide h3 {
	color:#5D4C1A;
	margin-top: 2em;
}

#shopguide p {
	margin: 0px 0px 0px 2em;
}

#shopguide h4 {
	margin: 12px 0px 0px 1em;
}

#shopguide table {
	margin: 0px 0px 0px 2em;
	font-size: 87%;
}


/*====================
 +clearfix
====================*/
#main {
	overflow: hidden;
	}


/*CSSハック
--------------------------------------------------*/
.clearfix:after {/* IE以外のモダンWebブラウザ向け */
 content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {/* WinIE7、MacIE5対策 */
 display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {/* WinIE4〜6、MacIE4〜5対策 */
 height: 1%;
}
.clearfix {
 display: block;
}