@charset "utf-8";

/* ブラウザのスタイルを初期化 ---------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.5;
	color: #000000;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* clearfix---------------------------------------------------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* テキスト設定 ---------------------------------------------------- */
.txtS { font-size: 11px; }
.txtM { font-size: 12px; }
.txtL { font-size: 14px; }
.txtXL { font-size: 16px; }
.txtB { font-weight: bold; }
.txtNor { font-weight: normal; }

.txtBlack { color: black; }
.txtBrown { color:#9B8E5A; }
.txtGreen { color:#749A00; }
.txtGrey { color:#666666; }
.txtRed { color:#FF0000; }
.txtWineRed { color:#990000; }
.txtProgramSp { color:#749A00; font-size:24px; font-weight:bold; }
.txtProgram { color:#666666; font-size:24px; font-weight:bold; }


/* リンク設定 ---------------------------------------------------- */
a:link, a:visited { color:#0088CC; text-decoration:underline; }
a:active, a:hover { color:#0088CC; text-decoration:none; }

a.txtLink:link, a.txtLink:visited { color:#0088CC; text-decoration:underline; }
a.txtLink:active, a.txtLink:hover { color:#0088CC; text-decoration:none; background-color /**/ : #DADADA; }

a.icon:link, a.icon:visited { color: #0088CC; background-color:#FFFFFF; text-decoration:underline; padding:2px 5px 2px 20px; background: url(../img/linkIcon.gif) left no-repeat; }
a.icon:active, a.icon:hover { color: #0088CC; background-color:#DADADA; text-decoration:none; }

#pan a:link, #pan a:visited { padding:2px 3px 0 3px; color:#787878; text-decoration:none; border:#AEAEAE 1px dashed; }
#pan a:active, #pan a:hover { padding:2px 3px 0 3px; color:#787878; text-decoration:none; border:#AEAEAE 1px dashed; background-color:#E9E9E9; }

#foot a:link, #foot a:visited { color:#787878; background:none; text-decoration:none; }
#foot a:active, #foot a:hover { color:#787878; background:none; text-decoration:underline; }


/* 全体構造 ---------------------------------------------------- */
html {
	height:100%;
}

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background:#EFF0F0 url(../img_cmn/contBg.gif) top repeat-y;
	height:100%;
	text-align:center;
}

h5#autochangepg{width:980px;text-align:center;font-size:85%;color:#aaa;margin:0 auto;}

#wrapper { width:980px; height:100%; margin: 0 auto; }


/* ヘッダ */
#head { height:85px; width:968px; margin:0 auto; padding-left:12px; background:url(../img_cmn/logoBg.gif) 12px top no-repeat;position:relative;z-index:1000 }
* html #head { width:980px;}
#headOnly { height:73px; width:968px; margin:0 auto; padding-left:12px; background:url(../img_cmn/logoBg.gif) 12px top no-repeat; }
#head h1.logo, #headOnly h1.logo { float:left; }
#head p.logo, #headOnly p.logo { float:left; margin:0;padding:0;  }
#head h1#metah1, #headOnly h1#metah1 { position:absolute; left:245px; font-size:85%; top:10px;}

#headNoBF { margin-bottom: -10px; height: 108px; text-align: right; padding-right: 30px; }


/* ヘッダナビ */
#naviMail { padding-right:8px; text-align:right; }
#navi { width:743px; padding-top:10px; float: right; }
#navi ul.menu li { float: left; font-size: 0; line-height: 1; }


/* ページタイトル */
div.pageTitle { text-align:left;margin-top:40px;margin-left:14px;margin-bottom:15px; }


/* パン */
div#pan { margin:25px auto 0; width:954px; color:#787878; }
div#pan p.panLinkHome { margin-top:5px; padding:0 5px 0 0; white-space:nowrap; float:left; }
div#pan p.panLink { margin-top:5px; padding:0 5px 0 9px; background:url(../img_cmn/panIcon.gif) left 3px no-repeat; white-space:nowrap; float:left; }
div#pan p.pageTitle { margin-top:5px; padding:0 0 0 9px; background:url(../img_cmn/panIcon.gif) left 3px no-repeat; white-space:nowrap; float:left; }


/* フッタ */
#foot { width:964px; margin:10px auto 0; background:#EFF0F0 url(../img_cmn/footBg.gif) left top repeat; text-align:left; }
#foot div.footLink { padding: 15px 10px 10px; background:url(../img_cmn/footTop.gif) left top no-repeat; }
#foot div.footLink div.footLeftFrm { float: left; width: 320px; padding-left: 10px; }
#foot div.footLink div.footMidFrm { float: left; width: 264px; padding-left: 10px; }
#foot div.footLink div.footRightFrm { float: right; width: 320px; }
#foot div.footLink ul li.cate { margin-bottom: 10px; }

#foot div.privacyMark { margin-top: 10px; padding: 10px; background-color: white; border: solid 1px #ccc; }
#foot div.privacyMark p.pmark { float: right; width: 85px; text-align: right; }


.footBtmOnly { margin-top: 20px; }

#footBtm { width:964px; margin:2px auto 0; padding:15px 0 5px; background:#EFF0F0 url(../img_cmn/footBg.gif) left top repeat; display:table; text-align: left; }
#footBtm .footLogo { width:163px; padding-left:10px; float:left; }
#footBtm .footText { padding-left:5px; color:#666666; float:left; }
#footBtm .footText img { margin-bottom:5px; }
#footBtm .footCopy { padding:40px 10px 0 0; color:#999999; vertical-align:bottom; float:right; }