@charset hUTF-8h;

@import url(/common/css/top.css); 
@import url(/common/css/scroll.css); 
@import url(/common/css/lightbox.css); 
@import url(/common/css/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:'';} 

/* ƒTƒCƒgƒiƒrƒQ[ƒVƒ‡ƒ“@---------------------------------------------*/
.navi{
display:none;
clear:both;
}

/* ƒŠƒ“ƒN@---------------------------------------------*/
a {
text-decoration: underline;
color:#532A1F;
} 
a:visited{
text-decoration: underline;
color:#532A1F;
}
a:hover { 
text-decoration: none;
color:#532A1F;
} 
a:active{ 
text-decoration: none;
color:#532A1F;
}

/* h—v‘f@---------------------------------------------*/

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: "ƒƒCƒŠƒI","Meiryo",verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS PGothic","‚l‚r ‚oƒSƒVƒbƒN",Sans-Serif;
}

* html body{
font-family: '‚l‚r ‚oƒSƒVƒbƒN',Verdana, Arial,sans-serif; 
}

#wrap{
    text-align:left;
    margin:0px auto;
	padding-bottom:200px;
}

#head{
width: 966px;
margin:0px auto 10px auto;
}

#main_tp {
width: 966px;
height:100%;
min-height:100%;
margin:0px auto;
} 

#main_tp p{
margin:0 0 10px 10px;
}

#main_tp #top_left{
width:440px;
margin:20px 0 40px 20px;
float:left;
}

#main_tp #top_left #top_left_ttl{
margin:0;
background: url("images/2012_tp.gif") no-repeat;
width:350px;
height:29px;
min-height:29px;
text-indent:-4500px;
}

#main_tp #top_right{
width:440px;
margin:20px 20px 40px 0;
float:right;
}

#main_tp #top_right #top_right_ttl{
margin:0;
background: url("images/2013_tp.gif") no-repeat;
width:350px;
height:29px;
min-height:29px;
text-indent:-4500px;
}


#top_left_in,#top_right_in{
height:400px;
min-height:400px;
border:1px solid #CCCCCC;
margin:0;
padding:20px;
}


#top_left_in .top_logo,#top_right_in .top_logo{
width:302px;
margin:35px auto 20px 35px;
}

#top_left_in .entry,#top_right_in .entry{
background-color:#F6F6F6;
width:360px;
margin:0 auto 15px auto;
padding:25px 10px 10px 10px;
color:#8F8F8F;
}

.entry p{
width:100%;
margin:0 auto 0 auto;
}

.entry .entry_bt_top{
width:189px;
margin:15px auto 10px auto;
}

.entry a.entry_alink {
display: block;
width: 189px; /* ‰æ‘œ1–‡•ª‚Ì‰¡• */
height: 41px;
min-height:41px;
background-image: url("/confirm/images/common/entry_tp_bt.gif"); /* ‰æ‘œƒtƒ@ƒCƒ‹–¼ */
text-indent:-4500px;
clear:both;
}

#top_left_in p,#top_right_in p{
margin:0 0 5px 10px;
}

#top_left_in a,#top_right_in a{
margin:0 0 0 6px;
}

a.entry_alink:hover{
   background-position: top right; /* ”wŒi‰æ‘œ‚Ì•\Ž¦ŠJŽnŠî€‚ð‰Eã‚É•ÏX */
   clear:both;
   }

 
/* ƒwƒbƒ_[@---------------------------------------------*/

#logo{
width:300px;
margin:15px 0;
float:left;
}

/* ‰ïˆõ‹K–ñ@---------------------------------------------*/

#kaiin_tp{
clear:both;
width:940px;
margin:10px 0 25px 10px;
}

#kaiin_tp h2{
width:950px;
margin-top:20px;
margin-bottom:20px;
background:url(/confirm/images/common/Kaiin_tp.gif) no-repeat ;
float:left;
height:33px;
min-height:33px;
border-bottom:1px solid #BAAAA5;
}

#kaiin_tp ul{
margin-bottom:10px;
}

#kaiin_tp li{
margin-left:10px;
}

#kaiin_tp a.close2{
display:block;
text-align:center;
font-size:110%;
width:250px;
margin:30px auto;
padding:20px;
border:1px solid #BAAAA5;
}


/* “à’èŽÒŽÀÑ@---------------------------------------------*/
#naitei_tp{
clear:both;
width:950px;
margin:10px 0 25px 10px;
}

#naitei_tp h2{
width:950px;
margin-bottom:20px;
background:url(/confirm/images/common/Naitei_tp.gif) no-repeat ;
float:left;
height:33px;
min-height:33px;
border-bottom:1px solid #BAAAA5;
}

#naitei_tp #naitei{
padding:20px;
width:900px;
margin-top:20px;
line-height:190%;
font-size:110%;
}

#naitei_tp #naitei p{
float:left;
width:730px;
}

#naitei_tp #naitei img{
float:right;
width:150px;
margin:0 0 10px 10px;
}


/* IMEƒ‚[ƒh@---------------------------------------------*/

input.ex1 { ime-mode: auto; }
input.ex2 { ime-mode: active; }
input.ex3 { ime-mode: disabled; }


/* ƒy[ƒWƒgƒbƒv‚Ö@---------------------------------------------*/

#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); /* ‰æ‘œƒtƒ@ƒCƒ‹–¼ */
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;
}


/* ƒtƒbƒ^[@---------------------------------------------*/

#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(2011_ds/common/_img/base/hide.png); padding-left:0.3em; vertical-align:-1px }
.hide .trigger:after { content:url(2011_ds/common/_img/base/show.png)}
.trigger:hover       { color:#f3c }



