@charset "UTF-8";


body{
	color: #323232;
	font-family: "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	padding:0;
	margin:0;
	-webkit-text-size-adjust:100%;
     }
     
#contentsarea {
     width:960px;
     font-size: 88%;
}

/*clearfix*/
.clearfix:after { 
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
} 
.clearfix {
  min-height:1px;
}

* html .clearfix {
  height:1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

a {
	outline:none !important;
}

a.opa07:hover img {
    opacity: 0.7;
     filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
    -moz-opacity: 0.7;
}

p{margin:0;padding:0;}

.sp{ display:none;}
.mb20 {margin-bottom:20px !important;}
.pl0 {padding-left:0 !important;}
.pt0 {padding-top:0 !important;}
.pb05 {padding-bottom:5px !important;}
.clear {clear:both;}
.center {text-align:center;}

.page {
	margin: 0 auto;
	width:100%;
}

a.icnwindow {
	padding:0 14px 0 0;
	background:url(../images/icn_window.gif) no-repeat right 2px;
	*background:url(../images/icn_window.gif) no-repeat right 6px;
}

#contentsarea {
	width:960px;
     overflow:hidden;
	margin:10px auto 25px auto;
	background:url("../images/bg_gmenu.png") repeat-y left 185px #242655;
     line-height:1.3;
}
/*#headerarea {
	width:100%;
	padding:0;
	margin:0;
}

#footerarea {
	width:100%;
	padding:0;
	margin:0;
}

#header {
	margin:0 auto;
	padding:19px 0 0 !important;
	position:relative;
	width:960px;
	height:70px;
	background: url(../images/bg_header.gif) repeat-x left bottom;
}
.v_corp #searchField {
	position:absolute;
	top:52px;	
}
#header p.bnr-corporate {
	position:absolute;
	top:6px;
	right: 0;
}*/

#gmenu ul li a.sp{display:none !important;}
#gmenu {
	width:293px;
     float:left;
     background-color:#3b3d67;
     margin-top:-25px;
     border-top:25px solid #242655;
}
#gmenu ul {
     padding:0;
     margin:0;
     list-style-type:none;
     background-color:#242655;
}
#gmenu ul li {
     height:55px;
     line-height:55px;
     margin-bottom:5px;
     font-weight:bold;
     font-size:120%;
     padding-left:22px;
     background-color:#3b3d67;
    }

#gmenu ul li a{
     display:block;
    margin-left: -32px;
    padding-left: 32px;
     }
#gmenu ul li:hover,     
#gmenu ul li.on{
     background-color:#121447;
     }
#gmenu ul li.nav01{
     border-left:10px solid #ffffff;
     }

#gmenu ul li.nav01 a{
     color:#fff;
     text-decoration:none;
     background:url("../images/arrow01.png") no-repeat 270px center;
     }

#gmenu ul li.nav02{
     line-height:20px;
     padding-top:10px;
     height:45px;
     }

#gmenu ul li.nav02,
#gmenu ul li.nav10,
#gmenu ul li.nav06{
     border-left:10px solid #fff693;
     }
#gmenu ul li.nav02 a,
#gmenu ul li.nav06 a,
#gmenu ul li.nav10 a{
     color:#fff693;
     text-decoration:none;
      background:url("../images/arrow02.png") no-repeat 270px center;
     }
#gmenu ul li.nav03,
#gmenu ul li.nav07{
     border-left:10px solid #c290d1;
     }
#gmenu ul li.nav03 a,
#gmenu ul li.nav07 a{
     color:#c290d1;
     text-decoration:none;
      background:url("../images/arrow03.png") no-repeat 270px center;
     }
#gmenu ul li.nav04,
#gmenu ul li.nav08{
     border-left:10px solid #ffabd3;
     }
#gmenu ul li.nav04 a,
#gmenu ul li.nav08 a{
     color:#ffabd3;
     text-decoration:none;
     background:url("../images/arrow04.png") no-repeat 270px center;
     }
#gmenu ul li.nav05,
#gmenu ul li.nav09{
     border-left:10px solid #acdab7;
     color:#acdab7;
     }
#gmenu ul li.nav05 a,
#gmenu ul li.nav09 a{
     color:#acdab7;
     text-decoration:none;
      background:url("../images/arrow05.png") no-repeat 270px center;
     }    
     
#gmenu #daiba_menu li{
     height:47px;
     line-height:47px;
     background-color:#121447;
     font-size:100%;
     margin-bottom:4px;
     }

#gmenu #daiba_menu li span{
     color:#ffabd3 !important;
     }

#gmenu #daiba_menu li a{
     color:#c290d1;
     text-decoration:none;
     background:url("../images/arrow06.png") no-repeat 282px center;
     }

#gmenu #daiba_menu li.line2{
     line-height:18px;
     } 
     
#gmenu #daiba_menu li.line2 a{
     padding-top:6px;
     padding-bottom:5px;}
     
#gmenu #daiba_menu li.on,
#gmenu #daiba_menu li:hover{
     background-color:#c290d1;
     }
     
#gmenu #daiba_menu li.on a,
#gmenu #daiba_menu li a:hover{
     color:#242655;
     background:url("../images/arrow06_active.png") no-repeat 282px center;
     }                   
 
#gmenu #daiba_menu li.on span,
#gmenu #daiba_menu li:hover span{
      color:#242655 !important;
     }    
     
     
#gmenu ul li.nav08 {
     opacity: 0.3;
     filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
    -moz-opacity: 0.3;
    }    
#gmenu ul li.nav08 a{
     cursor:default;}

#gmenu ul li.nav08:hover{
     background-color:#3b3d67;
     }      
          
#content {
	width:600px;
     margin:0 33px;
     float:right;
     color:#fff;
     padding-bottom:30px;
     }

#content .bg01{     
     padding:23px 23px 0 23px;
     background:url("../../common/images/bg01.gif") no-repeat left top;
     margin:20px 0 0 0;
     overflow:hidden;
}
#content .bg01_foot{
     height:23px;
     background:url("../../common/images/bg01.gif") no-repeat left bottom;
     margin:0 0 20px 0;
     }
#content .bg02{     
     padding:23px 23px 0 23px;
     background:url("../../common/images/bg02.gif") no-repeat left top;
    margin:20px 0 0 0;
}              
#content .bg02_foot{
     height:23px;
     background:url("../../common/images/bg02.gif") no-repeat left bottom;
     margin:0 0 20px 0;
     }
#content .bg03{     
     padding:23px 23px 0 23px;
     background:url("../../common/images/bg03.gif") no-repeat left top;
     margin:20px 0 0 0;
     color:#3b3d67;
}              
#content .bg03_foot{
     height:23px;
     background:url("../../common/images/bg03.gif") no-repeat left bottom;
     margin:0 0 20px 0;
     }
#content .bg04{     
     padding:15px 15px 0 15px;
     background:url("../../common/images/bg04.gif") no-repeat left top;
     margin:20px 0 0 0;
     color:#ffabd3;
}              
#content .bg04_foot{
     height:23px;
     background:url("../../common/images/bg04.gif") no-repeat left bottom;
     margin:0 0 20px 0;
     }



.main{
     margin-bottom:25px;
     }     
/* gmenu
=================================*/
@media screen and (max-width:640px){
#gmenu ul li a.sp{display:block !important;}
#gmenu ul li a.pc{display:none !important;}

.sp{display:block !important;}
.main{margin-bottom:0 !important;}     
.subtit{text-align:center;
          font-weight:bold;
          color:#121447;
          font-size:18px !important;
          padding:7px;
          margin-bottom:20px;}

#contentsarea {
	background:none #242655;
}

#content{
     margin:10px 10px 20px 10px;
     float:none;
     width:auto !important;
     padding:0;
     font-size: 13px;
     line-height:1.3;  
}

#content .bg01{
     background:none #121447 !important;
     padding:13px !important;
     border-radius:10px;
     border:2px solid #62538d;
     height:auto !important;
     margin: 0 0 15px 0 !important;
     overflow:hidden;
     }
#content .bg02{
     background:none #acdab7 !important;
     padding:13px !important;
     border-radius:10px;
     border:2px solid #62538d;
     height:auto !important;
     margin: 0 0 15px 0 !important;
     }
#content .bg03{
     background:none #fff693 !important;
     padding:13px !important;
     border-radius:10px;
     border:2px solid #62538d;
     height:auto !important;
     margin: 0 0 15px 0 !important;
     }  
#content .bg04{
     background:none #3b3d67 !important;
     padding:13px !important;
     border-radius:10px;
     border:2px solid #62538d;
     height:auto !important;
     margin: 15px 0 15px 0 !important;
     }         
#content .bg01_foot,
#content .bg02_foot,
#content .bg03_foot,
#content .bg04_foot{ display:none;}  

/*#content p{
     line-height:135% !important;
     }
  */   
#gmenu{
     width:100%;
     float:none !important; 
     border-top:0 !important;
     margin-top:0 !important;
}

#gmenu ul li{
     border-left-width:5px !important;
     font-size:14px !important;
     width:49.5%;
     height:45px;
     line-height:45px;
     margin-bottom: 3px;
}
#gmenu ul li.nav02{
     line-height: 14px;
}

#gmenu ul li:nth-child(odd){
     box-sizing: border-box;      
     float:left;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
}
#gmenu ul li:nth-child(even){
     float:right;
     box-sizing: border-box; 
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
}
#gmenu ul li a{
     background-position:95% center !important;
     padding-left:15px;
}
}


/*フッター*/
/*#footer {
	width:960px;
	margin:62px auto 0;
	position:relative;
}

#footer .campaign_top_btn {
	padding:0;
	position:absolute;
	top:-32px;
	right:-15px;
}*/


@media screen and (max-width:320px){
     #gmenu ul li{
     font-size:12px !important;
     }
     #gmenu ul li.nav02,
     #gmenu ul li.nav05{
     letter-spacing: -0.1em;
     font-size:11px !important;
     }
     #gmenu ul li a{
     background-position:97% center !important;
     background-size:5px 8px;
     }
     
     #content .kyouryoku .float_l dt,
     #content .kyouryoku .float_r dt{
     width:35px !important;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;}
     
#content .kyouryoku .clear dt{
     width:35px !important;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     padding-right:5px !important;}
 
 }    
/* header
=================================*/
@media screen and (max-width:640px){

a { -webkit-tap-highlight-color:#dcb4dc; color:#8867a8;}
a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0) ; }

.entry-body {
    font-size: 0.9rem;
	margin:0 !important;
	width:100%;
}

.page,
#content,
#contentsarea
{
	width:100%
}

#contentsarea {
	margin:0 auto !important;
     padding:0 0 5px 0;
}

#toppage {
	background-size:11px 11px;
	width:100%;
	margin:0 auto 0 auto;
	padding:0 0 15px 0;
	}

#toppage .top_box{
	background-color:#ccc;
}

img{
    max-width:100%;
	 height: auto;
}

.pc,
.main
{
	display:none;
	}
/*
#header-bar {height: 2px;}

.v_corp{
	background:url("../../../images/sp_header_line.gif") repeat-x left bottom !important;
	min-height: 30px !important;
	height:auto !important;
	}
#ss-header ul#headerlogo{
     position:absolute;
     margin:12px 0 0 0;
     width:35% !important;
     right:5px;
     z-index:100;
     }
#ss-header ul#headerlogo li{
     padding:0;
     }
#ss-header ul#headerlogo img{
     width:auto;
     }
#header {
     padding:10px 0 12px 0 !IMPORTANT;
     }	
#header h1{
     width:55%;
     height:auto;
     margin: 0 0 0 3px;
     }	
	
	
#header,	
#ss-header,	
#ss-footer{width:100% !important;
			height:auto !important;}
	
#ss-footer ul#footerMenu{height:auto;overflow:hidden;}		
#ss-footer ul#footerMenu li{padding:3px 10px 3px 10px;display:inline-block;border:none;}

}*/