/* CSS Document */

/* Index -----------------------------------

   1.基本設定
   2.文字
   3.リンク
   4.ヘッダー
   5.メニュー
   6.メインコンテンツ
   7.フッター
   8.アドレス
   9.その他

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


/* ------------ 1.基本設定 ------------ */

body {
margin:0px;
padding:0px;
background-color:#FFF;  /* メイン背景設定 */
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック", sans-serif;   /* フォント設定 */
font-size:14px;
line-height:20px;
color:#333333;
}

#container {
width:770px;
background:url(image/contents_back.jpg) repeat-y;  /* 背景画像挿入 */
position:relative;
}

/* ------------ 2.文字 ------------ */

h1,h2,h3,h4,h5,ul,p,address {
margin:0px;
padding:0px;
}

/* ------------ 3.リンク ------------ */

a {
text-decoration:underline;  /* テキストリンク設定 */
}

a:link {
color:#0000FF;  /* リンクカラー#0000FF */
}

a:visited {
color:#800080;  /* 訪問済みリンクカラー#800080 */
}

a:hover {
color:#920202;  /* オンマウスリンクカラー */
}

a:focus, a:active {
color:#920202;  /* クリック時リンクカラー#FF0000 */
}

/* ------------ 4.ヘッダー ------------ */

#header {
background:url(image/back_header.gif) repeat-x;
width:760px;
height:80px;
}

#header h1 {
position:absolute;
left:10px;
top:22px;
background:url(image/title_funato.gif) no-repeat;
width:200px;
height:40px;
}

#header h1 span {
display:none;
}

#header h2 span {
display:none;
}

/* ------------ 5.メニュー ------------ */

#navi ul {
list-style-type:none;
display:inline;
}

#navi li {
display:inline;
}

#navi li span {
display:none;
}

li#navi1 a {
clear:none;
display:block;
float:left;
width:190px;
height:36px;
background:url(image/menu_top.jpg) no-repeat;
}

li#navi1 a:hover {
background:url(image/menu_top.jpg) no-repeat 0px -36px;
}

li#navi2 a {
clear:none;
display:block;
float:left;
width:190px;
height:36px;
background:url(image/menu_top.jpg) no-repeat -190px 0px;
}

li#navi2 a:hover {
background:url(image/menu_top.jpg) no-repeat -190px -36px;
}

li#navi3 a {
clear:none;
display:block;
float:left;
width:190px;
height:36px;
background:url(image/menu_top.jpg) no-repeat -380px 0px;
}

li#navi3 a:hover {
background:url(image/menu_top.jpg) no-repeat -380px -36px;
}

li#navi4 a {
clear:none;
display:block;
float:left;
width:190px;
height:36px;
background:url(image/menu_top.jpg) no-repeat -570px 0px;
}

li#navi4 a:hover {
background:url(image/menu_top.jpg) no-repeat -570px -36px;
}


#menu {
width:190px;
position:absolute;
top:115px;
left:0px;
}

#menu ul {
list-style-type:none;
display:inline;
}

#menu li {
display:inline;
width:190px;
}

#menu li span {
display:none;
}

li#menu1 a {
clear:none;
display:block;
width:190px;
height:55px;
background:url(image/menu_left.jpg) no-repeat;
}

li#menu1 a:hover {
background:url(image/menu_left.jpg) no-repeat -190px 0px;
}

li#menu2 a {
clear:none;
display:block;
width:190px;
height:55px;
background:url(image/menu_left.jpg) no-repeat 0px -55px;
}

li#menu2 a:hover {
background:url(image/menu_left.jpg) no-repeat -190px -55px;
}

li#menu3 a {
clear:none;
display:block;
width:190px;
height:55px;
background:url(image/menu_left.jpg) no-repeat 0px -110px;
}

li#menu3 a:hover {
background:url(image/menu_left.jpg) no-repeat -190px -110px;
}

li#menu4 a {
clear:none;
display:block;
width:190px;
height:55px;
background:url(image/menu_left.jpg) no-repeat 0px -165px;
}

li#menu4 a:hover {
background:url(image/menu_left.jpg) no-repeat -190px -165px;
}

li#menu5 a {
clear:none;
display:block;
width:190px;
height:55px;
background:url(image/menu_left.jpg) no-repeat 0px -220px;
}

li#menu5 a:hover {
background:url(image/menu_left.jpg) no-repeat -190px -220px;
}

li#menu6 a {
clear:none;
display:block;
width:190px;
height:55px;
background:url(image/menu_left.jpg) no-repeat 0px -275px;
}

li#menu6 a:hover {
background:url(image/menu_left.jpg) no-repeat -190px -275px;
}

li#menu7 a {
clear:none;
display:block;
width:190px;
height:40px;
background:url(image/menu_left.jpg) no-repeat 0px -330px;
}

li#menu7 a:hover {
background:url(image/menu_left.jpg) no-repeat -190px -330px;
}

li#menu8 a {
clear:none;
display:block;
width:190px;
height:40px;
background:url(image/menu_left.jpg) no-repeat 0px -370px;
}

li#menu8 a:hover {
background:url(image/menu_left.jpg) no-repeat -190px -370px;
}

li#menu9 a {
clear:none;
display:block;
width:190px;
height:40px;
background:url(image/menu_left.jpg) no-repeat 0px -410px;
}

li#menu9 a:hover {
background:url(image/menu_left.jpg) no-repeat -190px -410px;
}

li#menu10 a {
clear:none;
display:block;
width:190px;
height:40px;
background:url(image/menu_left.jpg) no-repeat 0px -450px;
}

li#menu10 a:hover {
background:url(image/menu_left.jpg) no-repeat -190px -450px;
}


/* ------------ 6.メインコンテンツ ------------ */

#contents {
min-height:460px;
height:460px;/*\*/
height:auto;/**/
_height:460px;
margin-bottom:10px;
width:570px;
padding-left:190px;
clear:both;
}

#top #contents h3 {
background:url(image/main_image.jpg) no-repeat;
width:570px;
height:170px;
}

#contents h3 span {
display:none;
}

#message {
background:url(image/funato_image.jpg) no-repeat;
width:550px;
height:200px;
margin:10px auto 0;
}

#message h4 {
display:none;
}

#message p {
width:360px;
margin-left:180px;
font-size:12px;
line-height:18px;
padding-top:50px;
}

#topic {
width:550px;
margin:10px auto 0;
}

#topic h5 {
background:url(image/sub_topics.jpg) no-repeat;
width:550px;
height:28px;
}

#topic h5 span {
display:none;
}

#topic li {
background:url(image/point_red.gif) no-repeat;
list-style-type:none;
margin-top:10px;
padding-left:15px;
padding-bottom:10px;
border-bottom:1px dashed #CCCCCC;
}

/* ------------ 7.フッター ------------ */

#footer {
clear:both;
background:url(image/back_footer.jpg) no-repeat bottom;
width:770px;
padding-bottom:10px;
}

#copy {
width:760px;
background-color:#023467;
color:#FFFFFF;
text-align:center;
padding:3px 0;
font-size:11px;
}

#index {
width:760px;
background-color:#FFFFFF;
text-align:center;
padding:5px 0;
line-height:1.4em;
font-size:12px;
}

/* ------------ 8.アドレス ------------ */

address {
position:absolute;
left:495px;
top:23px;
background:url(image/address.gif) no-repeat;
width:255px;
height:40px;
}

address span {
display:none;
}

/* ------------ 9.その他 ------------ */

#main {
width:550px;
margin:10px auto 0;
}

#main h5 span {
display:none;
}

#setsuzei #main h5 {
background:url(image/sub_about.jpg) no-repeat;
width:550px;
height:28px;
}

#tagline {
width:560px;
padding:5px;
text-align:right;
font-size:11px;
border-bottom:1px dashed #CCCCCC;
}

/* 各ページタイトル設定 */

#setsuzei #contents h3 {
background:url(image/title_setsuzei.jpg) no-repeat;
width:570px;
height:170px;
}

#kanpu #contents h3 {
background:url(image/title_kanpu.jpg) no-repeat;
width:570px;
height:170px;
}

#souzoku #contents h3 {
background:url(image/title_souzoku.jpg) no-repeat;
width:570px;
height:170px;
}

#jigyou #contents h3 {
background:url(image/title_jigyou.jpg) no-repeat;
width:570px;
height:170px;
}

#keiei #contents h3 {
background:url(image/title_keiei.jpg) no-repeat;
width:570px;
height:170px;
}

#zeimu #contents h3 {
background:url(image/title_zeimu.jpg) no-repeat;
width:570px;
height:170px;
}

#mailmagazine #contents h3 {
background:url(image/title_mailmagazine.jpg) no-repeat;
width:570px;
height:170px;
}


#voice #contents h3 {
background:url(image/voice.jpg) no-repeat;
width:570px;
height:170px;
}

#introduction #contents h3 {
background:url(image/title_introduction.jpg) no-repeat;
width:570px;
height:170px;
}

#office #contents h3 {
background:url(image/title_office.jpg) no-repeat;
width:570px;
height:170px;
}

#business #contents h3 {
background:url(image/title_business.jpg) no-repeat;
width:570px;
height:170px;
}

#price #contents h3 {
background:url(image/title_price.jpg) no-repeat;
width:570px;
height:170px;
}

#contact #contents h3 {
background:url(image/title_contact.jpg) no-repeat;
width:570px;
height:170px;
}

#privacy #contents h3 {
background:url(image/title_privacy.jpg) no-repeat;
width:570px;
height:170px;
}

#sitemap #contents h3 {
background:url(image/title_sitemap.jpg) no-repeat;
width:570px;
height:170px;
}

#sitemap #main {
background:url(image/sitemap_back.jpg) no-repeat bottom right;
}

#link #contents h3 {
background:url(image/title_link.jpg) no-repeat;
width:570px;
height:170px;
}

/* ページサブタイトル設定 */

#contents #main h4 {
width:530px;
height:28px;
padding:0 10px;
margin-bottom:10px;
background:url(image/sub_title.jpg) no-repeat;
color:#004588;
font-size:15px;
vertical-align:middle;
line-height:28px;
}

#contents #main h5 {
width:530px;
height:20px;
padding:0 0 0 20px;
margin-bottom:5px;
background:url(image/sst_point.jpg) no-repeat left center;
color:#987E32;
font-size:15px;
vertical-align:middle;
line-height:20px;
}

#contents #main p {
margin:0 10px 10px;
}

#contents #main strong {
color:#920202;
}

#contents #main p img {
margin-left:5px;
margin-bottom:5px;
}

/* リスト設定 */

#main ul {
list-style:none;
margin-left:40px;
_margin-left:20px;
}

#main li .dir {
list-style:none;
background:url(image/li_point3.gif) no-repeat left center;
padding-left:25px;
}

/* テーブル設定 */

#price table {
border:1px solid #666;
font-size:12px;
}

#price th {
border:1px solid #666;
padding:3px;
background-color:#EFEFEF;
}

#price td {
border:1px solid #666;
padding:3px;
}

#price ul {
margin:0px;
padding:0px;
list-style:none;
}

#main li .dir2 {
list-style:none;
background:url(image/li_point3.gif) no-repeat left center;
padding-left:25px;
}


/* 右寄せ設定 */

#contents #main p.page-right {
clear:both;
text-align:right;
font-size:11px;
margin:0;
}

/* ページのトップへ */

.page-top {
clear:both;
text-align:right;
font-size:11px;
}

/* クリア設定 */

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix{
display:inline-block;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */