/* ━━━━━━━━━━━ 共通レイアウト ━━━━━━━━━━━ */

/* ───────── base layout ────────── */
*{margin: 0px; padding: 0px; }

img{border: 0px;}

ul{list-style-type:none; }

body{background-color:#E4E4E4; font-size: 13px; color:#333333; line-height: 130%; }

/* ───────── base layout(top) ────────── */
div#Albs_top{width: 982px; background:url(../images/bkg03.gif) repeat-y; margin: 0px auto; }

div#Doc_top{width: 770px; float: left; margin: 0px 0px 0px 5px;}

div#topnav{margin: 0px 5px 0px 0px; float:left; width: 200px;}


/* ───────── base layout(top右カラム) ────────── */
#bninfo{width: 201px; border-right: 1px solid #999; background:#FFFFFF; border-top:4px solid #364236; padding-botom:1px;}

#bninfo img{margin:1px 0px 1px 0px; }


#bnspace{border-top: 1px solid #999; padding-top: 7px; vertical-align: top; text-align:center; width: 200px; }

#bnspace ul{margin: 7px 9px 17px 0px; padding: 0px; line-height: 1.5; text-align:left; list-style-type: none; }

#bnspace ul li{background: url(../images/top/tri_top.gif) no-repeat 0px 3px; padding: 0px 0px 0px 12px; margin: 0px 0px 3px 10px;}
#bnspace ul li a{font-size:10px;}

#bnspace div.weblink{width: 198px; margin-top: 25px; text-align:left; }

#bnspace div.weblink ul{margin: 3px 0px 7px; line-height: 1.0; }

#bnspace div.weblink ul li{margin: 4px 0px; padding: 0px; background:none;}

#bnspace div.image{border:none}


/* clearfix ------------------------------ */
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{display: inline-block; }
/* Except MacIE \*/
* html .clearfix{height: 1%;}
.clearfix{display: block; }
/* End ----------------------------------- */



/* ───────── base layout(next) ────────── */
div#Albs{width: 780px; background:url(../images/bkg.gif) repeat-y; margin: 0px auto; }

div#Doc{width: 770px; background:url(../images/cbkg.gif) repeat-y; background-color:#FFFFFF; margin: 0px auto; }

div#contents{width: 770px; height:auto; border-top: 1px solid #969595; }

div#contents div#left{width:188px; float:left; text-align:center; }

div#contents div#right{width: 582px; float: right; }

div#main{margin: 14px 15px 20px; }

/* ───────── header layout ────────── */
div#header{background:url(../images/hbkg.gif) repeat-x top #FFFFFF;}

#globalnavi{text-align:right; font-size: 11px; padding: 9px 5px 0px 0px; }

#globalnavi span{margin: 3px 3px 0px; padding:5px 0px 0px 7px; }

#globalnavi span img{vertical-align:top; margin-left: 0px; padding-left: 0px; }

#Alogo{border: 0px; float: right; margin: 10px 0px 0px 0px; }

/* ───────── footer layout ────────── */
div#footer_top{background:url(../images/fbkg02.gif) repeat-x; height: 35px; width: 972px; clear:both; padding:14px 0px 0px 0px; margin:0px 5px 0px 5px; }

div#footer{background:url(../images/fbkg.gif) repeat-x; height: 45px; width: 770px; margin-bottom: 0px; clear:both; }


/* **************** VISA MENU *********************************************************************************** */

#snavi{border-bottom: 1px solid #FFF; width: 770px; }

#snavi ul{width: 770px; height: 56px; margin: 0px; padding: 0px; }

#snavi ul li{float:left; height: 28px; margin: 0px; padding: 0px; }

#snavi ul li a{display:block; width: 192px; height: 28px; text-indent: -9999px; background:url(../images/nav/gnav_all.gif); }

#snavi ul li a.com:link, #snavi ul li a.com:visited{background-position: 0px 0px; }

#snavi ul li a.com:hover, #snavi ul li a.com:active{background-position: 0px -56px; }

#snavi ul li a.us:link, #snavi ul li a.us:visited{background-position: -192px 0px; }

#snavi ul li a.us:hover, #snavi ul li a.us:active{background-position: -192px -56px; }

#snavi ul li a.busi:link, #snavi ul li a.busi:visited{background-position: -384px 0px; width: 193px; }

#snavi ul li a.busi:hover, #snavi ul li a.busi:active{background-position: -384px -56px; width: 193px; }

#snavi ul li a.immi:link, #snavi ul li a.immi:visited{background-position: -577px 0px; width: 193px; }

#snavi ul li a.immi:hover, #snavi ul li a.immi:active{background-position: -577px -56px; width: 193px; }

#snavi ul li a.dv:link, #snavi ul li a.dv:visited{background-position: 0px -28px; }

#snavi ul li a.dv:hover, #snavi ul li a.dv:active{background-position: 0px -84px; }

#snavi ul li a.cnd:link, #snavi ul li a.cnd:visited{background-position: -192px -28px; }

#snavi ul li a.cnd:hover, #snavi ul li a.cnd:active{background-position: -192px -84px; }

#snavi ul li a.tbl:link, #snavi ul li a.tbl:visited{background-position: -384px -28px; width: 193px; }

#snavi ul li a.tbl:hover, #snavi ul li a.tbl:active{background-position: -384px -84px; width: 193px; }

#snavi ul li a.ivt:link, #snavi ul li a.ivt:visited{background-position: -577px -28px; width: 193px; }

#snavi ul li a.ivt:hover, #snavi ul li a.ivt:active{background-position: -577px -84px; width: 193px; }

#snavi ul li a.ivton{background-position: -577px -84px; width: 193px; }


/* ───────── Visa guide PDF area ───────── */
div#left div#visa{margin: 5px auto; width: 172px; text-align:left; font-size: 12px; }

div#left div#visa ul.box{background-color:#FFFFFF; padding-left: 5px; background:url(../images/top/box_mid.gif) repeat-y 0px; }

div#left div#visa ul.box li{padding: 4px 0px 0px 18px; background:url(../images/mark/red_Triangle_s.gif) no-repeat 10px 9px; margin: 0px; }

/* ────────── menu List ─────────── */
#left ul#menu{margin: 0px auto 10px; padding: 0px; border: 1px solid #FFFFFF; width: 172px; }

#left ul li img{vertical-align:top; }

/* ────────── menu下 DIYbunner位置 ─────────── */
img.diy{border: 3px solid #AFC7D0; margin: 0px auto 7px; }

img.sem{border: 3px solid #AFC7D0; margin: 0px auto 7px; }

/* ━━━━━━━━━━ フロー図設定 ━━━━━━━━━━*/

div.center{text-align:center; }

div#vflow{width: 484px; margin: 10px 0px 20px 30px; font-size: 12px; }

div#vflow .flow{background-image: url(../images/analysis/process_mid.gif); }

div#vflow .flow p{margin: 10px 12px 0px 15px; }

div#vflow .flow p strong{color:#003366; }

div#vflow img{vertical-align: bottom; }


/* ━━━━━━━ header renwew ━━━━━━━ */
#logo_renew{float:left; width: 410px; margin:5px 0px 5px 0px; padding:0;}

ul.hmenu{ list-style:none; float:right; text-align:right; margin-top:10px; margin-bottom:5px; margin-right:2px; width:340px; margin-left:0; padding:0;}
ul.hmenu li{ float:right; margin-left:10px; padding:0;}

ul.hmenu2{ list-style:none; float:right; text-align:right; margin-top:18px; margin-bottom:5px; margin-right:2px; width:340px; margin-left:0; padding:0;}
ul.hmenu2 li{float:right; margin-left:4px;  padding:0;}


#header_renew{ height:74px; width:770px; }
.clear{ clear:both;}



