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

* {
	margin:0px;
	padding:0px;
	/*font-family: hirakakupro-w3, Verdana, arial, "ms pgothic", sans-serif;*/
	/*font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;*/
	font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

body {
	margin:0px;
	padding:0px;
	font-size: 12px;
	color: #000000;
}

img {
	vertical-align:bottom;
}

a:link,
a:visited {
	color: #3333CC;
	text-decoration: underline;
	
}

a:hover,
a:active {
	color: #9AB0AA;
	text-decoration: underline;
}

a img {
	border: 0;
}

.clear {
	clear:both;
}

.mb10 {
	margin-bottom: 10px;
	display:block;
}

.reader {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute;
}

.small {
	font-size: 10px;
}

.big16 {
	font-size: 16px;
}

.big16 {
	font-size: 16px;
}

.red {
	color: #FF0000;
}

.fLeft {
	float: left;
}

.fRight {
	float: right;
}

/* default */
div#container {
	margin: 0;
	padding: 0;
	text-align: center;
}

div#wrapper {
	width: 955px;
	margin: 22px auto 0;
}

div#header {
	height: 62px;
	text-align: center;
	margin-bottom: 16px;
}

div#header_inner {
	margin: 0;
	padding: 0;
}

div#header_inner h1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 226px;
}

div#header_inner h1 a {
	background: url(../images/logo_on.jpg) no-repeat;
	display:block;
}

div#header_inner h1 a:hover {
	visibility: visible;
}

div#header_inner h1 a:hover img {
	visibility: hidden;
}

div#contents,
div#contents_top {
	clear:both;
	text-align: center;
}

div#contents div#cLeft,
div#contents_top div#cLeft {
	float: left;
	width: 243px;
	text-align: left;
}

* html body div#contents div#cRight {
	float: right;
	width: 680px;
	text-align: center;
	margin: 0 10px 20px 0;
}

div#contents div#cRight {
	float: right;
	width: 680px;
	text-align: center;
	margin: 0 10px 20px 22px;
}

div#contents_top div#cRight {
	float: right;
	width: 700px;
	text-align: left;
	margin: 0 0 20px 12px;
}

div#footer {
	padding-bottom: 7px;
	border-bottom: 7px solid #1F1198;
}
/* Header menu
------------------------------------------------ */
div#globalmenu {
	float: right;
	height: 22px;
	text-align: center;
	width:630px;
	margin-top: 35px;
}

div#globalmenu ul {
	list-style: none;
	width:631px;
	margin-left: 0;
	padding: 0;
}

div#globalmenu ul li.menubtn {
	float: left;
	display: block;
	height: 22px;
	margin-left: 1px;
	padding: 0;
}

div#globalmenu ul li.menubtn a {
	background-repeat: no-repeat;
	display: block;
	height: 22px;
}

div#globalmenu ul li.menubtn a:hover {
	visibility: visible;
}

div#globalmenu ul li.menubtn a:hover img {
	visibility: hidden;
}

div#globalmenu ul li.stay a.stay:hover img {
	visibility:visible;
}

div#globalmenu ul li.menubtn .menu01 {
	width: 78px;
	background-image: url(../images/menu_netshop_over.gif);
}

div#globalmenu ul li.menubtn .menu02 {
	width: 62px;
	background-image: url(../images/menu_recruit_over.gif);
}

div#globalmenu ul li.menubtn .menu03 {
	width: 82px;
	background-image: url(../images/menu_inquiry_over.gif);
}

div#globalmenu ul li.menubtn .menu04 {
	width: 119px;
	background-image: url(../images/menu_privacy_over.gif);
}

div#globalmenu ul li.menubtn .menu05 {
	width: 81px;
	background-image: url(../images/menu_sitemap_over.gif);
}

/* Footer
------------------------------------------------ */
div#footer div#footer_logo {
	float: left;
}

address#copyright {
	text-align:right;
	padding: 0;
	margin: 0;
}

div#footermenu {
	float: right;
	font-size: 10px;
}

div#footermenu ul {
	text-align: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

div#footermenu ul li.footerbtn {
	float: left;
	padding: 0;
}

/* contents common
------------------------------------------------ */
div#cRight div#cRight_inner {
	margin: 0 auto;
	width: 650px;
	text-align: left;
	line-height: 140%;
}

div#cRight div#pankuzu {
	text-align: right;
	margin-bottom: 10px;
	font-size: 10px;
}

div#contents div#cRight h1 {
	margin-bottom: 15px;
}

div#cRight h2 {
	margin-bottom: 15px;1
}

div#cRight h3 {
	font-size: 14px;
	color: #1F1198;
	margin-bottom: 10px;
}

div#cRight h3 img {
	margin-right: 8px;
}

div#cRight p {
	margin: 0 0 15px;
	line-height: 1.8em;
}

div#cRight p.pagetop {
	text-align: right;
	padding:  15px 3px 5px;
	font-size: 10px;
	clear: both;
	border-top: 1px solid #B8B8B8;
}

div#cRight p.pagetop_noline {
	text-align: right;
	padding:  15px 3px 5px;
	font-size: 10px;
	clear: both;
}

div#cRight div.box {
	clear: both;
	padding-bottom: 20px;
}

div#cRight div.redbox {
	clear: both;
	border: 1px solid #FF0000;
	margin-bottom: 20px;
	padding: 10px 10px 0px;
}

div#cRight div.titlebase {
	width: 630px;
	height: 25px;
	background: url(../images/subtitle_bg.jpg) no-repeat;
	padding-left: 20px;
	padding-top: 10px;
	font-weight: bold;
	margin-bottom: 20px;
}

div.leftbox {
	float: left;
	padding-right: 20px;
}

div.rightbox {
	float: left;
	color: #333333;
}

div#cLeft ul#mainmenu,
div#cLeft ul#directormenu,
div#cLeft ul#writermenu {
	list-style: none;
	margin-bottom: 18px;
	padding: 0;
}

div#cLeft ul#directormenu,
div#cLeft ul#writermenu {
	width: 243px;
	list-style: none;
	margin-bottom: 18px;
	padding-bottom: 4px;
	background:url(../images/sidemenu_footer.gif) left bottom no-repeat;
}

div#cLeft ul#mainmenu li {
	width: 243px;
	height: 69px;
	margin-bottom: 2px;
}

div#cLeft ul#directormenu li,
div#cLeft ul#writermenu li {
	width: 243px;
	height: 52px;
}

div#cLeft ul#mainmenu li.mainmenubtn a {
	width: 243px;
	background-repeat: no-repeat;
	height: 69px;
	display: block;
}

div#cLeft ul#directormenu li.mainmenubtn a,
div#cLeft ul#writermenu li.mainmenubtn a {
	width: 243px;
	background-repeat: no-repeat;
	height: 52px;
	display: block;
}

div#cLeft ul#mainmenu li.mainmenubtn a:hover,
div#cLeft ul#directormenu li.mainmenubtn a:hover,
div#cLeft ul#writermenu li.mainmenubtn a:hover {
	visibility: visible;
}

div#cLeft ul#mainmenu li.mainmenubtn a:hover img,
div#cLeft ul#directormenu li.mainmenubtn a:hover img,
div#cLeft ul#writermenu li.mainmenubtn a:hover img {
	visibility: hidden;
}


/* ------------------------------------------------ */
div#cLeft  h1 {
	margin-bottom: 6px;
}

/* mainmenu
------------------------------------------------ */
div#cLeft ul#mainmenu li.mainmenubtn .menu01 {
	height: 69px;
	background:url(../images/main_menu_woks_over.gif) left top no-repeat;
}

div#cLeft ul#mainmenu li.mainmenubtn .menu02 {
	height: 69px;
	background:url(../images/main_menu_staff_over.gif) left top no-repeat;
}

div#cLeft ul#mainmenu li.mainmenubtn .menu03 {
	height: 69px;
	background:url(../images/main_menu_creator_over.gif) left top no-repeat;
}

div#cLeft ul#mainmenu li.mainmenubtn .menu04 {
	height: 69px;
	background:url(../images/main_menu_corp_over.gif) left top no-repeat;
}

/* directormenu
------------------------------------------------ */
div#cLeft ul#directormenu li.mainmenubtn .menu01 {
	height: 52px;
	width: 243px;
	background:url(../images/director_01_over.gif) left top no-repeat;
}

div#cLeft ul#directormenu li.mainmenubtn .menu02 {
	height: 52px;
	width: 243px;
	background:url(../images/director_02_over.gif) left top no-repeat;
}

div#cLeft ul#directormenu li.mainmenubtn .menu03 {
	height: 52px;
	width: 243px;
	background:url(../images/director_03_over.gif) left top no-repeat;
}

div#cLeft ul#directormenu li.mainmenubtn .menu04 {
	height: 52px;
	width: 243px;
	background:url(../images/director_04_over.gif) left top no-repeat;
}

div#cLeft ul#directormenu li.mainmenubtn .menu05 {
	height: 52px;
	width: 243px;
	background:url(../images/director_05_over.gif) left top no-repeat;
}

div#cLeft ul#directormenu li.mainmenubtn .menu06 {
	height: 52px;
	width: 243px;
	background:url(../images/director_06_over.gif) left top no-repeat;
}

/* writermenu
------------------------------------------------ */
div#cLeft ul#writermenu li.mainmenubtn .menu01 {
	height: 52px;
	width: 243px;
	background:url(../images/writer_01_over.gif) left top no-repeat;
}

div#cLeft ul#writermenu li.mainmenubtn .menu02 {
	height: 52px;
	width: 243px;
	background:url(../images/writer_02_over.gif) left top no-repeat;
}

/* Top contents_top
------------------------------------------------ */
div#contents_top div#cRight h1 {
	margin-bottom: 6px;
}

div#top_flash_area {
	width: 700px;
	height: 282px;
	margin-bottom: 18px;
	padding: 0;
}

div#news_flash_area {
	width: 388px;
	height: 314px;
	margin: 0;
	padding: 0;
}

div#contents_top div#cRight div#innerLeft {
	float: left;
	width: 388px;
	text-align: left;
}

div#contents_top div#cRight div#innerRight {
	float: right;
	width: 300px;
	text-align: left;
	margin-left: 12px;
}

dl#top_blog {
	padding: 0;
	line-height: 1.8em;
	border-bottom: 1px solid #CCCCCC;
}

* html body dl#top_blog dt {
	margin: 0;
	padding: 0.7em 0 0.1em 0.5em;
	border-top: 1px solid #ccc;
	width: 5em;
	float: left;
	color: #333;
}

*+html body dl#top_blog dt {
	margin: 0;
	padding: 0.3em 0 0.1em 0.5em;
	border-top: 1px solid #ccc;
	width: 5em;
	float: left;
	color: #333;
}

html[xmlns*=""] body:last-child dl#top_blog dt {
	margin: 0;
	padding: 0.5em 0 0.1em 0.5em;
	border-top: 1px solid #ccc;
	width: 5em;
	float: left;
	color: #333;
}

dl#top_blog dt {
	margin: 0;
	padding: 0.09em 0 0.1em 0.5em;
	border-top: 1px solid #ccc;
	width: 5em;
	float: left;
	color: #333;
}
	
dl#top_blog dd {
	margin: 0 0 0 5em;
	padding: 0.3em 0.5em;
	border-top: 1px solid #ccc;
	color: #999;
}

div.top_big_banner a {
	display:block;
	border: 1px solid #FFFFFF;
}

div#top_banner_area a {
	margin-bottom: 6px;
	display:block;
	width: 95px;
	float: left;
	border: 1px solid #FFFFFF;
}

div.top_big_banner a:hover,
div#top_banner_area a:hover {
	border: 1px solid #0066FF;
}

div#top_banner_area a.bannercenter {
	margin-left: 4px;
	margin-right: 4px;
}


/* Works contents
------------------------------------------------ */
div#cRight div#cRight_inner div.btn_detail {
	float: right;
	text-align: right;
	background: url(../../works/images/btn_detail_over.gif) right top no-repeat;
}

div#cRight div#cRight_inner div.btn_detail a {
	display: block;
	width: 120px;
}

div#cRight div#cRight_inner div.btn_detail a:hover {
	visibility: visible;
}

div#cRight div#cRight_inner div.btn_detail a:hover img {
	visibility: hidden;
}

/* Works contents 作品詳細
------------------------------------------------ */
div#cRight div.detailbox {
	clear: both;
}

dl#work_detail_t {
	padding: 0;
	line-height: 1.8em;
	background-color: #F3F3F3;
}
dl#work_detail_t dt {
	margin: 0;
	padding: 0.3em 0.5em 0.3em 1em;
	border-top: 2px solid #ccc;
	width: 150px;
	float: left;
	color: #333;
}
	
dl#work_detail_t dd {
	margin: 0 0 0 150px;
	padding: 0.3em 0.5em 0.3em 3em;
	border-top: 2px solid #ccc;
	color: #1F1198;
	font-weight: bold;
}

dl#work_detail_t dd span.fontcolor {
	color: #333;
	font-weight: normal;
}


dl#work_detail {
	padding: 0;
	margin-bottom: 10px;
	line-height: 1.8em;
	border-bottom: 2px solid #ccc;
}

dl#work_detail {
	background-color: #F3F3F3;
}

dl#work_detail dt {
	margin: 0;
	padding: 0.3em 0.5em 0.3em 1em;
	border-top: 1px solid #ccc;
	width: 150px;
	float: left;
	color: #333;
}
	
dl#work_detail dd {
	margin: 0 0 0 150px;
	padding: 0.3em 0.5em 0.3em 3em;
	border-top: 1px solid #ccc;
	color: #333;
	background-color: #FFFFFF;
}

/* About us
------------------------------------------------ */
div#cRight div.aboutbox {
	clear: both;
}

dl#about {
	padding: 0;
	margin-bottom: 10px;
	line-height: 1.8em;
	border-bottom: 1px solid #ccc;
	background-color: #F3F3F3;
}

dl#about dt {
	margin: 0;
	padding: 0.3em 0.5em 0.3em 1em;
	border-top: 1px solid #ccc;
	width: 150px;
	float: left;
	color: #333;
}
	
dl#about dd {
	margin: 0 0 0 150px;
	padding: 0.3em 0.5em 0.3em 3em;
	border-top: 1px solid #ccc;
	color: #333;
	background-color: #FFFFFF;
}


/* Jobs
------------------------------------------------ */
div#cRight div#cRight_inner div.btn_oubo {
	float: right;
	text-align: right;
	background: url(../../jobs/images/btn_oubo_over.gif) right top no-repeat;
	margin-top: 20px;
}

div#cRight div#cRight_inner div.btn_oubo a {
	display: block;
	width: 90px;
}

div#cRight div#cRight_inner div.btn_oubo a:hover {
	visibility: visible;
}

div#cRight div#cRight_inner div.btn_oubo a:hover img {
	visibility: hidden;
}

/* Staff/Creator
------------------------------------------------ */
div#cRight div.listbox {
	clear: both;
	padding-bottom: 20px;
}

dl#list {
	padding: 0;
	margin-bottom: 10px;
	line-height: 1.8em;
}

dl#list dt {
	margin: 0;
	padding: 0.3em 10px;
	border-bottom: 1px solid #ccc;
	width: 295px;
	float: left;
	color: #333;
}
	
dl#list dd {
	margin: 0 0 0 335px;
	padding: 0.3em 10px;
	border-bottom: 1px solid #ccc;
	color: #333;
}

div#cRight div.anchorbox {
	clear: both;
	background-color: #EFF1EC;
	text-align: center;
	margin-bottom: 20px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

div#cRight div.namebox {
	clear: both;
	background-color: #EFF1EC;
	text-align: left;
	margin-bottom: 12px;
	height: 28px;
	color: #1F1198;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 10px;
}

div#cRight div.categbox {
	clear: both;
	text-align: left;
	margin-bottom: 5px;
	color: #333333;
	font-weight: bold;
	padding-left: 2px;
	font-size: 14px;
}

div#cRight div.workdetail{
	width:650px;
	margin:0 0 15px;
	padding:0;
}

div.workdetail table{
	width:650px;
	margin:0;
	padding:0;
}

div.workdetail th{
	font-size:10px;
	font-weight:normal;
	text-align:center;
	color:#FFFFFF;
	background-color: #666666;
	border-right:1px solid #999999;
	padding: 5px;
	margin:0;
}

div.workdetail th.leftBorder{
	border-left:1px solid #999999;
}

div.workdetail td{
	font-size:10px;
	vertical-align:top;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	margin:0;
	padding: 5px;
	color: #333333;
}

div.workdetail td.leftBorder{
	border-left:1px solid #999999;
}

div.profileleft {
	float: left;
	padding:0;
	margin:0 0px 20px 0;
	width: 260px;
	text-align:center
}

div.profileright {
	width: 370px;
	padding:0;
	margin:0 0 20px 275px;
}

div#pleft {
	color: #0066CC;
	float: left;
	margin: 0 0 20px 0;
	padding: 0px;
}
div#pright {
	margin: 0 0 20px 80px;
	padding: 0px;
}

div#bleft {
	width: 125px;
	float: left;
	margin: 0;
	padding-top: 0;
	padding-right: 20;
	padding-bottom: 0;
	padding-left: 0;
}
div#bright {
	float: left;
	margin: 0;
	border-left:1px solid #999999;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 30px;
}


/* Original products
------------------------------------------------ */
div.productsleft {
	float: left;
	padding-right: 20px;
	width: 140px;
}

div.productsright {
	float: left;
	color: #333333;
	width: 490px;
	padding-bottom: 10px;
}

div#cRight div#cRight_inner div.btn_buy {
	float: right;
	text-align: right;
	background: url(../../original/images/btn_buy_over.gif) right top no-repeat;
	margin-top: 20px;
}

div#cRight div#cRight_inner div.btn_buy a {
	display: block;
	width: 90px;
}

div#cRight div#cRight_inner div.btn_buy a:hover {
	visibility: visible;
}

div#cRight div#cRight_inner div.btn_buy a:hover img {
	visibility: hidden;
}


/* Net shop
------------------------------------------------ */
dl#shop_detail {
	padding: 0;
	width: 650px;
}

dl#shop_detail dt {
	float: left;
	width: 280px;
	margin: 0 20px 0 0;
	padding: 15px 15px;
	border-top:1px solid #B8B8B8;
}
	
dl#shop_detail dd {
	float: left;
	width: 280px;
	margin: 0;
	padding: 15px 15px;
	border-top:1px solid #B8B8B8;
}

div.shopimg {
	float: left;
}

#zoom {
	zoom: 80%;
}

div.shopimgno {
	float: left;
	width: 65px;
	height: 40px;
	text-align: center;
	padding: 25px 0;
	border: 1px solid #DCDCDC;
}

div.shoptxt {
	background: url(../../netshop/images/arrow.gif) left top no-repeat;
	float: left;
	/*margin: 20px 0 0 130px;*/
	margin: 10px 0 0 2px;
	padding: 0 0 0 15px;
	font-size: 11px;
	width: 103px;
}

/*div.shoptxt_ {
	background: url(../../netshop/images/arrow.gif) left top no-repeat;
	float: left;
	margin: 20px 0 0 155px;
	margin: 10px 0 0 10px;
	padding: 0 0 0 15px;
	font-size: 11px;
	width: 95px;
}*/