@charset "UTF-8";

/*============================================================
//
//  目次---------------------
//  ・共通設定
//  ・MOVIE GATE 共通設定
//  ・INDEX：ホーム
//  ・SERVICE：サービス紹介
//  ・INTRODUCTION：導入事例
//  ・INFORMATION：会社案内
//
//==========================================================*/


/*======　共通設定　=====*/
html
{
	margin: 0;
	padding: 0;
}

body
{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	min-width: 950px;
}

 img, a img { border: 0; }

table
{
	margin: 0;
	padding: 0;
	clear: both;
}

p, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	}
ul{
	margin: 0;
	padding: 0;
	list-style:none;
}
.clr
{
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}



#page, 
#header,
#navi,
#main,
#footer {
	margin:0 auto;
	width:950px;
	text-align: left;
}

/*---トップのみで使用--*/
#main #main2 {
	margin:35px 0 0 0 ;
	width:630px;
	float: left;
}
#main #sub {
	margin:35px 0 0 0 ;
	width:300px;
	float: right;
}

/*---未使用--ここから
#main #main2 #menu {
	width:200px;
	float: left;
}

#main #main2 #content {
	width:515px;
	float: right;
}
ここまで---*/

.left{
	float:left;
}
.right{
	float:right;
}
.wrap {
	width:100%;
}




/*============================================================
//  MOVIE GATE 共通設定
//==========================================================*/

body{
	font-size:12px;
	color:#333;
	line-height: 140%;
	background-color: #fff;
}
#footer {
	border-top:1px solid #ccc;
}

#page {
	margin-bottom:15px;
}
a, 
a:visited{
	color:#006496;
	text-decoration:none;
}
a:hover{
	color:#006496;
	text-decoration:underline;
}
strong{
	color:#c60;
	font-weight: bold;
}


/*======　ヘッダ　=====*/
#header {
	height: 68px;
}
#header h1 {
	width: 280px;
	height: 68px;
	float:left;
}
#header #catch {
	margin: 0;
	padding-top: 30px;
	width: 320px;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	text-align: right;
	float:right;
}



/*======　ナビ　=====*/
#navi ul {
	margin: 0;
	padding: 0;
	width: 950px;
	height:45px;
}
#navi li {
	height: 45px;
	line-height: 45px;
	list-style: none;
	float:left;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	background-position: 0 0;
}
#navi li  a {
	height: 45px;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	background-position: 0 0;
/*\*/
   overflow: hidden;
/**/
}
#navi li  a:hover{
	height: 45px;
	display:block;
	text-decoration:none;
	background-position: 0 -50px;
	background-repeat : no-repeat ;
/*\*/
   overflow: hidden;
/**/
}

/*個別ナビ指定*/
#navi li.btn01, 
#navi li.btn01 a {
	width: 191px;
	background-image : url(../imgcommon/navi01.jpg) ;
}
#navi li.btn02, 
#navi li.btn02 a {
	width: 189px;
	background-image : url(../imgcommon/navi02.jpg) ;
}
#navi li.btn03, 
#navi li.btn03 a {
	width: 189px;
	background-image : url(../imgcommon/navi03.jpg) ;
}
#navi li.btn04, 
#navi li.btn04 a {
	width: 189px;
	background-image : url(../imgcommon/navi04.jpg) ;
}
#navi li.btn05, 
#navi li.btn05 a {
	width: 192px;
	background-image : url(../imgcommon/navi05.jpg) ;
}

/*ページセレクト時*/
.idx #navi li.btn01, 
.idx #navi li.btn01 a, 
.service #navi li.btn02, 
.service #navi li.btn02 a, 
.intro #navi li.btn03, 
.intro #navi li.btn03 a, 
.info #navi li.btn04, 
.info #navi li.btn04 a, 
.contactus #navi li.btn05, 
.contactus #navi li.btn05 a {
	background-position: 0 -50px;
}


/*======　フッタ　=====*/
#footer p.navi {
	margin:0 0 5px 0;
	font-size: 10px;
	font-weight: normal;
	line-height:40px;
	color: #4d4d4d;
	text-align:left;
	float: left;
}
#footer p.copyright {
	margin:0 0 5px 0;
	font-size: 10px;
	font-weight: normal;
	line-height:40px;
	color: #4d4d4d;
	text-align:right;
	float: right;
}



/*======　タイトル　=====*/
#page #title {
	margin: 35px 0 25px 0;
	padding: 0;
	width: 950px;
}
#page #title h2 {
	width: 950px;
	height: 25px;
}



/*======　ページトップへ　=====*/
#page .bk_top {
	margin: 40px auto;
	padding: 0;
	width: 950px;
	text-align: right;
}
#page .bk_top p{
	font-size: 10px;
	color: #003655;
	line-height:120%;
	text-indent: 12px;
	background : url(../imgcommon/arrow_top.gif) no-repeat 0 2px;
	float:right;
}



/*======　ページトップへ　=====*/
#main h3 {
	margin: 0 0 30px 0;
	padding: 0;
	width: 950px;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	line-height: 34px;
	text-align: left;
	text-indent: 33px;
	background : url(../imgcommon/stbg.jpg) no-repeat 0 0;
}
.lead {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 12px;
	color: #333333;
	line-height: 160%;
	text-align: left;
}
.txt {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 12px;
	color: #333333;
	line-height: 160%;
	text-align: left;
}
.dotline {
	margin: 15px 0;
	padding: 0;
	width: 950px;
	height: 21px;
	line-height: 21px;
	background : url(../imgcommon/dot.gif) no-repeat 0 0;
	border-style:none;
}

/*お問合せボタン*/
.btn_contact {
	margin: 35px auto;
	width: 450px;
	height: 50px;
	line-height: 50px;
	list-style: none;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	background-position: 0 0;
}
.btn_contact a {
	width: 450px;
	height: 50px;
	display:block;
	text-decoration:none;
	text-indent: -9999px;
	background-position: 0 0;
}
.btn_contact a:hover{
	width: 450px;
	height: 50px;
	display:block;
	text-decoration:none;
	background-position: 0 -50px;
	background-repeat : no-repeat ;
}
.btn_contact, 
.btn_contact a {
	background-image : url(../imgcommon/btn_cntct.jpg) ;
}





/*============================================================
//  INDEX：ホーム
//==========================================================*/

/*左右設定*/
.idx .swf {
	margin: 0 0 25px 0;
	padding: 0;
	width: 630px;
	height: 320px;
}
.idx #newsbox {
	margin: 0 0 30px 0;
	padding: 0;
	width: 630px;
}
.idx #subbox1, 
.idx #subbox2 {
	margin: 0 0 20px 0;
	padding: 0;
	width: 300px;
	background: url(../imgcommon/sub_bg.gif) no-repeat 0 35px;
	background-color: #faf9f7;
}

/*=============メイン=============*/
.idx h2.newsheader {
	margin: 0;
	padding: 0;
	width: 630px;
	height: 25px;
}

#newsbox .txtbox {
	margin: 0;
	padding: 0;
	width: 630px;
	background: url(../imgcommon/news_txt_bg.jpg) no-repeat 0 0;
	background-position: bottom;
	border-bottom: 1px solid #999;
}
#newsbox .txtboxinner {
	margin: 0 auto;
	padding: 14px 0;
	width: 600px;
}

#newsbox .txtboxinner .left {
	margin: 0;
	padding: 0;
	width: 32px;
	height: 36px;
	text-align:center;
	background: url(../imgcommon/news_date_bg.gif) no-repeat 0 0;
	float: left;
}
#newsbox .txtboxinner .right {
	margin: 0;
	padding: 0;
	width: 550px;
	float: right;
}

#newsbox .txtboxinner .left .day {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 19px;
	color: #00344e;
	text-align:center;
	letter-spacing:0.1em;
}
#newsbox .txtboxinner .left .month {
	margin: 0;
	padding: 0;
	font-size: 9px;
	font-weight: normal;
	line-height: 12px;
	color: #00344e;
	text-align:center;
}
#newsbox .txtboxinner .right p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color:#000;
	line-height: 140%;
}

/*=============サイド=============*/
.idx h2.subheader {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 35px;
	font-size: 14px;
	font-weight: bold;
	font-color: #000;
	line-height: 35px;
	text-indent:40px;
	background: url(../imgcommon/sub_header_bg.jpg) no-repeat 0 0;
}

.idx .subfooter {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 17px;
	text-align:right;
	background: url(../imgcommon/sub_footer.gif) no-repeat 0 0;
}
.idx .lead {
	margin: 10px 11px 2px;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 140%;
}
.idx .dotline {
	margin: 0 auto;
	padding: 0;
	width: 280px;
	height: 11px;
	line-height: 11px;
	background : url(../imgcommon/dot280.gif) no-repeat 0 0;
	border-style:none;
}

.idx .innerbox {
	margin: 0 auto;
	padding: 5px 0;
	width: 280px;
}
.idx .innerbox .left {
	float: left;
	margin: 0;
	padding: 0;
	width: 50px;
}
.idx .innerbox .right {
	float: right;
	margin: 0;
	padding: 0;
	width: 225px;
}
.idx .innerbox p {
	font-size: 10px;
	font-weight: normal;
	line-height: 140%;
}




/*============================================================
//  SERVICE：サービス紹介
//==========================================================*/

.service .left-half {
	width: 465px;
	float:left;
}
.service .right-half {
	width: 465px;
	float:right;
}
.service .left-model {
	width: 135px;
	float:left;
}
.service .right-model {
	width: 670px;
	float:left;
}
.service .left-merit {
	width: 180px;
	float:left;
}
.service .right-merit {
	width: 755px;
	float:right;
}
.service .flow {
	margin: 15px auto 0;
	padding: 0;
	width: 100%;
	text-align:center;
}

.service .chart, 
.service .card, 
.service .mag {
	margin: 15px 0 0 0;
	padding: 0;
}

.service #title h3 {
	margin: 0 0 20px 0;
	width: 348px;
	height: 48px;
}
.service #main .box {
	margin: 15px 0 0 0;
	padding: 5px 8px;
	width: 550px;
	border : 1px solid #999;
	background-color : #fafafa;
}
.service #main .note {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 10px;
	color: #333;
	line-height: 140%;
	text-indent:-1em;
}





/*============================================================
//  INTRODUCTION：導入事例
//==========================================================*/

.intro h4 {
	margin: 10px 0 15px 0;
	padding: 0;
	width: 950px;
	height: 20px;
}
.intro .flow {
	margin: 25px auto 0;
	padding: 0;
	width: 100%;
	text-align:center;
}





/*============================================================
//  INFORMATION：会社案内
//==========================================================*/

.info .left-company {
	width: 630px;
	float:left;
}
.info .right-company {
	width: 300px;
	float:right;
}
.info .left-half {
	width: 465px;
	float:left;
}
.info .right-half {
	width: 465px;
	float:right;
}

.info h4 {
	margin: 0 0 5px 0;
	padding: 0;
}
.info .flow {
	margin: 25px auto 0;
	padding: 0;
	width: 100%;
	text-align:center;
}
.info #map {
	margin: 0 0 5px 0;
	padding: 0;
	width: 300px;
	height: 300px;
}


.info table {
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	border-top : 1px solid #999;
}
.info tr {
	margin: 0;
	padding: 0;
	width: 100%;
	vertical-align:top;
}
.info th {
	margin: 0;
	padding: 18px 0;
	width: 135px;
	font-size: 12px;
	color: #c60;
	font-weight: bold;
	line-height: 140%;
	text-align:left;
	border-bottom : 1px solid #999;
}

.info td {
	margin: 0;
	padding: 18px 0;
	font-size: 12px;
	color: #333;
	line-height: 140%;
	border-bottom : 1px solid #999;
}


.info table.board {
	margin: 0;
	padding: 0;
	width: 100%;
	border-style : none;
	border-collapse: collapse;
}
.info td.appointment, 
.info td.person {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 12px;
	color: #333;
	line-height: 140%;
	text-align:left;
	border-style : none;
}
.info td.position {
	margin: 0;
	padding: 0 0 5px 4em;
	font-size: 12px;
	color: #333;
	line-height: 140%;
	text-align:left;
	text-indent:-4em;
	border-style : none;
}