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





.dot1{
	background: url(../images/ill-dot.jpg) no-repeat left top;
        height:1px;
        margin:0 auto;
        width:856px;
}

.dot2{
	background: url(../images/ill-dot2.jpg) no-repeat left top;
        height:1px;
        margin:0 0 0 0px;
        width:849px;
}

.dot3{
	background: url(../images/ill-dot3.jpg) no-repeat left top;
        height:1px;
        margin:0 0 0 20px;
        width:233px;
       
}


.pagetop{
	text-align:right;
        width:auto;
        margin:10px 20px 0 0;
      
}

.pagetop a{
	color:#003894;
          font-weight:bold;
}
.pagetop a:hover{
	color:orange;
}

.tit-p{
	padding:5px 0 5px 0;
}

/*Macsafari �n�b�N
==================================*/
.mac.safari .tit-p{
width: 856px;
}
/*MacFox �n�b�N
==================================*/
.mac.gecko .tit-p{
width: 856px;
}



.txt-bold{
	font-weight:bold;
}


.top1{
 	text-align:right;
        margin-top:5px ;
	margin-right:5px;
        padding-bottom:0px;
       height:auto;

}


.top1 a{
	color:#003894;
}
.top1 a:hover{
	color:orange;
}





/* header  */


#header{
	width:898px;
        height:460px;
       	border-bottom:5px solid #003894;
}

#box-header-top{
 	border-bottom:5px solid #003894;
        padding-bottom:0px;
        margin-top:5px;
        background:#fff;

}

*:first-child+html #box-header-top{
         margin-top:0px;
        
}



/*header left side */

#box-header-top .box-h-top-in{
	width:500px;
       �@height:auto;
        float:left;
        text-align:left;
        display:inline;
        
}




#box-header-top .box-h-top-in img{
	width:102px;
       �@height:36px;
        float:left;
        margin:18px 0 0 15px;
        display:inline;
        
}
#box-header-top .box-h-top-in p{
	width:auto;
       �@height:35px;
        float:left;
        display:inline;
        margin:27px -60px 0 10px;
}

/* ie6 */
* html #box-header-top .box-h-top-in p{
  margin-left:20px;
 display:inline;
}





/*header right side */

#box-header-top .box-h-top-in2{
	width:358px;
       �@height:70px;
        float:right;
        margin-right:0px; 
        margin-top:0px;
}


#box-header-top .box-h-top-in2 img{
	width:170px;
       �@height:43px;
        float:left;
        margin:12px 0 0 25px;
        display:inline;
        
}
#box-header-top .box-h-top-in2 p{
	width:auto;
       �@height:36px;
        float:left;
        display:inline;
        margin:30px 0 0 30px;
       
        
}

#box-header-top .box-h-top-in2 .in2-in{
	width:150px;
       �@height:auto;
        float:right;
        display:inline;
        margin:0px 0px 5px 0px;
        
}
/* ie6 */
* html #box-header-top .box-h-top-in2 .in2-in{
	margin-bottom:-20px;
}


#box-header-top .box-h-top-in2 .in2-in img{ 
	width:128px;
        height:36px;
        margin:5px 10px 0 0;
       float:right;
       display:inline;
 
}


#box-header-top .box-h-top-in2 .in2-in p{
	width:auto;
        margin:3px 5px 3px 0;
        font-size:11px;
        text-align:right;
        float:right;
        display:inline;


}

#box-header-top .box-h-top-in2 .in2-in p a{   
	font-size:10px;
        color:#003894;
        
}

#box-header-top .box-h-top-in2 .in2-in p a:hover{
	font-size:10px;
        color:orange;
        
}




/* header center left */

#box-header-center{
      
	
}

#header-center-left{
	float:left;
        width:638px;
        position:relative;
}

#header-center-left h1{
	margin:6px 0 -5px 12px;

}

#header-center-left h2{
	margin:0px 0 0 0px;

}


#header-center-left p{
	position:absolute;
        top:198px;
        left:118px;
        line-height:18px;
        width:398px;
}
/*Macsafari �n�b�N
==================================*/
.mac.safari #header-center-left p{
	font-size: 11px;
	position:absolute;
        top:198px;
        left:115px;
        line-height:15px;
        width:398px;
	font-family: Osaka;
}
/*MacFox �n�b�N
==================================*/
.mac.gecko #header-center-left p{
	font-size: 11px;
	position:absolute;
        top:198px;
        left:115px;
        line-height:16px;
        width:398px;

}



/* header center right */

#header-center-right{
	float:right;
	width:260px;
        display:inline;
        margin:0 0px 0 0px;
        overflow:hidden;
}


#header-center-right .a1{
	margin:15px 0 4px 0px;
}



/* header bottom */

#box-header-bottom{
   

}

#box-header-bottom ul{
	margin:18px 0 0 18px;
        
}

#box-header-bottom li{
	float:left;
        width:274px;
        display:inline;
        margin:0 18px 0 0;
}




/* main1 */

#box-main1{
	margin:0 auto;
        
}


#box-main1 h3{
	margin:12px auto 0 auto;
        width:auto;
        text-align:center;
}

#box-main1 .box-a1{
	width:898px;
        margin:0px 0 20px 0;
        height:auto;
}

*:first-child+html #box-main1 .box-a1{
	width:898px;
        margin:0px 0 0px 0;
        height:auto;
}





#box-main1 .box-a1 p{
        margin:5px -25px 0 20px;
	width:633px;
        float:left;
        display:inline;
        line-height:19px;
        letter-spacing:-0.2px;
	
}

*:first-child+html #box-main1 .box-a1 p{
	width:625px;
}



#box-main1 .box-a1 img{
        margin:6px 18px 10px 0;
	width:224px;
        float:right;
	 display:inline;
}

#box-main2 ul{
        margin:0 0 0 20px;
	
}


#box-main2 {
        margin:10px 0 0 0px;
	
}

#box-main2 li {
	float:left;
        width:276px;
        margin:0 16px 0 0;
        display:inline;
}

#box-main3{
	width:898px;
        margin:10px 0 0 10px;
}


#box-main3 .bg-top{
	background: url(../images/bg-jun-top.jpg) no-repeat left top;
        width:879px;
        height:8px;
      
        
}

#box-main3 .bg-center{
	background: url(../images/bg-jun-center.jpg) repeat-y left top;
        width:879px;
        height:auto;
        padding-left:10px;
       
        
}

#box-main3 .bg-bottom{
	background: url(../images/bg-jun-bottom.jpg) no-repeat left top;
        width:879px;
        height:10px;
}

#box-main3 #jun1{
	margin:0px 0 0 0px;
        width:856px;
       
}

#box-main3 #jun1 img{
	margin-top:-7px;
        width:856px;
       
}

#box-main3 p{
	margin:5px 0 3px 5px;
        letter-spacing:-0.2px;
}

#bt-jun{
	margin:10px 0 0 0;
}



/* movie */

.box-theater{
	width:856px;
        height:auto;
        margin:15px 0 10px 0px;
        overflow:hidden;
      
        
}


.bg-t-top{
	background: url(../images/bg-movie-top.jpg) no-repeat left top;
        width:419px;
        height:7px;
}

.bg-t-center{
	background: url(../images/bg-movie-center.jpg) repeat-y left top;
        width:419px;
        height:auto;
        padding-top:5px;
        
}

.bg-t-bottom{
	background: url(../images/bg-movie-bottom.jpg) no-repeat left top;
        width:419px;
        height:7px;
margin-bottom:5px;
       
}


.box-thea1{
	float:left;
        width:419px;
        margin:0px 15px 0 3px;
        display:inline;
        _margin-right:12px;
     
}

.box-thea2{
	float:left;
        width:419px;
        margin:0 0px 0 0;
      display:inline;
      height:auto;
}




.box-movie1{
	float:left;
        width:228px;
        display:inline;
        margin:0px 0 0px 15px;
	padding-top:0px;
       padding-bottom:5px;
}



.box-movie1 p{
	padding-bottom:12px;
        padding-top:2px;
        text-decoration:underline;
        text-indent:15px;
        font-size:18px;
        font-weight:bold;
        color:#003894;
       	background: url(../images/ico-window.jpg) no-repeat 0px 3px;

}

/*Macsafari �n�b�N
==================================*/
.mac.safari .box-movie1{
        margin:0px 0 0px 10px;
}
.mac.safari .box-movie1 p{
	font-size: 17px;
        width:228px;

}

.box-movie1 a{
        font-size:20px;
        font-weight:bold;
        color:#003894;
}

.box-movie1 a:hover{
        color:orange;
}






.box-movie1 img{
	margin:5px 0 0 0;
        max-width:228px;
        overflow:hidden;
}



.box-movie2{
	float:right;
        width:136px;
        display:inline;
        margin:35px 15px 0px 0px;
	padding-top:0px;

}

.box-movie2 em{
	font-style:normal;
        font-weight:bold;
        line-height:16px;
}
/*Macsafari �n�b�N
==================================*/
.mac.safari .box-movie2{
	width: 150px;
        margin:35px 10px 0px 0px;
}
.mac.safari .box-movie2 em{
        width: 145px;
}

.box-movie2 p{
	line-height:18px;
        width: 140px;
}


.box-movie2 a{
        font-size:12px;
        color:#cc3300;
        text-decoration:underline;
       display:block;
       text-align:right;
}

.box-movie2 a:hover{
         color:orange;
}








#box-system{
	width:auto;
        margin:15px 0 0 0;
}



#box-system ul{
	width:auto;
        height:auto;
}

#box-system ul li{
	float:left;
        width:279px;
        margin:0 10px 0 0;
        display:inline;
}




.bg-system-top{
	background: url(../images/bg-photo-m-top.jpg) no-repeat left top;
        width:274px;
        height:10px;
}

.box-bg-system-center{
	background: url(../images/bg-photo-m-center.jpg) repeat-y left top;
        width:274px;
        height:auto;
        padding-top:5px;
       
}

.bg-system-bottom{
	background: url(../images/bg-photo-m-bottom.jpg) no-repeat left top;
        width:274px;
        height:10px;
	margin-bottom:15px;
       
}

*:first-child+html .box-sys-top{
	margin:0 0 15px 0;
}

.box-sys-top img{
	float:left;
        width:90px;
        display:inline;
        margin:0 0 0 10px;
}

.box-sys-top-in{
	float:left;
        width:150px;
        display:inline;
        margin:5px 0 20px 10px;
}
/*Macsafari �n�b�N
==================================*/
.mac.safari .box-sys-top-in{
        width:160px;
        margin:5px 0 20px 10px;
}
.mac.safari .box-sys-top-in h4{
        margin:0 0 0 4px;
}
.box-sys-top-in h4{
	font-size:14px;
        font-weight:bold;
        margin:0 0 0 4px;
        background: url(../images/ico-window.jpg) no-repeat 0px 3px;
        text-indent:15px;

}


.box-sys-top-in h4 a{
	font-size:14px;
        font-weight:bold;
        margin:0 0 0 0;
        color:#000;
      
}

.box-sys-top-in h4 a:hover{
	 color:orange;
}




.box-sys-top-in h5{
	margin:10px 0 10px 5px;
}

.box-sys-top-in h5 a{
	font-size:12px;
        font-weight:bold;
       color:#ff9900;
        
}

.box-sys-top-in h5 a:hover{
       color:#cc3300;
        
}



.box-sys-top-in p{
	font-size:12px;
        font-weight:normal;
        color:#555;
}

.box-sys-center{
	margin:10px 0 0 20px;
}

.txt-date{
	background: url(../images/ico-arrow.jpg) no-repeat left top;
 	text-indent:12px;
         

}

.box-sys-center em{
	margin:10px 0 0 12px;
        width:auto;
        font-style:normal;
      
 }


.box-sys-center em a{

      color:#ff9900;
 }

.box-sys-center em a:hover{

      color:#cc3300;
 }
.box-sys-center p{
	padding:0 0 0 12px;
        width:230px;
        line-height:16px;
}


.box-sys-center .sys-more{
      margin:10px 25px 8px 0px;
      text-align:right;
 }

.ill-pink{
	margin:0 0 0 3px;
}


.box-sys-bottom{
	width:129px;
        height:auto;
        float:left;
        display:inline;
        margin:10px 0 10px 5px;
        _margin:10px 0 10px 3px;

}

.box-sys-bottom .smile{
	margin:0 0 0 22px;
        text-align:left;
        width:85px;
}

.box-sys-bottom .smile a{
	display:block;
        width:85px;
        height:35px;
        background: url(../images/btn-smile.jpg) no-repeat left top;
        text-indent:-999px;
        overflow:hidden;
        margin-left:0px;
}

.box-sys-bottom .smile a:hover{
	background: url(../images/btn-smile-r.jpg) no-repeat left top;
}

.box-sys-bottom .smile_end {
	display:block;
        width:89px;
        height:37px;
        background: url(../images/btn-smile-end.jpg) no-repeat left top;
        text-indent:-999px;
        overflow:hidden;
        margin-left:0px;
}

.box-sys-bottom p{
	width:129px;
        overflow:hidden;
        height:auto;
	margin:5px 0 0 0;
	padding:3px 0 0 0;
	text-align: center;
}

.box-sys-bottom img{
	margin:0 0px 0 9px;
}


.box-sys-bottom .heart{
 	background: url(../images/ico-heart.jpg) no-repeat left 0px;
 	text-indent:24px;
        width:auto;
        height:auto;
        margin:5px 0 0 0px;
        line-height:16px;
        font-weight:bold;
        font-size:14px;
	text-align:left;
}


.box-bg-system-center dl{
       width:250px;
       margin:0px 0 0 20px;
       height:auto;
       clear:both;
       padding-top:5px;
}

.box-bg-system-center dt{
       width:auto;
       margin:5px 0 3px 0px;
       height:auto;
       line-height:16px;
       background: url(../images/ico-arrow.jpg) no-repeat left top;
       text-indent:12px;
     
}

.box-bg-system-center dd{
       width:247px;
       margin:0px 0 0 0px;
       height:auto;
       padding-bottom:10px;
       background: url(../images/ill-dot3.jpg) no-repeat left bottom;
 	text-indent:12px;}

.box-bg-system-center dd a{
	 color:#ff9900;
}

.box-bg-system-center dd a:hover{
	color:#cc3300;
}


.for-list{
	text-align:right;
        margin:10px 20px 0px 0;
}



/* footer */

#footer{
	border-top:5px solid #003894;
        margin-top:10px;
        padding-bottom:20px;
}

#footer p{
	padding-top:30px;
        text-align:center;
        margin-top:0px;
       height:12px;
       font-size:10px;
      
}

#footer p a{
	font-size:11px;
        color:#003894;
}



#footer img{
	float:right;
        width:135px;
        height:38px;
        margin:-30px 10px 0 0;
        display:inline;
        margin-right:20px;
       
}