@charset "utf-8";
@import url(common.css);
@import url(textsettings.css);

/*
 Share Style [
----------------------------------------------------------- */
* {
	margin:0;
	padding:0;
}

body {
	background: #b3e6ff;
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 13px;
}

li {
	list-style-type:none;
}

img {
	border:0;
}

hr {
	display:none;
}

.clear {
	clear:both;
}


#container {
	background: #ffffff;
  /* --- ドキュメント本体の幅 --- */
	width: 840px;
  /* --- ドキュメント本体の位置 --- */
  /* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
	margin: 0;
}

.bodyBg {
	background: #b3e6ff url(../images/topBg.jpg) repeat-x;
}

/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */
#headerTop {
	height: 120px;
	background: #ffffff url(../images/topHeader.jpg) no-repeat;
	margin-top: 0;
	margin-bottom: 0;
	padding-right: 0;
	padding-left: 0;
}

#headerPage {
	height: 120px;
	background: #ffffff url(../images/pageHeader.jpg) no-repeat;
	margin-top: 0;
	margin-bottom: 0;
	padding-right: 0;
	padding-left: 0;
}

.logo {
	padding: 35px 0 0 12px;
}

.headerText {
	font-size: 85%;
	padding: 4px 0 0 10px;
}

.btnContact {
	float: right;
	padding-top: 4px;
}


/* ---------------------------------------------------------------- *
	トップページのナビゲーション部分の設定です
 * ---------------------------------------------------------------- */
#naviTop {
	background: #ffffff url(../images/topNavi.jpg) no-repeat left top;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	height: 40px;
}

#naviTop ul {
	margin: 0;
	padding: 0;
	float: right;
}

#naviTop ul li {
	margin: 0;
	padding: 2px 0 0 0;
	float: left;
}

#naviTop ul li a {
	margin: 0;
	padding: 0;
	display: block;
 	border-bottom: none;
	font-weight: bold;
}

#naviTop a:hover {
	border-bottom: none;
	text-decoration: none;
}

/* ---------------------------------------------------------------- *
	トップページ以外のナビゲーション部分の設定です
 * ---------------------------------------------------------------- */
#naviPage {
	background: #ffffff url(../images/pageNavi.jpg) no-repeat left top;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	height: 39px;
}

#naviPage ul {
	margin: 0;
	padding: 0;
	float: right;
}

#naviPage ul li {
	margin: 0;
	padding: 0;
	float: left;
}

#naviPage ul li a {
	margin: 0;
	padding: 0;
	display: block;
 	border-bottom: none;
	font-weight: bold;
}

#naviPage a:hover {
	border-bottom: none;
	text-decoration: none;
}


/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です
 * ---------------------------------------------------------------- */
#main {
	background: #ffffff url(../images/bg-main.jpg) no-repeat;
  /* Note：以下を「すべて 0」にしておく */
	margin: 0;
	padding: 0;
}


/* ---------------------------------------------------------------- *
	コンテンツ部分の設定　1カラムの場合
 * ---------------------------------------------------------------- */
#contents-1col {
	background: #ffffff;
	margin: 0;
	padding: 20px 30px;
}

/* ---------------------------------------------------------------- *
	コンテンツ部分の設定　2カラムの場合
 * ---------------------------------------------------------------- */
#contents-2col  {
	width: 560px;
	margin: 16px 0 0 0;
	padding: 0 0 0 30px;
	float: left;
	display: block;
	min-height: 400px;
}

#submenu {
	margin: 16px 0 0 0;
	padding: 0;
	float: left;
	background: #eeeeee url(../images-com/title-submenu.jpg) no-repeat;
	width: 200px;
	display: block;
}

#submenu ul {
	padding: 50px 18px 5em 18px;
}

#submenu li {
	padding: 4px 0 2px 0;
	font-size: 100%;
	border-bottom: 1px solid #e0e0e0;
}


/* ---------------------------------------------------------------- *
	右寄せ左寄せ
 * ---------------------------------------------------------------- */
.floatR {
	float: right;
	padding: 0 0 16px 16px;
}

.floatL {
	float: left;
	padding: 0 16px 16px 0;
}

.btnsitemap {
	float: right;
	margin: 0;
	padding: 0;
}

/* ---------------------------------------------------------------- *
	パンクズ
 * ---------------------------------------------------------------- */
.pannavi {
	margin: 10px 20px 0 20px;
	padding: 0 0 4px 0;
	font-size: 90%;
	border-bottom: 1px dotted #cccccc;
}


/* ---------------------------------------------------------------- *
	ページトップ
 * ---------------------------------------------------------------- */
.pagetopBox {
	height: 20px;
	padding: 0 20px 20px 0;
	clear: both;
}

.pagetop {
	margin: 0;
	padding: 0;
	float: right;
}


/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */
#footer {
	background: #ffffff url(../images/bg-footer.jpg) repeat-x;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0.6em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 1em;
 	border-top: 1px dotted #cccccc;
}

#footer ul {
 	margin-bottom: 4px;
 	padding: 0;
 	border-left: none;
}

#footer ul li {
	margin: 0 0.8em 0 0;
	padding: 0 0.5em 0 0;
	border-right: 1px solid #cccccc;
	background-image: none;
}

.footText {
	line-height: 150%;
	margin-top: 20px;
	padding: 4px 0 8px 86px;
	background :#ffffff url(../images/logomark.jpg) no-repeat;
	height: 70px;
}

.last {
	border-right: none;
}

#copyright {
	margin: 0;
	padding: 16px 0 2px 10px;
	background: #666666;
	font-size: 90%;
	color: #ffffff;
}



/* ---------------------------------------------------------------- *
	clearfix
 * ---------------------------------------------------------------- */

div#contents:after,
div#news:after,
div#col2:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}