body {
	margin: 0;
	padding: 0;
	background: #fff url(../images/common/background.gif) repeat 0 0;
	color: #000;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 62.5%;
	line-height: 1.3;
}

input,
textarea { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; }

h1, h2, p, ul, ol, dl, table {
	margin: 0 0 1em;
}
h1, h2, p, dt, table {
	font-size: 1.4em;
}
table { border-collapse: collapse; }
img {
	border-width: 0;
	vertical-align: bottom;
}

a { color: #00f; }
a:hover { text-decoration: none; }

#container {
	width: 800px;
	margin: 0 auto;
	background-color: #fff;
}
#header {
	height: 115px;
	background: transparent url(../images/common/header_background.gif) repeat-x 0 100%;
}
#header ul {
	list-style-type: none;
	padding: 0;
}
#logo {
	float: left;
	margin: 5px 0 0 10px;
}
#site-menu {
	float: right;
	width: 310px;
	height: 15px;
	margin: 25px 0 0;
}
#site-menu li {
	list-style-type: none;
	float: left;
}
#site-menu li img { vertical-align: top; }
#global-menu { margin: 5px 0 0 40px; }
#global-menu li {
	list-style-type: none;
	float: left;
	width: 90px;
}
#contents { padding: 20px 40px; }
#footer {
	margin: 0;
	padding-bottom: 20px;
	background: #f00 url(../images/common/footer_background.gif) repeat-x 0 100%;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	line-height: 2;
}

.block { margin-bottom: 1.5em; }
.hpad {
	padding-right: 20px;
	padding-left: 20px;
 }
.clear { clear: both; }
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* Mac IE 以外 \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

.hidden { display: none; }

.right { text-align: right; }
.center { text-align: center; }

.size12 { font-size: 1.2em; }
.size14 { font-size: 1.4em; }
.size16 { font-size: 1.6em; }

.smaller { font-size: smaller; }

.bold { font-weight: bold; }

.heading-s {
	padding: .5em 0 0 .5em;
	border-bottom: 1px solid #f66;
	border-left: 5px solid #f66;
	font-weight: bold;
	text-align: left;
}

.pagetop {
	margin: 2em 0;
	background: transparent url(../images/common/dot.gif) repeat-x 0 50%;
	font-size: 1em;
	text-align: right;
}

.baloon1,
.baloon2 {
	width: 600px;
	margin: 0 auto;
	text-align: left;
}
.baloon-tomato {
	width: 80px;
	height: 100px;
	background: transparent url(../images/common/baloon/tomato.gif) no-repeat 0 0;
}
.baloon1 .baloon-tomato { float: left; }
.baloon2 .baloon-tomato { float: right; }
.baloon {
	width: 520px;
	padding-top: 10px;
}
.baloon1 .baloon { float: right; }
.baloon2 .baloon { float: left; }
.baloon1 .baloon-left {
	padding-left: 20px;
	background: transparent url(../images/common/baloon/left1.gif) no-repeat 0 0;
}
.baloon2 .baloon-left {
	background: transparent url(../images/common/baloon/left2.gif) repeat-y 0 0;
}
.baloon1 .baloon-right { background: transparent url(../images/common/baloon/right1.gif) repeat-y 100% 0; }
.baloon2 .baloon-right { background: transparent url(../images/common/baloon/right2.gif) no-repeat 100% 0; }
.baloon-top { padding-top: 10px; }
.baloon1 .baloon-top { background: transparent url(../images/common/baloon/top1.gif) no-repeat 0 0; }
.baloon2 .baloon-top { background: transparent url(../images/common/baloon/top2.gif) no-repeat 0 0; }
.baloon1 .baloon-bottom {
	padding: 0 20px 20px 10px;
	background: transparent url(../images/common/baloon/bottom1.gif) no-repeat 0 100%;
}
.baloon2 .baloon-bottom {
	padding: 0 40px 20px 10px;
	background: transparent url(../images/common/baloon/bottom2.gif) no-repeat 0 100%;
}
.baloon p { margin: .5em 0 }

.hidden{ display: none;}