@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/

*{
	margin: 0;
	padding: 0;
	font-size: 100%;
	}

body{
	background:#E0E9F2;
	color:#666;
	text-align:center;
	font-size:75%;
	line-height:1.5;
	/*\*/
	letter-spacing:0.1em;
	/**/
	}
	
body {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;
	}
	
a {
	text-decoration: underline;	
	}

a:link, a:visited, a:active {
	color: #f90;
	}

a:hover {
	color: #C00;
	}

a img ,img {
	border:none;
	vertical-align: top;
	}
	
h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, form, input{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}
	
ui, li{list-style:none;}	
	
hr{display:none;}	


#wrapper {
	width:800px;
	margin:0 auto;
	text-align:center;}
	
#contents{
	background:url(../img/bg_con.jpg) repeat-y;
	}	
	
#spBox{ margin: 10px auto; width:720px;  background:#8ED3F5; padding:20px;}	



#gNavi {
	clear:both;
	width:760px;
	margin:auto;
	padding:30px 0;
	}
		
#footer{
	widows:796px;
	height:45px;
	background:url(../img/footer.jpg);
	text-indent:-9999px;
	}

#muryo {width:760px; background:#20A5FF; margin:0 auto;}
	
.dotBox{ padding-top:30px; padding-bottom:30px;}

.qabox{ width:754px; margin:auto; background:url(../../img/qabox01.gif) repeat-y; margin-top:20px;}
.qabox2{ width:754px; margin:auto; background:url(../../img/qabox03.gif) no-repeat bottom; }

table { margin:auto;}

/* トラブル
---------------------------------------------------- */

#troubleCon h2 {width:760px; height:101px; background:url(../../trouble/img/h2.jpg); display:block; text-indent:-9999px;margin:0 auto;}	

/* 真実
---------------------------------------------------- */
#trueCon h2 {width:760px; height:101px; background:url(../../true/img/h2.jpg); display:block; text-indent:-9999px;margin:0 auto;}	
#trueCon #adsl{margin:auto;width:760px;}
/*ナビゲーション
---------------------------------------------------- */

#gNavi ul{overflow:hidden;width:680px;text-align:center; margin:auto;}

#gNavi li#trouble{float:left;list-style:none;margin-right:19px;}
#gNavi li#true{float:left;list-style:none;margin-right:19px;}
#gNavi li#qa{float:left;list-style:none;}
#gNavi li#shin{clear:both; list-style:none;width:249px;margin:0 auto 20px;}

#gNavi li#trouble a{display:block; text-decoration:none; width:214px; height:64px; text-indent:-9999px; background:url(../img/b_trouble.jpg);}
#gNavi li#true a{display:block; text-decoration:none; width:214px; height:64px;text-indent:-9999px; background:url(../img/b_true.jpg);}
#gNavi li#qa a{display:block; text-decoration:none; width:214px; height:64px;text-indent:-9999px; background:url(../img/b_qa.jpg);}
#gNavi li#shin a{display:block; text-decoration:none; width:249px; height:70px;text-indent:-9999px; background:url(../img/b_shin.jpg);}

#gNavi li#trouble{display:block; text-decoration:none; width:214px; height:64px;text-indent:-9999px; background:url(../img/b_trouble_o.jpg);}
#gNavi li#true{display:block; text-decoration:none; width:214px; height:64px;text-indent:-9999px; background:url(../img/b_true_o.jpg);}
#gNavi li#qa{display:block; text-decoration:none; width:214px; height:64px;text-indent:-9999px; background:url(../img/b_qa_o.jpg);}


#gNavi li#trouble a:hover{background:url(../img/b_trouble_o.jpg);}
#gNavi li#true a:hover{background:url(../img/b_true_o.jpg);}
#gNavi li#qa a:hover{background:url(../img/b_qa_o.jpg);}
#gNavi li#shin a:hover{background:url(../img/b_shin_o.jpg);}



/*
---------------------------------------------------- */

.w200 {	width: 200px;}
.w400 {	width: 400px;}

/* スペース関連
---------------------------------------------------- */

.spB05{	margin-bottom:05px;}	
.spB10{	margin-bottom:10px;}	
.spB15{	margin-bottom:15px;}	
.spB20{	margin-bottom:20px;}
	
.spT05{	margin-top:5px;}
.spT10{	margin-top:10px;}
.spT15{	margin-top:15px;}
.spT20{	margin-top:20px;}
.spT30{	margin-top:30px;}


/* その他
---------------------------------------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clr{clear:both; visibility: hidden; min-height: 0; height: 0; width:0;}
.left{float:left;}
.right{float:right;}

.toLeft, th.toLeft, td.toLeft {text-align:left;}
.toRight, th.toRight, td.toRight {text-align:right;}
.toCenter, th.toCenter, td.toCenter {text-align:center;}

.marginTocenter{ margin:auto;}

#mame p.chu{font-size:xx-small; text-align:left; padding-left:130px; margin-top:10px;}
