@charset "Shift_JIS";
@import "news_common.css";

/*---------------------------------------------
	TOPページ
---------------------------------------------*/

h1{
display:none;}

h2{
margin:0 0 10px;}

.lead{
margin:0 0 20px 10px;}

.clr{
clear:both;}

.m_top10{
margin:10px 0 0;}

#catchcopy {
	width: 550px;
	height: 194px;
	margin-bottom:20px;
	background-image: url('../../img/top/topcopy.gif');
}

#catchcopy-msg {
	display: inline;
	float:left;
	margin: 110px 0px 0px 15px;
	width:320px;
}

#catchcopy-msg p {
	color: #000000;
}

#gss_intro_btn {
	float:left;
	margin: 140px 0px 0px 10px;
	background-image: url('../../img/top/gss_intro_btn_on.gif');
}

#gss_intro_btn a  {
	display:block;
	background-image: url('../../img/top/gss_intro_btn.gif');
	width: 192px;
	height: 40px;
}

#gss_intro_btn a img {
	visibility: hidden;
}

#gss_intro_btn a:hover {
	background-image: none;
}


#menu-area{
display:block;
overflow:hidden;
}

#menu-area dl.left{
width:340px;
height:230px;
margin:0 0 20px;
background:url(../../img/top/index_img01.jpg) no-repeat;
float:left;}

#menu-area dl.right{
width:340px;
height:230px;
margin:0 0 20px;
background:url(../../img/top/index_img02.jpg) no-repeat;
float:right;}

#menu-area dl.left2{
width:340px;
height:250px;
margin:0 0 20px;
background:url(../../img/top/index_img03.jpg) no-repeat;
float:left;}

#menu-area dl.right2{
width:340px;
height:250px;
margin:0 0 20px;
background:url(../../img/top/index_img04.jpg) no-repeat;
float:right;}


#menu-area dl dt{
display:none;}

#menu-area dl dd{
width:260px;
line-height:160%;
padding:38px 0 0 15px;}

#menu-area dl dd img{
margin:10px 0 0;}

#menu-area dl.bottom{
width:700px;
height:160px;
background:url(../../img/top/index_img03.jpg) no-repeat;
clear:both;}

#menu-area dl.bottom dd{
width:560px;
line-height:160%;}

.btn{
width:inherit;
margin:50px 0;
text-align:center;}

.btn2{
width:inherit;
margin:20px 0;
text-align:center;}


.news-area{
margin:0 0 0 10px;
line-height:150%;}


.news-area ul li{
margin:0 0 10px;
padding:0 0 10px;
border-bottom:1px solid #CCC;}


/*---------------------------------------------
	プライバシーマーク
---------------------------------------------*/
#Pmark{
border:1px solid #CCC;
font-size:10px;
margin:0 0 10px 4px;
padding:5px;
width:300px;
}
#Pmark:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
   #Pmark{display: inline-block;
   } 
#Pmark img{
float:left;
}
#Pmark p{
float:left;
text-align:left;
margin:8px 0 0 5px;
width:215px;
}
#Pmark p a{
background:url(../../img/common/icon_arrow.png) no-repeat 0 0;
padding:0 0 0 10px;
}
#Pmark2{
font-size:10px;
line-height:1.5em;
margin:10px;
padding:5px;
width:300px;
}
#Pmark2:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
   #Pmark2{display: inline-block;
   } 
#Pmark2 img{
float:left;
}
#Pmark2 p{
float:left;
text-align:left;
margin:8px 0 0 10px;
width:200px;
}
#Pmark2 p a{
background:url(../img/arrow_s_r.gif) no-repeat 0 2px;
padding:0 0 0 10px;
}