@charset "utf-8";
/* CSS Document */
/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */
 
/*  サイト全体のfont指定
------------------------------------------------------------------------*/
* {
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*  リンクカラー
------------------------------------------------------------------------*/
a:link { color: #666; }
a:visited { color: #22ac38; } 
a:hover {
	opacity:0.5;
}
.backtotop {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 9000;
    display: none;
	text-align:center;
}    
.backtotop a {
    display: block;
    color: #777777;
    padding: 15px 10px;
    margin: 0;
    background-color: #DDDDDD;
    border-radius: 5px;
    text-decoration: none;
    
    font-size: 130%;
}
.backtotop a:hover {
    background: #666666;
    color: #FFFFFF;
}
hr {
	border:solid 1px #666;
	margin-bottom:20px;
}
h1,h2 {
	font-size:1.3em;
	font-weight:bold;
}
h2 {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:15px;
}
/*  clearfix
------------------------------------------------------------------------*/
#soltion_03 .textPos:after,
.questionStyle .textPos:after,
#mainTxt .width750:after,
#solLinkSet:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after
{
    content: ""; 
    display: block; 
    clear: both;}
#soltion_03 .textPos,
.questionStyle .textPos,
#mainTxt .width750,
#solLinkSet,
.xxx,
.xxx
{display: inline-table;  overflow:hidden; zoom:1;/*for IE 5.5-7*/}
#soltion_03 .textPos,
.questionStyle .textPos,
#mainTxt .width750,
#solLinkSet,
.xxx,
.xxx,
.xxx,
.xxx
{display: block;}
/*  
-----------------------------------------------------------------------------*/
body {
   background-color: #FFF;
   
	color:#000;
	line-height:150%;
　　width:100%;
    margin:0 auto;
	font-size:0.9em;
    
  
   
   }
   
/*  header 
-----------------------------------------------------------------------------*/
header {
    width:900px;
	height:100px;
    margin:50px auto 0 auto;
}
header h1 {
	width:91px;
	height:auto;
	float:left;
	display:inline;
	
	
}
	   
 
/*  nav
-----------------------------------------------------------------------------*/
nav {
	
    margin:0px 0 60px 0px;
	display:block;
	float:right;
	
	
}
nav ul {
    
    margin:0px auto 0 auto;
    padding:0;
}
nav ul li{
    
	
}
/* 
	dropdown
*/
#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
}
#nav a{
display:block;
padding:0px 0px;
text-decoration:none;
border-bottom:1px solid #fff; /* IE10以下 */
}
#nav a:hover{
}
#nav li{
float:left;
position:relative;
z-index:99;
}
#nav ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}
#nav li ul a{
width:12em;
height:auto;
float:left;
}
#nav ul ul{
top:auto;
}	
#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}
.sub_menu li {
	margin-bottom:2px;
	
}
 /* contents
-----------------------------------------------------------------------------*/
#contents {
	width:900px;
	height:auto;
    margin:30px auto;
	clear:both;
	
}
#links {
	width:187px;
	height:auto;
	float:left;
}
#main {
	width:775px;
	height:auto;
	float:left;
	margin-left:37px;
}
 /*
 #contents p {
	width:334px;
	height:195px;
	margin:0px auto 200px auto;
}
*/
 /* article
-----------------------------------------------------------------------------*/
article {
	
}
 /* aside
-----------------------------------------------------------------------------*/
aside {
	
}
   
/*  footer
-----------------------------------------------------------------------------*/
 
footer {
	clear:both;
	display:block;
  
  width: 1000px;
	height:auto;
  margin:0 auto 0 auto;
  padding-top:50px;
    padding-bottom: 100px;
  
  
  
}
.footmenu {
    width:100%;
    padding:30px 0;
    overflow:hidden;
    
    border-bottom:1px dotted #ccc;
}
.footmenu ul {
    position:relative;
    float:left;
    left:50%;
    margin:0;
}
.footmenu li {
    position:relative;
    left:-50%;
    float:left;
    list-style:none;
    padding:0 10px;
    font-size:12px;
    text-align:center;
}
.copyright {
    clear:both;
    padding:20px 0;
    font-size:10px;
    text-align:center;
}
/*  totop
-----------------------------------------------------------------------------*/
 
.totop {
    position:fixed;
    bottom:15px;
    right:15px;
}
.totop a {
    display:block;
    text-decoration:none;
}
.totop img {
    background:#fff;
}
.totop img:hover {
    background:#fff;
}