@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  default.css
 style info :  リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)
=================================================================== */
/*--- reset */
html {
	overflow-y: scroll;
}
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;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}

/*--- default */
body {
	background: #FFF;
	color: #333;
	font-size: 12px;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.4;
	background:url(../img/mainbg.gif) center top repeat-y;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
* {
	margin: 0;
}
html, body {
	height: 100%;
}
/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/

a:link {
}

a:visited {
}

a:hover {
	text-decoration: none;
}

a:active {
}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}
.clear {clear:both;}

.floatl { float:left; }
.floatr { float:right; }
.align_c { text-align:center;}
.align_r { text-align:right;}
.align_l { text-align:left;}
.fontb {font-weight:bold;}
.fonts {font-size:small;}

.pt20 {padding-top:20px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mb5{ margin-bottom:5px;}
.mb15{ margin-bottom:15px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb70{ margin-bottom:70px;}
.mb80{ margin-bottom:80px;}
.mr5 { margin-right:5px;}
.mr2 { margin-right:2px;}
.mr10 { margin-right:10px;}
.mr20 { margin-right:20px;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml40{ margin-left:40px;}
.ml50{ margin-left:50px;}
.ml100{ margin-left:100px;}
.pl100{ padding-left:100px;}
.error{
    color:red;
    background:yellow;
}

/* 外部リンクは別窓用の指定 */
.externalIcon {
	padding-left: 5px;
	vertical-align: middle;
}
/* -----------------------------------------------------------
	CLEAR FIX
----------------------------------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
	clear: both;
}

.clearfix {
	display: inline-table;
}

/* IE7 */
.clearfix {
	display:inline-block;
}

/*＼*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

/* -----------------------------------------------------------
	#page
		ページ
----------------------------------------------------------- */
#page {
	width:880px;
	margin:0 auto;
	padding:0 20px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
	}


/* -----------------------------------------------------------
	#header
	ヘッダー、見出し
----------------------------------------------------------- */
h1 {
	margin-bottom:15px;
	}
#header {
	margin-top:10px;
	height:88px;
	margin-left:5px;
}
h2 {
	text-align:right;
	margin-bottom:10px;
	}
h3 {
	margin-bottom:38px;
	}
h4 {
	margin-bottom:29px;
	}
h5 {
	font-weight:900;
	}
h5.midashi {
	font-weight:normal;
	font-size:16px;
	margin-bottom:10px;
	}


/* -----------------------------------------------------------
	#mainmenu
	ヘッダー、見出し
----------------------------------------------------------- */
.mainmenu ul{
margin: 0 0 31px 1px;
padding: 1px 0 0 0;
list-style-type: none;
width: 220px; /* Width of Menu Items */
line-height:1;
font-size:0;
}
	
.mainmenu ul li{
position: relative;
margin-bottom:7px;
border-top:none;
_position:static;
}
.mainmenu ul li ul{
margin: 0;
padding: 5px 0 5px 0;
background-color:#e2e2e2;
}
.mainmenu ul li ul li{
margin-bottom:5px;
border-top:none;
}
.mainmenu ul li ul li.last{
margin-bottom:0;
}

.mainmenu ul li ul li ul.submenu {
margin: 0;
padding: 0 0 0 0;
}
.mainmenu ul li ul li ul.submenu li {
	width:200px;
	margin-bottom:0;
	border-top:none;
	border-top:1px solid #fff;
	margin-left:20px;
}

*:first-child+html .mainmenu ul{
margin: 0 0 1px 1px;
padding: 1px 0 0 0;
list-style-type: none;
width: 220px; /* Width of Menu Items */
line-height:1;
font-size:0;
}
/* -----------------------------------------------------------
	ul dl
		リスト
----------------------------------------------------------- */

.subarea ul.list01 {
	line-height:1.3;
	font-size:11px;
	}
.subarea ul.list01 li {
	padding-left:15px;
	background:url(../img/icon_list.gif) left 2px no-repeat;
	}

/* -----------------------------------------------------------
	#menu
		メニュー
----------------------------------------------------------- */
#menu {
	width:220px;
	float:left;
	z-index:10;
	position:relative;
	left:0;
	top:0;
	}
	
*:first-child+html #menu {
	width:220px;
	float:left;
	z-index:10;
	position:relative;
	left:0;
	top:0;
	margin-bottom:30px;
	}
/* -----------------------------------------------------------
	#contents
		コンテンツ
----------------------------------------------------------- */
#contents {
	width:625px;
	float:right;
	z-index:1;
	position:relative;
	margin-bottom:20px;
	}
	
#fla_area{
	z-index:1;
	position:relative;
}

#mainarea {
	margin-left:0px;
	padding-right:0px;
	}
.subarea {
	background-color:#eeeeee;
	padding:15px 20px;
	}


/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
#footer{
	width:880px;
	height: 13px; 
}

*:first-child+html #footer{
	width:880px;
	height: 13px; 
	margin-top:20px;
}
#footer, .push {
	width:880px;
	height: 13px; /* .push must be the same height as .footer */
	margin:0 auto;
	clear:both;
	padding-top:0px;
	_padding-top:13px;
}

#footer ul {
	padding:0;
	margin:0;
	line-height:1;
}

#footer ul li {
	display: inline;
	border-left:1px solid #AAA;
	line-height:1;
	padding:0;
	margin: 0;
	font-size:8px;
}
#footer ul li.footertop {
	border:none;
	}

#footer ul li.firstChild,
#footer ul li:first-child {
}

#footer .copyright {
}

.barcord img {bottom:0; top:auto;}