@charset "utf-8";
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
	}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helevetica, sans-serif;
	color:#666;
	font-size: 62.5%;
	line-height: 3em;
	text-align:left;
	letter-spacing: 0.1em;
	background-color:#fff;
	/*background-color:#ffe4e1;*/
	/*background-color:#fff0f5;*/
  -webkit-text-size-adjust: 100%;
	}
	
.hikakuhyou{
	text-align:center;
	}	
/*spArea
--------------------------------------*/
	
#wrapper {
	max-width:600px;
	padding:3%;
	margin:auto;
	}

#headerArea{	
	clear: both;  
	}
#headlineArea{
	clear: both;
	}

#mainArea{
	clear: both;
	}
	
#topicPath{
	clear: both;
	}

#footerArea{
	clear: both;  
	width: 97%; 
	background-color:#999;
	padding-right:3%;
	}

/*spMSArea
--------------------------------------*/

#navAreaS{
	clear: both;  
	margin: 0;   
	padding: 1em 0 ;   
	}
	
#navAreaMM ul{
	height:150px;
		}
#navAreaMS{
	padding-top:2em; 
	text-align:center;
	}


#headlineAreaM{
	margin: 10px 0px 10px 0px;
	border:none;
	}
	
#headlineAreaS{
	padding: 10px 0px 10px 0px;
	}

#mainAreaM{
	margin:0 0 1em;
	padding:0 0 1em;
	}

#mainAreaS{
	clear: both;  
	margin:0 0 1em;
	padding:0 0 1em;
	}

#topicPath{
	text-align:left;
	padding:1em 0 0 2em;
	margin-bottom:1em;
	}
	
#contentsM{
	clear: both;  
	}

#prBottom{
	clear: both;  
	margin:2em 0 1em;
	padding:0 0 1em;
	}

/*spClass
--------------------------------------*/


/*h
----------------------------------*/

h1{
	padding:0 0 0.5em 0;
	}

h2{
	margin:1em 0 0 0;
	padding:0 0 0 0.5em;
	clear:both;
	}
	
#mainAreaM h3{
	padding:1em 0 0 ;
	margin: 0 0 1em;
	height:2em;
}

#mainAreaS h3{
	padding:0 0 0 10px;
	height:2em;
}

/*spUl
----------------------------------*/

#navAreaM ul li{
	float:left;
	margin: 1em 10% 0; 
	padding: 2% 0 0 ;
	width: 28%;   
	height: 3em; 
	}

#mainAreaS ul{
	padding:0.5em 0 0 0;
	}

.sideBox ul li {
	margin:5px auto;
	height: 20px;
}

.sideBox ul li a{
	text-decoration:none;
}
/*
----------------------------------*/

#buttonArea{
	clear:both;
	text-align:right;
	}
	
.button{
	float:left;
	margin-left:0.5em;
	}

.headlineASbox{
	display:block;
	float:left;
	padding-top:0.5em;
	margin:0 0 1em;
	width:100%;
	height:20px;
	}	
	
#topicPath li{
	margin:0 0 1em 0;
	}

.prCol{
	margin-left:2em;
	}
.prCol2{
	text-align:center;
	}
	
#mainAreaM p{
	margin:2em 0 2em 1em;
	}
#mainAreaM .contentsimg	{
	margin-left:1em;
	}
	
.txCol p img{
	margin-bottom:3em;
	width:100%;
	height:100%;

	}
	
/*
--------------------------*/
.contentstable{
	margin:2em 0 2em 4em;
	}
	
.contentstable dt{
	margin: 0px 0px;
	clear: left;
	float: left;
	width: auto;
	}
.contentstable dd{
	margin: 0px 0px 10px;
	}

/*
--------------------------*/
.mtit span{
	
	 padding:0.3em　0.5em;

         }	
.point{
	margin:0 0.5em 0 0.5em;
	color:#0CC;
	border-bottom: 2px dotted #0CC;
	}
	

dt{
	margin:0;
	}

dd{
	margin:0 0 2em 0;
	}
.hikakuhyou{
	width:auto;
	}

.ad{
	margin:20px 10px 0 10px;
	padding-top:20px;
	border-top: dashed 1px #f39;
	}

.sideBoxR {
	margin:5px auto;
	height: 130px;
	width: 160px;
}

.sideBoxRt {
	margin: 3px 3px 3px 0;
	padding: 5px 0 0 10px;
	height: 30px;
	width: 160px;
}

.sideBoxRi {
	float: left;
	margin: 0px 0px 0px 10px;
	width: 80px;
}

.sideBoxRtx {
	float: right;
	margin: 0px 0px 0px 10px;
	width: 60px;
}

#footerArea p{
	text-align:right;
}
 	
/*タブレット　481以上
-------------------------*/

/*@media only screen and (min-width: 481px) {

}
*/