@charset "utf-8";
/* @import url("acce.css");	読み込み */
/* ----------------------------------------
　ユニバーサル & グローバル セレクター
---------------------------------------- */
* {
	background: transparent;
	font-size: small;
	line-height:1.75em;
	letter-spacing: 0.05em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align:left;
}

.hidden {position: absolute;left: -9999px;}
.none {display: none;}

.clear {clear: both;}
.clear span {display: none;}

.spacer {float: left;width: 100%;height: 10px;clear: both;}
.spacer span {position: absolute;left: -9999px;}

.author {display: none;}

.description {display: none;}

/* ----------------------------------------
　　HTML再定義
---------------------------------------- */
body {
	font-size: 1em;
	text-align:center;
	width:100%;
	text-align:center;
}

html {
	overflow-y:scroll;
}

img {
border:0px;
}


/* ----------------------------------------
　　ベースレイアウト
---------------------------------------- */

div#header, div#mainmenu, div#mainmenu ul, div#main, div#footer{
	width: 760px;
	text-align:center;
	clear:both;
}

div#header {
	margin: auto;
	height: 81px;
	background:url(../images/header_back.jpg) 50% 0% repeat-x;
}

div#header span{display:none;}


div.Logo{
	margin-right:auto;
	padding:10px 0px 0px 10px;
	float:left;
}



div#footer {
	margin: auto;
	height: 81px;
	background:url(../images/footer_back.jpg) 50% 0% repeat-x;
}


div#footer span{
	color:#00bdf7;
	margin-left:auto;
}

div#footer span a{
	color:#00bdf7;
	text-decoration:none;
}

div#footerLogo{
	margin-right:auto;
	padding:15px 0px 0px 10px;
	clear:both;
}

div#main{
	margin:auto;
	height:auto;
	background:url(../images/main_back.jpg) 50% 0% repeat-y;
}


div#main div#Pan{
	width:760px;
	height:30px;
	background:url(../images/pankuzuBack.png) no-repeat right center;
}



div#main div#MainFloor{
	margin:20px 0px 0px 100px;
	height:100%;
	width:560px;
	padding-bottom:20px;
	
}



div#main div#MainFloor span{
	font:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:18px;
	color:#0077f9;
	line-height:20px;
	font-weight:bold;
	letter-spacing:10px;
}


div#main div#MainFloor p{
	font:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:12px;
	margin-top:10px;
	margin-bottom:30px;
}

div#main div#MainPhot{
	clear:both;
}


div#main ul#pankuzu {
	margin:0px 0px 20px 0px;
	text-align:right;
	padding:7px 20px 0px 0px;  
}


div#main ul#pankuzu li {
	display:inline;
	line-height:110%;
	list-style-type:none;
	color:#0077f9;
	font-size:12px;
}

ul#pankuzu li a {
	padding-right:10px;
	background:url(../images/Pan_Navi.gif) no-repeat right center;
	text-decoration: none; 
}




ul#footmenu{
	width:auto;
	padding:20px 0px 0px 10px;
	color:#00bdf7;
	height:auto;
	margin-left:50px;
	margin-right:auto;
}


ul#footmenu li{
	margin:0px 5px 5px 0px;
	padding:0px 12px;
	display:inline;
	float:left;
	font-size:11px;
	border-right:#00bdf7 solid 1px;
	text-align:center;
}


ul#footmenu li a{
	display:inline;
	float:left;
	font-size:12px;
	color:#00bdf7;
	text-decoration:none;
}

div#footer p{clear:both; text-align:center;text-decoration:none;color:#00bdf7;}

div#footer p a{text-decoration:none;color:#00bdf7;}

/* ----------------------------------------
　　コンテンツメニュー(ヘッダー)
---------------------------------------- */

ul#menu{
	margin-left:auto;
	float:left;
	width:auto;
	padding:0px 0px 0px 250px;
	color:#00bdf7;
}


ul#menu li.Home,
ul#menu li.Company,
ul#menu li.Access,
ul#menu li.Works,
ul#menu li.Contact{
	margin:0px 5px 5px 0px;
	padding:0px 15px;
	display:inline;
	float:left;
	font-size:14px;
	border-right:#00bdf7 solid 1px;
}



ul#menu li.Home a,
ul#menu li.Company a,
ul#menu li.Access a,
ul#menu li.Works a,
ul#menu li.Contact a{
	display:inline;
	float:left;
	font-size:14px;
	color:#00bdf7;
	text-decoration:none;
}





ul#menu li.Home a:hover,
ul#menu li.Company a:hover,
ul#menu li.Access a:hover,
ul#menu li.Works a:hover,
ul#menu li.Contact a:hover{
	color:#F93;
}




ul#menu li.Home active,
ul#menu li.Company active,
ul#menu li.Access active,
ul#menu li.Works active,
ul#menu li.Contact active{
	color:#F93;
}




/* ----------------------------------------
　　会社概要（COMPANY）レイアウト
---------------------------------------- */
div#main div#CompanyTitle{
	height:100%;
	width:560px;
	padding-bottom:2px;
	border-bottom:solid #00bdf7 2px;
}



div#main div#CompanyTitle span{
	font:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:18px;
	color:#0077f9;
	line-height:20px;
	font-weight:bold;
	letter-spacing:10px;
}



dl {
	margin: 0 0 15px;
	padding: 0 0px 10px;
	font:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:12px;
}

dl dt {
	float: left;
	width: 180px;
	padding: 10px 0;
	text-indent: 1em;
	line-height: 150%;
	height:auto;
}
dl dd {
	padding: 10px 0 10px 7em;
	line-height: 150%;
	border-bottom: 1px #11c1f8 dotted;
}



/* ----------------------------------------
　サイトマップ
---------------------------------------- */


div#main div#SiteMapTitle{
	height:100%;
	width:560px;
	padding-bottom:2px;
	border-bottom:solid #00bdf7 2px;
	margin-bottom:20px;

}


div#main div#SiteMapTitle span{
	font:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:18px;
	color:#0077f9;
	line-height:20px;
	font-weight:bold;
	letter-spacing:10px;
}


div.sitemap{
	height:auto;
}



ul.sitemap li{
	height:35px;
	width:300px;
	border-top:2px solid #0077f9;
	border-bottom:1px dotted #0077f9;
	margin-bottom:10px;
	padding-top:5px;
	list-style-type: none;
}


ul.sitemap li a{text-decoration: none;}


/* ----------------------------------------
　プライバシーポリシー
---------------------------------------- */


div#main div#PrivacyTitle{
	height:100%;
	width:560px;
	padding-bottom:2px;
	border-bottom:solid #00bdf7 2px;
	margin-bottom:20px;

}


div#main div#Privacy span{
	font:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:18px;
	color:#0077f9;
	line-height:10px;
	font-weight:bold;
	letter-spacing:10px;
}

div#main pre {
	font-size:11px;
/*	float:left;
	width:958px;
	border:1px solid #ffffff;	
	margin-right:15px;*/
}



/* ----------------------------------------
　制作事例
---------------------------------------- */

div#WorksSpace{
	margin:10px 0px 0px 30px;
	height:100%;
	padding-bottom:20px;
}

div.WorksBoxL{
	width:210px;
	height:180px;
	float:left;
	margin:10px 20px 0px 20px;
}

span.BoximgL{margin:0px;}

p.BoxText{font-size:12px; text-align:center; margin:0px; line-height:100%;}


div.WorksBoxS{
	width:140px;
	height:180px;
	float:left;
	margin:10px 20px 0px 20px;
	overflow: hidden;
}

div.WorksBoxScenter{
	width:140px;
	height:180px;
	float:left;
	margin-top:10px;
}

span.BoximgS{margin:0px;}


div.WorksBoxM{
	width:210px;
	height:180px;
	clear:both;
	margin:10px 20px 0px 20px;
}

div#WorksSpace h3{
	text-align: center;
	border-bottom: 1px #00bdf7 solid;
	border-top: 1px #00bdf7 solid;
	color:#0077f9;
	font-weight:normal;
	font-size: 14px;
}




/* ----------------------------------------
　Pagetop
---------------------------------------- */

div.pagetop{
	width:760px;
	height:20px;
	font-size:20px;
	text-align:right;
}

div.pagetop a{color:#00F; text-align:right; padding-right:15px;}


/* ----------------------------------------
　アクセスマップ
---------------------------------------- */

div#main div#AccessFloor{
	margin:20px 0px 0px 70px;
	height:100%;
	width:620px;
	padding-bottom:50px;
}
.access-Box {
  margin: 20px auto;
  width: 560px;
  padding-bottom: 20px;
}
.access-Box h2{
  font: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
  font-size: 18px;
  color: #0077f9;
  line-height: 20px;
  font-weight: bold;
  border-bottom: 1px solid #0077f9;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.access-Box p{
  text-align: center;
  font-size: 16px;
  margin-bottom: 80px;
}
.access-Box .Gmap{
  border: 10px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.access-Box .Gmap iframe{
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* ----------------------------------------
　ブラウザ対策
---------------------------------------- */

div {
	margin: auto;
}

div:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}