@charset "Shift_JIS"; 


 
#logo a:hover{ 
text-decoration: none;
background-color: #ffffff;
}

body{
  scrollbar-track-color:#E0E0E0;
  scrollbar-face-color:#757575;
  scrollbar-shadow-color:#7C7C7C;
  scrollbar-darkshadow-color:#464646;
  scrollbar-highlight-color:#C2C2C2;
  scrollbar-3dlight-color:#7D7D7D;
  scrollbar-arrow-color:#E4E4E4;
}

 
/* campaign */ 

#campaign {
    text-align: left;
	width: 700px;
	height: 340px;
	overflow: auto;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	line-height: 145%;
	color: #444444;
}
#campaign dl{
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
#campaign dl dt{
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}
#campaign dl dd{
  padding: 0px 0px 15px 0px;
  margin: 0px 0px 0px 10px;
  font-size: 12px;
  line-height: 140%;
}

#campaign dd ul{
  margin: 5px 0px 0px 10px;
  padding: 0px;
}
#campaign dd ul li{
  margin: 0px 0px 0px 30px;
  padding: 2px 0px 2px 0px;
  list-style-image: url('/ac4/images/yaji.gif');
  list-style-position: outside;
  color: #000000;
}

#waku{
  border-color: #000000;
  border-width: 1px;
  border-style: solid;
  width: 860px;
  height: 560px;
  background-color: #ffffff;
  padding: 7px 10px 0px 10px;
  margin: 30px 30px 10px 30px;
}
#main{
  padding: 5px 10px 5px 10px;
  margin: 0px;
}
#main_story{
  padding: 4px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
#headlink{
  padding: 0px 10px 5px 0px;
  margin: 0px 0px 0px 0px;
}

.headimg{
padding: 0px;
margin: 0px 0px 0px 10px;
}

#story {
  text-align: left;
	width: 700px;
	height: 340px;
	overflow: auto;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 10px 10px;
	line-height: 145%;
	color: #000000;
}




 
/* ***** Mukas append 061019 *** */ 

div.cp_area {
	font-size: 14px;
	font-weight: bold;
	background-color: #424542;
	color: #dddddd;

	padding: 4px 4px 3px 4px;
	margin: 0 0 8px 0;
}

div.cp_shoplist {
	padding: 0 0 0 24px;
	margin: 0 0 24px 0;
}

div.cp_shoplist_e {
	padding: 0 0 0 24px;
}




 
/* keyword */ 

#keyword {
    text-align: left;
	width: 700px;
	height: 340px;
	overflow: auto;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	line-height: 145%;
	color: #444444;
}
#keyword dl{
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
#keyword dl dt{
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}
#keyword dl dd{
  padding: 0px 0px 15px 0px;
  margin: 0px 0px 0px 10px;
  font-size: 12px;
  line-height: 140%
}
#word dd a:hover{
  background-color: none;
  text-decoration: none;
}


#word{
  text-align: center;
  width: 80%;
  padding: 0px;
  border-collapse: collapse; /* 枠線の表示方法 */
  margin-right : auto;
  margin-left : auto
}
#word td{
  text-align: center;
  padding: 0px;
  margin: 0px;
  border: 1px #999999 solid;
}
#word td a:hover{
  background-color: #eeeeee;
  text-decoration: none;
}
#word td a{
  display: block;
  padding: 3px;
  font-size: 12px;
  text-decoration: none;
}
div .back{
  padding-right: 60px;
  text-align: right;
  padding-top: 15px;
  }

 
#down{} 
#down a,
#down a:link,
#down a:visited { background-position: 0px 0px; float:left; text-decoration: none;}

#down { border: 0; margin: 0; padding: 0; overflow: hidden; }
/*#down  img{ visibility: hidden; }*/

#down a:focus,
#down a:hover,
#down a:active { background-position: 0px 96px; float:left; text-decoration: none;}


#down .sum01 a { background-image : url(/ac4/download/images/mov_sum01.gif); text-decoration: none;}
#down .sum02 a { background-image : url(/ac4/download/images/mov_sum02.gif); text-decoration: none;}

#down .sum03 a { background-image : url(/ac4/download/images/mov_sum03.gif); text-decoration: none;}
#down .sum04 a { background-image : url(/ac4/download/images/mov_sum04.gif); text-decoration: none;}
#down .sum05 a { background-image : url(/ac4/download/images/mov_sum05.gif); text-decoration: none;}
#down .sum06 a { background-image : url(/ac4/download/images/mov_sum06.gif); text-decoration: none;}
#down .sum07 a { background-image : url(/ac4/download/images/mov_sum07.gif); text-decoration: none;}
#down .sum08 a { background-image : url(/ac4/download/images/mov_sum08.gif); text-decoration: none;}

 
 
/* faq */ 

#faq {
  text-align: left;
  width: 700px;
  height: 340px;
  overflow: auto;
  padding: 0px 10px 0px 0px;
  margin: 10px 0px 0px 0px;
  line-height: 145%;
  color: #444444;
}
#faq .list{
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
  color: #444444;
  font-size: 12px;
}
#faq .list li b{
  color: #800019;
}
#faq .list li,#faq .list li{
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  line-height: 130%;
  color: #423030;
  font-size: 12px;
  border-bottom: 1px dotted #A5A5A5;
  text-decoration: none;
}
#faq .list li a{
  color: #222222;
  display: block;
  width:100%;
  text-decoration: none;
  padding: 5px 10px 5px 10px;
  margin: 0px 0px 0px 0px;
}
#faq .list li a:hover{
  color: #222222;
  text-decoration: none;
  background-color: #ffffff;
}

#faq dl{
  padding: 0px 0px 0px 0px;
  margin: 0px;
}
#faq dl dt{
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}
#faq dl dd{
  padding: 0px 0px 35px 0px;
  margin: 0px 0px 0px 10px;
  font-size: 12px;
  line-height: 140%
  color: #000000;
}
#faq dl dd div{
  padding: 0px 20px 0px 0px;
  margin: 0px 0px 0px 0px;

}


#word dd a:hover{
  background-color: none;
  text-decoration: none;
}
 
/* wall */ 


.wall{}
.wall a,
.wall a:link,
.wall a:visited { background-position: 0px 0px; float:left; text-decoration: none;}

.wall .pad a:hover{text-decoration: underline;}

.wall { border: 0; margin: 0; padding: 0; overflow: hidden; }
/*.wall  img{ visibility: hidden; }*/

.wall a:focus,
.wall a:hover,
.wall a:active { background-position: 0px 96px; float:left; text-decoration: none;}


.wall td .sum01 a { background-image : url(/ac4/download/images/wall_sum01.gif); text-decoration: none;}
.wall td .sum02 a { background-image : url(/ac4/download/images/wall_sum02.gif); text-decoration: none;}
.wall td .sum03 a { background-image : url(/ac4/download/images/wall_sum03.gif); text-decoration: none;}
.wall td .sum04 a { background-image : url(/ac4/download/images/wall_sum04.gif); text-decoration: none;}
.wall td .sum05 a { background-image : url(/ac4/download/images/wall_sum05.gif); text-decoration: none;}
.wall td .sum06 a { background-image : url(/ac4/download/images/wall_sum06.gif); text-decoration: none;}
.wall td .sum07 a { background-image : url(/ac4/download/images/wall_sum07.gif); text-decoration: none;}

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


.wallsum{}
.wallsum a,
.wallsum a:link,
.wallsum a:visited { background-position: 0px 0px; float:left; text-decoration: none;}
.wallsum td img{ visibility: hidden; }
.wallsum { border: 0; margin: 0; padding: 0; overflow: hidden; }

.wallsum a:focus,
.wallsum a:hover,
.wallsum a:active { background-position: 0px 13px; float:left; text-decoration: none;}


.wallsum .i01 a { background-image : url(/ac4/download/images/i_1280.gif); text-decoration: none;}
.wallsum .i02 a { background-image : url(/ac4/download/images/i_1024.gif); text-decoration: none;}
.wallsum .i03 a { background-image : url(/ac4/download/images/i_800.gif); text-decoration: none;}

 
/* charactor */ 

#chara{}
#chara a,
#chara a:link,
#chara a:visited { background-position: 0px 0px; float:left; text-decoration: none;}
/*#chara td img{ visibility: hidden; }*/
#chara { border: 0; margin: 0; padding: 0; overflow: hidden; }

#chara a:focus,
#chara a:hover,
#chara a:active { background-position: 0px 28px; float:left; text-decoration: none;}


#chara .pv a { background-image : url(/ac4/system/charactor/images/prev.gif); text-decoration: none;}
#chara .nx a { background-image : url(/ac4/system/charactor/images/next.gif); text-decoration: none;}
#chara .01 a { background-image : url(/ac4/system/charactor/images/01.gif); text-decoration: none;}
#chara .02 a { background-image : url(/ac4/system/charactor/images/02.gif); text-decoration: none;}
#chara .03 a { background-image : url(/ac4/system/charactor/images/03.gif); text-decoration: none;}
#chara .04 a { background-image : url(/ac4/system/charactor/images/04.gif); text-decoration: none;}
#chara .05 a { background-image : url(/ac4/system/charactor/images/05.gif); text-decoration: none;}
 
/* class */ 

.pad{padding: 0px 0px 0px 5px;}
	
/* site color */ 

  
img,image{ 
  margin: 0px;
  padding:0px;
  border-width: 0px 0px 0px 0px;
  border: none;


}

#waku{
  border-left: 1px solid #444444;
  border-right: 1px solid #444444;
}


body,td{
  font-size: 12px;
  line-height: 120%;
  color:#444444;
  font-family: "MS UI Gothic",Tahoma,Osaka,sans-serif;
  background-position: 0px 0px;
}

#menubg td{
  bgcolor: #666666;
}

#leftline{
  border-top: 1px solid #e1e1e1;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#leftline li,#leftline ul,#leftline img{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  vertical-align: bottom;
}
#header{
  border-bottom: 1px solid #b2b2b2;

}

 
/* other */ 

.line{
  border-width: 1px 1px 1px 1px;
  border-style: solid solid solid solid;
  border-color: #5b5b5b #5b5b5b #5b5b5b #5b5b5b;
}

.pad5{
  margin: 5px 0px; 5px 0px;
}

.pad10{
  padding: 10px 10px 10px 10px;
}

 
/* color */ 

.red{
  color: red;
}
 
/* font */ 

.f10px{
  font-size: 10px;
}

.f12px{
  font-size: 12px;
}

.f14px{
  font-size: 14px;
}

.f16px{
  font-size: 16px;
}

 
/* anchor */ 

a:link{
  color : #3d4472;
  text-decoration: underline;
}


a:visited{
  color : #3d4472;
  text-decoration: underline;
}

a:hover{
  color: #263842;
  text-decoration: none;
}

a:active{
  text-decoration:none;
  color:#fd8420;
}


 
/* common */ 

	
/* liststyle */ 

ol{
  list-style-type: none;
}


ul{
  margin: 0px;
  padding: 0px;
}


li{
  list-style-type: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 15px;
}

.none , .none ul{
  list-style-type: none;
  padding: 0px;
  margin: 0px 0px 0px 20px;
}

.none li{
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  paddint: 0px;
}

.none li ul li{
  list-style-type: none;
  margin: 0px 0px 0px 5px;
  paddint: 0px;
}

hr{
  margin: 0px;
  color: black;
  border-width: 1px;
  display: block;
}
 
#faq dl dd div {} 
#faq dl dd div  a,
#faq dl dd div  a:link,
#faq dl dd div  a:visited { background-position: 0px 0px; float:left; text-decoration: none;}

#faq dl dd div  { border: 0; margin: 0; padding: 0; overflow: hidden; }

#faq dl dd div  a:focus,
#faq dl dd div  a:hover,
#faq dl dd div  a:active { background-position: 0px 28px; float:left; text-decoration: none;}


#faq dl dd div .back a { background-image : url(/ac4/faq/images/back.gif); text-decoration: none;}