@charset "shift_jis";


/* ---------------------------
	for all body
-------------------------- */
body {
	/* コンテンツ余白設定 */
	margin: 0;
	padding: 0;
	/* 文字基本設定（文字サイズ・行間・色） */
	font-size: 90%;
	color: #606060;
	font-family: Verdana, Arial, Helvetica, sans-serif, Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;	
}

.clearBoth {
	clear: both;
	margin: 0 0 10px 0;
}

/*背景画像
---------------------------------------------------- */
#main_content {
	background-image: url(../images/common/back.gif);
	width: 100%;
}

#header {
	background: url(../images/common/head3.gif) repeat-x;
	height:6px;
}


/* ---------------------------
	共通項目
---------------------------------------------------- */

h1 {
  margin: 0;
	margin-bottom:10px;
}


h2 {
  margin: 0;
}

h3 {
  margin: 0;
	margin-bottom:0.3em;
}


p {
	margin:0.5em;
}

ul {
  padding:0px;
	margin:0px 0px 0px 15px;
}

li {
  padding:3px 0px;
}

.seoRead {
	font-size: 85%;
	text-align: left;
	width: 800px;
	margin: 3px auto 10px auto;
}

.clearBoth {
	clear: both;
	margin: 0 0 20px 0;
}

/* グローバル・ナビゲーション
---------------------------------------------------- */
#navi {
	margin:0 auto 0 auto;
	padding: 0;
	width: 800px;
	height: 50px;
	text-align: center;
	background-image: url(../images/common/menu_end.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#navi ul {
  position: relative;
  list-style:none;
	margin: 0 ;
	padding: 0;
}

#navi li{
	float: left;
	margin: 0;
	padding: 0;
	height: 50px;
  text-indent: -9999px;
}

#navi li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  height: 50px;
}
#navi li#about a{ left: 0px; width: 174px; background: url(../images/common/menu01_off.gif) no-repeat; }
#navi li#services a    { left: 174px; width: 125px; background: url(../images/common/menu02_off.gif) no-repeat; }
#navi li#collabo a { left: 299px; width: 125px; background: url(../images/common/menu03_off.gif) no-repeat;  }
#navi li#cast a { left: 424px; width: 125px; background: url(../images/common/menu04_off.gif) no-repeat;  }
/* #navi li#touroku a      { left: 549px; width: 125px; background: url(../images/common/menu05_off.gif) no-repeat;  } */
#navi li#contact a  { left: 549px; width: 125px; background: url(../images/common/menu06_off.gif) no-repeat;  }
#navi li#non a  { left: 674px; width: 126px; background: url(../images/common/menu07_off.gif) no-repeat;  }

#navi li#about a:hover{ left: 0px; width: 174px; background: url(../images/common/menu01_on.gif) no-repeat; }
#navi li#services a:hover    { left: 174px; width: 125px; background: url(../images/common/menu02_on.gif) no-repeat; }
#navi li#collabo a:hover  { left: 299px; width: 125px; background: url(../images/common/menu03_on.gif) no-repeat;  }
#navi li#cast a:hover { left: 424px; width: 125px; background: url(../images/common/menu04_on.gif) no-repeat;  }
/*#navi li#touroku a:hover      { left: 549px; width: 125px; background: url(../images/common/menu05_on.gif) no-repeat;  }*/
#navi li#contact a:hover  { left: 549px; width: 125px; background: url(../images/common/menu06_on.gif) no-repeat;  }

#navi li#about2{ left: 0px; width: 174px; background: url(../images/common/menu01_on.gif) no-repeat; }
#navi li#services2{ left: 174px; width: 125px; background: url(../images/common/menu02_on.gif) no-repeat; }
#navi li#collabo2{ left: 299px; width: 125px; background: url(../images/common/menu03_on.gif) no-repeat;  }
#navi li#cast2{ left: 424px; width: 125px; background: url(../images/common/menu04_on.gif) no-repeat;  }
/*#navi li#touroku2{ left: 549px; width: 125px; background: url(../images/common/menu05_on.gif) no-repeat;  }*/
#navi li#contact2{ left: 549px; width: 125px; background: url(../images/common/menu06_on.gif) no-repeat;  }



/*マージン設定
---------------------------------------------------- */
.MarginB2px {
	margin: 0 0 2px;   /* 下：2px */
}
.MarginB5px {
	margin: 0 0 5px;   /* 下：5px */
}
.MarginB8px {
	margin: 0 0 8px;   /* 下：8px */
}
.MarginT5px {
	margin: 5px 0 0 0;/* 上：5px */
}
.MarginB10px {
	margin: 0 0 10px;  /* 下：10px */
}
.MarginB15px {
	margin: 0 0 15px;  /* 下：15px */
}
.MarginB25px {
	margin: 0 0 25px;  /* 下：25px */
}

.MarginL5px {
	margin: 0 0 0 5px;  /* 左：5px */
}
.MarginRB5px {
	margin: 0 5px 5px 0;  /* 下右：5px */
}
.MarginTB5px {
	margin: 5px 0 8px 0;/* 上下：5px */
}

/*フロート
---------------------------------------------------- */
.R{
  float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.L{
  float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.C{
	text-align: center;
}

/*ページトップ
---------------------------------------------------- */

#comon-page-up{
	font-size: 80%;
	color: #0066FF;
	text-align: right;
	width: 780px;
	padding-top: 5px;
}

/*パンくず
---------------------------------------------------- */
#pankuzu{
	margin: 3px 0px 3px 0px;
	padding:0;
	width: 780px;
	text-align:left;
	font-size:75%;
}


/*　コンテンツ幅
---------------------------------------------------- */
#cArea{
	width:780px;
	margin:0 45px 10px 45px;
	padding:0;
	display:block;
}

#cArea2{
	width:740px;
	margin:0 20px 10px 20px;
	padding:0;
	display:block;
	text-align:left;
}

#cArea3{
	width:750px;
	margin:0 15px 10px 15px;
	padding:0;
	display:block;
	text-align:left;
}

#contactArea{
	width:550px;
	margin:0 115px;
	margin-bottom:10px;
	padding:0;
	display:block;
	text-align:left;
}

#sitemapArea{
	width:580px;
	margin:0 100px;
	margin-bottom:10px;
	padding:0;
	display:block;
	text-align:left;
}

/* ---------------------------
		コンテンツ関係
---------------------------------------------------- */
/*　TOP枠
---------------------------------------------------- */
.topwaku {
	background: url(../images/top/waku3.gif) repeat-y;
}

/*　ABOUTサブタイトルライン
---------------------------------------------------- */
.subline {
	background: url(../images/about/tl_subback.gif) repeat-x;
}

/*　利用例枠
---------------------------------------------------- */
.riyouwaku {
	background: url(../images/riyourei/case_back.gif) repeat-y;
}

.riyouLBR { 
	margin: 0 19px 10px 19px;/* 左下右：19px */
}

.riyouTxtBox {
	text-align: left;
	width: 720px;
	margin: 3px auto 10px 25px;
}


/*　ライン
---------------------------------------------------- */
.grayline{
 border:1px solid #acacac;
}

.blueUline{
 border-bottom:1px solid #005bac;
 padding-bottom:2px;
}

.photo{
  padding: 2px;
	border:1px solid #adadad;
}


/*　デコレーションBOX
---------------------------------------------------- */
.DecoTable {
	padding: 2px;
	margin-bottom:15px;
}
.DecoTable td {
	padding: 3px;
	border: 1px solid #c1c1c1;
}
.DecoTable th {
	padding: 3px;
	border: 1px solid #c1c1c1;
	text-align: left;
}



/*　サイトマップ背景
---------------------------------------------------- */
#sback01{
  background:url(../images/other/sm01.gif) center right no-repeat;
	background-position:50% 100%;
	height:100px;
}
#sback02{
  background:url(../images/other/sm02.gif) center no-repeat;
	background-position:50% 100%;
	height:100px;
}
#sback03{
  background:url(../images/other/sm03.gif) center no-repeat;
	background-position:50% 100%;
	height:100px;
}
#sback04{
  background:url(../images/other/sm04.gif) center no-repeat;
	background-position:50% 100%;
	height:80px;
}



/*フッター
---------------------------------------------------- */

div#footer {
	width:780px;
	margin:0 45px 10px 45px;
	padding: 0;
  font-size: 75%;
}

div#footer p {
  margin: 0;
}

p#copyright {
  padding: 5px 0;
  border-top: 1px solid #666666;
	line-height: 140%;
}


p#footnav {
  padding: 5px 0;
}


/* ---------------------------
		テキスト関係
---------------------------------------------------- */
.txt-s {
	font-size: 75%;
	line-height: 160%;
}

.txt-m {
	font-size: 85%;
	line-height: 160%;
}

.txt-l {
	font-size: 100%;
	line-height: 160%;
}

.txt-wri {
	font-size: 12px;
	line-height: 180%;
}

.txt-Bm {
	font-size: 90%;
	color:#00b3e7;
	font-weight:800;
}

.txt-Os {
	font-size: 80%;
	color:#fe4e00;
	font-weight:800;
}

/* ---------------------------
		link
---------------------------------------------------- */
a:link {
  text-decoration: none;
	color: #001efe;
}
a:visited {
  text-decoration: none;
	color: #ff6000;
}
a:active {
  text-decoration: none;
	color: #ff6000;
}
a:hover{
  text-decoration: underline;
  color: #001efe;
}

a.menu:link {
  text-decoration: none;
	color: #666666;
}
a.menu:visited {
  text-decoration: underline;
	color: #ff6000;
}
a.menu:active {
  text-decoration: none;
	color: #ff6000;
}
a.menu:hover {
  text-decoration: none;
	color: #ff6000;
}