@charset "UTF-8";
/* CSS Document */

@import url("common.css");
@import url("swf.css");


html, body {
	height: 100%;
	margin: 0px;
    padding: 0px;
    background-color: #F5F5F5;
	text-align:center;
	background-image: url(../img/back2.png);
    background-repeat: repeat-x;
    background-position:left top;
}

/****************** CONTENTS LEFT 設定****************/


#MidWarrper {
  float: left;
  width: 720px;
  margin: 0px;
  padding: 0px 0px 0px 24px;
  text-align: left;
  display: inline;
}

#SearchWarrper {
  float: left;
  width: 700px;
  margin: 0px;
  padding: 5px 0px 0px 24px;
  text-align: left;
  display: inline;
}
#SearchWarrper2 {
  float: left;
  width: 700px;
  margin: 0px;
  padding: 0px 0px 0px 24px;
  text-align: left;
  display: inline;
}
.StoreWarrper {
  float: left;
  width: 700px;
  margin: 0px;
  padding: 5px 0px 0px 24px;
  text-align: left;
  display: inline;
}

/****************** CONTENTS LEFT EC 設定****************/

.ECtitleWrap{
  float: left;
  width: 705px;
  margin: -5px 0px 15px 0px;
  padding: 0px;
  display: inline;
  background: url(../img/itf/title2.png) left top repeat-y;
}
.ECtitle1{
  float: left;
  width: 705px;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  display: inline;
  background: url(../img/itf/title1.png) left top no-repeat;
}
.ECtitle2{
  float: left;
  width: 705px;
  margin: 0px;
  padding: 0px 0px 15px 0px;
  display: inline;
  background: url(../img/itf/title3.png) left bottom no-repeat;
}
.ECtitle2 h2{
  float: left;
  text-align: left;
  font-weight: bold;
  width: 675px;
  margin: 0px;
  padding: 16px 0px 11px 30px;
  font-size: 1.1em;
  color:#036EB8;
}
/****************** サイトポリシー 設定****************/


.TitleHead1 {
  float: left;
  width: 706px;
  height: 79px;
  text-align: left;
}

#container-policy{
  float: left;
  width:681px;
  padding: 20px 10px 20px 10px;
  font-size: 0.75em;
  text-align: left;
  color:#333;
}

#container-policy p a{
  color:#036EB8;
  text-decoration:underline;
}

#container-policy p a:hover{
  color:#036EB8;
  text-decoration: none;
}

#policy-head{
  float: left;
  width:681px;
  padding: 0px;
  margin-bottom: 16px;
}

.policy-txt{
  float: left;
  width:681px;
  padding: 0px;
  text-align: left;
}


#policy-list{
  float: left;
  width:681px;
  padding: 0px 0px 20px 0px;
}

#policy-list li{
  float: left;
  width:681px;
  text-align: left;
  padding-left: 10px;
  background: url(../site/img/disc.gif) top left no-repeat;
}

/****************** サイトポリシー 設定ここまで****************/

/****************** サイトマップ CONTENTS 設定****************/


#sitemap-txt{
  float: left;
  width:706px;
  padding: 30px 0px 0px 10px;
  text-align: left;
}

#sitemap-txt a{
  color:#036EB8;
  text-decoration: none;
}

#sitemap-txt a:hover{
  color:#036EB8;
  text-decoration: underline;
}

.sitemap-list {
  float: left;
  width:675px;
  text-align: left;
  color:#333;
  font-size: 0.8em;
  border-bottom: solid 1px #D8D3D2;
  padding: 0px 0px 5px 0px;
  margin-bottom: 15px;
}

.sitemap-list a {
  float: left;
  width:660px;
  text-align: left;
  background: url(../site/img/cer.gif) left center no-repeat;
  padding: 0px 0px 0px 15px;
}


.sitemap-list-in {
  float: left;
  width:510px;
  text-align: left;
  color:#333;
  font-size: 0.8em;
  margin-bottom: 10px;
}

.sitemap-list-in li {
  float: left;
  width:495px;
  text-align: left;
  padding: 0px 0px 10px 15px;
}

.SitemapMenusBox{
  float: left;
  width: 600px;
  margin: 0px;
  padding: 5px 0px 20px 15px;
  text-align: left;
  font-size: 0.8em;
  display: inline;
}

.SitemapMenuTitle a{
  color:#FFF;
  text-decoration: none;
}


.SitemapMenuTitle a:hover{
  color:#2EA7E0;
  text-decoration: none;
}

.SitemapMenus {
  float: left;
  width: 600px;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  text-align: left;

}

.SitemapMenus li {
  float: left;
  width: 600px;
  margin:  5px 0px 0px 0px;
  padding: 0px 0px 0px 13px;
  background: url(../site/img/cur.gif) left center no-repeat;
  display: inline;
}

.SitemapMenus li a {
  color:#FFF;
  text-decoration: none;
}

.SitemapMenus li a:hover {
  text-decoration: underline;
  color:#2EA7E0;
}

/****************** サイトマップ CONTENTS 設定ここまで****************/

/****************** 特定商取法に基づく表示 設定****************/

#TBWarrper {
  float: left;
  width:706px;
  padding: 30px 0px 20px 10px;
  text-align: left;
}

table.BDtable {
	width: 676px;
	float: left;
	font-size:0.75em;
}

table.BDtable a{
  color:#036EB8;
  text-decoration: none;
}

table.BDtable a:hover{
  color:#036EB8;
  text-decoration: underline;
}

table.BDtable tr th {
	padding: 7px 0px 7px 10px;
	border-bottom: solid 1px #FFF;
	font-weight: normal;
	color:#FFF;

	text-align: left;
	width: 164px;
	vertical-align: middle;
	background: #1765A0;
}

table.BDtable tr th span {
	font-size: 0.7em;
	color: #999999;
	display: block;
}

table.BDtable tr td {
	padding: 7px 0px 7px 10px;
	width: 487px;
	border-left: 5px solid #FFF;
	color:#333;
	text-align: left;
	vertical-align: middle;
	background: url(../site/img/dot1.gif) left bottom repeat-x;
}

table.BDtable tr td p {
	float: left;
	width: 487px;
	padding: 10px 0px 0px 0px;
	text-align: left;
}


table.BDtable tr th font.crucial {
	color: #CC0000;
	font-size: 0.8em;
}

ul.TBL{
  float: left;
  width: 487px;
  margin:  5px 0px 3px 0px;
  padding: 0px;
  display: inline;
}

ul.TBL li {
  float: left;
  width: 474px;
  margin:  5px 0px 0px 0px;
  padding: 0px 0px 0px 13px;
  text-align: left;
  background: url(../site/img/cur4.gif) left top no-repeat;
  display: inline;
}
ul.TBL li em {

}
.TBLin {
  float: left;
  width: 474px;
  padding: 5px 0px 5px 0px;
  text-align: left;
}
.TBLin2 {
  float: left;
  width: 474px;
  padding: 20px 0px 30px 0px;
  text-align: left;
}
.TBLin3 {
  float: left;
  width: 474px;
  padding: 2px 0px 2px 0px;
  text-align: left;
}
.TBLin3 a {color:#036EB8;text-decoration: underline;}
.TBLin3 a:hover{color:#036EB8;text-decoration: none;}

table.BDtable a:hover{
  color:#036EB8;
  text-decoration: underline;
}
.ChargeTable {
	float: left;
	margin: 10px 0px 5px 0px;
	padding:0px;
	width: 250px;
	color:#333;
	text-align: left;
	background-color:#CCC;
}

.ChargeTable tr th.top {
	text-align: left;
	vertical-align: middle;
	background-color:#F1EFED;
	background-image: none;
	color:#333;
	font-weight: normal;
}

.ChargeTable tr td.CBlock {
	padding: 7px 0px 7px 5px;
	text-align: left;
	vertical-align: middle;
	background: #FFF;
	background-image: none;
}

.epsilon {
  float: left;
  width: 474px;
  margin:  5px 0px 0px 0px;
  padding: 10px;
  text-align: left;
  display: inline;
  background:#F9F9F9;
}
.epsilon strong {
	font-weight: bold;
	color: #F33;
}
/****************** 特定商取法に基づく表示 設定ここまで****************/



/****************** アートクリエイション 設定****************/



#TitleHead2 {
  float: left;
  width: 690px;
  height: 32px;
  margin: 0px;
  padding: 10px 0px 45px 5px;
  text-align: left;
}
#openingTXT {
  float: left;
  width: 690px;
  margin: 0px;
  padding: 0px 0px 60px 5px;
  text-align: left;
}

#openingTXT p {
  float: left;
  width: 690px;
  padding: 0px 0px 15px 0px;
  text-align: left;
  font-size: 0.8em;
  color:#333;
  line-height: 19px;
}

#openingTXT span {
  float: left;
  width: 690px;
  text-align: left;
  font-size: 0.7em;
  color:#333;
}

#ABWarrper {
  float: left;
  width: 692px;
  padding: 2px;
  margin: 0 0 20px 0;
  text-align: left;
  display: inline;
  border: solid 1px #D4CBC6;
}

table.ABtable {
	width: 692px;
	float: left;
	font-size:0.75em;
}

table.ABtable a{
  color:#036EB8;
  text-decoration: none;
}

table.ABtable a:hover{
  color:#036EB8;
  text-decoration: underline;
}

table.ABtable tr th {
	padding: 7px 0px 7px 10px;
	border-bottom: solid 1px #FFF;
	font-weight: normal;
	color:#FFF;
	font-weight: bold;
	text-align: left;
	width: 160px;
	vertical-align: middle;
	background-color: #4F4946;
}

table.ABtable tr th span {
	font-size: 0.7em;
	color: #999999;
	display: block;
}

table.ABtable tr td {
	padding: 7px 0px 7px 10px;
	width: 502px;
	border-left: 5px solid #FFF;
	color:#333;
	text-align: left;
	vertical-align: middle;
	background: url(../site/img/dot1.gif) left bottom repeat-x;
}

table.ABtable tr td p {
	float: left;
	width: 487px;
	padding: 10px 0px 0px 0px;
	text-align: left;
}


table.ABtable tr th font.crucial {
	color: #CC0000;
	font-size: 0.8em;
}

#TitleHead3 {
  float: left;
  width: 690px;
  height: 30px;
  margin: 0px;
  padding: 35px 0px 20px 5px;
  text-align: left;
}

#ClientList {
  float: left;
  width: 665px;
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 0px 20px;
  text-align: left;
  display: inline;
  border-bottom: solid 1px #D4CBC6;
}

#ClientList ul{
  float: left;
  width: 320px;
  font-size: 0.75em;
  color:#333;
  text-align: left;
}

#ClientList ul li{
  float: left;
  width: 320px;
  padding: 3px 0px 3px 0px;
  text-align: left;
}

#ClientList ul li a{
  color:#333;
  text-decoration: none;
}

#ClientList ul li a:hover{
  color:#333;
  text-decoration: underline;
}

#ClientList p {
  float: left;
  width: 635px;
  font-size: 0.7em;
  margin: 0px;
  padding: 10px 30px 10px 0px;
  text-align: right;
}

#TitleHead4 {
  float: left;
  width: 690px;
  height: 15px;
  margin: 0px;
  padding: 20px 0px 20px 5px;
  text-align: left;
}

#Map {
  float: left;
  width: 350px;
  height: 320px;
  margin: 0px;
  padding: 0px 20px 10px 5px;
  text-align: left;
}

#MapRight {
  float: left;
  width: 210px;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

#MapRightPhoto {
  float: left;
  width: 210px;
  margin: 0px;
  padding: 0px 0px 10px 0px;
  text-align: left;
}

.MapRightBox {
  float: left;
  width: 221px;
  margin: 0px;
  padding: 0px 0px 10px 0px;
  text-align: left;
}

.MapRightBox dt {
  float: left;
  width: 210px;
  margin: 0px;
  padding: 0px 0px 0px 11px;
  text-align: left;
  background: url(../aboutus/img/cir.gif) left top no-repeat;
}

.MapRightBox dd {
  float: left;
  width: 210px;
  margin: 0px 0px 0px 11px;
  padding: 0px 0px 10px 0px;
  text-align: left;
  display: inline;
  background: url(../aboutus/img/dot1.gif) left bottom repeat-x;
}

.MRB1 {
  float: left;
  width: 210px;
  font-size: 0.7em;
  color:#333;
  font-weight: bold;
  padding: 0px;
  text-align: left;
}

.MRB2 {
  float: left;
  width: 210px;
  font-size: 0.5em;
  color:#333;
  font-weight: bold;
  padding: 0px 0px 3px 0px;
  text-align: left;
}

.MapRightBox address {
  float: left;
  width: 210px;
  font-size: 0.7em;
  color:#333;
  padding: 0px;
  text-align: left;
}

ul.TBL2{
  float: left;
  width: 487px;
  margin:  0px 0px 6px 0px;
  padding: 0px;
  display: inline;
}

ul.TBL2 li {
  float: left;
  width: 474px;
  margin:  5px 0px 0px 0px;
  padding: 0px 0px 0px 13px;
  text-align: left;
  background: url(../site/img/cur4.gif) left top no-repeat;
  display: inline;
}

/****************** アートクリエイション 設定ここまで****************/