@charset "utf-8";
/*
Name: Topix
URI: http://www.topix.co.jp/
Version: 1.0
Author: bCDaisuke
Author URI: http://bcd-inc.jp/
*/

@import url('style_indivi.css');

/*  
00:bCD Reset  
----------------------------------------------------*/  
  
html{   
	margin:0;   
	padding:0;   
}   
body{   
	margin:0;   
	padding:0;   
	font-size:12px;   
	line-height:1.5; 
	font-family:  "ＭＳ Ｐゴシック","メイリオ", Helvetica, Arial, sans-serif, Osaka, "ヒラギノ角ゴ Pro W3";    
}   
  
h1,h2,h3,h4,h5,h6,div,p,form{   
	margin:0;   
	padding:0;   
}   
  
div{   
	margin:0;   
	padding:0;   
	display: zoom: 100%; /* IE for7.0 clearfix */  
}   
  
div:after{  /* clear fix */  
    content: ".";     
    display: block;     
    visibility: hidden;     
    height: 0.1px;     
    font-size: 0.1em;     
    line-height: 0;     
    clear: both;     
}   
    
table{   
	border-collapse: separate;  

}   
  
th,td{   
	text-align:left;   
	vertical-align:top;   
}   
  
img {   
	border:none;   
}   
  
address{   
	font-style:normal;   
}   
  
/*  
01:customers Reset  
----------------------------------------------------*/  
 
body{   
	background:#fff url('../img/bg.jpg') repeat-x top;   
	color:#445; 
}   
  
a{   
	color:#3399FF;   
}   
a:visited{   
	color:#39C;   
}   
a:hover{   
	color:#C06;   
	text-decoration:none;   
}   
  
ol{   
    
}   
ol li{   
}   
  
p{   
	margin:5px 0 10px 0;   
}   
  
ul,li{   
	margin:0;   
	padding:0;   
}   
  
ul li{   
	list-style:none;
	background:url('../img/li02.gif') no-repeat 0px 6px;   
	padding-left:16px;   
	
}   
  
h2{   
	margin:0 0 20px 0;   
}   
h3{

}

h4{   
	margin:0 0 10px 0;  
	font-size:14px;
	color:#000;
}  

h5{   
	margin:0 0 20px 0;   
}


.imgBtn,
.imgH{
	display:block;
	font-size:1px;
	line-height:1px;
	text-indent:-1000em;
	text-align:left;
	overflow:hidden;
}

.alignright{
	float:right;
}

.arrowRight{
	text-align:right;

}

/*
-----------------------------
		02:Layout
-----------------------------
*/


#page{
	width:860px;
	margin:0 auto;
	background:#fff;
}

#pageS{
	width:640px;
	margin:0 auto;
	background:#fff;
}

#header {
	background:url('../img/header_bg.gif') repeat-x top;
	padding-top:10px;
	height:100px;
}

#pageS #header{
	height:60px;
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
}

h1#banner{
	width:200px;
	height:46px;
	font-size:20px;
}
h1#banner a{
	background:url('../img/topix_banner.gif');

	display:block;
	width:200px;
	height:46px;
	
	font-size:1px;
	text-indent:-1000em;
	overflow:hidden;
	
}

#headLeft{
	float:left;
	width:300px;
	height:60px;
	padding:0 10px;
	margin:0;
}

#headRight{
	float:right;
	width:200px;
	font-size:10px;
}


#headRight a{
	text-decoration:none;
}

#headRight a:hover{
	text-decoration:underline;
}

#contact,#sitemap{
	background:url('../img/li01.gif') no-repeat left center;  
	padding-left: 11px;
	margin-right:10px;
}

#gNavi01{
	padding-top:10px;
	width:400px;
}
#gNavi02{
	clear:both;
	padding:0 10px 20px 10px;
	clear:both;
	border-top:1px solid #bbb;
	width:840px;
}


#main{
	clear:both;
}

#content{
	float:right;
	width:600px;
	padding:0px;
	margin-right:20px;
}



#sidebar{
	float:left;
	width:200px;
	padding-left:10px;
}




#footer {
	clear:both;
	color:#fff;
}

#gotop{
	text-align:right;
	padding:5px 20px;
}

#copyright{
	background:url('../img/footer_bg.jpg');
	height:80px;
	padding:10px ;
	font-size:10px;
}

#footInfo{
	margin:5px 0 0 0;
	width:200px;
	float:right;
}


#pageS #copyright{
	height:20px;
}


#closeArea{
	text-align:center;
	margin-bottom:10px;
}

#sidebar{
}


/*
-----------------------------
			Navi
-----------------------------
*/

#gNavi01,
#gNavi02{

	clear:both;
} 

#gNavi01 li,
#gNavi02 li{
	background:none;
	display:inline;
}

#gNavi01 li a,
#gNavi02 li a{
	display:block;
	float:left;
	height:30px;
	font-size:1px;
	text-indent:-1000em;
}
#gNavi01 li a.current,
#gNavi02 li a.current{
	background-position:0 -30px;
}
#gNavi01 li a:hover,
#gNavi02 li a:hover{
	background-position:0 -60px;
}

#gn01{	background:url('../img/navi/gn01.gif');	width:80px;}
#gn02{	background:url('../img/navi/gn02.gif');	width:120px;}



#gn2_01{	background:url('../img/navi/gn2_01.gif');	width:70px;}
#gn2_02{	background:url('../img/navi/gn2_02.gif');	width:80px;}
#gn2_03{	background:url('../img/navi/gn2_03.gif');	width:120px;}
#gn2_04{	background:url('../img/navi/gn2_04.gif');	width:160px;}
#gn2_05{	background:url('../img/navi/gn2_05.gif');	width:90px;}
#gn2_06{	background:url('../img/navi/gn2_06.gif');	width:130px;}
#gn2_07{	background:url('../img/navi/gn2_07.gif');	width:110px;}
#gn2_08{	background:url('../img/navi/gn2_08.gif');	width:80px;}
#gn2_09{	background:url('../img/navi/gn2_09.gif');	width:125px;}
#gn2_10{	background:url('../img/navi/gn2_10.gif');	width:70px; margin-right:10px;}






/*
--------------------------------
			sidebar
--------------------------------
*/


#sidebar h3{
	margin-bottom:10px;
}

#subNavi{
	border-top:1px dotted #ccc;
}


#subNavi li{
	list-style:none;
	background:url('../img/li01.gif') no-repeat 0 5px;  
	padding:2px 0 2px 16px;  
	border-bottom:1px dotted #ccc;
}

#subNavi li ul li{
	border: none;
}

#subNavi a{
	text-decoration:none;
}

#subNavi a:hover{
	text-decoration:underline;
}

/*
--------------------------------
		common layout
--------------------------------
*/




.table{
	border-collapse: collapse;


	border-spacing: 1px;  
	border:1px solid #333;
}

.table td,
.table th{
	padding:2px 5px;
}

.table td{
	border:1px solid #333;
}

.table th{
	border:1px solid #333;
	background:#eee;
}

.table .t_header th.th_none{

}
.table .t_header th{
	background:#DEF;
}


/*
--------------------------------
			home
--------------------------------
*/





/*
-----------------------------
			page
-----------------------------
*/

#content h2{
	background:url('../img/h2_bg.gif') no-repeat;
	width:540px;
	height :20px;
	padding:10px 30px;
	
	font-size:16px;
	line-height:18px;
	
}
#content h3{
	margin:20px 0 20px 0;  
	font-size:14px;
	padding:3px 6px;
	border:1px solid #ddd;
	color:#0760C3;

}


#content h4{
	font-size:12px;
}

#content ul{
	margin-bottom:20px;
}
#content ul li{

}


#content blockquote{
	padding:0px 10px;
	margin-left:0px;
	border-left:3px solid #62C217;

}



/*
-----------------------------
		contactform
-----------------------------
*/