@charset "UTF-8";

/* =general
----------------------------------------------------------------------------------*/
html {
	overflow-y: scroll;
}

body {
	color: #333;
	font-family :  'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	line-height: 1.6;
	background-color: #fff;
	text-align: center;
	font-size: 84%;
}

a { 
	color: #0A3660;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #FF6600;
}

a.reference { 
	color: #66A3E0;
	text-decoration: underline;
}

a.reference:hover {
	text-decoration: none;
	color: #33cc00;
}
.gray { color: #999;}
.none { display: none; }
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.small { font-size: 77%; }
.clear {
	clear: both;
	line-height: 0;
}

span.replace {
	position: absolute;
	left: -9999px;
	font-size: 0;
}

a.rollOver{ 
	display: block;
	background: left top no-repeat;
	cursor:pointer;
}

a.rollOver:hover { background-position: left bottom !important; }

li.here a.rollOver{ 
	background-position: left bottom !important;
}

.section,
.box,
.sectionContent,
#content,
#content-inner,
.list,
.contentsBox,
#footer,
.contentsContainer,
.singleContents,
ul,
#information{
    zoom: 1;
}
.section:after,
.box:after,
.sectionContent:after,
#content:after,
#content-inner:after,
.list:after,
.contentsBox:after,
#footer:after,
.contentsContainer:after,
.singleContents:after,
ul:after,
#information:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

/* =header
----------------------------------------------------------------------------------*/
#header{
	width: 845px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding-top: 25px;
}

#header h1{
	width: 155px;
	height: 35px;
	padding-bottom: 10px;
}

#header h1 a{
	display: block;
	width: 155px;
	height: 35px;
	background: url(/img/head/logo.gif) no-repeat;
}

#header #navi{
	position: absolute;
	right: 0px;
	top: 25px;
	width: 341px;
}

#header #navi #projectBtn{
	display: block;
	width: 150px;
	height: 26px;
	background: url(/img/head/project.gif) no-repeat;
	float: left;
	padding-right: 1px;
}

#header #navi #sitemapBtn{
	display: block;
	width: 83px;
	height: 26px;
	background: url(/img/head/sitemap.gif) no-repeat;
	float: left;
	padding-right: 1px;
}

#header #navi #seminarBtn{
	display: block;
	width: 106px;
	height: 26px;
	background: url(/img/head/seminar.gif) no-repeat;
	float: left;
}

#header #header-menu{
	height: 30px;
	widht: 845px;
}

#header #header-menu li{
	float: left;
}

#header #header-menu li a{
	display:block;
	height: 30px;
}

#header #header-menu li.top a{
	width: 61px;
	background: url(/img/head/top.jpg) no-repeat;
}

#header #header-menu li.company a{
	width: 96px;
	background: url(/img/head/company.jpg) no-repeat;
}

#header #header-menu li.team a{
	width: 172px;
	background: url(/img/head/team.jpg) no-repeat;
}

#header #header-menu li.service a{
	width: 182px;
	background: url(/img/head/service.jpg) no-repeat;
}

#header #header-menu li.column a{
	width: 131px;
	background: url(/img/head/column.jpg) no-repeat;
}

#header #header-menu li.recruit a{
	width: 92px;
	background: url(/img/head/recruit.jpg) no-repeat;
}

#header #header-menu li.contact a{
	width: 111px;
	background: url(/img/head/contact.jpg) no-repeat;
}

/* =mainImg
----------------------------------------------------------------------------------*/
.mainImg{
	width: 845px;
	margin: 0 auto;
	position: relative;
}

.mainImg a{
	display: block;
	width: 131px;
	height: 40px;
	position: absolute;
	
}

.mainImg .seviceList{
	height: 0px;
	overflow: hidden;
}

a:focus{
outline:none;
} 

.mainImg a.s01{
	background: url(/img/s01.jpg) no-repeat;
	top: 60px;
	left: 432px;
}

.mainImg a.s02{
	background: url(/img/s02.jpg) no-repeat;
	top: 105px;
	left: 432px;
}

.mainImg a.s03{
	background: url(/img/s03.jpg) no-repeat;
	top: 150px;
	left: 432px;
}

.mainImg a.s04{
	background: url(/img/s04.jpg) no-repeat;
	top: 60px;
	left: 568px;
}

.mainImg a.s05{
	background: url(/img/s05.jpg) no-repeat;
	top: 105px;
	left: 568px;
}

.mainImg a.s06{
	background: url(/img/s06.jpg) no-repeat;
	top: 150px;
	left: 568px;
}

.mainImg a.s07{
	background: url(/img/s07.jpg) no-repeat;
	top: 60px;
	left: 704px;
}

.mainImg a.s08{
	background: url(/img/s08.jpg) no-repeat;
	top: 105px;
	left: 704px;
}

.mainImg a.s09{
	background: url(/img/s09.jpg) no-repeat;
	top: 150px;
	left: 704px;
}


/* =bread
----------------------------------------------------------------------------------*/
#bread{
	padding: 3px 0;
	width: 845px;
	text-align: right;
	margin: 0 auto;
}

#bread ul li{
	display: inline;
	float: rihgt;
}

/* =content
----------------------------------------------------------------------------------*/

#content{
	width: 845px;
	margin: 0 auto;
	text-align: left;
	padding-top: 15px;
}

#content #alpha{
	width: 580px;
	float: left;
}

#content #alpha.oneColumn{
	width: 845px;
}

#content #alpha.oneColumn h2{
	padding-bottom: 20px;
}

#content #alpha h2 {
	padding-bottom: 20px;
	position:relative;
}

#content #alpha h2 a.more{
	height: 20px;
	width: 72px;
	background: url(/img/moreGray.jpg) top left no-repeat;
	position: absolute;
	top: 5px;
	right: 7px;
}

#content #alpha h2 a.printBtn{
	height: 23px;
	width: 80px;
	background: url(/img/common/printBtn.gif) top left no-repeat;
	position: absolute;
	top: 5px;
	right: 0px;
}

#content #alpha h2 a.pdfBtn{
	height: 23px;
	width: 90px;
	background: url(/img/common/pdfBtn.gif) top left no-repeat;
	position: absolute;
	top: 5px;
	right: 90px;
}

#content #alpha .asset-body h5{
	font-size: 112%;
	color: #5F83AB;
	font-weight: bold;
	padding-left: 15px;
	padding-bottom: 5px;
}

#content #alpha .box{
	padding-bottom: 25px;
}

#content #alpha .box h3{
	background: url(/img/common/h3_bg.gif) left bottom no-repeat;
	padding-left: 17px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 117%;
	font-weight: bold;
	margin-bottom: 20px;
	color:#0A3660;
}

#content #alpha .box h4{
	font-size: 112%;
	color: #5F83AB;
	font-weight: bold;
	padding-left: 15px;
	padding-bottom: 5px;
}

#content #alpha ul.linkArrow{
	padding-left: 17px;
}

#content #alpha ul.linkArrow li{
	background: url(/img/common/linkArrow.gif) left 0.25em no-repeat;
	padding-left: 15px;
	padding-bottom: 7px;
}

#content #alpha ul.borderList{
	padding-left: 17px;
}

#content #alpha ul.borderList li{
	background: url(/img/common/listSquare.gif) left 0.25em no-repeat;
	padding-left: 15px;
}

#content #alpha ul.teamMember{
	padding-left: 15px;
}

#content #alpha ul.teamMember li{
	padding-right: 20px;
	padding-bottom: 20px;
	width: 120px;
	float: left;
}

#content #alpha ul.teamMember li span.small{
	padding-top: 7px;
	display: block;
}

#content #alpha ul.teamMember li a{
	display: block;
	text-decoration: none;
	cursor:pointer;
}

#content #alpha #memberProfile .clearfix{
	border-bottom: 1px dotted #e6e6e6;
}

#content #alpha #memberProfile{
	padding-bottom: 20px;
	padding-left: 15px;
}

#content #alpha #memberProfile .profileImage{
	widht: 120px;
	float: left;
	padding-bottom: 20px;
}

#content #alpha #memberProfile .profile{
	width: 440px;
	float: right;
}

#content #alpha #memberProfile .profile .profileText{
	font-size: 84%;
}



div.entry-content{
	padding-left:15px;
}

#content #alpha table.campany{
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
}

#content #alpha table.campany th{
	background-color: #f5f5f5;
	width: 150px;
}

#content #alpha table.campany td,
#content #alpha table.campany th{
	border-top: 1px solid #e6e6e6;
	padding: 4px 8px;
	text-align: left;
	font-weight: normal;
	vertical-align:text-top;
}

#content #alpha table.seminarData{
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
}

#content #alpha table.seminarData th{
	background-color: #f5f5f5;
	width: 100px;
}

#content #alpha table.seminarData td,
#content #alpha table.seminarData th{
	border-top: 1px solid #e6e6e6;
	padding: 4px 8px;
	text-align: left;
	font-weight: normal;
	vertical-align:text-top;
}

#content #alpha .bodyText{
	padding-left: 15px;
}

#content #alpha .step1{
	background: url(/img/projectflow/step1_bg.gif) bottom left repeat-y;
}

#content #alpha .step1 h3{
	background: url(/img/projectflow/step1_h3.gif) bottom left no-repeat;
	padding-left: 63px;
}

#content #alpha .step2,
#content #alpha .step3{
	background: url(/img/projectflow/step2_bg.gif) left 1em repeat-y;
}

#content #alpha .step2 h3{
	background: url(/img/projectflow/step2_h3.gif) bottom left no-repeat;
	padding-left: 63px;
}

#content #alpha .step3 h3{
	background: url(/img/projectflow/step3_h3.gif) bottom left no-repeat;
	padding-left: 63px;
}

#content #alpha .step4 h3{
	background: url(/img/projectflow/step4_h3.gif) bottom left no-repeat;
	padding-left: 63px;
}

#content #alpha .step4{
}

#content #alpha .stepText{
	padding-left: 48px;
	padding-bottom: 10px;
}

#content #alpha .step1 .stepText{
	background: url(/img/projectflow/step1_arrow.gif) bottom left no-repeat;
}

#content #alpha .step2 .stepText,
#content #alpha .step3 .stepText{
	background: url(/img/projectflow/step2_arrow.gif) bottom left no-repeat;
}

/* =projectFlow
----------------------------------------------------------------------------------*/

#content #alpha .projectFlow .step1 h3{
	background: url(/img/projectflow/step1_flow_h3.gif) bottom left no-repeat;
	padding-left: 40px;
}

#content #alpha .projectFlow .step1,
#content #alpha .projectFlow .step2,
#content #alpha .projectFlow .step3{
	background: url(/img/projectflow/step_flow_bg.gif) left 1em repeat-y;
}

#content #alpha .projectFlow .step4,
#content #alpha .projectFlow .step5{
	background: url(/img/projectflow/step_flow_bg2.gif) left 1em repeat-y;
}

#content #alpha .projectFlow .step2 h3{
	background: url(/img/projectflow/step2_flow_h3.gif) bottom left no-repeat;
	padding-left: 40px;
}

#content #alpha .projectFlow .step3 h3{
	background: url(/img/projectflow/step3_flow_h3.gif) bottom left no-repeat;
	padding-left: 40px;
}

#content #alpha .projectFlow .step4 h3{
	background: url(/img/projectflow/step4_flow_h3.gif) bottom left no-repeat;
	padding-left: 40px;
	color: #F19523;
}

#content #alpha .projectFlow .step5 h3{
	background: url(/img/projectflow/step5_flow_h3.gif) bottom left no-repeat;
	padding-left: 40px;
	color: #F19523;
}

#content #alpha .projectFlow div.right{
	padding-top: 7px;
	border-top: 2px dotted #e6e6e6;
}

#content #alpha .projectFlow .stepText{
	padding-left: 25px;
	padding-bottom: 10px;
}

#content #alpha .projectFlow .step1 .stepText,
#content #alpha .projectFlow .step2 .stepText,
#content #alpha .projectFlow .step3 .stepText{
	background: url(/img/projectflow/step_flow_arrow.gif) bottom left no-repeat;
}

#content #alpha .projectFlow .step4 .stepText,
#content #alpha .projectFlow .step5 .stepText{
	background: url(/img/projectflow/step_flow_arrow2.gif) bottom left no-repeat;
}


/* =side
----------------------------------------------------------------------------------*/

#content #beta{
	width: 216px;
	float: right;
}

#content #beta #beta-inner,
#content #beta #beta-inner2{
	width: 216px;
	border: 1px solid #B6B6B6;
	margin-bottom: 20px;
}

#content #beta ul.subMenu{
	padding: 9px 9px 16px;
}

#content #beta h4{
	padding: 8px 17px;
	background-color:#e9e9e9;
}

#content #beta ul.subMenu li{
	padding: 8px 8px 9px;
	background: url(/img/dotLine.gif) center bottom no-repeat;
}

#content #beta ul.subMenu.linkArrow{
	padding: 9px 9px 20px;
}

#content #beta ul.subMenu.linkArrow li{
	background: url(/img/common/linkArrow.gif) left 0.75em no-repeat;
	padding: 6px 8px 7px 12px;
}

ul.linkSeminar{
	padding: 0px;
}

ul.linkSeminar li{
	background: url(/img/common/linkArrow.gif) left 0.75em no-repeat;
	padding: 6px 8px 7px 12px;
}

#content #beta ul.subMenu li.here a{
	color: orange;
}

#content #beta h3{
	border-bottom: 1px solid #B6B6B6;
}

#content #beta .sideMore{
	position: absolute;
	bottom: 0px;
	display:block;
	height: 18px;
	width: 216px;
	background: url(/img/sideMore.jpg) top left no-repeat;
}

#content #beta .banner{
	padding-bottom: 15px;
}

#content #beta .banner a.simpleDiagnosis{
	width: 216px;
	height: 48px;
	background: url(/img/side/simpleDiagnosis.gif) top left no-repeat;
}

#content #beta .banner a.projectFlow{
	width: 216px;
	height: 48px;
	background: url(/img/side/projectFlow.gif) top left no-repeat;
}

#content #beta .banner a.team{
	width: 216px;
	height: 48px;
	background: url(/img/side/team.gif) top left no-repeat;
}

#content #beta .banner a.service{
	width: 216px;
	height: 48px;
	background: url(/img/side/service.gif) top left no-repeat;
}

.asset-body p{
	padding-left:15px;
	padding-bottom: 15px;
}

.asset-body ul{
	padding-left:15px;
	padding-bottom: 15px;
}

.asset-body h3{
}

/* =top
----------------------------------------------------------------------------------*/
.seminerInfo{
	width: 580px;
	background: url(/img/seminer_bg.jpg) top left repeat-y;
	margin-bottom: 20px;
}

.seminerInfo h3{
	height: 42px;
	width: 580px;
	background: url(/img/seminer_top.jpg) top left no-repeat;
	position: relative;
}

.seminerInfo h3 a.more{
	height: 20px;
	width: 69px;
	background: url(/img/moreOrange.jpg) top left no-repeat;
	position: absolute;
	top: 10px;
	right: 7px;
}

.seminerInfo .infoText{
	background: url(/img/seminer_end.jpg) bottom left no-repeat;
	padding: 10px 15px;
}

#content #alpha .box p{
	padding-bottom: 15px;
}

#content #alpha .box .seviceList{
	background: url(/img/serviseListBg.jpg) top left no-repeat;
	width: 580px;
	height: 180px;
	position: relative;
}

#content #alpha .box .seviceList a{
	display: block;
	width: 182px;
	height: 48px;
	position: absolute;
	
}

#content #alpha .box .seviceList a.s01{
	background: url(/img/l01.jpg) no-repeat;
	top:23px;
	left:7px;
}

#content #alpha .box .seviceList a.s02{
	background: url(/img/l02.jpg) no-repeat;
	top: 75px;
	left:7px;
}

#content #alpha .box .seviceList a.s03{
	background: url(/img/l03.jpg) no-repeat;
	top: 127px;
	left:7px;
}

#content #alpha .box .seviceList a.s04{
	background: url(/img/l04.jpg) no-repeat;
	top: 23px;
	left: 199px;
}

#content #alpha .box .seviceList a.s05{
	background: url(/img/l05.jpg) no-repeat;
	top: 75px;
	left: 199px;
}

#content #alpha .box .seviceList a.s06{
	background: url(/img/l06.jpg) no-repeat;
	top: 127px;
	left: 199px;
}

#content #alpha .box .seviceList a.s07{
	background: url(/img/l07.jpg) no-repeat;
	top: 23px;
	left: 392px;
}

#content #alpha .box .seviceList a.s08{
	background: url(/img/l08.jpg) no-repeat;
	top: 75px;
	left: 392px;
}

#content #alpha .box .seviceList a.s09{
	background: url(/img/l09.jpg) no-repeat;
	top: 127px;
	left: 392px;
}

#content #alpha p.back{
	padding-top: 10px;
}

#content #alpha p.back a{
	padding-left: 15px;
	background: url(/img/common/linkArrow.gif) no-repeat left 0.25em;
}

#content #alpha-inner .privacy{
	padding-left: 15px;
}

#content #alpha-inner #sitemapList{
	padding-left: 15px;
}

#content #alpha-inner #sitemapList .module{
	width: 400px;
	float: left;
}

#content #alpha-inner #sitemapList h4{
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

#content #alpha-inner #sitemapList h4.headline a{
	text-decoration:none;
}

#content #alpha-inner #sitemapList ul{
	padding-bottom: 5px;
}

#content #alpha-inner .privacy p{
	padding-bottom: 20px;
}


#content #alpha-inner .privacy ol{
	list-style-type:decimal;
	padding-left: 22px;
}

#content #alpha-inner .privacy ol li{
	padding-bottom: 20px;
}

#content #alpha-inner .privacy ol li p{
	padding-bottom: 5px;
}

#content #alpha a.buy{
	width: 115px;
	height: 27px;
	background: url(/img/common/buy.jpg) top left no-repeat;
}

#content #alpha a.contactBtn{
	width: 216px;
	height: 45px;
	background: url(/img/contact/contactBtn.jpg) top left no-repeat;
	margin: 10px auto 0;
}

/* =contact
----------------------------------------------------------------------------------*/

#form_content{
	padding-left: 15px;
}

.form_mid{
	width: 530px;
	padding: 15px;
	background-color: #f5f5f5;
	border: 1px solid #e6e6e6;
}

.form_mid td{
	padding-bottom: 7px;
}

.form_mid td.form1{
	width: 180px;
}

.form_mid td.form2{
	width: 350px;
}

.red_s{
	color: red;
}

.must{
	color: red;
}

input[type="text"], textarea {
	width:340px;
}

/* =seminer
----------------------------------------------------------------------------------*/

input.mailformInputBtn{
	background:#CCCCCC url(/img/common/formBtn_a.jpg) no-repeat scroll left top;
	border:medium none;
	cursor:pointer;
	display:block;
	font-size:0;
	height:32px;
	margin-top:10px;
	overflow:hidden;
	text-indent:-9999px;
	width:130px;
}

input.mailformInputBtn:hover{
	background:#CCCCCC url(/img/common/formBtn_a.jpg) no-repeat scroll left bottom;
}

input.mailconfirmBtn{
	background:#CCCCCC url(/img/common/completeBtn.jpg) no-repeat scroll left top;
	border:medium none;
	cursor:pointer;
	display:block;
	font-size:0;
	height:32px;
	margin-top:10px;
	overflow:hidden;
	text-indent:-9999px;
	width:130px;
	float:left;
}

input.mailconfirmBtn:hover{
	background:#CCCCCC url(/img/common/completeBtn.jpg) no-repeat scroll left bottom;
}

a.back{
	background:#CCCCCC url(/img/common/backBtn.jpg) no-repeat scroll left top;
	cursor:pointer;
	display:block;
	font-size:0;
	height:32px;
	margin-top:10px;
	overflow:hidden;
	text-indent:-9999px;
	width:130px;
	float:left;
}

a.back:hover{
	background:#CCCCCC url(/img/common/backBtn.jpg) no-repeat scroll left bottom;
}



#content #alpha table.dataTable{
	width: 565px;
	border-bottom: 1px solid #e6e6e6;
	margin-left: 15px;
	margin-bottom: 20px;
}

#content #alpha table.dataTable th{
	background-color: #f5f5f5;
	width: 150px;
}

#content #alpha table.dataTable td,
#content #alpha table.dataTable th{
	border-top: 1px solid #e6e6e6;
	padding: 4px 8px;
	text-align: left;
	font-weight: normal;
	vertical-align:top;
}

.red{
	color: red;
}


/* =relatedLinks
----------------------------------------------------------------------------------*/

#content #alpha #relatedLinks{
	background: url(/img/common/linkage_middle.gif) top left repeat-y;
}

#content #alpha #relatedLinks h3{
	background: url(/img/common/linkage_top.gif) top left no-repeat;
	height: 40px;
}

#content #alpha #relatedLinks ul{
	padding-bottom: 10px;
	background: url(/img/common/linkage_end.gif) bottom left no-repeat;
}

#content #alpha #relatedLinks ul{
	padding-left: 17px;
}

#content #alpha #relatedLinks ul li{
	background: url(/img/common/linkArrow.gif) left 0.25em no-repeat;
	padding-left: 15px;
}

/* =footer
----------------------------------------------------------------------------------*/
#toTop{
	width: 845px;
	height: 19px;
	margin: 0 auto;
	text-align: right;
	padding-top: 15px;
	position: relative;
	border-bottom: 1px solid #b6b6b6;
}

#toTop a{
	width: 88px;
	height: 19px;
	background: url(/img/common/pageTop.gif) no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
}

#footer{
	width: 845px;
	margin: 0 auto;
	text-align: left;
	padding-top:10px;
	padding-bottom:25px;
}

#footer #footerLink{
	width: 490px;
	float: left;
}

#footer #footerLink ul{
	float: left;
}

#footer #footerLink ul.listA{
	width: 110px;
	float: left;
}

#footer #footerLink ul.listB{
	width: 175px;
	float: left;
}

#footer #footerLink ul.listC{
	width: 195px;
	float: left;
}

#footer #footerLink ul li{
	padding: 2px 0;
}

#footer #footerLink a{
	color: #5f5f5f;
	text-decoration:none;
}

#footer #footerLink a:hover{
	color: #ccc;
}

#footer #footer-content{
	width: 350px;
	float: right;
	text-align: right;
}

#footer #footer-content .print{
	display: none;
}

/* =CLEAR FIX
----------------------------------------------------------------------------------*/

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}


/* =記事部分
----------------------------------------------------------------------------------*/
.bodyText.box ul li{
	list-style-position:inside;
	list-style-type:disc;
}

.bodyText.box ul.linkArrow li{
	list-style-position:outside;
	list-style-type:none;
}


.bodyText.box ol li{
	list-style-position:inside;
	list-style-type:decimal;
}

blockquote{
	padding-left: 15px;
}

em{
	font-style: italic;
}

#colum ul li{
	list-style-position:inside;
	list-style-type:disc;
}

#colum ul.linkArrow li{
	list-style-position:outside;
	list-style-type:none;
}


#colum ol li{
	list-style-position:inside;
	list-style-type:decimal;
}