@charset "Shift_JIS"; 


#bgdown{
background-image : url(/ac4/pls/images/bottom_bg.gif);
background-position : 0px bottom;
background-repeat : no-repeat;
background-attachment : scroll;
}
#bgdownN{
background-image : url(/ac4/pls/images/n_bottom_bg.gif);
background-position : 0px bottom;
background-repeat : no-repeat;
background-attachment : scroll;
padding: 0px;
}
.info .faq{margin: 0px; padding: 0px;}
.info .faq dt{margin: 0px; padding: 0px;color: #000000;font-size: 14px; font-weight: bold;}
.info .faq dd{margin: 0px 0px 25px 20px; padding: 0px;color: #412f2f;}
.ans{color: #412f2f;}
 
#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;
}

#side{
  width: 799px;
  border-width: 0px 1px 0px 1px;
  border-style: none solid none solid;
  border-color: #9a9a9a #9a9a9a #9a9a9a #9a9a9a;
}
#bgdown #topics div,#bgdownN #topics div{margin: 0px 5px 5px 5px;}

#bgdown #information table{width: 612px;margin: 0px; padding: 0px;}
#bgdown #information table .date{width: 125px;margin: 0px;color: white;background-color: #000000;}
#bgdown table .title{width: 497px;margin: 0px; padding-left: 0px;color: white; background-color: #000000;
  padding: 10px 0px 10px 0px;}
#bgdown #information .info{width: 497px;margin-left: 115px; padding-left: 10px;}

#bgdownN .title2{width: 612px;background-color: #a6a6a6;padding: 10px 0px 10px 0px;color: #000000;}
#bgdownN .title{width: 612px;background-color: #000000;padding: 10px 0px 10px 0px;color: white;}
#bgdownN .info{width: 582px;margin: 20px 10px 0px 20px;}
#bgdown .menut{width: 388px; margin: 0px; padding: 0px;}

#bgdown table .left{width: 115px;margin: 0px; padding-left: 10px;}
#bgdown #information table td #time{width: 90%;}
#bgdown #information table td .time{width: 90%;}


#bgdown #information #list{width: 612px;margin: 0px; padding: 0px;background: transparent;}
#bgdown #information #list .date{ border-bottom: 1px #dddddd solid;color: #666666; width: 125px;margin: 0px;background: transparent;}
#bgdown #information #list .title{border-bottom: 1px #dddddd solid; color: #666666;width: 497px;margin: 0px; padding-left: 0px; padding: 10px 0px 10px 0px;background: transparent;}
 
/* 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;
}


#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;}

 
/* 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;
}
 
/* class */ 

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

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


}
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;
}


.orange{
  color: #cc7f0c;
}
 
/* 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;}
  
.m01{color: #b24349;}/*重要*/
.m02{color: #63abe0;}/*更新*/
.m03{color: #ddc966;}/*障害*/
.m04{color: #a86bdb;}/*情報*/
.m05{color: #a0d107;}/*メンテナンス*/