/*====================*/
/*=== Reset Styles ===*/
/*====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:bottom;
list-style-type:none;
}

.clearfix:after{
content: "."; 
display: block; 
height: 0; 
font-size:0;	
clear: both; 
visibility:hidden;
}
.clearfix{
display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
height: 1%;
}
.clearfix{
display:block;
}
/* End Hack */ 


.floatclear {
clear: both; 
}

html {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
margin:0;
padding:0;
color:#1e1e1e;
font-size:13px;
line-height:150%;
}

a {
outline:none;
}

a:link {
color:#2a6eb4;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a:visited {
color:#2a6eb4;
text-decoration:none;
}

img {
border:0;
}

.ac2_right:hover,
#header_right:hover {
filter:alpha(opacity=80); /*IE*/
-moz-opacity:0.8; /*Firefox*/
opacity:0.8; /*Opera・Safari*/
}

#wrapper {
width:940px;
margin:0 auto;
padding:10px 20px 20px 20px;
background:#fff;
border-right:10px #006371 solid;
border-left:10px #006371 solid;
-moz-box-shadow: 0px 4px 4px #333;
-webkit-box-shadow: 0px 4px 4px #333;
box-shadow: 0px 4px 4px #333;
}

#container {
width:810px;
margin:10px auto 0 auto;
padding:20px 40px 20px 40px;
background:#006371;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

h1 {
margin: 0 0 15px 25px;
}

#header {
position: relative; 
}

#header_right {
position:absolute;
top:-40px;
right:0;
z-index:100;
}

.btn_mlci {
text-align:center;
margin: 20px 0 0 0;
}

#contents {
margin:15px 0 0 0;
padding:20px 30px;
background:#fff;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
} 

h2 {
margin: 0 0 25px 0;
padding: 0 0 8px 0;
border-bottom: 1px #aaa solid;
}

.title {
margin: 0 0 10px 0 ;
padding: 0;
}

p.main_copy {
margin:0 0 0 50px;
padding: 0 0 0.5em 0;
} 

.account {
margin: 20px 0 15px 0 ;
border-bottom: 1px #aaa solid;
}

.ac_mar01 {
padding: 0 0 20px 0;
}

.ac_mar02 {
padding: 0 0 20px 0;
}

.ac_left {
float: left;
} 

.ac_right {
float: right;
} 

.zoom {
position:absolute;
bottom:0;
left:0;
z-index:100;
}

.zoom2 {
position:absolute;
bottom:5px;
left:5px;
z-index:100;
}

.ac2_left {
float: left;
} 

.ac2_text {
margin: 15px 0 0 45px;
} 

.ac2_text img {
vertical-align:middle;
margin: 0 2px;
} 

.ac2_text_s {
margin: 5px 0 0 45px;
font-size: 11px;
line-height: 1.3;
} 

.ac2_right {
float: right;
width: 380px;
text-align:center;
position: relative;
padding: 25px 10px;
border: 4px #999 solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
} 

.mail {
margin: 20px 0 40px 0 ;
}

.mail_title {
font-size: 15px;
font-weight: bold;
color: #006371;
margin: 0 0 8px 0;
}

.t_left {
float: left;
}

.t_left img {
margin: 20px 0 0 0;
}

.t_right {
float: right;
margin: 20px 0 0 0;
}

.at {
margin: 15px 0 0 0;
}

.at_top {
font-size: 15px;
font-weight: bold;
color: #006371;
margin: 0 0 3px 0;
padding: 3px 0 0 27px;
background: url(../img/tri.gif) no-repeat ;
}

.aborder {
padding: 20px 0 0 0;
border-top: 1px #aaa solid;
}

.at p {
line-height: 1.3;
margin: 0 0 0.5em 0.5em;
padding-left: 1em;
text-indent: -1em;
}

.at_s {
font-size: 11px;
}

.at_title {
font-size: 13px;
font-weight: bold;
color: #006371;
margin: 0 0 3px 0;
}

.at_3d {
margin: 15px 0 0 0;
border: 2px #FF0000 solid;
padding: 5px;
font-size: 12px;
} 

#footer {
margin: 10px 0 0 0;
padding: 0;
text-align:right;
font-size: 11px;
	color: #fff;
}

#up {
position: fixed;
bottom: 20px;
right: 20px;
}

#up img{
opacity: 0.6;
}

#up a img {width: 60px; font:0; line-height:0; vertical-align:bottom;}
#up a:hover img{filter:alpha(opacity=70);opacity:0.7;-webkit-transition:opacity 0.1s linear;-moz-transition:opacity 0.1s linear;-o-transition:opacity 0.1s linear;transition:opacity 0.1s linear;}