/* テーブル枠線 */
table.t-color { border-collapse:collapse; border:1px solid #000066;}
td.t-color { border:1px solid #ababab;} 

#fplan {
	background: url(plan_img/free_back.jpg);	
}



/* =================================================== */
/* レイアウト */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #EDECE8;
}


#body {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 790px;

}

#header {
	padding: 0 15px;
	text-align: left;
	background: url(../cmn_img/header_bg.gif);	
	margin: 0;
}

#h-left {
	margin: 0;
	padding: 15px 0 0 0;
	text-align: left;
	width: 490px;
	float: left;
}

#h-right {
	margin: 0;
	padding: 15px 0 0 0;
	text-align: right;
	float: right;
}

#h-menu {
	margin: 0;
	padding: 10px 0 0 0;
}

#content {
	margin: 0;
	padding: 15px 0 0 0;
	text-align: left;
}

#breadcrumb {
	margin: 0 15px 15px 15px;
	padding: 6px 10px 5px 10px;
	text-align: left;
	background-color: #EFEFEF;
}

/*  ------------- header -------------  */


#top-left {
	margin:0;
	padding: 20px 0 15px 15px;
	text-align: left;
	width: 500px;
	background-color: #ffffff;
	float: left;
}

#top-right {
	margin:0;
	padding: 20px 15px 15px 0;
	text-align: left;
	width: 198px;
	background-color: #ffffff;
	float: right;
}

#description{
	margin:0;
	padding: 0;
	text-align: left;
	width: 320px;
	background-color: #ffffff;
	float: right;
	}

/*  ----------------------------------  */




#main {
	margin:0;
	padding: 0;
	text-align: left;
	width: 750px;
	background-color: #ffffff;
	float: left;
}

#menu {
	margin:0;
	padding: 0;
	text-align: left;
	width: 198px;
	background-color: #EBEBEB;
	float: right;
}

#footer {
	margin: 0;
	text-align: center;
	padding: 20px 15px 0 15px !important;
	padding: 20px 15px 0 15px;
}

/*  =============================================  */
/*  ------------- 共通スタイル -------------  */

/*  ------------- リンク -------------  */
a {
	color:#002C84;
	text-decoration:underline;
}

a:hover {
	color:#001234;
	text-decoration:underline;
}

a.navi {
	color:#000000;
	text-decoration:none;
}

a:hover.navi  {
	color:#444444;
	text-decoration:underline;
}

a.cate {
	color:#333333;
	text-decoration:none;
}

a:hover.cate  {
	color:#333333;
	text-decoration:underline;
	background:#ddddEB;
}

a.sub {
	color:#0066CC;
	text-decoration:none;
	background-image: url(../cmn_img/icon_link.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	margin-left: 5px;
}

a:hover.sub  {
	color:#0066CC;
	text-decoration:underline;
}



.aicon{
	padding: 0 15px 0 12px;
	background: url(../cmn_img/icon_link.gif) no-repeat  left center ;
}

/*  ------------- 初期設定 -------------  */
p {
	margin: 0;
	padding: 5px 10px 10px 10px;
}

div {
	margin: 0;
	padding: 0;
}

/*  ------------- 文字 -------------  */
h1 {
	font-size: 70%; 
	line-height: 115%;
	font-style:normal;
	font-weight:bold;
	margin: 0 0 2px 0;
	padding: 0px 0px 0px 0px;

	color:#000000;
}


div.main-title {
	margin: 0 0 3px 0;
	padding: 0;
	border-bottom: 1px solid #666699;
}

h2 {
	font-size:110%;
	line-height: 130%;
	margin: 0 0 3px 0;
	padding: 4px 5px;
}

h3 {
	font-size:130%;
	line-height: 100%;
	margin: 0 0 3px 0;
	padding: 4px 5px;
	color:#000000;
	border-left: 10px solid #666699;
	border-right: 10px solid #666699;
	border-bottom: 1px dotted #333333;
	border-top: 1px dotted #333333;
}

h4 {
	font-size:80%;
	line-height: 80%;
	margin: 0 0 0px 0;
	padding: 0px 0px;
}

h5 {
	font-size:100%;
	line-height: 100%;
	margin: 0 0 3px 0;
	padding: 4px 5px;
	color:#000000;
	border-left: 10px solid #666699;
	border-right: 10px solid #666699;
	border-bottom: 1px dotted #333333;
	border-top: 1px dotted #333333;
}


.under { text-decoration:underline; }
.fs01 { font-size:70%; line-height:115%; color:#000000; }
.fs01-N { font-size:70%; line-height:70%; color:#333333; }
.fs02 { font-size:80%; line-height:130%; color:#000000; }
.fs02-N { font-size:80%; line-height:100%; color:#333333; }
.fs02-R { font-size:80%; line-height:150%; color:#333333; }
.fs03 { font-size:95%; line-height:130%; color:#333333; }
.fs03-N { font-size:95%; line-height:95%; color:#333333; }
.fcblue { color:#0000ff; }
.fcwhite { color:#ffffff; }
.fcred { color:#cc0000; }


/*  ------------- rollover -------------  */
a.inquiry {
    display:block;
    width:141px;
    height:37px;
    text-indent:-100px;
    background-image:url(../cmn_img/btn_inquiry.gif);
	background-position:0px 0px;
    /* overflow:hidden; */
}

a.inquiry:hover {
	background-position:0px -37px;
}

span.view-none {
	display: none;
}



/*  ------------- menu -------------  */
#h-menu ul {
	margin:0;
	padding: 0;
    list-style: none;
	width:760px;
}
#h-menu li {
	margin:0;
	padding: 0;
    list-style: none;
    float: left;
}
#h-menu a{
    display: block;
   /* overflow: hidden; */
}

#h-menu a.ec {
	width: 235px;
	height: 32px;
	background-image:url(../cmn_img/menu_ec.gif);
    background-position:0px 0px;
}
#h-menu a:hover.ec {
	width: 235px;
	height: 32px;
	background-image:url(../cmn_img/menu_ec.gif);
    background-position:0px -32px;
}

#h-menu a.direct {
	width: 240px;
	height: 32px;
	background-image:url(../cmn_img/menu_direct.gif);
    background-position:0px 0px;
}
#h-menu a:hover.direct {
	width: 240px;
	height: 32px;
	background-image:url(../cmn_img/menu_direct.gif);
    background-position:0px -32px;
}

#h-menu a.casestudy {
	width: 95px;
	height: 32px;
	background-image:url(../cmn_img/menu_casestudy.gif);
    background-position:0px 0px;
}
#h-menu a:hover.casestudy {
	width: 95px;
	height: 32px;
	background-image:url(../cmn_img/menu_casestudy.gif);
    background-position:0px -32px;
}

#h-menu a.company {
	width: 95px;
	height: 32px;
	background-image:url(../cmn_img/menu_company.gif);
    background-position:0px 0px;
}
#h-menu a:hover.company {
	width: 95px;
	height: 32px;
	background-image:url(../cmn_img/menu_company.gif);
    background-position:0px -32px;
}

#h-menu a.career {
	width: 95px;
	height: 32px;
	background-image:url(../cmn_img/menu_career.gif);
    background-position:0px 0px;
}
#h-menu a:hover.career {
	width: 95px;
	height: 32px;
	background-image:url(../cmn_img/menu_career.gif);
    background-position:0px -32px;
}

/*  ------------- 個々の設定 -------------  */
.sub-navi {
	margin-top: 40px;
    /*ココからの値をMac IEは認識しない\*/
    margin-top: 10px;
    /*ココまでの値をMac IEは認識しない*/
}

/*  ------------- top -------------  */
.top-tit {
	margin: 0 5px;
	padding: 7px 5px;
	border-bottom: 2px solid #CCCCCC;
}
table.top-naviline {
	margin: 0;
	padding: 0;
	border-left: 1px solid #a7a7a7;
	border-right: 1px solid #a7a7a7;
	width: 372px;
	/*ココからの値をMac IEは認識しない\*/
    width: 376px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:374px;
	/*ココまでの値をMac IEは認識しない*/
}

td.top-naviL {
	margin: 0;
	padding: 5px 0 0 10px;
}

td.top-naviR {
	margin: 0;
	padding: 5px 10px 0 0;
}

.top-navimargin {
	margin: 0 0 3px 0;
	padding: 0 0 0 12px;
	text-indent: 0;
	background: url(../cmn_img/icon_link.gif) no-repeat 0 3px;
}

.top-navibottom {
	margin: 0;
	padding: 0;
	background: url(../cmn_img/tit_bottom.gif) no-repeat;
	width: 374px;
	height: 9px;
}

/*  ------------- content -------------  */
.con-bg {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 555px;
	background: url(../cmn_img/con_bg.gif) no-repeat;
}

.con-naviline {
	border-left: 1px solid #a7a7a7;
	border-right: 1px solid #a7a7a7;
}

.con-navimargin {
	margin: 0;
	padding: 0;
}

.con-navimargin ul {
	display: block;
	margin: 0;
	padding: 0 0 0 12px;
	list-style: none;
	border-left: 1px solid #a7a7a7;
	border-right: 1px solid #a7a7a7;
}

.con-navimargin li {
	margin: 0;
	padding: 0 15px 0 12px;
	background: url(../cmn_img/icon_link.gif) no-repeat;
	float: left;
}

.con-navibottom {
	background: url(../cmn_img/con_bottom.gif) no-repeat;
	width: 555px;
	height: 9px;

}

.service-list {
	margin: 0 18px 0 18px;
	padding: 15px 0 3px 0;
	border-bottom: 1px dotted #999999;
}

.service-navimargin {
	margin: 0 0 0 0;
	padding: 0 0 0 12px;
	text-indent: 0;
	background: url(../cmn_img/icon_link.gif) no-repeat 0 3px;
}

/*  ------------- menu -------------  */
.menu-headline {
	color: #ffffff;
	margin: 0;
	padding: 5px 5px 4px 5px;
	background: url(../cmn_img/menu_cate.gif) #666666 no-repeat;
}

.menu-cate {
	margin: 0;
	padding: 3px 5px;
	background-color: #F5F5F5;
}

.menu-list {
	margin: 0;
	padding: 4px 3px 3px 12px;
	text-indent: -12px;
	border-bottom: 1px dotted #333333;
}

.sub-cate {
	margin: 5px 0 0 0;
	padding: 0;
	border-bottom: 1px dotted #333333;
}

.sub-list {
	margin: 0;
	padding: 0 0 5px 20px;
}

ul.cate-margin {
	margin: 0;
	padding: 3px 5px;
	background-color: #F5F5F5;
	list-style: none;
}

li.cate-list {
	margin: 0;
	padding: 4px 2px 4px 12px;
	text-indent: 0;
	border-bottom: 1px dotted #333333;
	background: url(../cmn_img/icon_menu.gif) no-repeat 0 5px;
}

ul.scate-margin {
	margin: 0;
	background-color: #F5F5F5;
	list-style: none;
	border-bottom: 1px dotted #333333 !important;
	border-bottom: 1px solid #E1E1EB;
	padding: 0 0 2px 22px !important;
	padding: 2px 0 0 10px;
}

li.scate-list {
	margin: 0;
	padding: 2px 0 3px 0;
	text-indent: 0;
}

li.active-list {
	background-color: #E1E1EB;
	border-bottom: 1px solid #E1E1EB !important;
	border-bottom: 1px dotted #333333;
}

/*  ------------- table -------------  */
table.tab-round {
	margin: 0;
	padding: 0;
	border-top: 1px solid #CCCCCC;
}

td.headline {
	width: 160px;
	margin: 0;
	padding: 7px 10px;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #EFEFEF;
}

td.detail {
	margin: 0;
	padding: 7px 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F9F9F9;
}

/*  ------------- footer -------------  */
.footer-navi {
	padding: 6px 0;
	background-color: #FFFFFF;
}

.footer-copy {
	padding: 10px 0 20px 0;
	font-family: 'verdana';
}