/* ---------------------------

	共通

--------------------------- */

body {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-image: url(../img/bg01.gif);
	background-repeat: repeat;
	font-size: 100%;
	line-height: 130%;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#h1_container {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}

#container {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E49265;
	border-bottom-color: #E49265;
	border-left-color: #E49265;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E49265;
}

#header {
	width: 700px;
	background-color: #FFFFFF;

}

#header img {
	margin-top: 4px;
	margin-bottom: 4px;
	vertical-align: middle;
}

#header_left {
	width: 380px;
	text-align: left;
	padding-left: 20px;
	vertical-align: middle;
}

#header_right {
	width: 280px;
	text-align: right;
	padding-right: 20px;
	vertical-align: middle;
}

#topimage {
	width: 700px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #E49265;
}

#navi_ol {
	width: 696px;
	padding-right: 2px;
	padding-left: 2px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	position: relative;
	bottom: 70px;
	text-align: center;
}

#navi {
	margin-right: auto;
	margin-left: auto;
}

#navi td {
	vertical-align: bottom;
	height: 70px;
}

#main {
	width: 700px;
	bottom: 70px;
	margin-bottom: -64px;
	position: relative;
}

#contents {
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#contents_header {
	width: 700px;
	margin-bottom: 6px;
}

#contents_header_left {
	float: left;
	width: 330px;
	font-size: 80%;
	padding-left: 20px;
	padding-top: 12px;
}

#contents_header_right {
	float: right;
	width: 330px;
	text-align: right;
	padding-top: 4px;
	padding-right: 20px;
}

#contents_topicpass {
	width: 680px;
	font-size: 80%;
	padding-top: 12px;
	padding-left: 20px;
}

#contents_search {
	float: right;
	text-align: right;
	padding-top: 4px;
	padding-right: 20px;
}

.contents_ol {
	width: 620px;
	margin-bottom: 30px;
}

#footer {
	height: 25px;
	width: 700px;
	background-image: url(../img/bg_footer.gif);
	background-repeat: no-repeat;
	font-size: 80%;
	text-align: center;
	padding-top: 12px;
}

p {
	margin-bottom: 16px;
}

a:link {
	color: #0099CC;
}

a:visited {
	color: #990099;
}

a:hover {
	color: #FF9900;
}

a:active {
	color: #FF0000;
}

.line01 {
	width: 700px;
	line-height: 0px;
	height: 3px;
	font-size: 0px;
}

.line01 img {
	vertical-align: top;
	position: relative;
	bottom: 70px;
}

/* 検索フォーム */

#form_ol {
	width: 320px;
}

#form_ol td {
	text-align: right;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* 下にdivが来たときの隙間を埋める */

.img_nospace {
	vertical-align: bottom;
}

/* 画像の上下にマージン */

.img01 {
	margin-bottom: 20px;
}

.img02 {
	margin-bottom: 10px;
}

.img03 {
	margin-top: 30px;
	margin-bottom: 10px;
}

.img04 {
	margin-top: 20px;
	margin-bottom: 10px;
}

/* 画像にリンクを設定したときにFirefoxで下線を表示させない */

a.nounderline {
	text-decoration: none;
	border-bottom-width: 0px;
}

a.nounderline:hover {
	text-decoration: none;
	border-bottom-width: 0px;
}

/* divの下部にマージン */

.div_margin01 {
	padding-top: 8px;
	padding-bottom: 8px;
}


/* ---------------------------

	見出しタグ

--------------------------- */

h1 {
	margin: 0px;
	font-size: 12px;
	font-weight: normal;
}


/* ---------------------------

	テキスト

--------------------------- */

.text01 {
	font-size: 70%;
	color: #FF0000;
}

.text02 {
	font-size: 80%;
	font-weight: bold;
}

/* ---------------------------

	トップページ

--------------------------- */

#top_contents_left {
	width: 390px;
	margin-right: 20px;
	float: left;
	padding-bottom: 20px;
}

#top_contents_right {
	width: 210px;
	float: left;
	padding-bottom: 10px;
}

#news_middle {
	width: 350px;
	background-image: url(../img/bg_news_middle.gif);
	background-repeat: repeat-y;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#news {
	width: 350px;
	overflow: auto;
	margin-top: 4px;
	font-size: 80%;
	line-height: 130%;
}

#news table {
	width: 320px;
}

#news td {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}

.news_right {
	vertical-align: top;
	padding-bottom: 10px;
	padding-top: 10px;

}

.news_right div {
	text-align: right;
	padding-top: 6px;
}

.news_left {
	padding-right: 12px;
	vertical-align: top;
	padding-top: 10px;
}

.news_title {
	font-weight: bold;
	background-image: url(../img/ic01.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	background-position: left 2px;
}

#ninki {
	width: 390px;
	overflow: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

#ninki table {
	width: 372px;
}

#ninki td {
	width: 104px;
	padding-right: 20px;
	vertical-align: top;
	text-align: center;
	padding-bottom: 20px;
}

#ninki img {
	border: 2px solid #E49265;
	margin-bottom: 2px;
}

#banner {
	width: 210px;
	margin-bottom: 10px;
	margin-top: 8px;
}

#banner td {
	padding-bottom: 14px;
	text-align: center;
}

#gototop {
	text-align: right;
	margin-right: 20px;
	font-size: 80%;
	margin-bottom: 20px;
	margin-left: 20px;
}

.calender {
	font-size: 80%;
	line-height: 130%;
}


/* ---------------------------

	会社案内ページ（company.html）

--------------------------- */

#profile {
	margin-right: auto;
	margin-left: auto;
}

#profile td {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.profile_left {
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #E8A985;
	text-align: right;
}

#contact {
	margin-right: auto;
	margin-left: auto;
}

#contact td {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.form_button {
	text-align: center;
	background-color: #E7E7E7;
	padding: 6px;
	margin-top: 10px;
}

.form_button input {
	margin-right: 10px;
	margin-left: 10px;
}

/* ---------------------------

　メールフォーム・確認画面（tmp/confirm.html）

--------------------------- */

#confirm {
	width: 620px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}

.confirm_ol {
	width: 620px;
	margin-bottom: 10px;
	background-color: #CCCCCC;
}

.confirm_ol td {
	padding: 6px;
	font-size: 80%;
}

.confirm_left {
	background-color: #FFFFDD;
	width: 160px;
	text-align: center;
}

.confirm_right {
	background-color: #FFFFFF;
}

h1.confirm_title {
	font-size: 140%;
	text-align: center;
	background-color: #E7E7E7;
	padding: 10px;
	color: #3399CC;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}

.confirm_attention {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

#thanks_img {
	text-align: center;
	padding-top: 14px;
	padding-bottom: 20px;
}

.thanks_p01 {
	font-weight: bold;
	color: #FF9900;
	font-size: 130%;
	text-align: center;
}

.thanks_p02 {
	text-align: center;
}


/* ---------------------------

	サイトマップページ（sitemap.html）

--------------------------- */

#sitemap_contents_left {
	width: 300px;
	margin-right: 20px;
	float: left;
}

#sitemap_contents_right {
	width: 300px;
	float: left;
}

.sm_pagename {
	background-image: url(../img/ic02.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 18px;
	font-weight: bold;
	font-size: 130%;
	margin-bottom: 6px;
}

.sm_contentsname {
	background-image: url(../img/ic03.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 12px;
	margin-left: 18px;
	margin-bottom: 3px;
}


/* ---------------------------

	利用案内ページ（use.html）

--------------------------- */

#use_menu_middle {
	background-image: url(../img/use_menu_middle.gif);
	background-repeat: repeat-y;
	padding-right: 50px;
	padding-left: 50px;
	float: left;
	width: 520px;
	padding-top: 6px;
}

#use_menu_left {
	width: 250px;
	margin-right: 20px;
	float: left;
}

#use_menu_right {
	width: 250px;
	float: left;
}

.use_pagename {
	background-image: url(../img/ic02.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 18px;
	font-weight: bold;
	margin-bottom: 2px;
}

.use_contentsname {
	background-image: url(../img/ic03.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 12px;
	margin-bottom: 0px;
	font-size: 80%;
	margin-left: 18px;
}

.use_gototop {
	text-align: right;
	font-size: 80%;
	margin-right: 50px;
	margin-left: 50px;
}

.use_ttl {
	margin-left: 30px;
	margin-right: 30px;
	font-weight: bold;
	margin-bottom: 6px;
	margin-top: 10px;
}

.use_description {
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 6px;
}

.use_tb {
	margin-right: 50px;
	margin-left: 50px;
	margin-bottom: 4px;
	background-color: #D5D5D5;
	margin-top: 8px;
	width: 520px;
}

.use_tb_left {
	font-size: 80%;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../img/bg02.gif);
	background-repeat: repeat;
	width: 130px;
	text-align: center;
}

.use_tb_right {
	font-size: 80%;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
}


/* ---------------------------

　汎用テンプレートページ（tp.html）

--------------------------- */

.tp_btn {
	text-align: center;
	padding: 8px;
	margin-bottom: 30px;
}

.tp_img01 {
	text-align: center;
	margin-bottom: 10px;
}

.tp_h2 {
	height: 28px;
	width: 575px;
	padding-left: 45px;
	background-image: url(../img/bg03.gif);
	background-repeat: no-repeat;
	font-size: 110%;
	padding-top: 7px;
	margin-bottom: 16px;
	margin-top: 0px;
}

/* ブロックBのテキストと画像の下のマージン調整用 */

.tp_margin {
	margin-bottom: 10px;
}


/* ---------------------------

	幅可変な画像ブロックをCSSのみで作る（table使用せ）
	http://gyauza.egoism.jp/clip/archives/2007/05/070512-image-block/参照

--------------------------- */

.ImgBlk{
	display:table;
	margin:0;
}
.ImgBlkR{
	direction:rtl;
}
	.ImgBlkR *{
		direction:ltr;
	}
	.ImgBlk .ImgArea,
	.ImgBlk .NonImgArea{
		display:table-cell;
		vertical-align:top;
		text-align:left;
	}
	.ImgBlk .NonImgArea{
	width:100%;
	}
	.ImgBlk .ImgArea{
	}
		.ImgBlkR .ImgArea{
	padding:0 0 0 10px;
		}
		.ImgBlkL .ImgArea{
			padding:0 10px 0 0;
		}
		
/* for IE */

	#LTIE8 .ImgBlkR .ImgArea{
		float:right;
	}
	#LTIE8 .ImgBlkL .ImgArea{
		float:left;
	}
	/*
	#LTIE8 .ImgBlk .ImgArea{
		width:expression(this.getElementsByTagName("img")[0].clientWidth);
	}
	*/
	#LTIE8 .ImgBlk .NonImgArea{
		width:auto;
	}
	
	/* clear float and get hasLayout */
	
	#LTIE8 .ImgBlk,
	#LTIE8 .ImgBlk .NonImgArea{
		min-height:0;
	}
	* html #LTIE8 .ImgBlk,
	* html #LTIE8 .ImgBlk .NonImgArea{
		height:0;
	}


/* ---------------------------

	clearfix

--------------------------- */

/* for modern browser */
.clearfix:after {content: ".";display: block;font-size: 0.1em;line-height: 0;height: 0.1px;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */