@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#191919;
	letter-spacing: 0.1em;
	line-height: 1.5em;
}
ul {
	list-style: none;
}
html{
    height:100%;
}
body{
	height:100%;
	background: #fff;
	font-size: 62.5%;
}
#wrap{
	width: 800px;
	margin:0 auto;
	background: #FFF;
	position:relative;
	height: 100%;
	min-height: 100%;
}
body > #wrap {
        height: auto;
}
#main{
	width: 800px;
	margin: 0;
	padding-bottom:130px;
}
div#main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
img {
	border: 0;
	vertical-align: bottom;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #454545;
	text-decoration: none;
}
a:hover, a:active {
	color: #C76830;
	text-decoration: none;
}
input.bt {
	font-size: 9px;
}
a.current {
	color: #C76830;
	text-decoration: none;
}

/* header
---------------------------------------- */
#header {
	width: 800px;
	margin: 0 auto;
}
#header h1 {
	font-size: 100%;
	float: left;
}
ul#head-navi {
	float: right;
	width: 170px;
	height: 25px;
	background: url(/commons/head-navi-bar.png) no-repeat;
}
ul#head-navi li {
	display: inline;
	float: left;
	padding-top: 5px;
	white-space: nowrap;
}
ul#head-navi li.mail {
	background: url(/commons/ico-mail.png) 0px 7px no-repeat;
	padding-left: 12px;
	margin-left: 1px;
}
ul#head-navi li.site-map {
	background: url(/commons/ico-site-map.png) 0px 7px no-repeat;
	padding-left: 11px;
	margin-left: 2px;
}
#header h2 {
	clear: both;
	font-size: 110%;
}
ul#g-navi {
	clear: both;
	width: 800px;
	height: 31px;
	padding-top: 8px;
	padding-bottom: 0;
	background: url(/commons/g-navi-back.png) 0 0 no-repeat;
	font-size: 120%;
}
ul#g-navi li {
	display: inline;
	float: left;
	border-left: #666 dotted 1px;
	margin: 3px;
	padding: 0 3px 0 8px;
}
ul#g-navi li.lastChild {
	border-right: #666 dotted 1px;
	padding-right: 5px;
}

/* contents
---------------------------------------- */
div#contents {
	clear: both;
	width: 800px;
}
p#topic-pass {
	font-size: 100%;
}
div.categ h4.pagetit {
	background: url(/commons/arrow-cross.png) 0 3px no-repeat;
	padding-left: 13px;
	margin: 10px 0 0;
	color: #960;
	font-weight: bold;
	font-size: 100%;
}

/* side-navi
---------------------------------------- */
div#side-navi {
	float: right;;
	width: 200px;
	background:url(/commons/s-navi-back.png) repeat-y;
	font-size: 120%;
}
div#side-navi ul li {
	padding-left: 20px;
	background: url(/commons/ico-mark.png) 10px 4px no-repeat;
}
div#side-navi ul li.firstChild {
	padding: 3px 5px 3px 22px;
	color: #996600;
	background: url(/commons/ico-plus.png) 10px 7px no-repeat;
}
div#side-navi dl dt {
	padding: 3px 5px 3px 22px;
	color: #996600;
	background: url(/commons/ico-plus.png) 10px 7px no-repeat;
}
div#side-navi dl dd {
	padding-left: 20px;
}
div#side-navi hr {
	clear: both;
	width: 180px;
	height: 1px;
	margin: auto;
	border-width: 0px 0px 1px 0px;
	border-bottom: #999 dotted 1px;
	padding: 3px 0;
}
div#banner-area {
	background: #ffffff;
	border-top: #999 solid 1px;
	text-align: center;
	margin-top: 10px;
	padding: 10px 20px 0 20px;
}
div#banner-area ul {
}
div#banner-area ul li {
	list-style: none;
	text-align: center;
	background: none;
	margin: 0;
	padding: 0;
}
div#banner-area ul li.firstChild {
	margin: 0;
	padding: 0;
	background: none;
}
div#banner-area ul li.even {
	margin-bottom: 7px;
}
div#banner-area ul li.lastChild {
	margin: 0;
	padding: 0;
	background: none;
}
div#side-navi input#ajaxSearch_input {
	width: 160px;
}
div#side-navi input#ajaxSearch_submit {
	float: right;
	background: #fff;
	font-size: 110%;
	margin: 3px 16px 0 5px;
	padding: 0px;
	border: #999 solid 1px;
}
div#side-navi p#ajaxSearch_intro {
	padding-top: 8px;
	font-size: 83%;
	text-align: right;
}
#inquiry_btn {width:200px;height:68px;margin:0;padding:0;}
#inquiry_btn a {display:block;width:200px;height:68px;background:url(/commons/inquiry_btn.gif) no-repeat top;text-indent:-9999px;}
#inquiry_btn a:hover {background:url(/commons/inquiry_btn_hover.gif) no-repeat top;}
/* content
---------------------------------------- */
div#content {
	font-size: 120%;
	float: left;
	width: 585px;
}
div.paragraph {
	width: 585px;
	margin-bottom: 15px;
	clear: both;
}
div.paragraph:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.main-photo {
	float:right;
	width: 400px;
	font-size: 120%;
}
p.q {
	background: url(/commons/ico-q.png) 12px 0 no-repeat;
	padding-top: 4px;
	padding-left: 35px;
}

/* footer
---------------------------------------- */
div#footer{
	position:absolute;
	bottom:0px;
	width:100%;
	margin: auto;
}
div#footer ul {
	text-align: center;
	background: url(/commons/footer-back.png) repeat-y;
}
div#footer ul li.firstChild {
	background: #fff url(/commons/footer-top.png) 0 14px no-repeat;
	padding-top: 5px;
	padding-bottom: 6px;
	text-align: right;
	font-size: 120%;
}
div#footer ul li.even {
	background: url(/commons/footer-lc-back.png) bottom no-repeat;
	padding-top: 12px;
	padding-bottom: 2px;
}
div#footer ul li.lastChild {
	background: #fff url(/commons/footer-bot.png) bottom no-repeat;
	padding-bottom: 17px;
	font-size: 120%;
}
#footer p {
	text-align: right;
	margin-right: 3px;
	margin-bottom: -5px;
}

/* clearfix
---------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.red {
	color: #ff0000;
}
.red a:link {
	color: #ff0000;
	text-decoration: none;
}
.red a:visited {
	color: #ff0000;
	text-decoration: none;
}