@charset "UTF-8";
* { margin: 0;padding: 0; }
ol,ul {	list-style: none;}
body { background-color: #000000; color: #ffffff; font-family:"ＭＳ Ｐゴシック", sans-serif; line-height: 100%; }
img{ margin:0; padding:0; vertical-align:bottom}
body.angel { background-color: #FFFFFF; color: #000000; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { min-height: 1px; }
a { color: #FFFFFF; }
a:hover { color: #f7c727; text-decoration: underline; }
.mt-05 { margin-top: -5px; }
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.ml05 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml95 { margin-left: 95px; }
.ml135 { margin-left: 135px; }
.mr10 { margin-right:10px; }
.lt{ float:left}
.rt{ float:right}
.fc_y { color: #FFCC33; }
.bold { font-weight: bold; }
.tRed{ color:#e50012}
#arcwrapper { width: 100%; }

/* ------------------------------
 Header
------------------------------ */
.archeader { width: 100%; text-align: center; background-color: #000056; height: 62px; border-bottom: 2px solid #FFFF00; }
#archeaderArea { width: 920px; margin-right: auto; margin-left: auto; text-align: left; height: 62px; }
.archeader #arclogo { background-image: url(../images/arc_logo.gif); width: 362px; height: 62px;  }
.archeader #arclogo a { display: block; text-indent: -9999px; overflow: hidden; float: left; height: 62px; width: 362px; }
.archeader #arcbtn a { display: block; text-indent: -9999px; overflow: hidden; float: right; background-image: url(../../archive/images/closebtn.gif); background-position: 0px 0px; width: 128px; height:26px; margin-top:15px; }
.archeader #arcbtn a:hover { background-position: 0px -26px; width: 128px; }

#logoline { height:2px; background-color:#FFFF00; }
.arctitle { background-image: url(../images/arc_title.gif); width: 1000px; height: 42px; text-indent: -9999px; }
.arctitle2 { background: url(../images/arc_title2.gif) no-repeat; width: 1000px; height: 19px; text-indent: -9999px; position:absolute; top:0; left:0;}
div.angel { background: url(../../special/images/angel_diary_arc/angelphoto09.jpg) no-repeat center top; height: inherit; }
div.angeltitle { background: url(../../special/images/angel_diary_arc/h-spc-ad.gif) no-repeat; width: 300px; height: 10px; text-indent: -9999px; }


/* ----------Angel2010---------- */

body.angel2010 { background:url(../../special/images/angel_diary/bg.gif) -30px -30px; height:100%; width:100%; font-size:14px;}
.angel2010 div#main{ width:910px; height:100%; margin:20px auto 0; position:relative; z-index:0}
.angel2010 div#main_middle{ background:url(../../special/images/angel_diary/main_middle_bg.png) repeat-y; height:100%; }
.angel2010 .logo_adjust{ margin:0 0 0 20px; padding-top:40px}

.angel2010 #main #contents{ background:url(../../special/images/angel_diary/contents_bg_top.png) no-repeat; height:57px; margin:20px 0 0 20px; position:relative; z-index:2;}
.angel2010 #main .heart_adjust img{ position:absolute; top:-100px; right:130px; z-index:4}
.angel2010 #main .angel_adjust img{ position:absolute; top:5px; right:20px; z-index:1}
.angel2010 #main #contents_z{ position:relative; z-index:3}
.angel2010 #contents ul{ padding:22px 0 0 0px}
.angel2010 #contents li{ background:url(../../special/images/angel_diary/arrow.gif) no-repeat; color:#a6a6a6; float:left; margin-left:13px; padding-left:16px; font-weight:bold}
.angel2010 #contents li a { color:#0000ff; }
.angel2010 #contents li a:hover { color: #e50012; }
.angel2010 #contents_middle{ background:#FFFFFF; width:760px; height:100%; margin-left:20px; padding:20px 20px 0 20px; margin-bottom:0;}
.angel2010 #contents_middle h2{ color:#000056; font-size:18px;}
.angel2010 #contents_middle .topImgWrapper{ height:244px; margin:30px 0 25px; padding-bottom:30px; border-bottom:1px #858585 dotted;}
.angel2010 #contents_middle .container{ border-bottom:1px #858585 dotted; padding-bottom:20px; overflow:hidden; height:auto; width:100%}
.angel2010 .contentsL{ width:200px; float:left; margin-top:5px}
.angel2010 .contentsC{ width:330px; float:left; margin:0 0 0 30px; color:#3a3a3a; font-size:14px; line-height:1.3}
.angel2010 .contentsC h3{ color:#e50012; font-size:14px; background:url(../../special/images/angel_diary/heart_small.gif) no-repeat; height:auto ;padding:5px 0 0 42px; margin:0 0 5px; position:relative}
.angel2010 .contentsR{ width:170px; float:right; margin-top:5px}
.angel2010 #contents_middle .bottomImgWrapper{ height:177px; margin:10px 0 0; padding-bottom:20px}
.angel2010 div#main_middle #contents_bottom{ background:url(../../special/images/angel_diary/contents_bottom_bg.png) no-repeat; height:8px; margin:0 0 20px 20px}
.angel2010 .copyright{ color: #828282; font-size:12px; padding:0 0 20px 50px}

.toPageTop { height:auto; font-size:10px; text-align:right; padding-bottom:10px;}
.toPageTop a { color: #828282; font-weight:bold}
.toPageTop a:hover { color: #e50012; text-decoration: underline; }


/* ------------------------------
 Content
------------------------------ */
#arcmain-container { height: auto; width: 1000px; text-align: left; margin-right: auto; margin-left: auto; clear: both; }
.arccontentArea { width: 1000px; background: url(../images/bg_main_bt.gif) center bottom; padding-bottom: 25px; background-repeat: no-repeat; margin-bottom: 15px; }
.angelcontentArea { width: 1000px; padding-bottom: 5px; margin-bottom: 5px; }

.arccontentArea-inner { background-color: #000056; padding-right: 40px; _padding-right: 10px; padding-left: 50px; width: 910px; padding-top: 10px; }
.angelArea-inner { padding-right: 40px; padding-left: 40px; width: 920px; height:auto; padding-top: 10px; }

.arccontentArea-inner .table2004   { vertical-align: top; background-color: #000000; margin-bottom: 20px; }
.arccontentArea-inner .table2004 td { text-align: left; font-size: 80%; }
#arc_navi { background: url(../images/bg_arc_navi.gif) repeat-x; height: 24px; width: 1000px; text-align: center; }
#arc_navi ul { display: block; height: 24px; width: auto; background-image: url(../images/arc_navi_bar.gif); background-repeat: no-repeat; background-position: 5px 1px; padding-left: 7px; font-size: 80%; list-style-type: none; margin-top: 0px; margin-bottom: 0px; }
#arc_navi li { float: left; height: 24px; color: #000056; background-image: url(../images/arc_navi_bar.gif); background-position: right 1px; background-repeat: no-repeat; padding: 4px 13px 3px 10px; width:auto; }
#arc_navi li a { height: 20px;  color: #000056; font-weight: bold; }
.arcpagetop { clear: both; height: 10px; }
.arcpagetop a { display: block; float: right; background-image: url(../images/icon_pagetop.gif); background-repeat: no-repeat; height: 9px; text-indent: -9999px; overflow: hidden; width: 66px; }
.arcpagetop a:hover { background-position: 0px -9px; }

.angel-archive { background-color: #FFFFFF; width: 540px; height: 150px; }
.angel-container { background-color: #FFFFFF; width: 760px; height:auto; padding:20px 20px 20px 20px; }
.detail p { font-size: 90%; line-height: 140%; }

.angel-archive a{ text-decoration:underline;}

.angel-archive p a{ color:#000000; text-decoration:underline}
.angel-archive p.over a:hover{ color:#f7c727;}



/* ------------------------------
Join Car List
------------------------------ */
div#center{ text-align:center;}
div#join_car_list_wrapper{ width:860px; margin-right:auto; margin-left:auto; text-align:left;}

div#join_car_list_wrapper div.container{ width:410px; height:240px; overflow:hidden; float:left; margin:0 20px 30px 0}

div#sp .main div.join_car_list_ttl{ overflow:hidden; background:#000; margin:0 0 5px; padding:10px 0 0 5px ;height:23px;}
div#sp .main div.join_car_list_ttl p{ font-size:10px; padding:2px 5px 0 0; text-align:right;}
div#sp .main h2.white{ font-size: 16px; color: #FFF; width:300px; float:left;}
div#sp .main h2.white span { font-size:10px; padding:0 0 0 10px;}

p.car_image{ float:left}
p.rider_image{ float:left; margin:0 0 0 5px;}



/* ------------------------------
 Footer
------------------------------ */
#arcfooter { clear: both; height: 83px; width: 1000px; background-image: url(../images/bg_footer.gif); background-repeat: no-repeat; text-align: center; padding-top: 20px; font-size: 80%; }
#arcfooter .footerNavi { text-align:center; margin-bottom: 5px; }
#arcfooter .footerNavi a { text-align:center; color: #FFFFFF; text-decoration: none; }
#arcfooter .footerNavi a:hover { color: #ffcc33; }
#arcfooter .copyright { color: #828282; margin-top: 20px; }