@charset "UTF-8";
/* ------ 全体構造 ------ */

* {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: 12px;
	*font-size: small;
	*font: x-small;
	line-height: 170%;
	font-family: verdana, helvetica, arial, 'Hiragino Maru Gothic Pro', 'ヒラギノ丸ゴ Pro W4', 'Osaka','ＭＳ Ｐゴシック', 'ＭＳ ゴシック', 'MS UI Gothic';
	background:#ffffff url( /common/img/bg_body.gif) repeat-x;
}

#body {
	margin:0px auto 0px auto;
	width: 900px;
}

th, td {
	vertical-align: top;
	color: #333333;
	font-size: 12px;
	*font-size: small;
	*font: x-small;
	line-height: 160%;
}
img, a img {
	border: 0;
}

sup, sub {
	font-size: 75%;
}

h1, h2, h3, h4, h5, h6, h7 {
	margin:0px;
	padding:0px;
	font-size: 12px;
	*font-size: small;
	*font: x-small;
	font-weight: normal;
}

p {
	margin-top:10px;
}


/* ------ ヘッダー ------ */
#headerarea {
	margin: 0px;
	padding: 0px;
	width: 900px;
	height:68px;
	background:#91b8da;
}

#headerarea h1 {
	margin: 0px;
	padding: 0px;
	width:317px;
	height:50px;
	float:left;
	font-size:1px;
	text-decoration:none;
}
#headerarea h1 a {
	margin: 22px 0px 0px 0px;
	padding: 0px;
	display:block;
	width:317px;
	height:28px;
	outline:none;
	zoom:1;
}

#headerarea .right {
	margin: 0px;
	padding: 0px;
	width:583px;
	height:68px;
	float:right;
}

#headerarea .language {
	margin: 0px;
	padding: 0px;
	width:114px;
	height:17px;
	float:right;
}
#headerarea .language a,
#headerarea .language img {
	margin: 0px;
	padding: 0px;
	width:57px;
	height:17px;
	display:block;
	float:left;
}

#headerarea .snavi {
	margin: 17px 0px 0px 0px;
	padding: 0px;
	width:196px;
	height:14px;
	float:right;
}
#headerarea .snavi a {
	margin: 0px;
	padding: 0px;
	width:auto;
	height:14px;
	display:block;
	float:left;
}

#gnavi {
	margin: 0px;
	padding: 0px;
	width: 900px;
	height: 45px;
}
#gnavi a,
#gnavi a img {
	margin: 0px;
	padding: 0px;
	display:block;
	width:180px;
	height:45px;
	float:left;
}

#crumb,
#crumb p {
	margin: 0px;
	padding: 0px;
	font-size:x-small;
	height:23px;
	line-height:23px;
}

/* ------ メイン ------ */
#mainarea {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#maincolum {
	margin: 0px;
	padding: 0px;
	width: 690px;
	float:right;
}

.h301 {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	line-height:38px;
	height:38px;
	background:url( /common/img/bg_h3.gif) no-repeat;
	color:#000000;
	font-weight:normal;
}


/* ------ サブカラム ------ */
#subcolum {
	margin: 0px;
	padding: 0px;
	width: 200px;
	float:left;
}

#subcolum h2 {
	margin-top: 15px;
}

#subcolum ul {
	margin: 0px;
	padding: 0px;
	width: 190px;
}
#subcolum ul.menu li {
	margin: 0px;
	padding: 0px;
	width: 188px;
	border:#dde3e8 1px solid;
	border-top:none;
	list-style:none;
}
#subcolum ul.menu li a {
	margin: 0px;
	padding: 6px 0px 6px 25px;
	width: 163px;
	display:block;
	background:#ffffff url( /common/img/arrow_01.gif) no-repeat 15px center;
	color:#000000;
}
#subcolum ul.menu li a:hover,
#subcolum ul.menu li a.on {
	background:#fef5e3 url( /common/img/arrow_01.gif) no-repeat 15px center;
	color:#000000;
	text-decoration:none;
}

#subcolum ul.menu li a.sub {
	margin: 0px;
	padding: 3px 0px 3px 30px;
	width: 158px;
	display:block;
	background:#ffffff url( /common/img/arrow_03.gif) no-repeat 20px center;
	border-top:#d9d9d9 1px dotted;
	color:#000000;
	font-size:x-small;
}
#subcolum ul.menu li a.sub:hover {
	background:#fef5e3 url( /common/img/arrow_03.gif) no-repeat 20px center;
	color:#000000;
}

#subcolum ul.banner li {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	width: 190px;
	height:auto;
	list-style:none;
}
#subcolum ul.banner li a {
	margin: 0px;
	padding: 0px;
	width: 190px;
	display:block;
	zoom:1;
}
#subcolum ul.banner li a img.border{
	padding:0px !important;
	border:#dde3e8 1px solid;
}
#subcolum ul.banner li a:hover img.border{
	border:#7da8d0 1px solid;
}




/* ------ フッター ------ */

#footerarea {
	margin: 20px 0px 0px 0px;
	padding: 15px 20px;
	width: 860px;
	height:60px;
	background:url( /common/img/bg_footer.gif) no-repeat;
}
#footerarea .left {
	margin: 0px;
	padding: 0px;
	width:600px;
	float:left;
}
#footerarea .right {
	margin: 0px;
	padding: 0px;
	width:200px;
	float:right;
	text-align:right;
}
#footerarea .copy {
	font-size:x-small;
	color:#666666;
}


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


/* ------ クリアー ------ */

.clearboth {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	border-top: transparent 0px solid;
}
/*（WiniE4〜6用ハック）*/ 
.clearboth {
	_display: inline-block;
	_height: 0px;
	_font-size: 0;
	_line-height: 100%;
	_overflow: hidden;
}

/*（WiniE7用ハック）*/ 
*+html .clearboth {
	display: inline-block;
	height: 0px;
	font-size: 0;
	line-height: 100%;
	overflow: hidden;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}



.small01 {
	font-size: x-small;
	line-height: 160%;
}

.win01 {
	padding-left:12px;
	background:transparent url(../img/win_01.gif) no-repeat left center;
}
.arrow01 {
	padding-left:12px;
	background:transparent url(../img/arrow_01.gif) no-repeat left center;
}
.arrow02 {
	padding-left:12px;
	background:transparent url(../img/arrow_02.gif) no-repeat left center;
}


.mt0 {
	margin-top:0px !important;
}
.mt5 {
	margin-top:5px !important;
}

.mt10 {
	margin-top:10px !important;
}
.mt15 {
	margin-top:15px !important;
}
.mt20 {
	margin-top:20px !important;
}
.mt30 {
	margin-top:30px !important;
}


.frd { color:#cc0000;}