@charset "utf-8";

body{
margin:5px 20px 30px 20px;
}

#all{
width:750px;
margin:0 auto;
}

/* -----------------------------------
     header
-----------------------------------*/

#header{
margin:0 0 7px 0;
}
#header .headerBox1{
margin:0 0 5px 0;
}
#header .headerBox1 h1{
font-size:77%;
font-weight:bold;
color:#e3358c;
display:inline;
}
#header .headerBox1 h2{
padding:0 0 0 10px;
font-size:77%;
font-weight:bold;
color:#e3358c;
display:inline;
}

#header .headerBox2{
}
#header .headerBox2 .headerLogo{
float:left;
width:300px;
}
#header .headerBox2 .headerSubnavi{
padding:35px 12px 0 0;
text-align:right;
float:right;
width:300px;
}
#header .headerBox2 .headerLogo img,
#header .headerBox2 .headerSubnavi img{
vertical-align:bottom;
}

#globalNavi{
}
#globalNavi ul{
}
#globalNavi li{
float:left;
}
#globalNavi li img{
vertical-align:bottom;
}

#movie{
width:749px;
height:316px;
margin:0;
}

#motto{
}

.error{
margin-top:10px;
padding:5px 10px;
color:#ff0087;
border:1px solid #ff0087;
font-weight:bold;
}

/* -----------------------------------
     topMain
-----------------------------------*/
#topMain .topMainL{
float:left;
width:160px;
margin:0 0 30px 0;
}
#topMain .topMainR{
float:right;
width:575px;
}
#topMain .topMainRInner{
}
#topMain .topMainNavi{
margin:0 0 10px 0;
}
#topMain .topMainNavi li{
}
#topMain .topMainNavi li img{
vertical-align:bottom;
}

#topMain .topMainBanner{
margin:0 0 20px 0;
}
#topMain .topMainBanner li{
margin:0 0 2px 0;
}
#topMain .topMainBanner li img{
vertical-align:bottom;
}

#topMain .topMainHow{
}
#topMain .topMainHow li{
margin:0 0 17px 0;
}
#topMain .topMainHow li img{
vertical-align:bottom;
}

#topMain .topMainContents{
width:360px;
float:left;
}
#topMain .topMainInfo{
width:200px;
float:right;
}
#topMain .oldnews{
text-align:right;
}

#topMain .t1{
margin:0 0 10px 0;
}
#topMain .section{
margin:0 0 30px 0;
}
#topMain .subsection{
padding:0 6px 0 6px;
margin:0 0 20px 0;
}

#topMain .prdImageL{
float:left;
padding:0 12px 0 0;
}
#topMain .prdImageR{
float:right;
padding:0 0 0 12px;
}
#topMain .prdBt{
clear:both;
text-align:center;
}
#topMain .prdLogo{
margin:0 0 3px 0;
}

#topMain .picTitle{
margin:0 0 5px 0;
/*color:#e3358c;*/
}
#topMain .picImage{
float:left;
padding:0 12px 12px 0;
}
#topMain .picCau{
color:#CC0066;
}

#topMain .meritList{
}
#topMain .meritList dt{
margin:0 0 3px 0;
}
#topMain .meritList dt img{
vertical-align:bottom;
}
#topMain .meritList dd{
margin:0 0 6px 0;
}
#topMain .meritBt{
margin:15px 0 0 0;
text-align:center;
}

#topMain .topMainInfo .news{
margin:0 0 5px 0;
padding:0 0 5px 0;
border-bottom:1px dashed #FC90C8;
}
#topMain .topMainInfo .news dl{
padding:0 6px;
}
#topMain .topMainInfo .news dt{
font-weight:bold;
color:#E3358C;
margin:0 0 5px 0;
}
#topMain .topMainInfo .news dd{
}
#topMain .topMainInfo .news .newsImage{
float:left;
padding:0 8px 0 0;
}




/* -----------------------------------
     footer
-----------------------------------*/

#footer{
margin:0 0 0 0;
padding:16px 0 0 0;
text-align:center;
border-top:1px dashed #fff;
}
#footer .footerNavi{
margin:0 0 13px 0;
color:#e3358c;
}
#footer .footerNavi ul{
}
#footer .footerNavi li{
display:inline;
}
#footer .copyright{
}




/* -----------------------------------
     CLEARFIX
-----------------------------------*/
#header:after,
#globalNavi:after,
#movie:after,
#topMain:after,
#topMain .topMainRInner:after,
#topMain .topMainInfo .news:after,
#topMain .subsection:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#header,
#globalNavi,
#movie,
#topMain,
#topMain .topMainRInner,
#topMain .topMainInfo .news,
#topMain .subsection{
	display:inline-table;
	min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html #header,
* html #globalNavi,
* html #movie,
* html #topMain,
* html #topMain .topMainRInner,
* html #topMain .topMainInfo .news,
* html #topMain .subsection{
	height:1%;
}
#header,
#globalNavi,
#movie,
#topMain,
#topMain .topMainRInner,
#topMain .topMainInfo .news,
#topMain .subsection{
	display:block;
}
/* End hide from IE-mac */