@charset ”Shift_JIS”;

@import url("top.css"); 
@import url("scroll.css"); 
@import url("lightbox.css"); 
@import url("sub.css"); 


/*初期化---------------------------------------------*/

/* 
Copyright (c) 2006, Yahoo! Inc. All rights reserved. 
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0 
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} 
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img{border:0;} 
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} 
ol,ul,li {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';} 

/* サイトナビゲーション　---------------------------------------------*/
.navi{
display:none;
clear:both;
}

/* リンク　---------------------------------------------*/
a {
text-decoration: underline;
color:#532A1F;
} 
a:visited{
text-decoration: underline;
color:#854332;
}
a:hover { 
text-decoration: none;
color:#532A1F;
} 
a:active{ 
text-decoration: none;
color:#532A1F;
}

/* h要素　---------------------------------------------*/

h1,h2 {
text-indent:-4800px;
}



/* body設定　---------------------------------------------*/

html, body, #wrap{height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

body {
	font-size:75%;
	color:#555555;
	line-height:150%;
	text-align:center;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS PGothic","ＭＳ Ｐゴシック",Sans-Serif;
}

* html body{
font-family: 'ＭＳ Ｐゴシック',Verdana, Arial,sans-serif; 
}

#wrap{
    text-align:left;
    margin:0px auto;
	padding-bottom:200px;
}

#head{
width: 966px;
height:160px;
min-height:160px;
margin:0px auto;
}

#topbar{
width:100%;
background-color:#00FF99;
}

#main_tp {
width: 966px;
height:100%;
min-height:100%;
margin:0px auto;
} 
  

/* ヘッダー　---------------------------------------------*/

#logo{
width:300px;
margin:15px 0;
float:left;
}

#submenu{
width:400px;
margin:0 16px;
float:right;
}

#menu{
clear:both;
margin-bottom:10px;
}


/* サブメニュー　---------------------------------------------*/

#sub_entry {
margin:0 0 10px 280px;
text-indent:-4500px;
}

a#sub_entry_bt{
display: block;
width: 120px; /* 画像1枚分の横幅 */
height: 23px;
min-height:23px;
background-image: url("/confirm/images/common/sub_entrybt.gif"); /* 画像ファイル名 */
}

#log{
width:400px;
margin:0 0 10px 0;
height: 23px;
min-height:23px;
}

#log a{
color:#666666;
}

#login{
float:right;
margin-right:10px;
}

#log_off{
display: block;
width: 95px; /* 画像1枚分の横幅 */
height: 23px;
min-height:23px;
background: url("/confirm/images/common/logoff.gif") no-repeat; /* 画像ファイル名 */
text-indent:-4500px;
float:right;
}

#sub_list {
float:right;
margin:0 0 8px;
}

#sub_list li{
display:inline;
float:left;
text-indent:-4500px;
}

a.sub01 {
display: block;
width: 41px; /* 画像1枚分の横幅 */
height: 15px;
min-height:15px;
background-image: url("/confirm/images/common/sub01.gif"); /* 画像ファイル名 */
}

a.sub02 {
display: block;
width: 85px; /* 画像1枚分の横幅 */
height: 15px;
min-height:15px;
background-image: url("/confirm/images/common/sub02.gif"); /* 画像ファイル名 */
}

a.sub03 {
display: block;
width: 85px; /* 画像1枚分の横幅 */
height: 15px;
min-height:15px;
background-image: url("/confirm/images/common/sub03.gif"); /* 画像ファイル名 */
}

a.sub04 {
display: block;
width: 90px; /* 画像1枚分の横幅 */
height: 15px;
min-height:15px;
background-image: url("/confirm/images/common/sub04.gif"); /* 画像ファイル名 */
}

a.sub01:hover,a.sub02:hover,a.sub03:hover,a.sub04:hover,a.sub04:hover,a.sub06:hover,a#sub_entry_bt:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
   clear:both;
}

#serch{
float:right;
margin:0 0 30px;
}

#serch_box{
vertical-align:top;
}

#serch_bottom{
width:550px;
margin:20px auto 30px auto;
padding:20px;
background-color:#F3F3F3;
text-align:center;
}


/* グランドメニュー　---------------------------------------------*/


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

#menu li{
margin: 0;
padding: 0;
}

#menu li{
float: left;
width: 161px; /*各メニューの幅*/
margin: 0;
padding: 0;
}

#menu ul {
margin: 0;
padding: 0;
height: 30px; /*ボックスの高さを指定*/
overflow: hidden; /*はみ出した部分を見えなくする*/
}

#menu li a{
display: block;
overflow: hidden;
width: 100%;
height: 0 !important;
height /**/: 30px;
padding-top: 30px;
background-image: url(/confirm/images/common/menu.gif); /*背景画像の指定*/
}

/* オフマウス */
#navi01 a{ background-position: 0 0;}
#navi02 a{ background-position: -161px 0;}
#navi03 a{ background-position: -322px 0;}
#navi04 a{ background-position: -483px 0;}
#navi05 a{ background-position: -644px 0;}
#navi06 a{ background-position: -805px 0;}

/* オンマウス */
#navi01 a:hover{ background-position: 0 -30px;}
#navi02 a:hover{ background-position: -161px -30px;}
#navi03 a:hover{ background-position: -322px -30px;}
#navi04 a:hover{ background-position: -483px -30px;}
#navi05 a:hover{ background-position: -644px -30px;}
#navi06 a:hover{ background-position: -805px -30px;}

/* 選択済み */
#navi01 a.stay{ background-position: 0 -30px;}
#navi02 a.stay{ background-position: -161px -30px;}
#navi03 a.stay{ background-position: -322px -30px;}
#navi04 a.stay{ background-position: -483px -30px;}
#navi05 a.stay{ background-position: -644px -30px;}
#navi06 a.stay{ background-position: -805px -30px;}



/* パンくずリスト　---------------------------------------------*/

#bred {
width:800px;
float:left;
clear:left;
margin:5px 0 20px 0;
display:inline;
}

#subbred {
margin-left:8px;
padding:0px 5px 5px 0px;
font-size:82%;
color:#6D6D6D;
}

#subbred li {
display:inline;
}

.clear_tp{
display:block;
clear:both;
padding-bottom:15px;
}



/* IMEモード　---------------------------------------------*/

input.ex1 { ime-mode: auto; }
input.ex2 { ime-mode: active; }
input.ex3 { ime-mode: disabled; }


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

#foot_pagetp{
clear:both;
float:right;
padding-top:50px;
}

a#page_alink {
display: block;
width: 85px; /* 画像1枚分の横幅 */
height: 15px;
min-height:15px;
background-image: url("/confirm/images/common/pagetop.gif"); /* 画像ファイル名 */
text-indent:-4500px;
margin:0 20px 0 auto;
clear:both;
}

/* ボタン　---------------------------------------------*/

div.kakunin_button{
width:190px;
margin:30px auto 20px auto;
}

div.login_button{
width:190px;
margin:30px 0 20px 145px;
}


/* フッター　---------------------------------------------*/

#footer {
position: relative;
margin-top: -200px; /* negative value of footer height */
height: 200px;
min-height:200px;
clear:both;
text-align:left;
/*border-top:1px solid #BAAAA5;*/
} 

#contact{
clear:both;
position:relative;
margin:5px 0 0 0;
padding-top:5px;
}

#foot_contact{
clear:both;
width:450px;
height:30px;
min-height:30px;
background:url(/confirm/images/common/contact.gif) no-repeat;
text-indent:-4500px;
float:left;
}

#foot_mail{
display:block;
padding:5px 0 0 430px;
}

#foot {
border-bottom:1px solid #BAAAA5;
}

#foot2 {
clear:both;
width: 938px;   
margin:0 auto;
padding:0 16px 3px 12px;
}

#foot3{
clear:both;
width: 930px;   
margin:0 auto;
padding:15px 16px 0 30px;
}

/*body:nth-of-type(1) #foot3 p{
line-height:100%;
}*/

#foot3 a{
margin-left:10px;
}

#foot_comp{
font-weight:bold;
}


div#footer #footernavi dl{
float:left;
display:block;
width:232px;
margin:20px 0 20px 0;
}

div#footer #footernavi dt{
font-weight:bold;
margin-bottom:5px;
font-size:1em;
font-weight:bold;
line-height:1.6em;
width:220px;
}

div#foot3 #footernavi dd
{ display:block; background:url(/confirm/images/common/outlink.gif) no-repeat 3px 2px; width:200px; 	padding-left:5px;
margin: 0px 0px 3px 0px;} 


#footernavi a{ color:#666666; text-decoration:none; line-height:1.2em;}
div#foot3 #footernavi  a:visited{ color:#666666;}
div#footer #footernavi  a:hover{ color:#532A1F; text-decoration: underline;}
div#footer #footernavi  a:active{ color:#532A1F; text-decoration: underline;}


#copy {
font-size:82%;
margin:5px 0 40px 0;
text-align:right;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* 折りたたみjs */

.hide .target        { display:none }

      .trigger       { color:inherit; cursor:pointer }
.hide .trigger       { color:#069 }
      .trigger:after { content:url(../_img/base/hide.png) ; padding-left:0.3em; vertical-align:-1px }
.hide .trigger:after { content:url(../_img/base/show.png) }
.trigger:hover       { color:#f3c }