@charset "utf-8";

/* CSS Document */

body{
	font-family: ＭＳ Ｐゴシック, Osaka;
	font-size: 13px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color: #d4d4d4;
	color: #333;
}

a:link{
	color: #333;
}
a:hover{
	text-decoration: none;
}


img{
	border: none;
}

table{
	font-size:100%;
}

ul,ol{
	margin: 0;
	padding: 0;
}

b{
	color: #333;
}

.up{
	text-align: right;
	padding: 0px 0px 5px 0;
	margin: 0;
}

.caution{
	color: #ff0000;
}

.clearfix:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

.clearfix{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}

.clearfix + *{
    clear: both;
}

.thickbox{cursor:pointer;}

.table{
	border: 1px solid #ccc;
	border-collapse: collapse;
	text-align:left;
	margin:20px auto;
	width:575px;


}
.table tr{border-bottom:1px solid #ccc;
}
.table th{
	padding: 5px;
	background-color: #eee;
	text-align:left;
}
.table td{
	padding: 5px;
}

.strong{
	color:#ff0000;font-weight:bold;
}


/** ------------------------------------------------------------------- **/
/*
 * コンテナ
 */
/** ------------------------------------------------------------------- **/

#container{
	position: relative;
	text-align: left;
	width: 800px;
	margin:6px auto 0 auto;
	padding: 0 15px;
	background: #fff;
	line-height:1.5em;
}
/* for IE */
* html #container{
	width:830px;
}

/** ------------------------------------------------------------------- **/
/*
 * ページサマリ
 */
/** ------------------------------------------------------------------- **/
#summary{
	margin: 0px -15px 0 -15px;
	background-color:#d4d4d4;
}
/* ie */
* html #summary{
	border:1px solid #d4d4d4;
}

#summary p{
	margin:0;
	padding: 0px 0 5px 10px;
	color:#999;

}



/** ------------------------------------------------------------------- **/
/*
 * ヘッダ
 */
/** ------------------------------------------------------------------- **/

#header{
	top: 0;
	left: 0;
	background-color: #fff;
	margin: 0 0px;
}

#header #logo{
	float:left;
	width:247px;
	margin: 33px 0 0px 3px;
}

#header #header-banner{
	float: right;
	text-align:right;
	width: 545px;
	padding: 15px 0px 0px 0;
}

#header #global-navi ul{
	line-height:0;
	padding: 0px 0 0 0;
	margin:11px 0 0 0;
}


#header #global-navi ul li {display:inline;}
#header #global-navi ul li a { float: left; width: 200px; height: 0px; padding-top: 51px;text-indent:-1000px; overflow: hidden; }

/* IE6 */
*html #header #global-navi ul li a {padding-top: 0px;height:51px;}


#header #global-navi ul li a{background-image:url(../img/ver1.1global_navi.jpg);background-repeat: no-repeat; }

#header #global-navi ul li#gn-home a { background-position: 0 0; }
#header #global-navi ul li#gn-business a { background-position: -200px 0; }
#header #global-navi ul li#gn-corporate a { background-position: -400px 0; }
#header #global-navi ul li#gn-inquiry a { background-position: -600px 0; }

#header #global-navi ul li#gn-home a:hover { background-position: 0 -56px; }
#header #global-navi ul li#gn-business a:hover { background-position: -200px -56px;}
#header #global-navi ul li#gn-corporate a:hover { background-position: -400px -56px;}
#header #global-navi ul li#gn-inquiry a:hover { background-position: -600px -56px;}
/*
#header #global-navi ul li#gn-home a:active { background-position: 0 -285px; }
#header #global-navi ul li#gn-business a:active { background-position: -200px -342px; }
#header #global-navi ul li#gn-corporate a:active { background-position: -400px -399px; }
#header #global-navi ul li#gn-inquiry a:active { background-position: -600px -456px; }

#header #global-navi ul li#gn-home .selected { background-position: 0 -513px !important; }
#header #global-navi ul li#gn-business .selected { background-position:-200px -570px !important; }
#header #global-navi ul li#gn-corporate .selected { background-position: -400px -627px !important; }
#header #global-navi ul li#gn-inquiry .selected { background-position: -600px -684px !important; }


#header #global-navi ul li#gn-home a:hover { background-position: 0 -57px; }
#header #global-navi ul li#gn-business a:hover { background-position: -200px -114px; }
#header #global-navi ul li#gn-corporate a:hover { background-position: -400px -171px; }
#header #global-navi ul li#gn-inquiry a:hover { background-position: -600px -228px; }



#header #global-navi ul li#gn-home .selected { background-position: 0 -513px; }
#header #global-navi ul li#gn-business .selected { background-position: -200px -570px; }
#header #global-navi ul li#gn-corporate .selected { background-position: -400px -627px; }
#header #global-navi ul li#gn-inquiry .selected { background-position: -600px -684px; }

*/














#separator{
	padding: 10px 0 12px 0px;

}
#topic-path{
clear:both;
	margin: 0;
	float:left;
	width:600px;

}
#topic-path p{margin:2px 0 0 10px;}
#topic-path strong{
	color: #999999;
	
}

#font-changer {
	float:right;
	width:200px;
	text-align:right;
	margin: 0;
}
#font-changer div{padding:0 9px 0 0;


}



/** ------------------------------------------------------------------- **/
/*
 * コンテンツ
 */
/** ------------------------------------------------------------------- **/


#content{
	float: left;
	width: 590px;
	padding: 0px 0 0px 0;
	background-color: #fff;
}

#single #content{
	float:none !important;
	margin:20px auto 20px auto !important;
	width: 590px !important;
}

#content p{
	line-height: 1.6em;
	margin: 20px 0px 20px 10px;
}

#content ul,ol{
	margin: 20px 20px 20px 20px;
	padding: 0 0 0 20px;
	line-height: 1.6em;
}
#content dl{
	margin: 20px 0px 20px 11px;
	padding: 0 0 0 0px;
}
#content dt{
	margin-bottom: 10px;
	font-weight: bold;
}
#content dd{
	margin-bottom: 20px;
}

h1{
	margin: 0px 0 20px 0px;
	padding: 14px 0 15px 24px;
	font-size: 25px;
	font-weight: 400;
	background:url(../img/common/h1_bg.gif) no-repeat;
	letter-spacing:-0.1px;
}
#content h2{
}
#content h3{
	background: #eeeeee;
	color: #333333;
	border-left: 7px solid #3075ff;
	padding: 8px 5px 5px 5px;
	font-size: 120%;
	margin-right: 0px;
}

#content h4{
	border-left: 4px solid #999;
	border-bottom: 1px dotted #999;
	padding: 4px 5px 2px 7px;
	font-size: 110%;
	margin-right: 0px;
	margin-left: 10px;
}

#content .section{
	margin: 0 0 0 10px;
}

#content .box{
padding:5px;
border:1px solid #999;
background-color:#eee;
}




#content .tab{
	overflow: hidden;
	height: 35px;
	margin:20px auto;
	background: url(../img/tab/border.gif) 0 repeat-x #3075ff;
	color:#fff;
	text-align:center;
}
.tab ul {
	margin:0 !important;
	padding:0 !important;
	list-style:none;
	height: 35px;
}
.tab ul li {
	float: left;
	width: 130px;
	height: 35px;
	margin: 0 0 0 10px;
	line-height: 35px; /* テキストの上下位置を中央ぞろえに */
	text-align: center;
}
.tab ul li a {
	display: block;
	width: 130px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.tab ul li a:hover {
	background-position: 0 100%;
	color:#0000ff;
	text-decoration:underline;
}
.tab ul li a { 
	background-image: url(../img/tab/bg_normal.gif);
	color:#000;
}

.tab ul .current { 
	background-image: url(../img/tab/bg_active.gif);
	background-position: 0 100%;

}

/*corporate*/


/* /service/counseling/ */

#faq dl{margin:20px 10px 0 28px;}
#faq dt{background:url(../img/common/q.gif) no-repeat left center;color:#333333;padding:8px 0 9px 38px;margin:5px 0;/*border-top:1px dashed #aaaaaa;*/border-bottom:1px dashed #aaaaaa;}
#faq dd{background:url(../img/common/a.gif) no-repeat;padding:5px 10px 3px 30px;margin-bottom:49px;}
#faq p{margin:0 0 20px 10px !important;/*font-size:100% !important;*/}



/** ------------------------------------------------------------------- **/
/*
 * サイドメニュー
 */
/** ------------------------------------------------------------------- **/

#sidebar{
	float: right;
	padding: 0px 0 0 0;
	width: 200px;
}

#sidebar #menu{
	margin-top:-5px;
}

#sidebar #menu a{
	text-decoration: none;
	/*color:#333;*/
	display:block;
	background: url(../img/common/arrow.gif) no-repeat left center;
	padding: 0 0 0 19px;
	zoom: 1;


}
#sidebar #menu a:hover {
	text-decoration:underline;
}

#sidebar #menu ul{
	list-style-type: none;
	margin: 0px 0 10px 0;
	padding: 10px 5px 0 10px;
	line-height: 1.2;
}

#sidebar #menu ul li{
	margin:0;
	padding: 12px 0 12px 0px;
}


#sidebar #main-banner{
	margin-bottom:0px;
	margin-left:-2px;
}
#sidebar #menu .menu-header{margin-top:10px;}
#sidebar #menu .menu-body{border:1px solid #ccc;border-top:none;
background:url(../img/common/side_menu_body_bg.jpg) center top no-repeat #fff}
#sidebar .content{margin-top:10px;}




/** ------------------------------------------------------------------- **/
/*
 * フッタ
 */
/** ------------------------------------------------------------------- **/

#footer{
	clear: both;
	margin:10px 0 0 0;
	padding: 20px 0 8px 0;
	background: url(../img/common/footer_bg.jpg) center 0px repeat-x #fff;
	line-height:1.5em;
}


#footer #footer-ci{
	float:left;
	width:500px;
}
#footer #footer-ci #s-logo{margin-left:2px;}
#footer #footer-ci #s-logo img{width:150px;height:auto;margin-left:-1px;}
#footer #footer-ci p{
	margin: 6px 0px 0px 5px;
	padding: 0 0 0px 0;
}
#footer #footer-info{
	float:right;
	width:300px;

	text-align: right;
	padding: 0 0 0 0;
}
#footer #footer-info ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#footer #footer-info img{
	margin-bottom:12px;
}


#pageTop {display:none;}
#pageTop a {
	position: fixed;
	bottom: 20px;
	right: 13px;
	display: block;
	width: 58px;
	height:22px;
	padding:1.2em 0 1.2em 2px;
	background:#333;
	border-radius:256px;
	z-index:2;
	text-decoration:none;
	opacity:0.7; 
	
}
#pageTop a:before,
#pageTop a:after {
	position:absolute;
	left:50%;
	content:"";
	width:0px;
	height:0px;
	margin-left:-10px;
	border:10px solid transparent;
}
#pageTop a:before {
	top:50%;
	margin-top:-13px;
	border-bottom:10px solid #333;
}
#pageTop a:after {
	top:50%;
	margin-top:-15px;
	z-index:-1;
	border-bottom:10px solid #fff;
}