@charset"UTF-8";

@import url(reset.css);
@import url(layout.css);

/*メニュー*/
#mainmanu{
  width : 1000px;
  height : 221px;
  background-image : url(../images/system_menu_bg.jpg);
  background-repeat : no-repeat;
  overflow : hidden;
  margin : 0 0 10px 0;
}

#mainmanu-l{
  width : 500px;
  height : 221px;
  float : left;
  margin : 0;
  overflow : hidden;
  display : none;
}

#mainmanu-r{
  width : 500px;
  height : 221px;
  float : right;
  margin : 5px 0 0 0;
  overflow : hidden;
}

#mainmanu-r ul{
  width : 500px;
  margin : 0;
  padding : 0;
}

#mainmanu-r li{
  width : 500px;
  height : 49px;
  margin : 0 0 5px 0;
  padding : 0;
  text-indent : -9999px;
}

#mainmanu-r a{   
  display: block;   
  width: 100%;   
  height: 49px;   
  background-image: url(../images/system_menu.jpg);   
  background-repeat: no-repeat;   
}

#mainmenu1 a{background-position: 0 0;}
#mainmenu2 a{background-position: 0 -49px;}   
#mainmenu3 a{background-position: 0 -98px;}   
#mainmenu4 a{background-position: 0 -147px;}   

#mainmanu-r a:hover{   
  background-image: url(../images/system_menu.jpg);
  background-repeat: no-repeat;   
}

#mainmenu1 a:hover{background-position: -500px 0;}
#mainmenu2 a:hover{background-position: -500px -49px;}   
#mainmenu3 a:hover{background-position: -500px -98px;}   
#mainmenu4 a:hover{background-position: -500px -147px;}   

h4{
  width : 1000px;
  background-color : #e3ecf5;
  color : #19254a;
  font-size : 20px;
  font-weight : normal;
  background-image : url(../images/system_h4_mark.jpg);
  background-repeat : no-repeat;
  background-position : 4px 4px;
  padding : 2px 0 2px 32px;
  height : 28px;
  margin : 30px 0 8px 0;
  clear : both;
}

p{
  font-size : 14px;
  line-hight : 1.5;
  color : #444;
  margin : 0 0 5px 32px;
}

.system-text-inner{
  display : none;
}

/*ラブリーコール*/
#loverycall{
  width : 363px;
  height : 39px;
  text-indent : -9999px;
  background-image : url(../images/h3_loverycall.jpg);
  background-repeat: no-repeat;
  margin : 0 0 5px 0;
  display:block;
}

#system1-top{
  width : 1000px;
  height : 293px;
  overflow : hidden;
  background-image : url(../images/system1_top.jpg);
  background-repeat : no-repeat;
}

#system1-top p{ display : none;}

#loverycall-namelist{
  margin : 10px auto;
}

#loverycall-namelist table{
  border : solid 1px #626262;
  border-collapse : collapse;
  margin : 10px auto;
}

.namelist-top{
  width : 200px;
  padding : 5px;
  background-color : #d6d6d6;
  font-weight : normal;
  font-size : 14px;
  border : solid 1px #626262;
  text-align : center;
}

#loverycall-namelist tbody{
  border-top : solid 2px #626262;
}

#loverycall-namelist td{
  width : 200px;
  padding : 5px;
  text-align : center;
  font-size : 13px;
  border : solid 1px #626262;
}

.loverycall-namelist-hime{ color : #162b94; }

.loverycall-namelist-hinata{ color : #76071f; }

.namelist-left{
  width : 100px;
  background-color : #d6d6d6;
  border-right : solid 2px #626262;
  font-weight : normal;
  font-size : 14px;
  border-bottom : solid 1px #626262;
  text-align : center;
}

.system1-img{
  margin : 0 auto;
  width : 979px;
  text-align : center;
}

#system1-bottom{
  width : 550px;
  margin : 0 auto;
}

/*趣味同調*/
#hobby{
  width : 266px;
  height : 39px;
  text-indent : -9999px;
  background-image : url(../images/h3_hobby.jpg);
  background-repeat: no-repeat;
  margin : 0 0 5px 0;
  display:block;
}

#system2-top{
  width : 1000px;
  height : 293px;
  overflow : hidden;
  background-image : url(../images/system2_top.jpg);
  background-repeat : no-repeat;
}

#system2-1{
  width : 940px;
  height : 513px;
  overflow : hidden;
  background-image : url(../images/system2_img_01.jpg);
  background-repeat : no-repeat;
  margin : 0 auto;
}

#system2-2{
  width : 954px;
  height : 232px;
  overflow : hidden;
  background-image : url(../images/system2_img_02.jpg);
  background-repeat : no-repeat;
  margin : 0 auto;
}

#system2-3{
  width : 934px;
  height : 414px;
  overflow : hidden;
  background-image : url(../images/system2_img_03.jpg);
  background-repeat : no-repeat;
  margin : 0 auto 5px auto;
}

#system2-4{
  width : 934px;
  height : 395px;
  overflow : hidden;
  background-image : url(../images/system2_img_04.jpg);
  background-repeat : no-repeat;
  margin : 0 auto;
}

#system2-5{
  width : 954px;
  height : 246px;
  overflow : hidden;
  background-image : url(../images/system2_img_05.jpg);
  background-repeat : no-repeat;
  margin : 0 23px 10px 23px;
}

#system2-6{
  width : 949px;
  height : 495px;
  overflow : hidden;
  background-image : url(../images/system2_img_06.jpg);
  background-repeat : no-repeat;
  margin : 0 28px 20px 23px;
}

/*アペンド*/
#appendlife{
  width : 363px;
  height : 39px;
  text-indent : -9999px;
  background-image : url(../images/h3_appendlife.jpg);
  background-repeat: no-repeat;
  margin : 0 0 5px 0;
  display:block;
}

#ap-header{
  width : 1000px;
  height : 395px;
  /*background-image : url(../images/appendlife_bg.jpg);
  background-repeat: no-repeat;
  text-indent : -9999px;*/
}

.red{
  color : red;
  font-weight : bold;
  font-size : 14px;
  text-align : center;
}

.ap_mirror{
  margin: 20px auto;
  width: 500px;
  border-collapse : collapse;
}

.ap_mirror th{
  width: 250px;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  padding: 2px;
  border-bottom: solid 1px #bfbfbf;
}

.ap_mirror td{
  padding: 2px;
  border-bottom: solid 1px #bfbfbf;
}

.ap_mirror img{ margin-right: 5px; }

#ap_dl{
width: 490px;
height: 37px;
margin: 0 auto 20px auto;
}

#ap_dl li{
width: 212px;
height: 37px;
float: left;
margin: 0 10px 0 0;
padding: 0;
display: block;
}

#ap_inner{
width: 980px;
margin: 30px 0 10px 8px;
overflow: hidden;
}

.ap_box{
width: 480px;
height: 190px;
background-color: #fff;
float: left;
border: solid 1px #b5b5b5;
margin: 0 8px 8px 0;
overflow: hidden;
font-size: 12px;
text-align: center;
}

.ap_box img{
margin: 5px auto;
}

.ap_box ul{
width: 226px;
height: 21px;
margin: 0 auto 5px auto;
padding: 0;
}

.ap_box li{
width: 108px;
height: 21px;
float: left;
margin: 0 5px 0 0;
padding: 0;
}

.ap_box_img{
width: 470px;
height: 177px;
margin: 5px;
}

.ap_bn_month{
  background-color : #d6d6d6;
  border-right : solid 2px #626262;
  border-bottom : solid 1px #626262;
}

.ap_mirror_backnumber{
  border : solid 1px #626262;
  border-collapse : collapse;
  margin : 10px auto;
}

.ap_mirror_backnumber th{
  width : 200px;
  padding : 5px;
  font-weight : normal;
  font-size : 12px;
  border-bottom : solid 1px #626262;
}

.ap_mirror_backnumber td{
  width : 324px;
  padding : 5px;
  border-bottom : solid 1px #626262;
}

/*ミラーが増えた時用*/
/*.ap_mirror_backnumber tbody{
  border-bottom : solid 2px #626262;
}*/

.ap_box2{
margin: 8px;
width: 984px;
border-bottom: solid 1px #626262;
overflow: hidden;
padding-bottom: 5px;
}

.apset_img{
width: 470px;
float: left;
margin: 0 10px 0 0;
}

.ap_box2 table{
  border-right : solid 2px #626262;
  border-bottom : solid 1px #626262;
  border-collapse : collapse;
  margin : 10px auto;
  width: 504px;
}

.ap_box2 th{
  width : 200px;
  padding : 5px;
  font-weight : normal;
  font-size : 12px;
  border-bottom : solid 1px #626262;
}

.ap_box2 td{
  padding : 5px;
  border-bottom : solid 1px #626262;
}

/*進化しました*/
#evolution{
  width : 223px;
  height : 39px;
  text-indent : -9999px;
  background-image : url(../images/h3_evo.jpg);
  background-repeat: no-repeat;
  margin : 0 0 5px 0;
  display:block;
}

#evo-1{
  width : 942px;
  height : 417px;
  overflow : hidden;
  margin : 0 auto;
}
#evo-2{
  width : 949px;
  height : 306px;
  overflow : hidden;
  background-image : url(../images/evolution_img_02.jpg);
  background-repeat : no-repeat;
  margin : 8px auto 0 auto;
}

#evo-3{
  width : 978px;
  height : 347px;
  overflow : hidden;
  background-image : url(../images/evolution_img_03.jpg);
  background-repeat : no-repeat;
  margin : 0 auto;
}

#evo-4{
  width : 978px;
  height : 326px;
  overflow : hidden;
  background-image : url(../images/evolution_img_04.jpg);
  background-repeat : no-repeat;
  margin : 5px auto 0 auto;
}

#evo4-movie{
  width : 400px;
  height : 300px;
  overflow : hidden;
  float : right;
  margin : 15px 11px 11px 567px;
}

#evo-5{
  width : 987px;
  height : 406px;
  overflow : hidden;
  background-image : url(../images/evolution_img_05.jpg);
  background-repeat : no-repeat;
  margin : 0 auto;
}

#evo-6{
  width : 944px;
  height : 360px;
  overflow : hidden;
  background-image : url(../images/evolution_img_06.jpg);
  background-repeat : no-repeat;
  margin : 0 auto 20px auto;
}