@charset "utf-8";

/*==============================================
 CSS INFO
 Description : common css
===============================================*/

/* reset
============================================== */
html,body,div,span,iframe,
p,h1,h2,h3,h4,h5,
dl,dt,dd,ul,ol,li,
fieldset,form,label,legend{
margin: 0;
padding: 0;
border: 0;}

img{
border: 0;
vertical-align: bottom;}

h1,h2,h3,h4,h5{
font-size: 100%;
font-weight: normal;}

ul,ol,li{
list-style: none;}

table{
border-collapse: collapse;
border-spacing: 0;
font-size: 100%;}

input,select,textarea{
vertical-align:middle;
font-size:100%;
font:inherit;}

/* link
============================================== */
a{
color: #008BC2;
text-decoration: none;}

a:visited{
color: #008BC2;
/*color: #76ADC3;*/
text-decoration: none;}

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

a:active{
color: #008BC2;
text-decoration: none;}

/* clrfix
============================================== */
.clrfix{
overflow: hidden;}

.clrfix:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;}

/*\*/
* html .clrfix{
height: 1em;
overflow: visible;}
/**/

/* body
============================================== */
body{
background: #E8F1F9 url("../img/bg.png") repeat-x left top;
font-family:"メイリオ", "ＭＳ Ｐゴシック", sans-serif;
font-size:13px;
line-height:1.6;
color: #333;
text-align: center;}


/* header
============================================== */
#Header{
width: 980px;
height: 75px;
margin: 0 auto;
background: url("../img/bg_header.png") no-repeat 340px center;}

#Header h1{
text-align: right;
color: #CCC;
font-weight: normal;
font-size: 10px;
padding-top: 5px;}

.logo{
width: auto;
float: left;}

.headerIn{
width:500px;
float:right;
text-align: right;}

.headerIn ul{
margin-bottom: 5px;}

.headerIn li{
padding-left: 8px;
display: inline;}

.search{float: right;}

.search input{border: 0;}

.search input.SrchTxt{
height: 22px;
width:110px;
display: block;
float: left;
background: url("../img/bg_search.png") no-repeat left center;
font-size: 12px;}

.search input.SrchBtn{
width:28px;
height: 22px;
display: block;
float: left;
background: url("../img/btn_search.png") no-repeat left center;
cursor: pointer;}


/* main image
============================================== */
#MainImg{
background: url("../img/index/bg_mainimg.png") repeat-x left top;}

/* Menu
============================================== */
#Menu{
height: 57px;
background: url("../img/bg_menu.png") repeat-x left top;}

#Menu ul{
width: 980px;
margin: 0 auto;}

#Menu li{
width: auto;
float: left;}

/* pagenavi
============================================== */
#pageNavi{
width:980px;
margin: 0 auto;
padding: 5px 0 0;
text-align: left;}

#pageNavi ol,#pageNavi li{
font-size: 10px;
color: #999;}

#pageNavi li{
background: url("../img/pagenavi_arrow.png") no-repeat left center;
padding-left: 10px;
padding-right: 4px;
display: inline;}

#pageNavi li:first-child{
background: none;
padding-left: 0;}

/* container
============================================== */
#container{
clear:both;
width: 980px;
margin: 0 auto;
padding-top: 10px;
text-align: left;}

.contHead{
overflow: hidden;
border-bottom: 1px dashed #CCC;}

.contHead:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;}

/*\*/
* html .contHead{
height: 1em;
overflow: visible;}
/**/

.contHead h2,.contHead h3,.contHead h4{
float: left;}

#IndService,#IndProject,#IndTopics{
background: #FFF url("../img/ttl_head.png") no-repeat left top;}

#IndProject{
width:640px;
height: 389px;
position: relative;
float: left;}

#IndTopics{
width:310px;
height: 389px;
position: relative;
float:right;}

.indSvsHead,.indPjtcHead,.indTpcsHead{
padding: 10px 30px 3px;}

.indSvsHead h2,.indSvsHead p,.indPjtcHead h3,.indPjtcHead p{
float: left;}

div.indPjtcHead p{
width: 300px;
line-height: 1.4;}

/* service--------------------- */
.indSvsHead h2{margin: 15px 0;}

.indSvsHead p{
line-height: 31px;
margin: 15px 0 15px 30px;}

#IndService{
margin-top: 20px;
padding-bottom: 10px;
margin-bottom: 30px;}

.indSrvsList{padding: 0 30px;}

.indSrvsList li{
margin: 0 0 13px 17px;
float: left;}

.indSrvsList li.pdgN{margin-left: 0;}

/* project--------------------- */
.indPjtcHead h3{margin: 15px 0;}

.indPjtcHead p{
line-height: 31px;
padding-top: 3px;
margin: 15px 0 15px 15px;
font-size: 12px;}

.indPjctList{
padding: 0 30px 0;
margin-top: -5px;}

.indPjctList li img{
float: left;}

.indPjctList li{
margin: 4px 5px 4px 0;
width: 280px;
height: 58px;
float: left;}

.indPjImg img{
border: 3px solid #D7E1E2;
margin-right: 5px;}

.indPjctList li div{
display: table-cell;
vertical-align: middle;}

.indPjImg{width: 60px;}

.indPjName{width:215px;}

/* IE 6 */
* html .indPjctList li div{
display: inline;
zoom:1;}

/* IE 7 */
*:first-child+html .indPjctList li div{
display: inline;
zoom:1;}

/* topics--------------------- */
.indTpcsHead h3{margin: 15px 0;}

.indTpcsList{padding:0 30px 9px 30px;}

.indTpcsList li{
background: url("../img/dotted.png") repeat-x left bottom;
padding-bottom: 12px;
margin-bottom: 12px;}

.indTpcsList li a.tpLstTtl{
display: block;
margin: 5px 0 0;
padding-left: 13px;
background: url("../img/arrow.png") no-repeat left center;}

.indTpcsList span.tpCate{
padding: 0 3px;
font-size: 10px;
background-color:#D8E1E2;}

.indTpcsList span.tpCate a{
background: none;}

.indTpcsList span{padding-right:10px;}

.linkList{
position: absolute;
bottom: 20px;
right: 30px;
clear: both;}

/* pagetop
============================================== */
#pagetop{
width: 980px;
clear:both;
text-align: right;
margin: 15px auto;}

#pagetop p{padding: 30px 0 3px;}
.pagetop{
padding: 15px 30px 10px;
text-align: right;}


/* footer
============================================== */
#footer{background: #0C4580 url("../img/bg_footer.png") repeat-x left top;}

.footerIn{
width:980px; /* 980 */
margin: 0 auto;}

.footerIn ul{
padding: 0;
margin: 0;}

.footerIn li{
list-style: none;
display: inline;
padding: 0 15px;
line-height: 45px;
font-size: 12px;}

.footerIn li a{color: #FFF;}

.footerLogo{
font-size: 10px;
height: 150px;}

.footerLogo p{margin: 0;}

.ftLogo{
padding-top: 5px;/* 30⇒5 */
color:#8EA3AF;}

.ftLogo img{margin-bottom: 8px;}

.ftLogo a{
text-decoration: underline;
color:#8EA3AF;}

.copy{
padding-top: 20px;
color: #FFF;}

/* tadv-styles
============================================== */

.aligncenter,
dl.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
/*	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px 0;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
}

.mceIEcenter {
	text-align: center;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	-webkit-user-drag: none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}


/* Styles for the WordPress plugins */
img.mceWPnextpage,
img.mceWPmore {
	border: 0;
	border-top: 1px dotted #cccccc;
	display: block;
	width: 95%;
	height: 12px;
	margin: 15px auto 0;
}

img.mceWPmore {
	background: transparent url("img/more_bug.gif") no-repeat right top;
}

img.mceWPnextpage {
    background: transparent url("img/page_bug.gif") no-repeat right top;
}

img.wpGallery {
	border: 1px dashed #888;
	background: #f2f8ff url("img/gallery.png") no-repeat scroll center center;
	width: 99%;
	height: 250px;
}

img.wp-oembed {
	border: 1px dashed #888;
	background: #f7f5f2 url("img/embedded.png") no-repeat scroll center center;
	width: 300px;
	height: 250px;
}

.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {
border: 1px dashed #BBBBBB;}