@charset "utf-8";
/*table of contents
0 CSSreset
1 default
2 headerArea
3 contentsArea
4 footerArea
5 Alteration
6 universal class
*/

/* =0 CSSreset
----------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul { list-style:none; }
/*
caption, th { text-align:left; }
*/
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after { content:''; }
abbr, acronym { border:0; }
/* =1 default
----------------------------------------------- */
body {
	font:13px/1.231 "Meiryo UI", "¥á¥¤¥ê¥ª", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, arial, helvetica, clean, sans-serif;
	*font-size:small;
	*font:x-small;
}
select, input, textarea, button { font:99% "Meiryo UI", "¥á¥¤¥ê¥ª", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, arial, helvetica, clean, sans-serif; }
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}
p { margin-bottom: 1em; }
table p { margin-bottom: 0px; }

a { color: #853a32; }
a:hover { color: #f00; }
/* =2 headerArea
----------------------------------------------- */
#skipLink {
	position:absolute;
	left:-500px;
}
#headerNav {
	padding:10px 10px 5px;
	background-color: #f9efe3;
	border-bottom:2px solid #853a32;
}
#headerNav li {
	float:left;
	padding-right:10px;
}
li.navi {
	background: url(../basic-img/link-level2.gif) left center no-repeat transparent;
	padding-left: 15px;
}
#font-sizer {
	min-width:170px;
	font-size: 80%;
}
#font-sizer a {text-decoration:none;}
.size-li {
	display: block;
	width: 12px;
	padding: 3px;
	border: 1px solid #666;
	background-color: #fff;
	text-align: center;
	cursor:pointer;
}
.size-li:hover {
	background-color: #f00;
	color: #fff;
}
#header {
	position:relative;
	background:#fff url(../basic-img/back-header.jpg) right top no-repeat;
}
#rogo {
	padding-top:20px;
	padding-left:10px;
}
#search {
	position:absolute;
	right:0;
	top:0;
	width:38em;
	*width:39.5em;
	padding:5px 10px;
	background-image: url(../basic-img/back-search.png);
}
#search td { vertical-align:middle; }
#search label {
	color: #fff;
	background-color:#8C5352;
}
#globalNav {
	padding:0 10px;
	background-color:#fff;
	border-bottom: 3px solid #c1b9b7;
}
#globalNav li {
	float:left;
	width:160px;
	height:50px;
	margin-right:2px;
}
#header h1 {
	background: url(../top-img/back-h1.gif) 150px bottom no-repeat transparent;
	padding-bottom: 50px;
}

#header p {
	background: url(../top-img/back-h1.gif) 150px bottom no-repeat transparent;
	padding-bottom: 50px;
}

/* =3 contentsArea
----------------------------------------------- */
#contentsArea {
	min-width:760px;
	padding:20px 10px;
}
#contents {
	float:left;
	width:100%;
	margin-right:-200px;
}
#contentsInner {
	float:right;
	width:100%;
	margin-left:-200px;
}
#main_column {
	position:relative;
	margin:0 210px;
	line-height:1.4;
}
#left_column {
	float:left;
	width:200px;
}
#right_column {
	float:right;
	width:200px;
}
/* left_column Contents
----------------------------------------------- */
#sideNav { line-height: 1.7; }
#sideNav li {
	margin-bottom:1px;
	background-color:#e7d6b4;
	padding-top:5px;
}
#sideNav li a {
	display:block;
	font-weight:bold;
	background:url(../basic-img/link-level1.gif) 5px center no-repeat transparent;
	text-decoration:none;
	padding-left:20px;
	padding-bottom:3px;
}
#sideNav li ul { background-color:#fff; }
#sideNav li ul li {
	background-color:#f9efe3;
	padding-left:20px;
}
#sideNav li ul li a {
	display:block;
	background:url(../basic-img/link-level2.gif) left center no-repeat transparent;
	font-weight:normal;
	text-decoration:underline;
}
/* =4 footerArea
----------------------------------------------- */
#footer {
	padding:10px;
	background: url(../top-img/bottom-img.jpg) 10px 10px no-repeat transparent;
}
#toTop {
	height: 23px;
	padding-right: 10px;
	padding-top: 20px;
}
#toTop a {
	background: url(../basic-img/link-level0.gif) left center no-repeat transparent;
	padding-left: 15px;
}
#address-div {
	padding: 10px;
	border: 1px solid #ccc;
}
#address-div dl {
	float: left;
	width: 49%;
}
#address-div ul {
	float: right;
	width: 49%;
}
#address-div li {
	display: inline;
	margin-left: 10px;
}
#address-div li a {
	background: url(../basic-img/link-level2.gif) left center no-repeat transparent;
	padding-left: 15px;
}
/* =5 Alteration
----------------------------------------------- */
.banner-list li { margin-bottom:5px; }
.banner-list2 li {
	float:left;
	margin-right:10px;
}
.banner-list li a img, .banner-list2 li a img { border:1px solid #ddd8d7; }
.banner-list li a:hover img, .banner-list2 li a:hover img { border:1px solid #f00; }
.section, .aside {
	border:1px solid #ddd8d7;
	padding:9px;
}
.underline-t {
	border-bottom:1px solid #999;
	padding-bottom:3px;
}
.link-class {
	background:url(../basic-img/link-level2.gif) left center no-repeat transparent;
	padding-left: 15px;
	color: #853a32;
}
/* =6 universal class
----------------------------------------------- */
.w800 { width:800px !important; }
.w100per { width:100% !important; }
.ma00 { margin:0 !important; }
.mr10 { margin-right:10px !important; }
.mb00 { margin-bottom:0 !important; }
.mb05 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb1m { margin-bottom:1em !important; }
.mb2m { margin-bottom:2em !important; }
.mb4m { margin-bottom:4em !important; }
.pa00 { padding:0 !important; }
.pa05 { padding:5px !important; }
.pa10 { padding:10px !important; }
.pt00 { padding-top:0 !important; }
.pt05 { padding-top:5px !important; 
	font-style:normal;
	font-weight:normal;
}
.pt20 { padding-top:20px !important; }
.pl05 { padding-left:5px !important; }
.pl20 { padding-left:20px !important; }
.pl1m { padding-left:1em !important; }
.pr05 { padding-right:5px !important; }
.pr1m { padding-right:1em !important; }
.pb00 { padding-bottom:0 !important; }
.fs077 { font-size:77% !important; }    /*renders 10px */
.fs085 { font-size:85% !important; }    /*renders 11px */
.fs093 { font-size:93% !important; }    /*renders 12px */
.fs100 { font-size:100% !important; }   /*renders 13px */
.fs108 { font-size:108% !important; }   /*renders 14px */
.fs123 { font-size:123.1% !important; } /*renders 16px */
.fs138 { font-size:138.5% !important; } /*renders 18px */
.fs153 { font-size:153.9% !important; } /*renders 20px */
.fs161 { font-size:161.6% !important; } /*renders 21px */
.fs182 { font-size:182% !important; }   /*renders 24px */
.fwB { font-weight:bold !important; }
.taC { text-align:center !important; }
.taL { text-align:left !important; }
.taR { text-align:right !important; }
.minH0 { min-height:0 !important; }
.attention { color:#f00 !important; }
.bgCf66 { background-color:#ff9 !important; }
.colorGRN { color:green; }

.top { top:0; left:0; }
.right { top:0; right:0; }
.left {	top:0; left:0; }
.bottom { bottom:0; left:0; }

.flL { float:left; }
.flR { float:right; }
.clear { clear:both; }
.clearL { clear:left; }
.clearR { clear:right; }
.clearfix { zoom:1; }
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
