@charset "utf-8";
/*CSS INFOMATION=======================

PC CSS

File name : pc.css
   
====================================*/

@media screen and (min-width: 641px){
/*----------------------------------------
	
	=COMMON
-----------------------------------------*/


.spBox{
	display:none;
}


html {
	background: #fff;
	line-height: 1.8;
	min-width: 1021px;
}
#container {
	background: url(../images/bg.gif) top center;
	width: 100%;
	min-width: 980px;
	padding: 0;
}

#contents{
	width:960px;
	margin:0 auto;
	overflow:hidden;
}

#mainArea{
	min-width:1028px;
}


header{
	text-align:center;
	background:#000;
	padding:17px 0;
	margin:0 0 40px;
}

#pageTop{
	text-align:center;
	padding:0 0 50px;
	clear:both;
}

footer{
	padding:50px 0;
	background:#000000;
	clear:both;
}

.footLink{
	width:730px;
	margin:0 auto;
	overflow:hidden;
}

.footLink li{
	float:left;
	margin:0 3px;
}

.footLink a:hover img{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}


#copy {
	clear:both;
	text-align: center;
	color: #fff;
	padding:0;
	font-family: 'Lucida Grande',  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',  Meiryo, メイリオ, sans-serif;
}

h2{
	padding:30px 0;
	text-align:center;
	border-bottom:1px solid #ccc;
}



h4{
	padding:35px 0;
}

ul.listA li{
	border-bottom:1px solid #ccc;
	padding:30px 0;
}


#snsBox{
	width:120px;
	margin:0 auto;
}

#snsBox li{
	float:left;
	width:50px;
	margin:5px;
	
}

#snsBox li img{
	width:100%;
	height:auto;
}

.btnA{
	padding:40px 0 0;
}

.btnA a:hover img{
		filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


#btnTaishou a{
	display:block;
	text-align:center;
	padding:20px 0 ;
	background:#fff;
	color:#000;
	font-size:16px;
	text-decoration:none;
	border-top:1px solid #ccc;
}

#btnTaishou a:hover{
	display:block;
	text-align:center;
	padding:20px 0 ;
	background:#eee;
	color:#000;
	font-size:16px;
	text-decoration:none;
}


/*

BOX
-----------------------*/
.txtBoxA{
	padding:85px 0 0;
	clear:both;
	text-align:center;
}

.txtBoxB{
	padding:85px 0 50px;
	text-align:center;
}

.listBox{
	padding:0 0 110px;
}


/*

float
-----------------------*/
	


.leftBoxA{
	width:50%;
	float:left;
	
}

.rightBoxA{
	width:50%;
	float:right;
}

.leftBoxB{
	width:470px;
	float:right;
	border-bottom:5px solid #000;
	padding:40px 0;
	margin:0 10px 0 0;
}

.rightBoxB{
	width:470px;
	float:left;
	border-bottom:5px solid #000;
	padding:40px 0;
	margin:0 0 0 10px;
}

.bgBlue{
	background:#14a6d6;
	text-align:right;
	
}



.bgPink{
	background:#e5007f;
	text-align:left;
}


.bgBlue img, .bgPink img{
	width:100%;
	max-width:640px;
	height:auto;
}




}