@charset "utf-8";

@import "side.css";
@import "content.css";
@import "MenuMatic.css";

body { 
	background:#FFFFFF;
	font-family: "ＭＳ Ｐゴシック", Verdana, sans-serif, Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:13px;
	color:#666666;
	line-height:150%;
	margin:0;
	padding:0;
	text-align:center;
}
h1, h2, h3, h4 {font-weight:normal;margin:0;padding:0;}
div, p, dl, dt, dd {margin:0;padding:0;}
ul, li {margin:0;padding:0;list-style:none;}
img {border:none;vertical-align:middle;margin:0;}
table {border-collapse:collapse;}
table, th, td {font-size:13px;font-weight:normal;}
a {color:#666666;text-decoration:none;}
a:hover {color:#666666;text-decoration:underline;}

.bgTop {background:url(images/bg_top.jpg) repeat-x top;}
.bg {background:url(images/bg.jpg) repeat-x top;}
#wrap {width:100%;background:url(images/bg_bottom.jpg) repeat-x bottom;}
#wrap_top {width:100%;background:url(images/bg_bottom2.jpg) repeat-x bottom;}
#container {
 width:842px;
 margin:0 auto;
}

/*======================================
	ヘッダー
=======================================*/

#headerTop {
 width:842px;
 height:430px;
 text-align:left;
 background:transparent url(images/header_top.jpg) no-repeat top;
}
#header {
 width:842px;
 height:134px;
 text-align:left;
 background:url(images/header.jpg) no-repeat top;
}

#headerTop h1 a, #header h1 a {float:left;display:block;width:210px;height:87px;text-indent:-9999px;}
#naviL {float:right;padding-top:22px;color:#FFFFFF;}
#contact {float:right;width:150px;padding-top:7px;}
#contact a {display:block;width:138px;height:68px;background:url(images/contact.jpg) no-repeat top;text-indent:-9999px;}
#contact a:hover {background:url(images/contact_h.jpg) no-repeat top;}
#flash {clear:both;padding:22px 1px;}

/*======================================
	ナビゲーション
=======================================*/

#navi {
 clear:both;
 width:842px;
 height:46px;
}
.naviTop {background:url(images/navi_top.jpg) no-repeat top;}
.navi {background:url(images/navi.jpg) no-repeat top;}
* html #navi {width:841px;background-position:right;height:45px;}
#navi li {
 display:block;
 float:left;
 width:168px;
 height:43px;
}
#navi li a {
 display:block;
 width:100%;
 height:100%;
 text-indent:-9999px;
}
#navi li.concept, #navi li.service {margin-left:1px;}
* html #navi li.concept {margin-left:0;}
#navi li.concept a:hover {background:url(images/navi_concept.jpg) left top;}
#navi li.service a:hover {background:url(images/navi_service.jpg) left top;}
#navi li.artist a:hover {background:url(images/navi_artist.jpg) left top;}
#navi li.access a:hover {background:url(images/navi_access.jpg) left top;}
#navi li.company a:hover {background:url(images/navi_company.jpg) left top;}


/*======================================
	メイン
=======================================*/

#mainTop {
 clear:both;
 width:842px;
 padding-top:15px;
}
#main {
 clear:both;
 width:842px;
 background:url(images/bg_main.jpg) repeat-y;
}

#side {
 width:200px;
 float:right;
 padding:10px 0 0 0;
}
#topSide {
 width:200px;
 float:right;
 height:273px;
 background:url(images/bg_top_side.jpg);
}

#content {
 width:620px;
 float:left;
 text-align:left;
 line-height:180%;
 padding-bottom:50px;
}

#breadNavi {padding:0 0 13px 5px;font-size:11px;color:#999999;}
#breadNavi li {display:inline;}
#breadNavi li a {color:#336699;text-decoration:none;}
#breadNavi li a:hover {color:#336699;text-decoration:underline;}

/*======================================
	フッター
=======================================*/

#footer {
 clear:both;
 width:842px;
 height:280px;
 color:#CCCCCC;
 text-align:left;
 letter-spacing:1px;
 background:url(images/bg_bottom.jpg) repeat-x bottom;
}

#footer2 {
 clear:both;
 width:842px;
 height:320px;
 color:#CCCCCC;
 text-align:left;
 letter-spacing:1px;
 background:url(images/bg_bottom2.jpg) repeat-x bottom;
 margin-top:45px;
}

#footer a,#footer2 a {color:#CCCCCC;text-decoration:none;}
#footer a:hover,#footer2 a:hover {color:#CCCCCC;text-decoration:underline;}
#toTop, #toTopW {width:792px;}
#toTopW a {display:block;width:103px;height:36px;background:url(images/to_top_w.jpg);text-indent:-9999px;margin-left:689px;}
#toTop a {display:block;width:103px;height:36px;background:url(images/to_top_b.jpg);text-indent:-9999px;margin-left:689px;}

#fNavi {float:left;padding-top:5px;}
#fNavi li {display:inline;font-size:11px;}
#copyright {float:right;font-size:11px;padding-top:5px;}

#footContent {padding-top:30px;clear:both;width:100%;}

#about {float:left;}
#about h2 {font-size:13px;font-weight:bold;}
address {font-size:11px;font-style:normal;}
#about address a {color:#64B7F4;text-decoration:none;}
#about address a:hover {color:#64B7F4;text-decoration:underline;}

.footNavi {display:block;float:right;line-height:230%;}
.footNavi li {font-weight:bold;background:url(images/foot_navi.gif) no-repeat left top;padding-left:25px;width:auto;}
.footNavi li a {color:#FFFFFF!important;text-decoration:none;}
.footNavi li a:hover {color:#FFFFFF!important;text-decoration:underline;}
.footNavi li ul li {font-size:11px;font-weight:normal;background:none;line-height:150%;padding-left:0px;}
.footNavi li ul li a {color:#CCCCCC!important;text-decoration:none;}
.footNavi li ul li a:hover {color:#CCCCCC!important;text-decoration:underline;}

.fN1 {margin-right:50px;}
* html .fN1 {margin-right:25px;}
.fN2 {margin-right:60px;}
.fN3 {margin-right:30px;}
.fN4 {margin-right:40px;}

/*======================================
	他
=======================================*/

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



.clear {clear:both;}
.invisible {visibility:hidden;}
.indent {text-indent:-9999px;}
.tLeft {text-align:left;}
.tRight {text-align:right;}
.tCenter {text-align:center;}
.left {float:left;}
.right {float:right;}
.block {display:block;}
.bold {font-weight:bold;}

.f22 {font-size:22px;}
.f14 {font-size:14px;}
.f10 {font-size:11px;}
.red {color:#FF0000;}

.anchor {height:1%;visibility:hidden;}

.pT5 {padding-top:5px;}
.pT14 {padding-top:14px;}
.pT20 {padding-top:20px;}
.pT30 {padding-top:30px;}
.mR5 {margin-right:5px;}
.mR10 {margin-right:10px;}
.mR20 {margin-right:20px;}
.mR50 {margin-right:50px;}
.mB15 {margin-bottom:15px;}
.mB25 {margin-bottom:25px;}
.mB35 {margin-bottom:35px;}