/* CSS Document */

/*----共通↓----*/
body { margin:0; padding:0; background-color:#415764;}
h1,h2,h3,h4,h5,p,dl,dt,dd,li,ul,ol,div,form{margin:0; padding:0; font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka; letter-spacing:1.5px;}
p ,li, address{font-size:x-small; color:#333333;}
.indent{text-indent: -9999px; display: block;}
.hide {display: none; font-size:8px;}
.xxsmall{font-size:xx-small; color:#666666;}


/* Navi */
#navi{width:252px; float:left; margin-left:20px;}
#navi h1 {background:url(../images/logo.gif) no-repeat; width:207px; height:94px; margin:20px 0px 30px 0px;}
#navi ul{width:252px; margin-right:30px; margin-bottom:20px;list-style:none;}
#navi li{ list-style:none; margin-bottom:10px;}

#navi .navi1 a{background:url(../images/navi1.gif) no-repeat; width:180px; height:21px; text-indent: -999px; display: block; font-size:1px}
#navi .navi2 a{background:url(../images/navi2.gif) no-repeat; width:180px; height:21px; text-indent: -999px; display: block; font-size:1px}
#navi .navi3 a{background:url(../images/navi3.gif) no-repeat; width:180px; height:21px; text-indent: -999px; display: block; font-size:1px}
#navi .navi4 a{background:url(../images/navi4.gif) no-repeat; width:180px; height:21px; text-indent: -999px; display: block; font-size:1px}
#navi .navi5 a{background:url(../images/navi5.gif) no-repeat; width:180px; height:21px; text-indent: -999px; display: block; font-size:1px}
#navi .navi6 a{background:url(../images/navi6.gif) no-repeat; width:180px; height:21px; text-indent: -999px; display: block; font-size:1px}

#navi .navi1 a:hover{background:url(../images/navi1.gif) no-repeat 0 -21px;}
#navi .navi2 a:hover{background:url(../images/navi2.gif) no-repeat 0 -21px;}
#navi .navi3 a:hover{background:url(../images/navi3.gif) no-repeat 0 -21px;}
#navi .navi4 a:hover{background:url(../images/navi4.gif) no-repeat 0 -21px;}
#navi .navi5 a:hover{background:url(../images/navi5.gif) no-repeat 0 -21px;}
#navi .navi6 a:hover{background:url(../images/navi6.gif) no-repeat 0 -21px;}

/*----コンテンツ共通↓----*/

#contents{width:600px; float:left; height:auto; background-color:#FFFFFF; margin-top:60px;}
#contents  h4{margin :40px 70px;}
#contents  h6{margin :15px 70px;}
#contents .lh{line-height:2em; margin :0px 70px 50px 70px;}
#contents  a{ display:block; color:#415764; text-decoration:none; margin-bottom:10px;}
#contents  a:hover { text-decoration:underline;}
#contents  .mark{width:240px; margin :30px 70px 15px 70px; color:#415764; background:url(../images/list_mark.gif) no-repeat 0px 3px; text-indent:25px; }
.height{ height:600px;}

/* footer */

#footer{width:880px; padding:10px 0px; display: block;}
address{ font-size:9px; font-family:"Fusi", "Century Gothic"; color:#FFFFFF; text-align:right; font-style:normal;}


/*----top↓----*/
#contents  .h3Top{background:url(../images/h3_project.gif) no-repeat 36px 45px ; height:140px; border-bottom:solid 1px #415764;}
#contents  .h4Top1{background:url(../images/h4_project_ttl1.gif) no-repeat; height:15px; width:464px;}
#contents  .h4Top2{background:url(../images/h4_project_ttl2.gif) no-repeat; height:15px; width:464px;}
#contents  .h5Top1{background:url(../images/h5_project_1.gif) no-repeat; height:28px; width:464px; font-size:28px; margin :30px 70px;}
#contents  .h5Top2{background:url(../images/h5_project_2.gif) no-repeat; height:28px; width:464px; font-size:28px; margin :30px 70px;}
#contents  .h5Top3{background:url(../images/h5_project_3.gif) no-repeat; height:28px; width:464px; font-size:28px; margin :30px 70px;}
#contents  .h6Top1 a{background:url(../images/h6_project_1.gif) no-repeat; height:28px; width:464px; font-size:28px; display: block;}
#contents  .h6Top2 a{background:url(../images/h6_project_2.gif) no-repeat; height:28px; width:464px; font-size:28px; display: block;}
#contents  .h6Top3 a{background:url(../images/h6_project_3.gif) no-repeat; height:28px; width:464px; font-size:28px; display: block;}
#contents  .h6Top4 a{background:url(../images/h6_project_4.gif) no-repeat; height:28px; width:464px; font-size:28px; display: block;}
#contents  .h6Top5 a{background:url(../images/h6_project_5.gif) no-repeat; height:28px; width:464px; font-size:28px; display: block;}
#contents  .h6Top6 a{background:url(../images/h6_project_6.gif) no-repeat; height:28px; width:464px; font-size:28px; display: block;}
#contents  .imgTop{margin :5px 73px 50px 73px; display:block;}

#contents  .designerTop{margin:50px 73px 5px 73px; text-align:right;}


#contents  .h3dt{background:url(../images/h3_designtide.gif) no-repeat ; height:100px ; width:460px; margin :30px 70px 0 70px;}
#contents  .h3exh{background:url(../images/h3_exh.gif) no-repeat ; height:60px ;  width:460px;margin :30px 70px 0 70px;}
#contents  .h3ext{background:url(../images/h3_ext.gif) no-repeat ; height:60px ;  width:464px;margin :30px 70px 0 70px;}
#contents  .h3mkt{background:url(../images/h3_mkt.gif) no-repeat ; height:60px ;  width:460px;margin :30px 70px 0 70px;}
#contents  .h3tt{background:url(../images/h3_tt.gif) no-repeat ; height:60px ; width:460px; margin :30px 70px 0 70px;}
#contents  .h3pt{background:url(../images/h3_party.gif) no-repeat ; height:60px ; width:460px; margin :30px 70px 0 70px;}

#contents .exh{color:#8CB008; font-size:small; margin :30px 70px;}
#contents .ext{color:#08942D; font-size:small; margin :30px 70px;}
#contents .mkt{color:#DA271A; font-size:small; margin :30px 70px;}
#contents .tt{color:#0094BC; font-size:small; margin :30px 70px;}
#contents .pt{color:#7F7F7F; font-size:small; margin :30px 70px;}

/*----デザイナー↓----*/
#contents  #designerText{float:left; width:100px; margin:40px 0 0 0px;}
#contents  .designerH5{background:none; text-indent:0px; width:240px; margin:0px auto 5px 45px; color:#415764;}
#contents  .designerH5 span{display:block; margin-top:5px; font-size:xx-small;}
#contents  .designerP{width:240px; padding:0; margin:0px auto auto 45px;}
#contents  .designerP a{ margin-bottom:0;}
#contents  .img{float:left; margin :40px 0px 0px 45px; padding-right:20px; border-right:1px solid #415764;}


/*----マーケット↓----*/

#contents  #mktText1{width:600px; margin:0px; padding:0px;}
#contents  .mkt1{float:left;  width:180px;  margin:0px 10px 50px 70px; display:inline; padding:0px;}
#contents  .mkt1 span{color:#DA271A; font-size:medium; font-family:"Charcoal"}
#contents  .imgMkt1{float:left; margin :0px 50px 50px 0px; display:block; padding:0px;}


#contents  #mktText2{width:600px; margin:0px; padding:0px;}
#contents  .imgMkt2{float:left; margin :0px 0px 50px 70px; display:inline; padding:0px;}
#contents  .mkt2{float:left;  width:218px; display:block; padding:0px;}
#contents  .mkt2 span{color:#DA271A; font-size:medium; font-family:"Charcoal"}


/*----アーカイブ↓----*/
#contents  .h3Archive{background:url(../images/h3_archive.gif) no-repeat 36px 25px ; height:100px; border-bottom:solid 1px #415764;}


/*----リンク↓----*/
#contents  .h3Link{background:url(../images/h3_link.gif) no-repeat 36px 25px ; height:100px; border-bottom:solid 1px #415764;}
#contents  .inlineA { display:inline; margin-bottom:0px; margin :0px 70px 50px 70px;}
#contents  .inlineA a{ display:inline; margin-bottom:0px; }

/*----コンテンツ↓----*/
#contents  .h3News{background:url(../images/h3_news.gif) no-repeat 36px 25px ; height:100px; border-bottom:solid 1px #415764;}
#contents  .h3Designer{background:url(../images/h3_designer.gif) no-repeat 36px 25px ; height:100px; border-bottom:solid 1px #415764;}
#contents  .h3Blog{background:url(../images/h3_blog.gif) no-repeat 36px 25px ; height:100px; border-bottom:solid 1px #415764;}
#contents  .noContents{display: block; margin :40px 45px auto 45px; height:700px;}

#contents .ext1{ margin:0px 70px 30px 70px; }
#contents .ext2{ margin:0px 70px;}

/*----トークショー↓----*/
#popup{
	width:600px;
	float:left;
	height:auto;
	background-color:#FFFFFF;
	padding-bottom:30px;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
}
#popup  h5{margin :15px 30px; font-size:small;color:#415764; background:url(../images/list_mark.gif) no-repeat 0px 3px; text-indent:25px; }
#popup  p {margin :15px 30px;}
#popup  h6{margin :15px 30px; font-size:x-small;color:#415764;}
#popup  #map{padding:5px; margin:20px 45px; border:solid 1px #999999;}
#popup  a{color:#415764; text-decoration:none;}
#popup  a:hover { text-decoration:underline;}

/*----ニュース↓----*/
.lh .ll{font-size:12px; font-weight:bold; color:#46586A;}
.lh .l{font-size:small; font-weight:bold;}

/*----プレゼント↓----*/
#pre{
	width:600px;
	float:left;
	height:auto;
	background-color:#FFFFFF;
	padding-bottom:30px;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
}
#pre  h5{font-size:medium;color:#415764; margin:30px 50px;}
.presentP{font-size:12px; margin:0 50px;}
#pre  p{margin :15px 50px;}
#pre table {margin :15px 50px; background:#DEEDED; font-size:x-small;  color:#333333; }
#pre td ,#pre td{border:2px solid #FFF; border-collapse:collapse; margin:0; padding:0;}
#pre table .td2{ padding:10px;}
#pre table　h5{font-size:large;}