@charset "UTF-8";
@charset "UTF-8";
/* CSS Document */

/*------------------------------------
/Information/

『三國志12 対戦版』
http://www.gamecity.ne.jp/sangokushi/12wpk/netplay/
(c)コーエーテクモゲームス
ver:1.0
date:2013.09.05

-------------------------------------*/


html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td { margin:0; padding:0;}

ol ,ul{
	list-style:none;
}

body{ margin:0; background-color: #000; color: #fff; font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif; font-size:13px; background-image: url(../top/bg.jpg); background-repeat: no-repeat;	background-position: center top; background-attachment: scroll;
scrollbar-base-color: #000000;
scrollbar-face-color: #000000;
scrollbar-track-color: #fff8dc;
scrollbar-arrow-color: #ffffff;
scrollbar-highlight-color: #fff8dc;
scrollbar-shadow-color: #d2691e;
scrollbar-3dlight-color: #ffebcd;
scrollbar-darkshadow-color: #8b0000;}

img { border: 0; vertical-align:bottom;}
img.png{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../top/tokuten.png", sizingMethod="scale");}

a:link{	color: #FF0; text-decoration: none; overflow:hidden; text-decoration:none;}
a:visited{ color: #FF0;}
a:active { color: #ff0; }
a:hover{ color: #FFF; text-decoration:none;}



.bgm{width:110px; float:left; margin:3px 0 0 10px;}
.bgmwrap{float:right; width:490px; height:26px; background-color:#000; background-image:url(../bgm/bg.png); background-position:center top;}




/*----------wrapper----- */


#wrapper0{position:relative; margin-left: 6px;}
#wrapper{ margin-top:30px; margin-left:auto; margin-right:auto; width:815px; height:100%; background-image:url(../top/divside.jpg); background-repeat:repeat-y; z-index:1;}
#wrapper_tie{ margin-top:0; margin-left:auto; margin-right:auto; width:815px; height:100%; background-image:url(../top/divside2.jpg); background-repeat:repeat-y; z-index:1;}
#wrapper_event{ margin-top:0; margin-left:auto; margin-right:auto; width:815px; height:100%; background-image:url(../top/divside2.jpg); background-repeat:repeat-y; z-index:1;}

#wrapper1{ margin-left:auto; margin-right:auto; width:804px; height:1000px; background-image:url(../top/divbg.jpg); background-repeat:repeat-y; background-position:center top; z-index:2;}
#wrapper2{ padding-bottom:80px; margin-left:auto; margin-right:auto; width:804px; height:1000px; background-image:url(../top/divbg2.jpg); background-repeat:repeat-y;  background-position:center top; z-index:2;}

#wrapper2_tie{ padding-bottom:80px; margin-left:auto; margin-right:auto; width:804px; height:800px; background-color:#eee; z-index:2; background-image:url(../img/tie/0926_bg0.jpg); background-repeat:no-repeat;x background-position:center top;}
#wrapper2_tie1{ padding-bottom:80px; margin-left:auto; margin-right:auto; width:804px; height:800px; background-color:#eee; z-index:2; background-image:url(../img/tie/0926_bg01.jpg); background-repeat:no-repeat;x background-position:center top;}
#wrapper2_tie2{ padding-bottom:80px; margin-left:auto; margin-right:auto; width:804px; height:800px; background-color:#eee; z-index:2; background-image:url(../img/tie/0926_bg02.jpg); background-repeat:no-repeat;x background-position:center top;}
#wrapper2_tie3{ padding-bottom:80px; margin-left:auto; margin-right:auto; width:804px; height:800px; background-color:#eee; z-index:2; background-image:url(../img/tie/0926_bg03.jpg); background-repeat:no-repeat;x background-position:center top;}

#wrapper2_tie4{ padding-bottom:80px; margin-left:auto; margin-right:auto; width:804px; height:800px; background-color:#eee; z-index:2; background-image:url(../img/tie/0926_bg04.jpg); background-repeat:no-repeat;x background-position:center top;}



#wrapper2_event{ padding-bottom:80px; margin-left:auto; margin-right:auto; width:804px; background-color:#eee; z-index:2;}


#header{ position:relative; margin:auto; width: 873px; height:110px; background-image: url(../top/nv/bg.png); background-repeat: repeat; background-position:center top; z-index:99;}


.toplogo{ width:166px; height:88px; margin:0 auto; position:absolute; left:45px; text-align:center; z-index:100;}
.toplogo a:hover img{opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}

.sns{position:fixed; width:62px; height:130px; background-image:url(../top/sns/bg.png); background-repeat:no-repeat; top:340px; margin-left:810px; text-align:left;}
.sns a:hover img{opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}


#main{width:806px;  position: relative; margin:auto; text-align:center; margin-bottom:50px;}

#footer{width: 804px; height: 160px; bottom: 0; background-image: url(../top/footerbg.jpg); background-position:center top; background-repeat: no-repeat; margin-right: auto; margin-left: auto; margin-top: 100px; text-align: center; background-color: #000;
 padding-top: 20px; left: 1px;}
#footer .copyright{ width:900px; height:40px; margin: 0 auto; padding-left:8px; background-color:#000; text-align:center; }
#footer .copyright .kt{ margin:0 auto;} 
#footer img{margin-right:5px;}
#footer a:hover img{opacity:0.8; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}



/*----------nv----- */

#navigation{width: 850px; padding:20px auto auto 9px; height: 74px; position:relative;}
#navigation ul{ list-style:none; padding:20px 0 0 40px;}
#navigation li{ float:left; text-indent:-9999px; overflow:hidden; margin-top:-8px;}


#navigation li.nvnew { display:block; width:50px; height:15px; background-image:url(../top/nv/new.gif); background-repeat:no-repeat; position:absolute; top:31px; left:632px;}

#navigation li.nv1 a{ display:block; width:153px; height:76px; background-image:url(../top/nv/nv1.png); margin-left:235px;}
#navigation li.nv2 a{ display:block; width:153px; height:76px; background-image:url(../top/nv/nv2.png); margin-left:5px;}
#navigation li.nv3 a{ display:block; width:153px; height:76px; background-image:url(../top/nv/nv3.png); margin-left:3px;}



#navigation li.nv1 a:hover{ background-position:0 -76px;}
#navigation li.nv2 a:hover{ background-position:0 -76px;}
#navigation li.nv3 a:hover{ background-position:0 -76px;}


#navigation li.nv1r { display:block; width:153px; height:76px; background-image:url(../top/nv/nv1.png); background-position:0 -76px; margin-left:235px;}
#navigation li.nv2r { display:block; width:153px; height:76px; background-image:url(../top/nv/nv2.png); background-position:0 -76px; margin-left:5px;}
#navigation li.nv3r { display:block; width:153px; height:76px; background-image:url(../top/nv/nv3.png); background-position:0 -76px; margin-left:3px;}




#navigation2{width: 804px; height:75px; margin: 0 auto; background-image:url(../top/nv/bg2.png); background-position:center top; background-repeat:no-repeat;}
#navigation2 ul{ list-style:none; margin-left:40px;}
#navigation2 li{ float:left; text-indent:-9999px; overflow:hidden; margin-top:3px;}

#navigation2 li.line{width:36px; height:56px; background-image:url(../top/nv/line.png); background-repeat:no-repeat; position:absolute; top:2px; left:144px;}
#navigation2 li.line2{width:36px; height:56px; background-image:url(../top/nv/line.png); background-repeat:no-repeat; position:absolute; top:2px; left:238px;}
#navigation2 li.line3{width:36px; height:56px; background-image:url(../top/nv/line.png); background-repeat:no-repeat; position:absolute; top:2px; left:294px;}
#navigation2 li.line4{width:36px; height:56px; background-image:url(../top/nv/line.png); background-repeat:no-repeat; position:absolute; top:2px; left:394px;}




#navigation2 li.nv1 a{ display:block; width:115px; height:28px; background-image:url(../top/nv/nv2-1.png); margin-left:0px; margin-top:13px;}
#navigation2 li.nv2 a{ display:block; width:84px; height:28px; background-image:url(../top/nv/nv2-2.png); margin-left:12px; margin-top:13px;}
#navigation2 li.nv3 a{ display:block; width:46px; height:28px; background-image:url(../top/nv/nv2-3.png); margin-left:10px; margin-top:13px;}
#navigation2 li.nv4 a{ display:block; width:90px; height:28px; background-image:url(../top/nv/nv2-4.png); margin-left:10px; margin-top:13px;}
#navigation2 li.nv5 a{ display:block; width:90px; height:28px; background-image:url(../top/nv/nv2-5.png); margin-left:10px; margin-top:13px;}


#navigation2 li.nv1 a:hover{ background-position:0 -28px;}
#navigation2 li.nv2 a:hover{ background-position:0 -28px;}
#navigation2 li.nv3 a:hover{ background-position:0 -28px;}
#navigation2 li.nv4 a:hover{ background-position:0 -28px;}
#navigation2 li.nv5 a:hover{ background-position:0 -28px;}


#navigation2 li.nv1r{ display:block; width:115px; height:28px; background-image:url(../top/nv/nv2-1.png); background-position:0 -28px; margin-left:0px; margin-top:13px;}
#navigation2 li.nv2r{ display:block; width:84px; height:28px; background-image:url(../top/nv/nv2-2.png); background-position:0 -28px; margin-left:0px; margin-top:13px;}
#navigation2 li.nv3r{ display:block; width:46px; height:28px; background-image:url(../top/nv/nv2-3.png); background-position:0 -28px; margin-left:0px; margin-top:13px;}
#navigation2 li.nv4r{ display:block; width:90px; height:28px; background-image:url(../top/nv/nv2-4.png); background-position:0 -28px; margin-left:0px; margin-top:13px;}



#navigation3{width: 804px; height:75px; margin: 0 auto; background-image:url(../top/nv/bg2.png); background-position:center top; background-repeat:no-repeat;}
#navigation3 ul{ list-style:none; margin-left:40px;}
#navigation3 li{ float:left; text-indent:-9999px; overflow:hidden; margin-top:3px;}

#navigation3 li.line{width:36px; height:56px; background-image:url(../top/nv/line.png); background-repeat:no-repeat; position:absolute; top:2px; left:144px;}
#navigation3 li.line2{width:36px; height:56px; background-image:url(../top/nv/line.png); background-repeat:no-repeat; position:absolute; top:2px; left:238px;}
#navigation3 li.line3{width:36px; height:56px; background-image:url(../top/nv/line.png); background-repeat:no-repeat; position:absolute; top:2px; left:328px;}
#navigation3 li.line4{width:36px; height:56px; background-image:url(../top/nv/line.png); background-repeat:no-repeat; position:absolute; top:2px; left:387px;}




#navigation3 li.nv1 a{ display:block; width:115px; height:28px; background-image:url(../top/nv/nv3-1.png); margin-left:0px; margin-top:13px;}
#navigation3 li.nv2 a{ display:block; width:84px; height:28px; background-image:url(../top/nv/nv3-2.png); margin-left:12px; margin-top:13px;}
#navigation3 li.nv3 a{ display:block; width:80px; height:28px; background-image:url(../top/nv/nv3-3.png); margin-left:10px; margin-top:13px;}
#navigation3 li.nv4 a{ display:block; width:46px; height:28px; background-image:url(../top/nv/nv3-4.png); margin-left:10px; margin-top:13px;}
#navigation3 li.nv5 a{ display:block; width:130px; height:28px; background-image:url(../top/nv/nv3-5.png); margin-left:10px; margin-top:13px;}


#navigation3 li.nv1 a:hover{ background-position:0 -28px;}
#navigation3 li.nv2 a:hover{ background-position:0 -28px;}
#navigation3 li.nv3 a:hover{ background-position:0 -28px;}
#navigation3 li.nv4 a:hover{ background-position:0 -28px;}
#navigation3 li.nv5 a:hover{ background-position:0 -28px;}


#navigation3 li.nv1r{ display:block; width:115px; height:28px; background-image:url(../top/nv/nv3-1.png); background-position:0 -28px; margin-left:0px; margin-top:13px;}
#navigation3 li.nv2r{ display:block; width:84px; height:28px; background-image:url(../top/nv/nv3-2.png); background-position:0 -28px; margin-left:0px; margin-top:13px;}
#navigation3 li.nv3r{ display:block; width:80px; height:28px; background-image:url(../top/nv/nv3-3.png); background-position:0 -28px; margin-left:0px; margin-top:13px;}
#navigation3 li.nv4r{ display:block; width:46px; height:28px; background-image:url(../top/nv/nv3-4.png); background-position:0 -28px; margin-left:0px; margin-top:13px;}
#navigation3 li.nv5r{ display:block; width:130px; height:28px; background-image:url(../top/nv/nv3-5.png); background-position:0 -28px; margin-left:0px; margin-top:13px;}



#navigation4{width: 805px; height:75px; margin: 0 auto; background-image:url(../top/nv/bg2.png); background-position:center top; background-repeat:no-repeat;}
#navigation4 ul{ list-style:none; margin-left:40px;}
#navigation4 li{ float:left; text-indent:-9999px; overflow:hidden; margin-top:3px;}

#navigation4 li.line{width:36px; height:56px; background-image:url(../top/nv/line.png); background-repeat:no-repeat; position:absolute; top:2px; left:104px;}


#navigation4 li.nv1 a{ display:block; width:80px; height:28px; background-image:url(../top/nv/nv4-1.png); margin-left:0px; margin-top:13px;}
#navigation4 li.nv2 a{ display:block; width:74px; height:28px; background-image:url(../top/nv/nv4-2.png); margin-left:12px; margin-top:13px;}


#navigation4 li.nv1 a:hover{ background-position:0 -28px;}
#navigation4 li.nv2 a:hover{ background-position:0 -28px;}

#navigation4 li.nv1r{ display:block; width:115px; height:28px; background-image:url(../top/nv/nv4-1.png); background-position:0 -28px; margin-left:0px; margin-top:13px;}
#navigation4 li.nv2r{ display:block; width:84px; height:28px; background-image:url(../top/nv/nv4-2.png); background-position:0 -28px; margin-left:0px; margin-top:13px;}


#navigation5{width: 804px; height:100px; background-image:url(../top/nv/nv5bg.jpg); background-position:center top; background-repeat:no-repeat;}
#navigation5 ul{ list-style:none; margin-top:0; margin-left:40px;}
#navigation5 li{ float:left; text-indent:-9999px; overflow:hidden;}



#navigation5 li.nv1 a{ display:block; width:149px; height:68px; background-image:url(../top/nv/nv5-1.png); margin-left:35px; margin-top:13px;}
#navigation5 li.nv2 a{ display:block; width:148px; height:68px; background-image:url(../top/nv/nv5-2.png); margin-left:44px; margin-top:13px;}
#navigation5 li.nv3 a{ display:block; width:160px; height:66px; background-image:url(../top/nv/nv5-3.png); margin-left:30px; margin-top:13px;}
#navigation5 li.nv4 a{ display:block; width:170px; height:70px; background-image:url(../top/nv/nv5-4.png); margin-left:45px; margin-top:13px;}


#navigation5 li.nv1 a:hover{ background-position:0 -81px;}
#navigation5 li.nv2 a:hover{ background-position:0 -70px;}
#navigation5 li.nv3 a:hover{ background-position:0 -84px;}
#navigation5 li.nv4 a:hover{ background-position:0 -87px;}


#navigation5 li.nv1r{ display:block; width:149px; height:68px; background-image:url(../top/nv/nv5-1.png); background-position:0 -81px; margin-left:35px; margin-top:13px;}
#navigation5 li.nv2r{ display:block; width:148px; height:68px; background-image:url(../top/nv/nv5-2.png); background-position:0 -70px; margin-left:44px; margin-top:13px;}
#navigation5 li.nv3r{ display:block; width:160px; height:66px; background-image:url(../top/nv/nv5-3.png); background-position:0 -84px; margin-left:30px; margin-top:13px;}
#navigation5 li.nv4r{ display:block; width:170px; height:70px; background-image:url(../top/nv/nv5-4.png); background-position:0 -89px; margin-left:45px; margin-top:15px;}


#navigation6{width: 804px; height:75px; background-image:url(../img/event/nv6bg.jpg); background-position:center top; background-repeat:no-repeat;}
#navigation6 ul{ list-style:none; margin-top:0; margin-left:40px;}
#navigation6 li{ float:left; text-indent:-9999px; overflow:hidden;}

#navigation6 li.nv1 a{ display:block; width:274px; height:59px; background-image:url(../img/event/nv1.png); margin-left:20px;}
#navigation6 li.nv2 a{ display:block; width:274px; height:59px; background-image:url(../img/event/nv2.png); margin-left:125px;}

#navigation6 li.nv1 a:hover{ background-position:0 -63px;}
#navigation6 li.nv2 a:hover{ background-position:0 -64px;}


#navigation6 li.nv1r{ display:block; width:274px; height:59px; background-image:url(../img/event/nv1.png); background-position:0 -63px; margin-left:20px;}
#navigation6 li.nv2r{ display:block; width:274px; height:59px; background-image:url(../img/event/nv2.png); background-position:0 -64px; margin-left:125px;}


#navigation6-2{width: 804px; height:75px; background-image:url(../img/event/nv6bg1004.jpg); background-position:center top; background-repeat:no-repeat;}
#navigation6-2 ul{ list-style:none; margin-top:0; margin-left:40px;}
#navigation6-2 li{ float:left; text-indent:-9999px; overflow:hidden;}

#navigation6-2 li.nv1 a{ display:block; width:274px; height:59px; background-image:url(../img/event/nv1.png); margin-left:5px;}
#navigation6-2 li.nv2 a{ display:block; width:250px; height:59px; background-image:url(../img/event/nv2.png); margin-left:12px;}
#navigation6-2 li.nv3 a{ display:block; width:170px; height:59px; background-image:url(../img/event/nv3.png); margin-left:40px;}


#navigation6-2 li.nv1 a:hover{ background-position:0 -63px;}
#navigation6-2 li.nv2 a:hover{ background-position:0 -64px;}
#navigation6-2 li.nv3 a:hover{ background-position:0 -64px;}


#navigation6-2 li.nv1r{ display:block; width:274px; height:59px; background-image:url(../img/event/nv1.png); background-position:0 -63px; margin-left:5px;}
#navigation6-2 li.nv2r{ display:block; width:250px; height:59px; background-image:url(../img/event/nv2.png); background-position:0 -64px; margin-left:12px;}
#navigation6-2 li.nv3r{ display:block; width:200px; height:59px; background-image:url(../img/event/nv3.png); background-position:0 -64px; margin-left:40px;}



/* /nv/ */




/* top */


.outline{position: absolute; top: 2px; left: 16px; width: 178px;}
.outline img{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images.png", sizingMethod="scale");}

.movie{position: absolute; top: 165px; left: 14px; width: 178px;}
.movie img{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images.png", sizingMethod="scale");}
.update{position: absolute; top: 245px; left: 14px; width: 178px;}
.update img{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images.png", sizingMethod="scale");}
.comment{position: absolute; top: 240px; left: 14px; width: 178px;}
.comment img{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images.png", sizingMethod="scale");}


.outline2{ position:fixed; top:5px; left:15px; width:178px; z-index:100;}

.outlinelink a:hover img{opacity:0.8; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}
.outline_b{height:850px;}
.outline_b1{position:absolute; top:379px; left:328px;}
.outline_b2{position:absolute; top:642px; left:450px;}
.outline_b3{position:absolute; top:752px; left:110px;}
.outline_b4{position:absolute; top:464px; left:190px;}

#main .logo{width:492px; margin:0 auto;}
#main .day{position:absolute; left:549px; top:615px;}
#main .day2{width:225px; float:right; margin-right:42px; margin-top:3px;}

.news{width:100%; margin:0px 0 10px 0; background-image:url(../img/line_top.png); background-position:center top; background-repeat:no-repeat; text-align:center;}
.news img{margin-right:13px;}
.news .date{width:500px; margin:0 auto; text-align:center; padding:17px 0 0 0;}

.text {
   position:relative;
   overflow:hidden;
   width:100%;
   height:16px;
   margin-left:auto;
   margin-right:auto;
   margin-top:7px;
   text-align:left;
   list-style:none;
}

.text li {
	position: absolute;
	left: 2px;
	top: -2px;
	width: 495px;
}


.topevent{width:725px; height:90px; margin:30px auto 15px auto; text-align:center; border-width:2px;}
.topevent .event{width:230px; float:left; text-align:left; border:2px ridge rgb(95, 95, 95); background-color:#000;}
.topevent .event2{width:230px; float:left; text-align:left; border:2px ridge rgb(95, 95, 95); background-color:#000;}
.event3{margin-top:15px; margin-left:auto; margin-right:auto; width:725px; border:2px ridge rgb(95, 95, 95); background-color:#000;}
.event4{margin-bottom:15px; margin-left:auto; margin-right:auto; width:725px;  background-color:#000;}


.topevent .event:hover{width:230px; float:left; text-align:left; border:2px ridge rgb(191, 10, 12); background-color:#000;}
.topevent .event a:hover img{opacity:0.8; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}
.topevent .event2:hover{width:230px; float:left; text-align:left; border:2px ridge rgb(191, 10, 12); background-color:#000;}
.event3:hover img{margin-left:auto; margin-right:auto;  width:724px; background-color:#000; opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}
.event4:hover img{ margin-left:auto; margin-right:auto;  width:724px; background-color:#fff; opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}




/* tieup */
.tieup{margin-top:30px; margin-left:auto; margin-right:auto;  width:724px;}
.tieup a:hover img{opacity:0.8; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}
.tie_top{ width:480px; color:#000; text-align:left; margin:200px 0 10px 35px; line-height:1.5em; display:none;}
.tie_top2{width:100%; height:30px; background-color:#000; text-align:left;}
.tieup_b{padding-top:467px; padding-left:24px;}
.tieup_b  a:hover img{opacity:0.8; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}
.tieup_w{width:450px; color:#000; text-align:left; margin:220px 0 10px 35px; line-height:1.5em; display:none;}
.tieup_web{width:250px; color:#000;text-align:left; margin:50px 0 0px 35px; line-height:1.5em; padding:10px 0 10px 0px;}
.tieup_web a:hover img{opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}
.tie_still{margin-left:35px; margin-top:70px; text-align:left;}
.tie_still a:hover img{opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}
.tie_new{position:absolute; top:151px; left:315px;}
.tie_new a:hover{opacity:0.8; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}



/* /outline */

	
	.button2{   
    background:url("../top/b_outline.png") 0 -184px;   
    height:182px;   
    width:178px;   
    display:block;   
    }   
    .button2 a{   
    background:url("../top/b_outline.png");   
    height:182px;   
    width:178px;   
    display:block;   
    }  

	.button3{   
    background:url("../top/b_movie.png") 0 -107px;   
    height:91px;   
    width:178px;   
    display:block;   
    }   
    .button3 a{   
    background:url("../top/b_movie.png");   
    height:91px;   
    width:178px;   
    display:block;   
    }  
	
	.button4{   
    background:url("../top/b_update.png") 0 -107px;   
    height:91px;   
    width:178px;   
    display:block;   
    }   
    .button4 a{   
    background:url("../top/b_update.png");   
    height:91px;   
    width:178px;   
    display:block;   
    }  
	
	.button5{   
    background:url("../top/b_comment.png") 0 -107px;   
    height:91px;   
    width:178px;   
    display:block;   
    }   
    .button5 a{   
    background:url("../top/b_comment.png");   
    height:91px;   
    width:178px;   
    display:block;   
    }  


/* /contents */

.mainhd{padding-top:15px; margin-left:38px;}
.content{margin-top:55px; margin-bottom:15px;}
.content2{margin-top:0px; margin-bottom:15px;}

.content-word{ margin:15px 0 17px 46px; text-align:left; line-height:18px;}
.content-word2{ margin:15px 0 17px 46px; text-align:left; line-height:18px; background-color:#000; width:719px; border:solid 1px #990000;}
.content-word3{ margin:15px 0 17px 46px; text-align:left; line-height:18px;}

.content-new{ margin:0px 0 100px 46px; text-align:left; line-height:18px; width:700px; padding:20px 0 0px 37px;}
.content-new2{ margin:15px 0 0px 62px; text-align:left; line-height:18px; width:660px; border:2px ridge rgb(11, 11, 11); background-color:#000; padding:15px 0 20px 20px;}
.content-new .line{width:645px; border-style:dotted; border-color:#CCC; border-width:1px 0 0; margin:10px 10px 10px 0;}

.content-div{width:250px; height:35px; background-color:#999; margin-left:65px; margin-top:20px; padding:15px 0 0 15px; text-align:left;}
.content-div2{width:250px; height:35px; background-color:#999; margin-left:65px; margin-top:20px; padding:15px 0 0 15px; text-align:left; color:#000;}
.content-div2 a:hover{color:#FFF;}
.content-div3{width:350px; height:35px; background-color:#999; margin-left:65px; margin-top:20px; padding:15px 0 0 15px; text-align:left; color:#000;}
.content-div3 a:hover{color:#FFF;}
.content-div4{width:450px; height:35px; background-color:#999; margin-left:65px; margin-top:20px; padding:15px 0 0 15px; text-align:left; color:#000;}
.content-div4 a:hover{color:#FFF;}
.content-div5{width:550px; height:35px; background-color:#999; margin-left:65px; margin-top:20px; padding:15px 0 0 15px; text-align:left; color:#000;}
.content-div5 a:hover{color:#FFF;}

/* event */
.event1bg{width:804px; background-image:url(../img/event/bg.jpg); background-position:center top; background-repeat:no-repeat; padding:260px 0 0 0;}
.event2bg{width:804px; background-image:url(../img/event2/bg.jpg); background-position:center top; background-repeat:no-repeat; padding:200px 0 0 0;}
.event3bg{width:804px; background-image:url(../img/event3/bg.jpg); background-position:center top; background-repeat:no-repeat; padding:200px 0 0 0;}
.event3-2bg{width:804px; background-image:url(../img/event3/bg2.jpg); background-position:center top; background-repeat:no-repeat; padding:200px 0 0 0;}

.upbg{width:804px; background-image:url(../img/update/bg.jpg); background-position:center top; background-repeat:no-repeat; padding:200px 0 0 0;}


.content-cam{ width:640px; background-image:url(../img/event/divbg.png); background-position:center top; background-repeat:repeat-x; text-align:left; line-height:18px; border:2px ridge rgb(11, 11, 11); padding:25px 0 30px 30px; margin:0px 0 35px 65px; }

.content-cam2{ width:640px; background-image:url(../img/event/divbg3.png); background-position:center top; background-repeat:repeat-x; text-align:left; line-height:18px; border:2px ridge rgb(11, 11, 11); padding:15px 0 20px 20px; margin:0px 0 15px 65px; }

.content-cam3{ width:700px; text-align:left; line-height:18px; padding:15px 0 20px 20px; margin:0px 0 15px 65px; }

.content-cam_n{ width:640px; background-image:url(../img/event/divbg_n.png); background-position:center top; background-repeat:no-repeat; text-align:left; line-height:18px; border:2px ridge rgb(11, 11, 11); padding:15px 0 20px 20px; margin:0px 0 20px 65px; }

.content-cam_n2{ width:640px;  background-position:center top; background-repeat:no-repeat; text-align:left;  color:#000000; padding:15px 0 20px 20px; margin:0px 0 20px 65px; }

.content-cam_n_up{ width:640px; background-image:url(../img/event/divbg_n_up.png); background-position:center top; background-repeat:no-repeat; text-align:left; line-height:18px; border:2px ridge rgb(11, 11, 11); padding:15px 0 20px 20px; margin:0px 0 20px 65px; }

.content-cam_crb{ width:640px; background-image:url(../img/event3/0213/hd.jpg); background-position:center top; background-repeat:no-repeat; text-align:left; line-height:18px; border:1px ridge rgb(204,153,0); padding:15px 0 20px 20px; margin:0px 0 35px 65px; }


.content-camtop{ width:640px; text-align:left; line-height:18px; margin:0px 0 20px 65px; }

.campaign-day{letter-spacing: 0.1em; font-size:15px; font-weight:350;}
.campaign-hd{letter-spacing: 0.1em; font-size:17px; font-weight:bold; font-weight:300; color:#900; margin:20px 0 5px 0; line-height:23px;}
.campaign-hd2{letter-spacing: 0.1em; line-height:23px; font-weight:bold;  font-size:17px; font-weight:300; color:#900; margin:35px 0 5px 0;}
.campaign-still{margin-top:35px;}
.campaign-still a:hover{opacity:0.8; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}

.con-hd{letter-spacing: 0.1em; font-size:17px; font-weight:bold; font-weight:300; color:#900; margin:5px 0 5px 10px; line-height:23px;}
.con-t{margin:5px 0 5px 10px;}

.campaign-dtd{letter-spacing: 0.1em; font-size:13px; font-weight: ; font-weight: ; color:#9900FF; margin: ; line-height: ;}

/* /event */

.content-still{float:left; margin-left:46px;}

.content-system{margin:8px 0 27px 19px;}



.gotop_new{margin:0 auto; position:absolute; top:670px; left:660px; width:170px;}

.still_new{ width:778px; margin: 0 auto; position: absolute; top: 574px; left: 66px; float:left;}
.b_new{ width:250px; margin: 0 auto; position: absolute; top: 375px; left: 570px; float:left;}
.b_new a:hover{opacity:0.8; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}

.b_new2{ width:250px; margin: 0 auto; position: absolute; top: 796px; left: 570px; float:left;}
.b_new2 a:hover{opacity:0.8; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}


#container-1{width: 790px; height: 650px; position: absolute; top: 50px; margin: 0 0 0 25px; padding: 5px 25px 0 8px; left: 17px; z-index:100;}
#fragment{background-image: url(../img/0801/new2_bg.png); background-repeat: no-repeat; width:805px; height:594px; margin:-22px 0 0 0;}


#fragment-0{padding:40px 0 0 15px; position:absolute; top:30px; left:8px;}
#fragment-1{padding:40px 0 0 15px; position:absolute; top:30px; left:8px;}
#fragment-2{padding:40px 0 0 15px; position:absolute; top:30px; left:8px;}
#fragment-3{padding:40px 0 0 15px; position:absolute; top:30px; left:8px;}