@charset "utf-8";

/* ==================================================================================
/
/  BASE CSS
/
================================================================================== */

/*
 base
------------------------------------------- */
body {
	margin: 0;
	text-align: center;
	color:#333;
	font:12px/1 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	background: #FFF center 0 no-repeat;
	line-height: 1.6;
}

img { border: none; }

a:link,
a:visited{
	color:#7D7D7D;
	text-decoration:underline;
}
a:hover,
a:active{
	color:#B3B3B3;
}

/* start: clearfix ------------------------------ */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* end: clearfix ------------------------------ */

.current{ color:#B3B3B3; }

.gotop {
	margin: 20px 0;
	text-align: right;
}

.anchor {
	margin-top:0px;
	padding-top: 0;
}

.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }


.bgcolor1 { background: #ff0 !important; }
.bgcolor2 { background: #88DFD9 !important; }

.re-analysis { color: #f00; !important; 
               font-weight: bold;
}

.btn{cursor:pointer;}

/*
 header
-------------------------------------------------------------------*/
#headerWrap {
	border-top: 2px solid #27968D;
	margin-bottom: 30px;
}
#header {
	position: relative;
	width: 950px;
	height: 103px;
	margin: 0 auto;
	text-align: left;
	z-index: 10;
}
#logo {
	margin: 0;
	padding-top: 21px;
}
#logo img{
        margin-top: 40px;
        width:185px;
        height:32px;
}
#registWap,
#loginWrap {
	position: absolute;
	top: 28px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#registWap {
	left: 367px;
}
#regist {
	width: 104px;
	height: 31px;
	background: url(../img/regist_bg.gif) no-repeat;
}
#regist img {
	margin-left: 2px;
	padding: 5px;
}
#registTxt img {
	padding: 6px 4px;
}
#loginWrap {
	right: 0;
	width: 464px;
	height: 31px;
	background: url(../img/login_bg.gif) no-repeat;
}
#loginWrap li {
	float: left;
}
#loginWrap img {
	float: left;
	padding: 6px 0 6px 11px;
}
#loginWrap input {
	margin-top: 6px;
	width: 83px;
	border: 0;
}
#loginPass input {
	margin-top: 7px;
	font-size: 11px;
}
#loginId {
	width: 182px;
}
#loginWrap #login {
	margin-left:8px;
}
#loginWrap #loginNext {
	position:absolute;
	top:30px;
	left:-5px;
	font-size:11px;
}

#loginWrap #loginNext img{
	float:left;
	padding-left:0;
}
#loginWrap #loginNext label.mtxt{
	height:50px !important;
	vertical-align:bottom;
}
#loginWrap #loginNext input {
	width:30px !important;
	vertical-align:middle;
	float:left;
}

#loginPass {
	width: 180px;
}
li#loginTxt {
	position: absolute;
	top: 33px;
	right: 2px;
	float: none;
	padding-top: 0;
	margin:0;
}

ul#logoutWrap {
	width: 355px;
	height: 31px;
	position:absolute;
	top:28px;
	right:-4px;
}

ul#logoutWrap  li {
	float: left;
	list-style:none;
}




/*
 nav
-------------------------------------------------------------------*/
#navWrap {
	clear: both;
	position: relative;
	width: 950px;
	height: 55px;
	margin: 0 auto;
	background: url(../img/nav_bg.png) 0 46px no-repeat;
	text-align: left;
	z-index:4;
}
#nav {
	position: relative; /* 中の要素まで効果がかかってしまうのを回避 */
	margin: 0;
	padding: 0;
	height: 46px;
	list-style-type: none;
	background: url(../img/nav_o.gif) no-repeat;
}
#nav li {
	position: relative;
	float: left;
}
.pulldown ul {
	position: absolute;
	top: 46px;
	left: 0;
	z-index: 3;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 1px solid #e1e1e1;
	border-top: 0;
	display:none;
}
#nav .pulldown li {
	float: none;
	border-bottom: 1px solid #e1e1e1;
	width: 156px;
}
#nav .pulldown li a {
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	background: url(../img/nav_pull_bg.gif) repeat-x;
}
#nav .pulldown li a.twoline{
	height:42px;
	line-height:18px;
	background: url(../img/nav_pull_bg2.gif) repeat-x;
	padding-top:6px;
	
}
#nav .pulldown li a:hover,
#nav .pulldown li a.current {
	color: #fff;
	background: none;
}
#nav1 ul { background: #5AA467; }
#nav1 a { color: #5AA467; }
#nav2 ul { background: #f60; }
#nav2 a { color: #f60; }
#nav3 ul { background: #f00; }
#nav3 a { color: #f00; }
#nav4 ul { background: #3399FF; }
#nav4 a { color: #3399FF; }
#nav .nav_lpname  {
font-size: 11px;
}


/*
 mainWrap
-------------------------------------------------------------------*/
#mainWrap {
margin: 7px auto 0;
padding-top: 8px;
width: 966px;
background: url(../img/main_bg1.gif) no-repeat;
text-align: left;
}
#main {
	padding: 10px 31px;
	background: url(../img/main_bg2.png) repeat-y;
}
#pNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-top: 2px;
	padding-bottom: 11px;
	border-bottom: 1px solid #DBDBDB;
	line-height: 1;

}
#pNav li {
	float: left;
	color: #333;
	padding-right: 4px;
}
#pNav a {
	color: #333;
	text-decoration: none;
}
#pNav a:hover {
	text-decoration: underline;
}
#ttlWrap,
.ttlWrap {
	margin: 23px 0 20px;
	padding: 0 2px 14px;
	background: url(../img/ttl_bg.gif) 0 bottom no-repeat;
}
#ttl,
.ttlWrap h2 {
	border-left: 5px solid #27968D;
	margin: 0;
	padding: 4px 0 4px 13px;
	color: #27968D;
	line-height: 1;
	font-size: 17px;
}
/*
 footer
-------------------------------------------------------------------*/
#fNavWrap {
	width: 100%;
	min-height: 49px;
	background: #9d9691;
}
#fNav {
	position: relative;
	width: 960px;
	margin: 0 auto;
	font-size: 11px;
}
#fNav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#fNav li {
    display:inline;
	float: left;
	padding: 8px 23px 0 23px;
	background: url(../img/line.gif) 0 center no-repeat;
	/*display:block;*/
}
#fNav .end {
	padding-right:0;
}
#fNav .first {
    padding-left:0;
	background: none;
}
#fNav .first2 {
	padding: 0 23px 5px 23px;
	background: none;
}
#fNav .img {
	padding: 0 18px 5px 10px;
}
#fNav .end2 {
	padding: 0 23px 5px 23px;
	padding-right:0;
}
#fNav a {
	color: #fff;
	text-decoration: none;
}
#fNav a:hover {
	text-decoration: underline;
}
#fNav1 {

}
#fNav2 {

}


#footerWrap {
	background: #a49c97;
	text-align: left;
	color: #fff;
}
#footer {
	position: relative;
	width: 930px;
	height: 125px;
	margin: 0 auto;
}
#fLogo {
	margin: 0;
	padding: 13px 0 73px;
}
#fAccess {
	position: absolute;
	top: 10px;
	right: 360px;
	margin: 0;
	padding:5px 10px;
	text-align:center;
	border:3px double #C96;
}
#fAccess p#aName {
	font-size: 12px;
}
#fAccess p#aTel {
	font-size: 16px;
	font-weight:bold;
}
#fAccess p#aTime {
	font-size: 10px;
}
#copyright {
	position: absolute;
	top: 32px;
	right: 0;
	margin: 0;
	font-size: 10px;
}
p.marginspace{
	margin-bottom:73px;
}

/*
 home
-------------------------------------------------------------------*/
#msgArea {
	display: block;
	width: 100%;
	position: absolute;
	top: 90px;
}
#msgArea table {
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	border: 1px #1C79C6 solid;
}
#msgArea p {
	color:#f00;
}
#homeClip {
	width: 100%;
	position: absolute;
	top: 40px;
	left: 0;
}
#homeClip span {
	display: block;
	margin: 0 auto;
	width: 966px;
	height: 141px;
	background: url(../img/home/visual_clip.png) 765px 93px no-repeat;
}

#homeClip span {
	display: block;

}
/* visualWrap */
#visualWrap {
	margin: 0 auto 8px;
	padding-top: 8px;
	width: 966px;
	background: url(../img/main_bg1.gif) no-repeat;
	text-align: left;
}
#visual {
	padding-bottom: 8px;
	background: url(../img/home/visual_bg.gif) 0 bottom no-repeat;
}
#visualInner {
	height: 376px;
	padding: 0 28px;
	background: url(../img/main_bg2.png) repeat-y;
}
#visualInner2 {
	height: 198px;
	padding: 0 28px;
	background: url(../img/main_bg2.png) repeat-y;
}
#visualInner2_sp {
	height: 336px;
	padding: 0 28px;
	background: url(../img/main_bg2.png) repeat-y;
}
#visual .cont {
	padding-top: 9px;
}
#visualImg {
	float: left;
}
#visualImg #target {
	height: 347px;
	margin-bottom: 4px;
	overflow: hidden;
}
#visualImg #trigger li {
	float: left;
	margin-right: 2px;
	overflow: hidden;
}
#visualImg #trigger a {
	display: block;
	width: 12px;
	height: 12px;
	background:url(../img/home/visual_nav.gif) -12px 0;	
}
#visualImg #trigger .on,
#visualImg #trigger a:hover {
	background-position: 0;
}
/*#visual h1 {
	float: right;
}*/
.imgarea{
	float: right;
}
/* main */
.home #mainWrap {
	margin: 0;
	padding: 0;
	width: 100%;
	background: url(../img/home/mainwrap_bg.jpg) center 0 no-repeat;
	text-align: left;
	font-size: 11px;
}
.home #main {
position: relative;
margin: 0 auto;
padding: 0;
width: 964px;
height: 970px;
background-image: url(../img/home/home_bg_top.png),url(../img/main_bg2.png);
background-repeat:no-repeat,repeat-y;
background-position:top,100%;
background:url(../img/main_bg2.png) repeat-y\9;
}

#homeMain1 {
position: absolute;
top: 67px;
left: 0px;
}
#homeMain2 {
position: absolute;
top: 30px;
left: 27px;
width: 904px;
}
#homeMain2 ul {
margin: 15px 0 0 10px;
}

#homeMain2 ul li {
float: left;
height: 150px;
width: 218px;
margin: 0px;
padding: 0px 3px 0px 1px;
}

#homeSubBox {
position: absolute;
top: 138px;
left: 30px;
}
#homeSubBox .more {
	position: absolute;
	top: 126px;
	right: 0;
}


#homeSub1 {
position: absolute;
top: 100px;
left: 307px;
width: 565px;
}
#homeSub1 h3 {
	margin: 0 0 20px 4px;
}
#homeSub1 .more {
top: 9px;
position: absolute;
left: 490px;
}

#homeIconBox {
	position: relative;
	width: 565px;
	height: 108px;
}
#homeIconBox #navL {
	float: left;
	padding-top: 28px;
}
#homeIconBox #navR {
	float: right;
	padding-top: 28px;
}
#homeIconBox #iconsWrap{
	float: left;
	width: 500px;
	height:108px;
	overflow:hidden;
}
#homeIconBox #iconsWrap{zoom:1}
#homeIconBox #iconsWrap:after{content:"";display:block;clear:both;}
#homeIconBox ul {
	height:108px;
	width:1000px;
	line-height:0;
	display:block;
}
#homeIconBox #iconsWrap #icons a{
	text-decoration: none;
}
#homeIconBox ul {zoom:1}
#homeIconBox ul :after{content:"";display:block;clear:both;}
#homeIconBox li img {
	margin-bottom: 2px;
}
#homeIconBox ul li {
	float: left;
	display:block;
	margin-top:10px;
	width: 100px;
	height:108px;
	line-height: 1.2;
	text-align: center;
}

#homeSub2 {
position: absolute;
top: 120px;
left: -3px;
}

#homeSub2 h3 {
	margin: 0 0 18px 5px;
}
#homeSub2 .more {
	top: 1px;
}
#homeSub2 li {
	margin-bottom: 4px;
}
#homeSub2 li a {
	display: block;
	line-height: 16px;
	padding-left: 34px;
	background: url(../img/home/main_sub2_icon.gif) no-repeat;
	font-size:10px;
}
*:first-child+html #homeSub2 li a {
	line-height: 12px !important;
}
#homeSub3 {
position: absolute;
top: 170px;
left: 476px;
width: 410px;
}
#homeSub3 .scroll,
#homeSub2 .scroll{
width: 410px;
height: 102px;
	
}
#homeSub3 h3 {
	margin-bottom: 19px;
}
#homeSub3 li a {
	display: block;
	padding: 5px 0 5px 14px;
	line-height: 16px;
	background: url(../img/home/main_sub3_icon.gif) 0 8px no-repeat;
	font-size:10px;
}
*:first-child+html #homeSub3 li a {
	background: url(../img/home/main_sub3_icon.gif) 0 10px no-repeat;
}
#homeSub3 li a img {
	margin-left: 5px;
	vertical-align: middle;
}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}
#homeSubBox2 {
height: 284px;
width: 887px;
position: absolute;
left: 40px;
top: 509px;
}


.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 4px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #ccc;
	position: relative;
}

.jspDrag
{
	background: #797979;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}


/*
navi文字を修正*/

.t11{
	font-size:11px;
}

/*----
fromのエラー文字のサイズ ----*/

.f12{ font-size:16px;}


/*----
コミュニケーションペーパーバナー追加 ----*/
#homeSub4 {
position: absolute;
top: 480px;
left: 27px;
}

#homeSub4 h2 + a{
margin-right:10px;
}