@charset "utf-8";

@import url(print/index.css);
@import url(print/index0908.css);
@import url(print/street.css);
@import url(print/event.css);
@import url(print/tokutoku.css);
@import url(print/i.css);
@import url(print/pet.css);

/* Common */
/* ------------------------------------------------------------------- */


body {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
}
body, td, input, select, textarea {
	color: #333333;
	font-family: Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
}
/* Font-size */
/* ------------------------------------------------------------------- */

body { font-size: 83.3%;}
table, th, td, input, select, textarea { font-size: 100%;}
#TOP ul, #root, #qrcode, #pagenavi, #assistant-navi, #menufeed { font-size: 80%; *font-size: 71%; *letter-spacing: 0.5pt;}
.binner h4 { font-size: 100%;}

/* Line-height */
/* ------------------------------------------------------------------- */

.binner p { line-height: 1.5;}
.binner li, .binner dl { line-height: 1.3;}
.binner th, .binner td { line-height: 1.2;}

/* Conposition */
/* ------------------------------------------------------------------- */

#TOP {
	position: relative;
	width: 750px;
	margin: 0px auto 5px auto;
	text-align: left;
}
#container {
	width: 750px;
	margin: 0px auto 10px auto;
	text-align: left;
}
#container-inner {
	width: 615px;
	float: left;
}
#alpha {
	width: 145px;
	float: left;
	border-top: 5px solid #FFCC00;
	padding-top: 5px;
}
#beta {
	width: 460px;
	border-top: 5px solid #99CC00;
	padding-top: 5px;
	float: right;
}
#gamma {
	width: 125px;
	float: right;
	border-top: 5px solid #66CCFF;
	padding-top: 5px;
}
#alpha, #beta, #gamma {
	margin-bottom: 20px;
}

/* Headline */
/* ------------------------------------------------------------------- */

h2, h3, h4, h5, h6 {
	letter-spacing: 0.1em;
	line-height: 1;
}
h2#title {
	margin-top: 0px;
	margin-bottom: 5px;
	color: #669900;
}
h2.border {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 2px;
}
.box h2, .box h3 {
	margin: 0px 10px 0px 10px;
}
/* Green */
.box h2.green,
.box h3.green {
	background: url(../images/box_bor.gif) no-repeat left bottom;
	padding-bottom: 12px;
}
.box h2.green, .box h2.green a,
.box h3.green, .box h3.green a {
	color: #669900;
	text-decoration:none;
}
/* Orange */
.box h3.orange {
	background: url(../images/box_bor_orange.gif) no-repeat left bottom;
	padding-bottom: 12px;
}
.box h3.orange,
.box h3.orange a {
	color: #FF9900;
	text-decoration:none;
}
/* Blue */
.box h3.blue {
	background: url(../images/box_bor_blue.gif) no-repeat left bottom;
	padding-bottom: 12px;
}
.box h3.blue,
.box h3.blue a {
	color: #3399CC;
	text-decoration:none;
}

/* Link */
/* ------------------------------------------------------------------- */

a img {
	border: none;
}
a:link, a:visited {
	color: #0099CC;
}
a:hover, a:active {
	color: #FF9900;
}
.link01 a:link, .link01 a:visited,
a.link01:link, a.link01:visited {
	color: #333333;
	text-decoration: underline;
}
.link02 a:link, .link02 a:visited,
a.link02:link, a.link02:visited {
	color: #333333;
	text-decoration: none;
}
.link03 a:link, .link03 a:visited,
a.link03:link, a.link03:visited {
	color: #0099CC;
	text-decoration: none;
}
.link01 a:hover, .link01 a:active,
a.link01:hover, a.link01:active,
.link02 a:hover, .link02 a:active,
a.link02:hover, a.link02:active,
.link03 a:hover, .link03 a:active,
a.link03:hover, a.link03:active {
	color: #FF9900;
}

/* Photo-float */
/* ------------------------------------------------------------------- */

img.r { 
	float: right; 
	margin-left:10px; 
	margin-bottom:10px; 
} 
img.l { 
	float: left; 
	margin-right:10px; 
	margin-bottom:10px; 
}

/* List */
/* ------------------------------------------------------------------- */

li.last {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border: none;
}
.list01, .list02, .list03 {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}
.list01 li {
	background: url(../images/po_orang.gif) no-repeat left center;
	padding-left: 9px;
}
.list02 li {
	background: url(../images/po_sky.gif) no-repeat left center;
	padding-left: 9px;
}
.list03 li {
	background: url(../images/po_black.gif) no-repeat left center;
	padding-left: 9px;
}
/* Box */
/* ------------------------------------------------------------------- */

.box {
	background: url(../images/box_m.gif) repeat-y center top;
	margin-bottom: 10px;
	clear: both;
}
.btop {
	background: url(../images/box_t.gif) no-repeat left top;
	padding-top: 10px;
}
.binner {
	text-align: left;
	background: url(../images/box_b.gif) no-repeat left bottom;
	padding: 10px;
	zoom: 100%;
	word-wrap: break-word;
}
.binner:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.binner p:first-child {
	margin-top: 0px;
}
.box-g {
	background: url(../images/box-c_m.gif) repeat-y center top;
	margin-bottom: 10px;
	clear: both;
}
.box-g .btop {
	background: url(../images/box-c_t.gif) no-repeat left top;
}
.box-g .binner {
	background: url(../images/box-c_b.gif) no-repeat left bottom;
}

/* Head */
/* ------------------------------------------------------------------- */

#TOP h1 {
	margin: 0px;
	padding: 0px;
}
#TOP p {
	background: #EBE5B7;
	margin-top: 5px;
	margin-bottom: 0px;
	text-align: center;
}
#TOP ul {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#TOP li {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 5px;
	float: left;
	border-left: 1px solid #333333;
}

/* Foot */
/* ------------------------------------------------------------------- */

.mail-entry {
	visibility: hidden;
}
#pagenavi {
	clear: both;
	text-align: right;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
}
#assistant-navi {
	text-align: center;
	margin-top: 5px;
}
#assistant-navi span {
	background: url(../images/po_en_bl.gif) no-repeat left center;
	padding-left: 15px;
	margin-right: 20px;
}
#copyright {
	text-align: center;
	margin-top: 10px;
}

/* Menu */
/* ------------------------------------------------------------------- */

#menulist {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#menulist li {
	margin-bottom: 5px;
	*margin-bottom: 2px;
	padding: 0px;
}
#menulist ul {
	margin: 5px 0px;
	*margin: 2px 0px 5px 0px;
	padding: 0px;
	list-style: none;
}
#menulist ul li {
	margin-bottom:5px;
	padding-left:9px;
	background: url(../images/po_orang.gif) no-repeat left center;
}
#alpha .menu01,
#alpha .menu02,
#alpha .menu03,
#alpha .menu04,
#alpha .menu05 {
	display: block;
	height: 35px;
	font-size: 2px;
	text-decoration: none;
	border: none;
}
#alpha .menu01 span,
#alpha .menu02 span,
#alpha .menu03 span,
#alpha .menu04 span,
#alpha .menu05 span {
	visibility: hidden;
}
#alpha .menu01 { background: url(../new-image/topmenu01.gif) no-repeat left top;}
#alpha .menu02 { background: url(../new-image/topmenu04.gif) no-repeat left top;}
#alpha .menu03 { background: url(../new-image/topmenu02.gif) no-repeat left top;}
#alpha .menu04 { background: url(../new-image/topmenu03.gif) no-repeat left top;}
#alpha .menu05 { background: url(../new-image/topmenu05.gif) no-repeat left top;}

#menulist2 {
	margin-top: 0px;
	margin-bottom: 20px;
}
#menukanren {
	margin-top: 5px;
	margin-bottom: 20px;
}
#menufeed {
	margin-top: 5px;
	margin-bottom: 0px;
}
#menulist2 li,
#menukanren li,
#menufeed li,
 {
	margin-bottom: 5px;
}

/* Main */
/* ------------------------------------------------------------------- */

#root {
	margin-bottom: 10px;
}
.log-navi {
	text-align: right;
}
.log-navi span {
	background: url(../images/po_black.gif) no-repeat left center;
	padding-left: 9px;
}

/* Gamma */
/* ------------------------------------------------------------------- */

#gamma .title1,
#gamma .title2 {
	margin-bottom: 5px;
}
#gamma .title1 a,
#gamma .title2 {
	display: block;
	height: 35px;
	font-size: 2px;
	text-decoration: none;
	border: none;
}
#gamma .title1 span,
#gamma .title2 span {
	visibility: hidden;
}
#gamma .title1 {	background: url(../new-image/topmenu02.gif) no-repeat left top;}
#gamma .title2 {	background: url(../new-image/topmenu03.gif) no-repeat left top;}

#gamma-tokutoku li {
	zoom: 100%;
}
#gamma-tokutoku li:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#gamma-tokutoku {
	margin: 5px 0 20px 0;
	padding: 0;
	list-style: none;
}
#gamma-tokutoku li {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 85%;
}
#gamma-tokutoku li img {
	float: left;
	margin-right: 4px;
}
gamma-tokutoku li {
	float: left;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-left: 0px;
}

#gamma .title2 {
	clear: both;
}
#gamma dl {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
#gamma dt {
	background: #CCE5FF;
	padding: 1px;
	text-align: center;
	margin-bottom: 5px;
}
#gamma dt.sbg {
	background: #E5E5E5;
}
#gamma dd {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
#qrcode {
	text-align: center;
}

.pet-m-t {
	letter-spacing: 2px;
	border-bottom: 3px double #FFCC00;
	margin-top: 15px;
	font-weight: bold;
}
.gamma03 #qrcode {
	display: none;
	visibility: hidden;
}
.tokunavi {
	text-decoration: underline;
}