@charset "utf-8";
/* 基本要素 */
html {
	overflow-y:scroll;
	background-color: #1C1C1C;
}
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	margin: 0px;
	background-color: #1C1C1C;
	background-image: url(img/bg/bg-body.jpg);
	background-position: center top;
	color: #CCCCCC;
	background-repeat: repeat-x;
}
p {
	padding: 0px;
	line-height: 140%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#container .col700 p {
	line-height: 200%;
}

a {
	color: #CCCCCC;
	text-decoration: none;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
form {
	margin: 0px;
	padding: 0px;
}
li {
	margin-bottom: 6px;
}

/* 見出し関係 */
h1,h2,h3,h4,h5,h6 {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.6em;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0.2em;
}
td {
	font-size: 12px;
}

h1 {
	font-size: 22px;
	color: #FFFFFF;
	background-image: url(img/bg/trans50.png);
	margin-bottom: 10px;
}
h2 {font-size: 17px;color: #FF9900;	background-image: url(img/bg/transw10.png);}
h3 {font-size: 15px;color: #FF9900;	background-image: url(img/bg/trans50.png);}
h4 {font-size: 15px;background-image: url(img/bg/transw20.png);}
h5 {font-size: 14px;border-bottom-width: 1px;
	border-bottom-style: dotted;border-bottom-color: #333333;padding-bottom: 0px;padding-left: 4px;}
h6 {font-size: 12px;}

.h1top {
	font-size: 11px;
	text-align: center;
	color: #FFFFFF;
	padding: 5px;
	font-weight: 100;
	margin-bottom: 0px;
	margin-right: 20px;
	background-color: #000000;
}
.h2top {
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
.h2cat {
	font-size: 14px;
	font-weight: bold;
	color: #FF9900;
	background-image: url(img/bg/trans70.png);
}
.h3custom {
	font-size: 12px;
	color: #FF9900;
	background-image: url(img/bg/trans60.png);
	margin-bottom: 1px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-weight: normal;
	width: 227px;
	float: left;
}
.h3custom a {
	color: #FF9900;
	display: block;
	font-weight: normal;
}



/* レイアウト関係 */
#header {
	width: 940px;
	height: 90px;
	background-image: url(img/banner/main05.jpg);
	background-position: 0px 0px;
	visibility: visible;
	margin-bottom: 1px;
}
.top {
	float: left;
}

.divright {
	float: right;
	font-weight: normal;
}
.divleft {
	float: left;
}
.clear {
	clear: both;
	height: 0px;
}


#yahoo div {
	float: right;
	width: 140px;
	padding-top: 20px;
	line-height: 130%;
	padding-right: 10px;
}

#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	background-image: url(img/bg/trans20.png);
}
#container .footer {
	clear: both;
}
#content {
	float: left;
	width: 720px;
}
#footer {
	background-color: #000000;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	color: #999999;
	font-size: 11px;
	line-height: 130%;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#footer a:hover {
	color: #FF9900;
}

#footer .box {
	float: left;
	margin-left: 36px;
	margin-bottom: 20px;
	text-align: left;
}
#footer li {
	margin-left: 10px;
	list-style-type: none;
}

#footer a {
	color: #999999;
}



/* ナビゲーション関係 */
#primary {
	float: right;
	margin-right: 10px;
	color: #CCCCCC;
	line-height: 2em;
	margin-top: 5px;
}
#primary a {
	color: #CCCCCC;
}
#primary a:hover {
	color: #FF9900;
}
#menu {
	background-image: url(img/bg/trans10.png);
	margin-bottom: 20px;
	margin-right: 20px;
}
.english {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
#menufooter {
	clear: both;
	height: 0px;
}
#menug {
	width: 940px;
	clear: both;
}
#menug a {
	list-style-type: none;
	float: left;
	background-image: url(img/bg/trans0-80.png);
	text-align: center;
	display: block;
	color: #FFFFFF;
	font-size: 10px;
	margin-left: -1px;
	border: 1px solid #666666;
	background-position: 0px 60px;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#menug a:hover {
	display: block;
	color: #FF9900;
	background-image: url(img/bg/trans0-100.png);
	background-position: 0px 50px;
}
#menug .alive {
	background-position: 0px -40px;
	background-image: url(img/bg/trans70.png);
	color: #FF9900;
}
#menuc {
	width: 940px;
	clear: both;
}
#menuc a {
	list-style-type: none;
	float: left;
	text-align: center;
	display: block;
	color: #FFFFFF;
	margin-right: 1px;
	margin-bottom: 1px;
	background-image: url(img/bg/trans50.png);
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;
}
#menuc a:hover {
	display: block;
	color: #FF9900;
	background-image: url(img/bg/trans80.png);
}
#menuc .alive {
	background-position: 0px -40px;
	background-image: url(img/bg/trans70.png);
	color: #FF9900;
}
#menue {
	width: 940px;
	clear: both;
}
#menue a {
	list-style-type: none;
	float: left;
	text-align: center;
	display: block;
	color: #FFFFFF;
	margin-right: 1px;
	margin-bottom: 1px;
	background-image: url(img/bg/trans70.png);
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}
#menue a:hover {
	display: block;
	color: #FF9900;
	background-image: url(img/bg/trans80.png);
}
#menue .alive {
	background-position: 0px -40px;
	background-image: url(img/bg/trans100.png);
	color: #FF9900;
}

/* JavaScript関係 */
#rightbox {
	float: left;
	width: 440px;
	background-image: url(img/trans20.png);
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
/* スライドショー関係 */
#slideshow {
	width: 940px;
	z-index: 1;
	position: relative;
	padding: 0px;
	height: 400px;
}
#slideshow a:hover {
}
#slideshow ul {
	margin: 0px;
	padding: 0px;
}
#slideshow li {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
}
#slideshow .header {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(img/banner/main-t-601.png);
	background-repeat: no-repeat;
	visibility: inherit;
	z-index: 10;
	height: 90px;
}
#slideshow .menu {
	position: absolute;
	z-index: 10;
	left: 2px;
	top: 351px;
	right: 0px;
	bottom: 0px;
}
ul#portfolio li img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
}
#relation {
	clear: both;
	padding-top: 20px;
}
#relation .box {
	padding: 10px;
	float: left;
	width: 213px;
	height: 110px;
}

.col180 {
	float: left;
	width: 215px;
}

/* カラム関係 */
.col220 {
	float: left;
	width: 219px;
}
.h1non {
	padding: 0px;
}
.col220box {
	float: left;
	width: 232px;
	border: 1px solid #666666;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: -1px;
	margin-bottom: -1px;
	position: relative;
}
.col220box a {
	display: block;
	padding: 10px;
	background-image: url(img/bg/transw10.png);
	height: 230px;
}
.col220box a:hover {
	display: block;
	background-image: url(img/bg/transw20.png);
}
.col220boxcat {
	float: left;
	width: 232px;
	border: 1px solid #666666;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: -1px;
	margin-bottom: -1px;
}
.col220boxcat a {
	display: block;
	padding: 10px;
	background-image: url(img/bg/transw10.png);
	height: 240px;
}
.col220boxcat a:hover {
	display: block;
	background-image: url(img/bg/transw20.png);
}
.col220boxws {
	float: left;
	width: 232px;
	border: 1px solid #666666;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: -1px;
	margin-bottom: -1px;
}
.col220boxws a {
	display: block;
	background-image: url(img/bg/transw10.png);
	height: 160px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.col220boxws a:hover {
	display: block;
	background-image: url(img/bg/transw20.png);
}
.col340 {
	float: left;
	width: 340px;
}
.col340box {
	float: left;
	width: 349px;
	background-image: url(img/bg/transw30.png);
	border: 1px solid #999999;
	margin-right: -1px;
	margin-bottom: -1px;
	display: block;
}
.col340box a {
	color: #000000;
	display: block;
	height: 190px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.col340box p {
	margin-bottom: 0px;
}

.col340box a:hover {
	color: #000000;
	display: block;
	background-image: url(img/bg/trans10.png);
}
.col460 {
	float: left;
	width: 460px;
}
.col640 {

	float: left;
	width: 640px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.col700 {float: left;width: 700px;margin-bottom: 20px;margin-right: 20px;}
#col700workshop {
	float: left;
	width: 700px;
	margin-bottom: 20px;
	margin-right: 20px;
}
#col700workshop p {
	line-height: 200%;
}

#col700workshop .photr {float: right;clear: both;margin-left: 20px;}
#col700workshop .photl {float: left;clear: both;margin-right: 20px;}
#col220workshop {float: left;width: 220px;}
#col220workshop a {
	background-image: url(img/bg/transw10.png);
	display: block;
	color: #FFFFFF;
	margin-bottom: 1px;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-size: 11px;
	text-indent: -5px;
	line-height: 100%;
}
#col220workshop a:hover {
	background-image: url(img/bg/trans60.png);
	color: #FF9900;
}
#col220workshop .alive {
	color: #FF9900;
	background-image: url(img/bg/trans80.png);
}
.col900 {
	float: left;
	width: 940px;
	margin-bottom: 20px;
	margin-right: 20px;
}
/* img装飾関係 */
.frame02 {
	float: left;
	border: 1px solid #CCCCCC;
	padding: 9px;
	margin-top: -1px;
	margin-right: -1px;
}
.frame03 {
	padding: 3px;
	background-color: #f9f9f9;
	margin-right: 10px;
	border: 1px solid #dddddd;
}

/* テキスト表示 */
#tooltip{
	position: absolute;
	border: 3px solid #333;
	background: #444;
	padding: 5px;
	color: #FFF;
	display:none;
}
/* 画像表示 */
#preview{
	position: absolute;
	border: 3px solid #FF9900;
	background: #444;
	padding: 5px;
	display: block;
	color: #FFF;
}
#container .preview a {
	display: block;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	color: #FF9900;
}

/* URLプレビュー */
#screenshot{
	position: absolute;
	border: 3px solid #333;
	background: #444;
	padding: 5px;
	display: none;
	color: #FFF;
	text-align: center;
}
/*トップニュース*/
#topnews {
	width: 460px;
	float: left;
	line-height: 140%;
	background-image: url(img/bg/news02.jpg);
}
#topnews .right {
	font-size: 10px;
	color: #6699FF;
	float: right;
	font-weight: normal;
}

#topnews h3 {
	color: #FF9900;
	font-size: 14px;
	margin-bottom: 5px;
	padding: 5px;
	font-weight: bold;
}
#topnews .box {
	clear: both;
	padding-bottom: 5px;
	padding-top: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	background-image: url(img/bg/trans30-0.png);
	background-repeat: repeat-x;
}
#topnews a {
	display: block;
}
/* トップFMC */
#topfmc {
	background-image: url(img/bg/trans70.png);
	width: 440px;
	float: right;
	padding: 10px;
	color: #CCCCCC;
	font-size: 11px;
	margin-bottom: 10px;
}
#topfmc .box {
	text-align: center;
	float: left;
	padding: 5px;
	margin-right: 10px;
	background-color: #666666;
	border: 1px solid #000000;
}

/* トップインフォ */
#topinfomation {
	background-image: url(img/bg/trans30-0.png);
	width: 460px;
	float: right;
	margin-right: 20px;
	background-repeat: repeat-x;
}
/* トップアイテム */

#topitemindex {
	float: left;
	width: 459px;
	background-image: url(img/bg/transw10.png);
	border: 1px solid #000000;
	margin-left: -1px;
	padding-bottom: 10px;
}
#topitemindex .box {
	float: left;
	width: 230px;
	line-height: 130%;
	font-size: 11px;
	margin: 0px;
}
#topitemindex .box a {
	padding: 10px;
	display: block;
}
#topitemindex .box  a:hover {
	background-image: url(img/bg/transw10.png);
}

#topitemindex h4 {
	font-size: 12px;
	padding: 0px;
	margin-right: 10px;
	margin-left: 10px;
}
#topitemindex h4 a {
	display: block;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#topitemindex h4 a:hover {
	color: #FF9900;
}
#topitemindex .boxitem {
	width: 228px;
	float: right;
}
#topitem {
	float: right;
	background-image: url(img/bg/transw10.png);
	margin-bottom: 20px;
	width: 460px;
}
#topitem .box {
	float: left;
	width: 229px;
	border: 1px solid #000000;
	margin-top: -1px;
	margin-left: -1px;
	margin-bottom: 0px;
	margin-right: 0px;
	line-height: 130%;
	font-size: 12px;
}
#boxgallery {
	float: left;
	width: 219px;
	border: 1px solid #000000;
	margin-top: -1px;
	margin-left: -1px;
	margin-bottom: 0px;
	margin-right: 0px;
	line-height: 130%;
	font-size: 12px;
	background-image: url(img/bg/transw10.png);
	padding: 10px;
}
#topitem .box a {
	padding: 10px;
	display: block;
	height: 230px;
}
#topitem .box  a:hover {
	background-image: url(img/bg/transw10.png);
}
#yahoo {
	margin-bottom: 20px;
	background-color: #000000;
	color: #999999;
	height: 250px;
	width: 460px;
	float: right;
}

/* 装飾 マージン関係 */
.t05 {margin-top: 5px;}
.um20 {margin-top: -20px;}

.t10 {margin-top: 10px;}
.t20 {margin-top: 20px;}
.r05 {margin-right: 5px;}
.r10 {margin-right: 10px;}
.r20 {margin-right: 20px;}
.b00 {margin: 0px;}
.b05 {margin-bottom: 5px;}
.b10 {margin-bottom: 10px;}
.b20 {margin-bottom: 20px;}
.l05 {margin-left: 5px;}
.l10 {margin-left: 10px;}
.l20 {margin-left: 20px;}
.crw {color: #FFFFFF;}
.cro {color: #FF9900;}
.crb {color: #000000;}
.cen {text-align: center;}
.twb {font-weight: bold;}
.bg100 {background-image: url(img/bg/trans100.png);}
.bg90 {background-image: url(img/bg/trans90.png);}
.bg80 {background-image: url(img/bg/trans80.png);}
.bg70 {background-image: url(img/bg/trans70.png);}
.bg60 {background-image: url(img/bg/trans60.png);}
.bg50 {background-image: url(img/bg/trans50.png);}
.bg40 {background-image: url(img/bg/trans40.png);}
.bg30 {background-image: url(img/bg/trans30.png);}
.bg20 {background-image: url(img/bg/trans20.png);}
.bg10 {background-image: url(img/bg/trans10.png);}
.pd01 {padding: 1px;}
.pd02 {padding: 2px;}
.pd03 {padding: 3px;}
.pd04 {padding: 4px;}
.pd05 {padding: 5px;}
.pd06 {padding: 6px;}
.pd07 {padding: 7px;}
.pd08 {padding: 8px;}
.pd09 {padding: 9px;}
.pd10 {padding: 10px;}
.pdl10 {padding-left: 10px;}
.pdl20 {padding-left: 20px;}
.pdl30 {padding-left: 30px;}
.ts10 {font-size: 10px;}
.ts12 {font-size: 12px;}
.ts14 {font-size: 14px;}
.ts16 {font-size: 16px;}
.ts18 {font-size: 18px;}
.ts20 {font-size: 20px;}
.ts22 {font-size: 22px;}
.ts24 {font-size: 24px;}
.ts26 {font-size: 26px;}
.ts28 {font-size: 28px;}
.imgshadow {
	background-image: url(img/bg/imgshadow.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 10px;
}
.cartbox {
	text-align: center;
	border: 2px solid #000000;
	background-image: url(img/bg/trans-o80.png);
	color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
}
.cartbox img {
	padding-bottom: 4px;
}

.EntPrice {
	font-weight: bold;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
.headcopy {
	font-size: 12px;
	float: right;
	font-weight: normal;
	vertical-align: bottom;
}

/* プレ装飾　削除予定
.caption {
	float: left;
	padding: 6px;
	background-image: url(img/trans50.png);
	line-height: 120%;
	margin-right: 1px;
	display: block;
	margin-bottom: 1px;
	width: 220px;
}
.button {
	background-color: #333333;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #666666;
	color: #FF9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.cateindeximg {
	float: left;
	margin-right: 5px;
}
.cateindextext {
	float: right;
	width: 220px;
}

 */
/*.h1entry {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(img/bg/trans70.png);
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.8em;
}
.h2custom {
	font-size: 14px;
	font-weight: bold;
}
.h3enttitle {
	font-size: 12px;
	color: #FF9900;
	background-image: url(img/bg/trans80.png);
	font-weight: bold;
	text-align: center;
	margin-bottom: 1px;
	padding: 5px;
}*/
td {
	color: #000000;
}
.fmc {
}
#container .fmc li {
	line-height: 130%;
	list-style-type: square;
	margin-bottom: 10px;
}
#container .fmc ul {
	margin-left: 0px;
	padding-left: 20px;
}
.pricebox {
	position: absolute;
	top: 220px;
	width: 212px;
	text-align: center;
}
.toph3 {
	text-align: right;
	color: #6699FF;
	font-size: x-small;
	width: 440px;
	background-image: url(img/bg/trans50.png);
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	height: 18px;
	margin-bottom: 10px;
}
#topnews .toph3 h3 {
	float: left;
	background-image: url(img/bg/trans10.png);
	padding: 0px;
}
#ownerfloor {
	width: 940px;
	background-image: url(custom/ownerseoom/img/floor.jpg);
	text-align: center;
	height: 100px;
	background-position: 0px top;
	box-shadow: 0px -20px 50px 0px rgba(0,0,0,1.0);
	clear: both;
}
#ownerwall {
	background-image: url(custom/ownerseoom/img/wall.jpg);
	background-position: 0px top;
	margin-bottom: -10px;
	padding-bottom: 20px;
	width: 940px;
	padding-top: 20px;
}
#ownerwall h1 {
	background-image: url(img/bg/trans00.png);
	text-align: center;
	color: #FF9900;
}
#ownerwall .banner {
	box-shadow: 0px 40px 30px -10px rgba(0,0,0,0.8);
}


#ownerwall .wrap {
	padding-top: 0px;
	padding-right: 100px;
	padding-bottom: 0px;
	padding-left: 100px;
	width: 740px;
	margin: 0px;
}
#ownerwall .box {
	width: 300px;
	box-shadow: 0px 5px 20px 10px rgba(0,0,0,0.8), 0px 0px 15px 0px rgba(0,0,0,0.8) inset;
	background-image: url(img/bg/transw60.png);
	border: 5px solid #FFFFFF;
	padding: 10px;
	float: left;
	margin: 20px;
}

