/* CSS Document */

@charset "Shift_JIS";

/* --- タイプ2 レイアウト --- */


/* --- 全体の背景・テキスト --- */
body {
	min-width: 960px; /* 全体の最小幅 */
	margin: 0;
	padding: 0;
	background-color: #ffffff; /* 全体の背景色 */
	color: #000000; /* 全体の文字色 */
	font-size: 80%; /* 全体の文字サイズ */
	font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
	line-height: 150%;
	overflow: auto;
}


.clearfix {
  overflow: auto;
  zoom: 1;
}


/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #000090; }
a:hover {
}
a:active {
}

/* --- コンテナ --- */
#header div.container,
#content div.container,
#footer div.container {
	width: 960px; /* センタリング */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

img {
border: none;
}


/* --- ▼ヘッダ内の設定開始 --- */

/* --- ヘッダ --- */
#header{
	margin-bottom: 20px; /* ヘッダのパディング（上下、左右） */
	background-color: #f9f9f9; /* ヘッダの下境界線 */
	background-image: url(images/bg_header.gif);
	background-repeat: repeat;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
#header div.container {
	position: relative;
	padding-top: 5px;
	padding-bottom: 20px;
	height: 64px;
}

/* --- サイトタイトル --- */
#header h1.siteTitle,
#header p.siteTitle {
	margin: 0 0 3px; /* サイトタイトルのマージン（上、左右、下） */
	font-size: 10px; /* サイトタイトルの文字サイズ */
	float: left;
	bottom: 0px;
	color: #FFF;
	line-height: 150%;
}
/* サイトタイトル内のリンク */
#header h1.siteTitle a,
#header p.siteTitle a {
text-decoration: none; /* テキストの下線（なし） */
color: #000000; /* 文字色 */
}

/* --- キャッチフレーズ --- */
#header p.catch {
margin: 0 0 10px; /* キャッチフレーズのマージン（上、左右、下） */
}
#header p.catch strong {
font-weight: normal; /* 文字の太さ（ノーマル） */
}

/* --- ガイドメニュー --- */
#header ul.guide {
position: absolute; /* 絶対配置 */
top: 15px; /* 上からの距離 */
right: 10px; /* 右からの距離 */
margin: 0;
padding: 0;
list-style-type: none;
}
/* メニュー項目 */
#header ul.guide li {
display: inline;
padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
background: url(../image/menu_line.gif) no-repeat left; /* 項目の背景（区切り線） */
}
/* 最初の項目 */
#header ul.guide li.first {
background: none; /* 区切り線なし */
}

/* --- オープニングエリア（トップページ） --- */
#header div.opening {
margin-bottom: 2px; /* オープニングエリアの下マージン */
}
/* オープニングエリア内の見出し */
#header div.opening h2 {
margin: 0;
}

/* --- ヘッダメニュー --- */
#header ul.nl {
width: 100%; /* IE 6のために幅の指定が必要 */
margin: 0;
padding: 0;
background-color: #ffffff; /* ヘッダメニューの背景色 */
list-style-type: none;
text-align: center;
}
/* メニュー項目 */
#header ul.nl li {
width: 147px; /* 項目の幅 */
float: left;
line-height: 100%;
}
/* 最初の項目と最後の項目 */
#header ul.nl li.first,
#header ul.nl li.last {
width: 146px; /* 項目の幅 */
}
/* リンクエリア */
#header ul.nl li a {
 display: block; 
position: relative; /* IE6用 */
padding: 15px 2px; /* リンクエリアのパディング（上下、左右） */
border: 1px #cccccc; /* リンクエリアの境界線（太さ、色） */
border-style: solid solid solid none; /* リンクエリアの境界線スタイル（上右下左） */
text-decoration: none; /* テキストの下線（なし） */
}
/* 最初のリンクエリア */
#header ul.nl li.first a {
border-left: 1px #cccccc solid; /* リンクエリアの左境界線 */
}
/* ポイント時の設定 */
#header ul.nl li a:hover {
background-color: #f0ffff; /* ポイント時の背景色 */
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- トピックパス（下層ページ） --- */
#header ol.topicPath {
margin: 0;
padding: 10px 2px 0; /* トピックパスのパディング（上、左右、下） */
list-style-type: none;
}
/* リスト項目 */
#header ol.topicPath li {
display: inline;
}
/* リンクエリア */
#header ol.topicPath li a {
padding-right: 12px; /* リンクエリアの右パディング */
background: url(../image/topic_path.gif) no-repeat right; /* リンクエリアの背景（区切り記号） */
}

/* --- 罫線 --- */
#header hr.none {
display: none; /* 表示形式（なし） */
}

/* --- ▲ヘッダ内の設定終了 --- */


/* --- ▼コンテンツ内の設定開始 --- */

/* --- コンテンツ --- */
#content {
margin-bottom: 10px; /* コンテンツの下マージン */
}


/* --- ▼メインカラム内の設定開始 --- */

/* --- メインカラム --- */
#main {
	float: left;
	width: 710px;
	margin-left: 15px;
}

/* --- メインカラム-サイドバー無しのデカヴァージョン --- */
#main_big {
	float: left;
	width:960px;
}

/* --- ページタイトル（下層ページ） --- */
#main h1.pageTitle {
margin: 0 0 15px 20px; /* ページタイトルのマージン（上右下左） */
padding: 8px 10px; /* ページタイトルのパディング（上下、左右） */
background-color: #e0e0e0; /* ページタイトルの背景色 */
font-size: 160%; /* ページタイトルの文字サイズ */
}

/* --- セクション（共通設定） --- */
#main div.section {
margin: 0 0 2em 20px; /* セクションのマージン（上右下左） */
}

/* --- 標準セクション --- */
/* 見出し */
#main div.normal h2 {
margin: 0 0 1em; /* 見出しのマージン（上、左右、下） */
padding: 5px 8px; /* 見出しのパディング（上下、左右） */
background-color: #e0e0e0; /* 見出しの背景色 */
font-size: 130%; /* 見出しの文字サイズ */
}
/* 段落 */
#main div.normal p {
margin: 0 5px 1em; /* 段落のマージン（上、左右、下） */
line-height: 160%; /* 行の高さ */
}

/* --- 強調セクション --- */
#main div.emphasis {
	border: 1px #c0c0c0 solid; /* セクションの境界線 */
	padding-top: 1.1em;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
 /* 見出し */
#main div.emphasis h2 {
margin: 0 0 0.8em; /* 見出しのマージン（上、左右、下） */
font-size: 130%; /* 見出しの文字サイズ */
color: #ff8000; /* 見出しの文字色 */
}
 /* 段落 */
#main div.emphasis p {
margin: 0 0 1em; /* 段落のマージン（上、左右、下） */
line-height: 150%; /* 行の高さ */
}

/* --- 新着情報（トップページ） --- */
#main div.update dl {
width: 630px; /* 新着情報の幅（メインカラムの幅から30px引いた値） */
margin: 0 auto; /* センタリング */
}
/* 日付エリア */
#main div.update dt {
width: 6.7em; /* 日付エリアの幅 */
float: left;
padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%; /* 行の高さ */
}
/* 本文エリア */
#main div.update dd {
margin: 0;
padding: 7px 3px 6px 6.6em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 120%; /* 行の高さ */
}

/* --- ▲メインカラム内の設定終了 --- */


/* --- ▼サイドバー内の設定開始 --- */

/* --- サイドバー --- */
#nav {
	float: right;
	width: 220px;
}

/* --- セクション（共通設定） --- */
#nav div.section {
margin-bottom: 10px; /* セクションの下マージン */
}
/* 見出し */
#nav div.section h2 {
margin: 0 0 0.7em; /* 見出しのマージン（上、左右、下） */
padding: 5px 8px; /* 見出しのパディング（上下、左右） */
font-size: 120%; /* 見出しの文字サイズ */
}
/* 段落 */
#nav div.section p {
margin: 0 10px 0.7em; /* 段落のマージン（上、左右、下） */
line-height: 130%; /* 行の高さ */
}

/* --- 標準セクション（グレー） --- */
#nav div.normal {
border: 1px #c0c0c0 solid; /* セクションの境界線 */
}
/* 見出し */
#nav div.normal h2 {
background-color: #e0e0e0; /* 見出しの背景色 */
}

/* --- 強調セクション1（水色） --- */
#nav div.emphasis {
border: 1px #92c2dc solid; /* セクションの境界線 */
}
/* 見出し */
#nav div.emphasis h2 {
background-color: #a7dcfc; /* 見出しの背景色 */
}

/* --- 強調セクション2（オレンジ） --- */
#nav div.strong {
border: 1px #f4c24d solid; /* セクションの境界線 */
}
/* 見出し */
#nav div.strong h2 {
background-color: #ffce68; /* 見出しの背景色 */
}

/* --- サブメニュー --- */
/* サブメニュー内の見出し */
#nav div.subMenu h2 {
margin: 0; /* 見出しのマージン（上書き） */
background-color: #a7dcfc; /* 見出しの背景色 */
border: 1px #92c2dc solid; /* 見出しの境界線 */
}
/* メニューエリア */
#nav div.subMenu ul.nl {
margin: 0;
padding: 0;
list-style-type: none;
}
/* メニュー項目 */
#nav div.subMenu ul.nl li {
border-bottom: 1px #c0c0c0 solid; /* 項目の下境界線 */
}
/* リンクエリア */
#nav div.subMenu ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 9px 10px; /* リンクエリアのパディング（上下、左右） */
text-decoration: none; /* テキストの下線（なし） */
}
/* ポイント時の設定 */
#nav div.subMenu ul.nl li a:hover {
background-color: #f0ffff; /* ポイント時の背景色 */
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- お問い合わせ --- */
#nav div.contact {
padding: 0 0 0.3em; /* パディング（上、左右、下） */
}
/* お問い合わせ内の段落 */
#nav div.contact p {
margin: 0 10px 0.4em; /* 段落のマージン（上書き） */
}

/* --- ▲サイドバー内の設定終了 --- */


/* --- 罫線 --- */
#content hr.clear {
clear: left; /* 右フロートのクリア */
width: 100%;
margin: 0;
visibility: hidden; /* 非表示 */
}

/* --- ▲コンテンツ内の設定終了 --- */


/* --- ▼フッタ内の設定開始 --- */

/* --- フッタ --- */
#footer {
	padding: 15px 0 20px; /* フッタの背景色 */
	border-top: 1px #c0c0c0 solid; /* フッタの上境界線 */
	background-image: url(images/bg_header.gif);
}

/* --- フッタメニュー --- */
#footer ul.nl {
margin: 0 0 10px; /* フッタメニューのマージン（上、左右、下） */
padding: 0;
list-style-type: none;
text-align: center;
}
/* --- メニュー項目 --- */
#footer ul.nl li {
padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
background: url(../image/menu_line.gif) no-repeat left; /* 項目の背景（区切り線） */
display: inline;
}
/* 最初の項目 */
#footer ul.nl li.first {
background-image: none; /* 区切り線なし */
}
/* ガイドメニュー */
#footer ul.guide {
margin: 0 0 15px; /* ガイドメニューのマージン（上書き） */
}

/* --- アドレス・コピーライト --- */
#footer address {
	font-style: normal;
	text-align: center;
	line-height: 140%; /* 行の高さ */
	color: #FFF;
}

/* --- ▲フッタ内の設定終了 --- */


/* --- ▼その他の設定開始 --- */

/* --- clearfix --- */

/* --- ▲その他の設定終了 --- */
#header .container #header-navi1 {
	float: left;
}
#header .container #logo {
	float: left;
	width: 220px;
}
#header .container #headernavi2 {
	width: 220px;
	padding-left: 10px;
	float: left;
	padding-right: 5px;
	text-align: right;
}
#header .container #headernavi1 {
	float: left;
	width: 480px;
}
#header .container #headernavi1 ul {
	list-style-type: none;
}
#header .container #headernavi1 li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float:left;
}

#header .container #headernavi1 ul {
list-style-type: none;
	
}
#header .container #headernavi2 li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float:left;
}
#header .container #headernavi1 #navi001 {
}
#header .container #headernavi1 .navi01_text {
}


/* --- ▼ナビロールオーバー*/
.navi1_toroku a {
    background: url("images/navi_toroku_off.gif") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 40px;
    width: 118px;
}

.navi1_toroku a:hover {
    background: url("images/navi_toroku_on.gif") no-repeat scroll 0 0 transparent;
}



.navi1_service a {
    background: url("images/navi_service_off.gif") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 40px;
    width: 118px;
}

.navi1_service a:hover {
    background: url("images/navi_service_on.gif") no-repeat scroll 0 0 transparent;
}
#content .container #main h2 {
	font-size: 24px;
	color: #F33;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #FF3A3A;
	padding-bottom: 4px;
}

#content .container #main_big h2 {
	font-size: 24px;
	color: #F33;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #FF3A3A;
	padding-bottom: 4px;
}

#content .container #main p {
	line-height: 150%;
	color: #333;
}

#content .container #main_big p {
	line-height: 150%;
	color: #333;
}

#content .container #main h3 {
	font-size: 20px;
	color: #000;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
}
#content .container #main .left {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 460px;
}
#content .container #main .right {
	float: right;
	margin-top: 0px;
}
#content .container #main h4 {
	font-size: 14px;
	line-height: 170%;
	color: #333;
}
#content .container #main .yuryo_syosaipage {
	float: left;
	width: 210px;
	padding-right: 13px;
	padding-bottom: 15px;
	padding-left: 13px;
}
#content .container #main .center {
	text-align: center;
	width: 210px;
}
#content .container #main .left .service_banner_title {
	font-size: 14px;
	color: #F63838;
	border: thin solid #FF3A3A;
	padding: 4px;
}


#subfooter {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: right;
}
#question dt {
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333;
	padding-bottom: 6px;
	background-image: url(images/icon_question.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-top: 20px;
	font-weight: bold;
}
.table_p_area table tr .th1 {
	width: 550px;
}
.table_p_area table tr td .area_name {
	font-size: 18px;
	font-weight: bold;
	color: #FF514E;
}
#question dd {
	font-size: 14px;
	margin-top: 5px;
}

/**  entry_form **/

table.entryform{
    background-color:#ffffff;
    empty-cells:show;
	border-collapse: collapse;
 　 border-spacing: 0;
}
.entry_form_title {
	font-size: 16px;
	color: #FFF !important;
	background-color: #727171;
	padding: 5px;
	margin: 0px;
}
.entryform .tr2 td .price_table tr th {
	width: 400px;
}
.entryform .tr2 td .price_table tr th {
	width: 200px;
}
.entryform th{
	color: #330000;
	background-position: left top;
	text-align: center;
	width: 200px;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.entryform td{
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	width: 730px;
}

.tr2 {
	background-color:#E8EEFA;
	}


/**  entry_form **/

table.price_table{
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.price_table th{
	color: #FFFFFF;
	background-position: left top;
	text-align: center;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	background-color: #FF514E;
}
.price_table td{
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
}




/**  head? **/
#header .container #logo01 {
	float: left;
	width: 220px;
	margin-right: 0px;
}


/**  webtan **/

.subtitle {
	color:red;
}
.webtan_menu_box {
	border:solid 1px;
	padding:10px;
}

.webtanbox_tit{
	color: red;
	text: 140%;
	font-size: 140%;
}

.webtan_txt {
	background-color:#FFE599;
	padding:10px;
	}
	
	
	.mainbox dt {
	padding:2px;
	width: 80px;
	text-align: center;
	float:left;     
 　font-weight:bold;  
 background-color: #FFB800;
}

	.mainbox dd {
	margin-left:100px;
	padding:5px 5px 5px 10px;
		}
		
.webtanbox_left{
	float:left;
	width:400px;
	}		

.webtanbox_right{
	float:right;
	width: 180px;
	vertical-align: bottom;
	}	
	
#webtan .mainbox {
	padding: 16px;
	border: 1px solid #333;
	margin-top: 20px;
}	
	
	
/**  serviceのh3タイトル **/	
#content .container #main #tit_serv {
	font-size: 20px;
	color: #FC2C32;
	padding-top:10px;
}
#content .container #main .tit_top {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FC2A31;
	padding-top: 6px;
	margin-top:15px;
}
#content .container #main .tit_serv {
	font-size: 20px;
	color: #FC363B;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FC363B;
}