* {
	margin:0;
	padding:0;
	font-style: normal;
	font-weight: normal;
	line-height:1;
	font-family:arial,sans-serif;
	font-size: 13px;
	list-style:none;
	color: #000;
	text-decoration: none;
}
body {
	background-color:#fff;
}
small {
	font-size:80%;
}
img { -ms-interpolation-mode: bicubic; }
.cleared {
	clear:both;
	font-size:0px;
	height:0px;
	display:block;
	border:none;
	color:#fff;
	overflow:hidden;
}
p.endspace {
	
}
a img {
	border:none;
}
a.here {
	background-image: url(img/here.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display:block;
	padding:5px 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}
a.more {
	margin-top:-0.5em;
	border:none;
	text-align:right;
	padding-right:22px;
	font-weight:bold;
}
a.link {
	background-image: url(img/here.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding:5px 24px 5px 0px;
	color:#FF3399;
}
form label {
	display:block;
	line-height:150%;
	
}
#maildetail {
	float:right;
	width:26em;
	display:block;
	line-height:150%;
}

/* LAYOUTS */
/* ---------------------------------------------- */
#container {
	width:952px;
	margin-left:auto;
	margin-right:auto;
}
#inner {
	background-image: url(img/dot_line.gif);
	background-repeat: repeat-y;
	background-position: left top;
	clear:both;
	margin-bottom:2em;
}

#leftbar,#rightbar {
	width:200px;
}
#leftbar {
	padding-right:12px;
}
#rightbar {
	padding-left:12px;
}

#leftbar,#rightbar,#main {
	float:left;
	margin-bottom:30px;
}
#main {
	width:500px;
	padding:0 12px;
}
.headDiv {
	/*min-height:360px;*/
	margin-bottom:30px;
}

/* HEADER */
/* ---------------------------------------------- */
h1 a {
	display:block;
	width:469px;
	height:125px;
	background-image: url(img/logo_new.gif);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-9999em;
	margin:19px auto 23px auto;
}
/* NAV */
#nav li {
	float:left;
	text-align:left;
}
#nav {
	height:35px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-bottom:31px;
	
}
#nav li a {
	display:block;
	width:90px;
	height:24px;
	background-image: url(img/nav5.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999em;
	margin:0;
	padding:0;
}
#nav li a.n01 {width:112px;}
#nav li a.n02 {}
#nav li a.n03 {width:126px;background-position: -112px top;}
#nav li a.n04 {width:132px;background-position: -238px top;}
#nav li a.n05 {width:117px;background-position: -370px top;}
#nav li a.n06 {width:114px;background-position: -487px top;}
#nav li a.n07 {width:124px;background-position: -601px top;}
#nav li a.n08 {width:134px;background-position: -725px top;}
#nav li a.n09 {width:90px;background-position: -859px top;}

#nav li a.n01:hover,#nav li a.n01.hereis {width:112px;background-position: left -24px;}
#nav li a.n02:hover,#nav li a.n02.hereis {}
#nav li a.n03:hover,#nav li a.n03.hereis {width:126px;background-position: -112px -24px;}
#nav li a.n04:hover,#nav li a.n04.hereis {width:132px;background-position: -238px -24px;}
#nav li a.n05:hover,#nav li a.n05.hereis {width:117px;background-position: -370px -24px;}
#nav li a.n06:hover,#nav li a.n06.hereis {width:114px;background-position: -487px -24px;}
#nav li a.n07:hover,#nav li a.n07.hereis {width:124px;background-position: -601px -24px;}
#nav li a.n08:hover,#nav li a.n08.hereis {width:134px;background-position: -725px -24px;}
#nav li a.n09:hover,#nav li a.n09.hereis {width:90px;background-position: -859px -24px;}


#nav li a.n08 {
	margin:0;
}


/* MAIN */
/* ---------------------------------------------- */
#main {

}
#main h2 {
	height:40px;
	font-size:1.2em;
	font-weight:bold;
}
#main h2 a {
	background-image: url(img/title_news.gif);
	background-repeat: no-repeat;
	background-position: -6px top;
	text-indent:-9999em;
	display:block;
	height:37px;
	margin-top:-11px;
}
#main h2.twitt {
	background-image: url(img/title_twitter.gif);
	background-repeat: no-repeat;
	background-position: -6px top;
	text-indent:-9999em;
	display:block;
	height:42px;
	/*margin-top:40px*/
}
#main h2 a:hover {background-image: url(img/title_news_ovr.gif);}

#main .aTopic {
	clear:both;
	padding-bottom:0;
	margin-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
#main .aTopic.twitt {
	clear:both;
	padding-bottom:8px;
	margin-bottom:12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	
}
#main .aTopic.twitt * {
	font-size:0.95em;
}
#main .aTopic.twitt p {
	margin:-0.2em 0;
}

#main .aTopic.twitt a {
	cursor:pointer;
}
#main p a.twitback {
	cursor:pointer;
	background-image: url(img/here.gif);
	background-repeat: no-repeat;
	background-position:10.5em center;
	display:block;
	padding:5px 0;
}
#main .aTopic.end {
	border-bottom:none;
	margin-bottom:0;
}
#main .aTopic a.icons,#main .aTopic a.twitthis {
	background-color:#fff;
	display:block;
	float:left;
}
#main .aTopic a.icons img,#main .aTopic a.twitthis img {
	border: 1px solid #999999;
	height:60px;
	width:60px;
}

#main .aTopic a {
	color:#ff3087;
}
#main .aTopic a.name {
	margin-right:0.5em;
}
#main .aTopic div {
	width:425px;
	float:right;
}
#main .aTopic p {
	line-height:160%;
	
}
#main .aTopic p span {
	color:#CCCCCC;
	line-height:170%;
}

#main a.here {
	background-position: right center;
	text-align:right;
	padding-right:22px;
}


#main .aTopic .title {
	color:#ff3087;
	display:block;
	line-height:160%;
}
#main .aTopic .title:hover {
	color:#FF99CC;
}
#main .aTopic .postimg {
	height:110px;
	width:110px;
	padding:3px;
	border: 1px solid #999999;
	float:right;
	margin-left:1em;
}
#main .aTopic .postimg div {
	overflow:hidden;
	float:none;
	text-align:center;
	width:110px;
	height:110px;
}
#main .aTopic .postimg img {
	height:110px;
	/*margin-left:-35%;*/
}
/* ARCHIVE */
/* ---------------------------------------------- */
#main.archivepage h3 a {
	font-size:1.2em;
	font-weight:bold;
	line-height:200%;
	margin-bottom:1em;
	color:#000;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	display:block;
}
#main.archivepage p {
	line-height:170%;
	padding-bottom:1em;
}
#main.archivepage h4 {
	display:block;
	text-align:right;
	color:#CCCCCC;
	font-weight:bold;
	margin-bottom:1em;
}
#main .aPost {
	margin-bottom:3em;
}
#main .aPost img {
	/*margin-bottom:1em;*/
}
.navigation .alignleft,.navigation .alignright {
	float:right;
	padding-right:20px;
	background-image: url(img/hereS.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
.navigation {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	padding-top:1em;
}
.navigation .alignleft a,.navigation .alignright a {
	line-height:200%;
	font-size:12px;
	color:#FF99CC;
}
.navigation .alignright {
	float:left;
	padding-left:20px;
	background-image: url(img/hereSR.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.postbody img {
	/*padding-bottom:1em;*/
}

/* PAGE */
/* ---------------------------------------------- */
#main.page h1 {font-size:1.4em;}
#main.page h2 {font-size:1.3em;}
#main.page h3 {
	font-size:1.2em;
	font-weight:bold;
	line-height:200%;
	margin-bottom:1em;
}
#main.page p {
	line-height:170%;
	margin-bottom:1.7em;
	font-size:0.95em;
}
#main.page .aShop p {
	margin-bottom:0;
}

/* POSTS */
/* ---------------------------------------------- */
/* css pattern */
/* ---------------------------------------------- */
.single .aPost .postbody h2 { font-size:1.35em;padding:1em 0;font-weight:bold;}
.single .aPost .postbody h3 { font-size:1.25em;padding:1em 0;font-weight:bold;}
.single .aPost .postbody h4 { font-size:1.15em;padding:1em 0;font-weight:bold;}

.single .aPost .postbody blockquote {
	padding:1em;
	background-color:#F2F2F2;
	margin:1em 0;
}


/* CATEGORY */
/* ---------------------------------------------- */
/* NEWS */
/* ---------------------------------------------- */
#main .aPost.news .imgBox {
	width:140px;
	height:50px;
	overflow:hidden;
	float:left;
	padding-right:1em;
}
#main .aPost.news .imgBox img {
	width:140px;
	margin-top:-10%;
}
#main .aPost.news h4 {
	text-align:right;
	font-weight:normal;
}
#main .aPost.news a {
	color:#ff3087;
	line-height:150%;
}
#main .aPost.news a small {
	text-align:right;
	display:block;
	line-height:160%;
}
#main .aPost.news {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom:8px;
	margin-bottom:1em;
}
#main .aPost.news p {
	line-height:130%;
}
#main .navigation.NEWS {
	margin-top:-14px;
}
/* PRESS */
/* ---------------------------------------------- */
#main .aPost.press .imgBox {
	float:left;
	padding-right:1em;
	margin-bottom:4em;
}
#main .aPost.press .imgBox img {
	width:130px;
	padding:3px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
}
#main .aPost.press h4 {
	font-weight:normal;
	text-align:left;
	padding-top:1em;
}
#main .aPost.press a {
	display:block;
	font-size:11px;
	color:#ff3087;
	line-height:160%;
}

#main .aPost.press a.title {
	font-size:1em;
	padding-bottom:1em;
	color:#ff3087;
}
#main .aPost.press {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom:1em;
	margin-bottom:1em;
}
#main .aPost.press a:hover {
	color:#FF99CC;
}
#main .aPost.press p {
	line-height:130%;
}
#main .navigation.PRESS {
	margin-top:-14px;
}

/* LEFTBAR RIGHTBAR COMMON */
/* ---------------------------------------------- */
#leftbar .inner {
	margin-bottom:30px;
}
#leftbar h2,#rightbar h2 {
	height:34px;
	font-size:1.2em;
	font-weight:bold;
}
#main h2, #leftbar h2,#rightbar h2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-bottom:0.5em;
}
#leftbar h2 a {
	background-image: url(img/h2_news.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999em;
	display:block;
	height:30px;
}
#leftbar h2.vision {
	background-image: url(img/h2_vision.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999em;
	display:block;
	height:30px;
}
#leftbar h2.works a {background-image: url(img/h2_works.gif);}
#leftbar h2.shop a {background-image: url(img/h2_shop.gif);}
#leftbar h2.company a {background-image: url(img/h2_company.gif);}
#leftbar h2.press a {background-image: url(img/h2_press.gif);}
#leftbar h2.recruit a {background-image: url(img/h2_recruit.gif);}
#leftbar h2.moblog {height:27px;}
#leftbar h2.moblog a {background-image: url(img/h2_moblog.gif);height:27px;}
#leftbar h2.gifani a {
	background-image: url(img/title_topics.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999em;
	display:block;
	height:30px;
	margin-top:-5px;
}
#leftbar h2.gifani a:hover {background-image: url(img/title_topics_ovr.gif);}

#leftbar .ustream h2 {height:65px;margin-top:-10px;}
#leftbar .ustream h2.gifani a {
	background-image: url(img/title_ust.gif);
	height:44px;}
#leftbar .ustream h2.gifani a:hover {background-image: url(img/title_ust_ovr.gif);}

#leftbar .shoplist h2.gifani a {background-image: url(img/title_shop.gif); }
#leftbar .shoplist h2.gifani a:hover {background-image: url(img/title_shop_ovr.gif);}





#leftbar h2 a,#rightbar h2 a,#main h3 a{
	
}
/* TOPICS */

#rightbar .topics ul li a span {
	color:#FF3399;
	font-weight:bold;
	display:block;
	height:3em;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FF3399;
	float:left;
	padding:0 5px;
	background-color:#FFF;
	font-size:11px;
}
#rightbar .topics ul li a em {
	font-size:12px;
	display:block;
	height:2em;
	overflow:hidden;
	padding:2px 4px 2px 0;
	color:#585858;
}
#leftbar .topics ul li a:visited em {color:#CCCCCC;}
#leftbar .topics ul li a:hover em {color:#FFFFFF; background-color:#FF3399;}
#leftbar .topics ul li a:active em {color:#FF3399;background-color:#FFF;}
#leftbar.archives .topics ul li a span {
	color:#000;
}
#leftbar.normalP .topics ul li a span {
	text-indent:-1.75em;
	overflow:hidden;
}
#leftbar.archives .topics ul li a span.here,#leftbar.archives .topics ul li a:hover span {
	color:#FF3399;
}
#leftbar .topics ul li {
	clear:left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom:10px;
	margin-bottom:10px;
}
#leftbar .topics ul li.end {
	margin-bottom:0;
	border:none;
}
/* SHOP LIST */
#leftbar .shoplist h2 {
	height:20px;
}
#leftbar .shoplist p {
	font-size:11px;
	color:#CCCCCC;
	margin-bottom:10px;
}
#leftbar .shoplist ul li a img {
	width:200px;
	height:55px;
	margin:0 0 0 0;
}
#leftbar .shoplist ul li a {
	display:block;
	background-color:#FF99CC;
}
#leftbar .shoplist ul li a:hover {
	background-color:#FF3399;
}
#leftbar .shoplist ul li a span {
	background-image: url(img/hereP.gif);
	background-repeat: no-repeat;
	background-position: 180px center;
	display:block;
	padding:5px 5px;
	color:#fff;
	font-size:11px;
}
#leftbar .shoplist ul li a:hover span {
	background-image: url(img/herePW.gif);
}
#leftbar ul li,#rightbar ul li {
	
}

#leftbar ul li a,#rightbar ul li a {

}

/* PRESS */
#leftbar ul li a,#rightbar ul li a {

}


/* SHOP */
/* ---------------------------------------------- */
#leftbar h3 {
	color:#FF3399;
	font-weight:bold;
	margin-bottom:1em;
}
#leftbar .topics .shopList li a span {
	font-weight:normal;
}
.aShop {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom:12px;
	margin-bottom:12px;
}
.aShop div {
	width:280px;
	float:right;
}
#main.page .aShop h3 {
	line-height:100%;
	font-size:1em;
	margin-bottom:2em;
}
#main.page .aShop a {
	text-align:right;
	display:block;
	font-size:0.9em;
	color:#FF3399;
}
#main.page .aShop h4 {
	text-align:right;
	line-height:200%;
	font-size:0.8em;
	color:#CCCCCC;
}



/* RIGHTBAR */
/* ---------------------------------------------- */
#rightbar {
	margin-bottom:2em;
}
#rightbar h2 {
	margin-top:1.2em;
	background-image: url(img/title_info.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:-9999em;
	display:block;
	height:37px;
}

/* TOPICS */
#rightbar .topics {
	margin-bottom:10px;
	
}

#rightbar .topics a div {
	width:200px;
	height:80px;
	overflow:hidden;
}
#rightbar .topics a img {
	width:200px;
	margin-top:-10%;
}
#rightbar .topics a.here {
	font-size:11px;
	border:none;
	color:#585858;
	background-position: 181px center;
	line-height:150%;
	padding-left:0;padding-right:2em;
}
#rightbar .topics a.here span {
	line-height:150%;
	margin-right:8px;
}
#rightbar .topics a.here:visited { color:#CCCCCC;}
#rightbar .topics a.here:hover { color:#FFF; background-color:#FF3399;background-image: url(img/herePW.gif);}

#rightbar .topics a.here:active { color:#FF3399; background-color:#FFF;background-image: url(img/hereP.gif);}

#rightbar .info li a img {
	width:82px;
	height:109px;
	float:left;
	margin-right:1em;
	margin-bottom:1em;
	border: 1px solid #CCCCCC;
}
#rightbar .info li a.here {
	font-size:11px;
	border:none;
	color:#FF99CC;
	background-position: right bottom;
	background-image: url(img/hereS.gif);
	line-height:140%;
}
#rightbar .info li a.here:hover,#rightbar .info li a.here:hover span { color:#FF3399;}

#rightbar .info li a span {
	display:block;
	font-size:11px;
	color:#FF99CC;
	padding-top:1em;
}

#rightbar .info li{
	clear:both;
}


/* USTREAM */
embed {
	margin:-1em 0 1em 0;
}
a.ust {
	text-align:right;
	color:#A3A3A3;
	display:block;
}
/*TWITTER*/
#twitter li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3A3A3;
}
#twitter li a.uImg {

}
#twitter li a.uImg img{
	border:0;
}
#twitter li p {
	float:right;
	display:block;
	width:14em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	margin-top:-0.2em;
	margin-bottom:1em;
	line-height:130%;
}
#twitter li p a{
	color:#F40E76;
}
.joinUs {
	text-align:right;
	margin-top:-0.5em;
	display:block;
	color:#A3A3A3;
}


/* FOOTER */
/* ---------------------------------------------- */
#footer {
	clear:both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	padding:1em 0 2em 0;
}
address,#footer a {
	line-height:20px;
	font-size:11px;
	color:#CCCCCC;
	float:left;
}
address a {
	background-image: url(img/logo_footer.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display:block;
	width:253px;
	height:22px;
	text-indent:-9999em;
	float:left;
}
#footernav {
	float:right;
}
#footernav li {
	float:left;
}
#footernav li a {
	background-image: url(img/footernav0723.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	width:40px;
	height:32px;
	text-indent:-9999em;
	margin-top:-0.5em;
}
#footernav li a.fn01:hover { background-position: left -32px;}
#footernav li a.fn02 { width:46px;background-position: -40px top;}
#footernav li a.fn02:hover { width:46px;background-position: -40px -32px;}
#footernav li a.fn03 { width:44px;background-position: -86px top;}
#footernav li a.fn03:hover { width:44px;background-position: -86px -32px;}
#footernav li a.fn04 { width:43px;background-position: -130px top;}
#footernav li a.fn04:hover { width:43px;background-position: -130px -32px;}
#footernav li a.fn05 { width:39px;background-position: -173px top;}
#footernav li a.fn05:hover { width:39px;background-position: -173px -32px;}
#footernav li a.fn06 { width:28px;background-position: -212px top;}
#footernav li a.fn06:hover { width:28px;background-position: -212px -32px;}
#footernav li a.fn07 { width:40px;background-position: -240px top;}
#footernav li a.fn07:hover { width:40px;background-position: -240px -32px;}
#footernav li a.fn08 { width:40px;background-position: -280px top;}
#footernav li a.fn08:hover { width:40px;background-position: -280px -32px;}



/* moblog */
#main .aPost.moblog .imgBox img {
max-width:500px;
}
.mobloglist a{
	display:block;
	height:30px;
	width:30px;
	overflow:hidden;
	margin:0 4px 4px 0;
	float:left;
}
#leftbar h3.mobarchive {
	color:#000;
	padding-top:1em;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
	margin:0.5em 0 0.5em 0;
}


/* ADD CLASS */

#main .aTopic a:visited, #main .postbody a:visited, #main .aPost a:visited { color:#8C8C8C;}
#main .aTopic a:hover, #main .postbody a:hover, #main .aPost a:hover { color:#ff3087;}
#main .aTopic a:active, #main .postbody a:active, #main .aPost a:active { color:#FF99CC;}
a[target="_blank"]{ color:#FF99CC;}


form.wpcf7-form p em {
	width:9em;
	float:left;
	display:block;
	font-weight:bold;
}
span.wpcf7-list-item {
display:block;
margin-bottom:1em;
}

#main #twitList a.twitthis img,#main #twitList a.twitback img {
border:1px solid #999999;
height:30px;
width:30px;
margin-right:0.5em;
}
#main #twitList a.twitthis img:hover,#main #twitList a.twitback img:hover{
border:1px solid #FF3087;
cursor:pointer;
}
a.twitticon img{
border:1px solid #999999;
height:60px;
width:60px;
margin-right:0.5em;
}

#main #twitList {
margin-bottom:2em;}
#main #twitList p {
	display:block;
	width:5.8em;
	float:left;
	height:30px;
	font-weight:bold;
	font-size:0.9em;
	padding-top:1em;
}

#rightbar p a.more {
	font-size:13px;
	color:#000;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px dotted #666666;
	margin-bottom:1em;
	background-position:181px center;
}
