@charset "Shift_JIS";
@page { size:portrait; }
@media all{
/* Width body:980(980) nav:320 main:660  */
body,h1,h2,h3,p,div,ul,ol,li,dl,dd,dt,table,form,blockquote,pre,address{
margin: 0;
padding: 0;
}

html {
overflow-y: scroll;
}
/* --- 全体の背景・テキスト --- */
body {
-webkit-print-color-adjust: exact;
min-width: 980px; /* 全体の最小幅 */
background-color: #f0f0f0 !important; /* 全体の背景色 */
color: #000; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS  Gothic", Helvetica;
}

table {
border: 0;
border-spacing: 0 0;
}

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

/* --- コンテナ --- */
#container {
background-color: #ffffff !important; /* 背景色 */
width: 980px; /* コンテナの幅 */
margin: 0 auto; /* センタリング */
}


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

/* --- ヘッダ --- */
#header{
}

/* --- トップエリア --- */
#header div.top {
padding: 5px 0 0; /* トップエリアのパディング（上、左右、下） */
}
#header div.top div.container {
position: relative; /* 相対配置（ガイドメニューのために設定） */
}

.nodisp {
display: none;
}

/* --- サイトタイトル --- */
#header h1.siteTitle,
#header p.siteTitle {
margin: 0 ; /* サイトタイトルのマージン（上、左右、下） */
font-size: 200%; /* サイトタイトルの文字サイズ */
}
/* サイトタイトルの画像 */
#header h1.siteTitle img,
#header p.siteTitle img {
border: none;
}

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

/* --- ヘッダメニュー --- */
#header div.nl {
width: 978px;
background-color: #666666 !important;
border-style: solid;
border-color: #ffffff #7054a0 #7054a0 #ffffff;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 1px;
border-right-width: 1px;
/*
 #7054a0; #666666;*/
}
/* --- メニュー本体 --- */
#header div.nl ul {
width: 978px; /* メニュー本体の幅（コンテナの幅から2px引いた値） */
margin: 0;
padding: 0 0 0 1px;
list-style-type: none;
text-align: center;
}
/* メニュー項目 */
#header div.nl li, #header div.nl li a {
width: 163px;
float: left;
line-height: 100%;
}

#menubutton-home a{
background-image:url(image/bo_home.png);
}
#menubutton-houjin a{
background-image:url(image/bo_houjin.png);
}
#menubutton-souzoku a{
background-image:url(image/bo_souzoku.png);
}
#menubutton-qa a{
background-image:url(image/bo_qa.png);
}
#menubutton-info a{
background-image:url(image/bo_info.png);
}
#menubutton-contact a{
background-image:url(image/bo_contact.png);
}


/* リンクエリア */
#header div.nl li a {
display: block;
position: relative; /* IE6用 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 文字の太さ（太字） */
color: #ffffff; /* 文字色 */
height: 44px;
}
/* ポイント時とアクティブ時の設定 */
#header div.nl li a:hover {
background-position:0px 44px;
}


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

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


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

/* --- コンテンツ --- */
.center {
text-align:center;
}
#content {
padding: 0; /* コンテンツのパディング（上、左右、下） */
background: #fff !important;
}


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

/* --- メインカラム --- */
.main {
float: left;
width: 660px; /* メインカラムの幅 */
padding: 0;
margin: 0;
position: relative;
font-size: 16px;
}

.main div {
padding: 0;
margin: 0px 18px 2px 18px;
}

.main h2, .main h3, .main p{
padding: 4px 0 0 0;
}


.main p {
margin: 0;
line-height: 120%; /* 行の高さ */
}


#maintop {
height: 890px;
background: url(image/home_photo.jpg) no-repeat top !important;
font-size: 18px;
}
#maintop h2 {
padding: 255px 0 0 0;
}

#mainhoujin {
height: 940px;
background: url(image/houjin_photo.jpg) no-repeat top !important;
}
#houjin1 {
padding: 260px 0 0 0;
width:480px;
}
#houjin2 {
padding: 60px 0 0 80px;
width:480px;
}
#houjin3 {
padding: 60px 0 0 160px;
}
#houjin4 {
position: absolute;
bottom: 0;
padding: 0;
right: 0;
}


#mainsouzoku {
height: 943px;
background: url(image/souzoku_photo.jpg) no-repeat top !important;
}
#souzoku1 {
padding: 260px 0 0 50px;
width:480px;
}
#souzoku2 {
padding: 20px 0 0 150px;
width:480px;
}
#souzoku3 {
padding: 20px 0 0 0;
width:520px;
}
#souzoku4 {
position: absolute;
bottom: 0;
padding: 0 30px 0 0;
right: 0;
width:75px;
}
#souzoku4 img{
}


#qa {
height: 2078px;
background: url(image/qa_photo.jpg) no-repeat top !important;
}
div.qatop {
padding: 30px;
}
#qa h3 {
padding: 0 0 0 30px;
}
#qa div.answer{
position:relative;
top: -60px;
padding: 0 5px 0 140px;
}
#qa ul {
padding: 20px 0 5px 20px;
}


#info h3 {
padding: 25px 0 0 0;
}


/* ---  --- */
table.info {
font-size: 15px;
width:100%;
border-spacing: 2px 10px;
}
table.info tr  {
}
table.info tr th {
text-align:center;
background-color: #b3b9dd !important;
padding: 10px 10px;
width:140px;
}
table.info tr td {
text-align:left;
background-color: #c9cde8 !important;
padding: 10px 10px;
}

#gaikan {
padding-left: 2px;
}

#contact {
padding: 0;
}
#contact h2 {
padding: 20px 0 0 5px;
}
#contact div {
padding: 0;
margin: 0;
}

#contact div.section {
margin: 0 0 0 10px;

}
table#contacttable{
padding: 5px;
}


td#Q1_head, td#Q2_head, td#Q3_head, td#Q4_head {
width: 80px;
}



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


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

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

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

/* --- ブログ --- */
#nav div.blog {
}
#nav div.blog div.inner {
padding: 5px; /* 内部のパディング */
background: #64c2f2 url(image/box_back_blue1.gif) repeat-x top !important; /* 内部の背景 */
}
/* 見出し */
#nav div.blog h2 {
padding: 3px 0 0 8px;
margin-bottom: 5px;
}

#nav div.banner {
margin: 20px 0 0 0;
}

#nav div.banner a img {
margin: 5px 10px;
border: 0px;
}




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


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

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


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

/* --- フッタ --- */
#footer {
clear: both;
background: url(image/foot.jpg) no-repeat 0 0 !important;
height:140px;
}

/* --- フッタメニュー --- */
#footer ul.nl {
margin: 0;
padding: 10px 0px 10px;
list-style-type: none;
text-align: center;
}
/* --- メニュー項目 --- */
#footer ul.nl li, #footer ul.nl li a {
width: 160px;
float: left;
line-height: 100%;
}
#menuguide-home a{
height:14px;
width:57px;
background:url(image/footbo_home.png) no-repeat top !important;
}
#menuguide-houjin a{
height:14px;
width:100px;
background:url(image/footbo_houjin.png) no-repeat top !important;
}
#menuguide-souzoku a{
height:14px;
width:100px;
background:url(image/footbo_souzoku.png) no-repeat top !important;
}
#menuguide-qa a{
height:14px;
width:114px;
background:url(image/footbo_qa.png) no-repeat top !important;
}
#menuguide-info a{
height:14px;
width:100px;
background:url(image/footbo_info.png) no-repeat top !important;
}
#menuguide-contact a{
height:14px;
width:103px;
background:url(image/footbo_contact.png) no-repeat top !important;
}



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

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


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

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- ▲その他の設定終了 --- */


#policy {
width: 630px;
margin: 5px;
}
#policy h2 {
margin: 10px 0 0 0;
}
#policy ul {
margin: 5px 0 0 50px;
}
#policy div {
margin: 20px 0 20px 20px;
}

.policy {
text-align: right;
}