@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: 100%;
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding-top: 25px;
	height: 200px;
}

#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{
	display: none;
}

#header #header-menu{
	display: none;
}

/* =mainImg
----------------------------------------------------------------------------------*/
.mainImg{
	display: none;
}


/* =bread
----------------------------------------------------------------------------------*/
#bread{
	display: none;
}

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

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

#content #alpha{
	width: 95%;
	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{
	display: none;
}

#content #alpha h2 a.pdfBtn{
	display: none;
}

#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{
	width: 580px;
	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 .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;
}


#content #beta{
	display: none;
}

.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;
}

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

#content #alpha #relatedLinks{
	display: none;
}


/* =footer
----------------------------------------------------------------------------------*/
#toTop{
	display: none;
}

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

#footer #footerLink{
	display: none;
}

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

#footer #footer-content .print{
	width: 150px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: left;
}

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

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