@charset "utf-8";

/* リセット：Yahoo!UI改変版
================================================== */
body{font-size:small;font-weight:normal;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}select,input,button,textarea{font-size:99%;}pre,code,kbd,samp{font-family:san-serif;font-size:100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{margin:0;padding:0;}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;}th{font-weight:normal;text-align:left;}th,td{vertical-align:top;}address,cite,dfn,em,var{font-style:normal;}ol,ul{list-style:none;}fieldset,abbr{border:0;}ins{text-decoration:none;}del{text-decoration:line-through;}a{text-decoration:underline;}strong{font-weight:bold;}img,object,param{border:0;vertical-align:bottom;}q:before,q:after{content:"";}hr{display:none;}

/* 共通
================================================== */
body {
	background-color: #e7e3e4;
	color: #5d4045;
}
#container {
	min-width: 1000px;
	background: #fff url(../img/bg_container.gif) no-repeat center top;
	color: #351016;
	line-height: 1.5;
	word-wrap: break-word;
}
a { color: #c51626; }
a:visited { color: #e66c77; }
a:hover, a:focus { text-decoration: none; }

/* #header
================================================== */
#header {
	position: relative;
	width: 840px; height: 160px;
	margin: 0 auto;
}
#header p {
	position: absolute;
	left: 709px; top: 10px;
	width: 126px; height: 20px;
}
#header p#sitelogo {
	position: absolute;
	left: -50px; top: 0;
	width: 350px; height: 160px;
}
#header ol {
	position: absolute;
	left: 345px; top: 55px;
	width: 490px; height: 75px;
}
#header li {
	display: -moz-inline-box;
	display: inline-block;
	width: 70px;
	height: 75px;
	overflow: hidden;
}
.lteie7 #header li { display: inline; zoom: 1; }
#header li a {
	display: block;
	width: 70px;
	padding-top: 75px;
	background-image: url(../img/nav_header.gif);
	background-repeat: no-repeat;
}
/* home */
#header .home a { background-position: 0 0; }
#header .home a:hover,
#header .home a:focus { background-position: 0 -80px; }
.home #header .home a { background-position: 0 -160px; }
/* chimi */
#header .chimi a { background-position: -70px 0; }
#header .chimi a:hover,
#header .chimi a:focus { background-position: -70px -80px; }
.chimi #header .chimi a { background-position: -70px -160px; }
/* artist */
#header .artist a { background-position: -140px 0; }
#header .artist a:hover,
#header .artist a:focus { background-position: -140px -80px; }
.artist #header .artist a { background-position: -140px -160px; }
/* goods */
#header .goods a { background-position: -210px 0; }
#header .goods a:hover,
#header .goods a:focus { background-position: -210px -80px; }
.goods #header .goods a { background-position: -210px -160px; }
/* download */
#header .download a { background-position: -280px 0; }
#header .download a:hover,
#header .download a:focus { background-position: -280px -80px; }
.download #header .download a { background-position: -280px -160px; }
/* special */
#header .special a { background-position: -350px 0; }
#header .special a:hover,
#header .special a:focus { background-position: -350px -80px; }
.special #header .special a { background-position: -350px -160px; }
/* news */
#header .news a { background-position: -420px 0; }
#header .news a:hover,
#header .news a:focus { background-position: -420px -80px; }
.news #header .news a { background-position: -420px -160px; }

/* #mainbody
================================================== */
#mainbody {
	background: url(../img/bg_mainbody.gif) repeat-x center bottom;
}

/* #topicpath
================================================== */
#topicpath {
	width: 760px;
	margin: 0 auto;
	padding: 0 30px;
	height: 25px;
	font-size: 93%; /* 12px */
	line-height: 1.0;
}
#topicpath li { display: inline; }
#topicpath li a { color: #005364; }
#topicpath li a:visited { color: #558893; }

/* .contents
================================================== */
.contents {
	width: 820px;
	min-height: 290px;
	margin: 0 auto;
	font-size: 108%; /* 14px */
}
h1, h2, h3 {
	font-weight: bold;
	font-size: 123%;
}
h1 { margin-bottom: 10px; }
h2 { margin-bottom: 10px; }
h3 { padding: 0 20px; }
h4 { font-weight: bold; }
em { color: #005364; }

.contents p a:hover,
.contents p a:focus,
.article h3 a:hover,
.article h3 a:focus {
	background-color: #c51626;
	color: #fff;
}
.contents p img,
.contents li img,
.article h3 img {
	padding: 2px;
	border: 1px dotted #d9d2d3;
	background-color: #fff;
}
.article h3 img,
.contents p.left img {
	float: left;
	margin-right: 12px;
}
.contents p.right img {
	float: right;
	margin-left: 12px;
}
.article h3 img.ico,
.contents p img.ico,
.contents li img.ico {
	float: none;
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: middle;
}
.article h3 img.noline,
.contents p img.noline,
.contents li img.noline {
	border: none;
}
.contents p a img,
.contents li a img,
.article h3 a img {
	border: 1px dotted #c51626;
	filter: alpha(opacity=100);
	opacity: 1.0;
}
.contents p a:hover img,
.contents p a:focus img,
.contents li a:hover img,
.contents li a:focus img,
.article h3 a:hover img,
.article h3 a:focus img {
	border: 1px dotted #c51626;
	filter: alpha(opacity=70); /* IE6-7 */
	opacity: 0.7;
}
.contents p a:hover img.noline,
.contents p a:focus img.noline,
.contents li a:hover img.noline,
.contents li a:focus img.noline,
.article h3 a:hover img.noline,
.article h3 a:focus img.noline {
	border: none;
}
.contents ol {
	margin: 0 30px 1.5em 50px;
}
table,
.contents ul,
.contents dl {
	margin: 0 30px 1.5em;
}
.contents li {
	margin-bottom: 0.7em;
	line-height: 1.4;
}
.contents ol {
	list-style: decimal;
}
.contents .notice {
	color: #005364;
	font-size: 93%; /* 14px→13px */
}
.contents ul.notice {
	list-style-image: none;
}
.contents ul.notice li {
	padding-left: 1.0em;
	text-indent: -1.0em;
}
.contents p {
	margin: 0 30px 0.5em;
}
.contents p.br {
	margin-bottom: 2.0em;
}
.contents p.backtop {
	margin: 0 5px 1.5em;
	padding-top: 10px;
	background: url(../img/bg_p_backline.gif) repeat-x center top;
	text-align: left;
}
.contents p.backtop a:hover,
.contents p.backtop a:focus {
	background-color: transparent;
	color: #c51626;
}
.contents p.backtop img {
	margin-right: 15px;
}
/* .ruled
-------------------------------------------------- */
.ruled {
	margin: 0 25px;
	background: url(../img/bg_p_ruledline.gif);
	line-height: 35px;
	-webkit-text-size-adjust: none; /* webkit */
}
.ruled p {
	margin: 0 0 35px;
	font-size: 100%;
}
/* #pickup
-------------------------------------------------- */
#pickup {
	margin-bottom: 20px;
	background-color: #e4dfe0;
	padding:20px 20px 15px 20px;
	border-radius: 15px;
	-webkit-border-radius: 15px; /* webkit */
	-moz-border-radius: 15px; /* Firefox */
}
#pickup h1 { margin-bottom: 0;width:780px;}

#pickup h1 a:hover{
	opacity:0.7;
}

#pickup .rightbox{
	margin:0;
	width:292px;
}

#pickup ul.rightbox li{
	padding-bottom:5px;
	margin:0;
	list-style:none;
	line-height:1.0;
	height:74px;
}

#pickup ul.rightbox li img{
	border:none;
	background-color:transparent;
	border:none;
	padding:0;
}

/* .section
-------------------------------------------------- */
.section { margin-bottom: 3.0em; }
/* #topics
-------------------------------------------------- */
#topics{
	clear:both;
	width:820px;
}
#topics .section {
	float: left;
	width: 260px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#topics #media{	margin-right:0;}


#topics .section table,
#topics .section p,
.renew #mobile table{
	margin: 0 7px;
	font-size: 85%; /* 14px→12px */
	line-height: 1.5;
}
#topics .section th ,
.renew #topics #mobile th{
	padding-right: 0.8em;
	color: #005364;
	white-space: nowrap;
}
#topics .section th,
#topics .section td, 
.renew #mobile th,
.renew #mobile td{
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #d7cfd0;
}
#topics #mobile {
	margin-right: 0;
	color: #9e251a;
}
#topics #mobile h2 { margin-bottom: 6px; }
#topics .section p { text-align: center; }
#topics .section p img { margin: 5px; }
/* #company
-------------------------------------------------- */
#company {
	margin: 0 25px 2.5em;
	padding: 1.5em 25px;
	background: #fdefc1 url(../img/bg_yellow.jpg);
	border-radius: 15px;
	-webkit-border-radius: 15px; /* webkit */
	-moz-border-radius: 15px; /* Firefox */
}
#company * { margin: 0; }
#company table { margin-bottom: 0.5em; }
#company th {
	padding-right: 0.5em;
	color: #6e4932;
}
#company th,
#company td {
	padding-bottom: 0.7em;
	line-height: 1.3;
}
/* .about
-------------------------------------------------- */
.about .ruled p {
	margin: 0 5px 1.0em;
}
/* .chimi
-------------------------------------------------- */
.chimi h2 { text-align: center; }
.chimi h3 { margin: 0 5px 6px; }
.chimi h3 img { float: none; }
#yu-pon h3 { margin: 0 5px 0.5em; }
#yu-pon h4 { margin: 0 30px 1.0em; }
#yu-pon p { margin: 0 0 1.5em; }
/* .thumb_list
-------------------------------------------------- */
.thumb_list { margin: 0 0 1.5em; }
.thumb_list li {
	display: -moz-inline-box;
	display: inline-block;
	margin-bottom: 20px;
	padding-right: 20px;
}
.lteie7 .thumb_list li {
	display: inline;
	zoom: 1;
}
/* .download
-------------------------------------------------- */
.download .section h2 {
	margin-bottom: 25px;
	text-align: center;
}
.download .section h3 {
	margin-bottom: 5px;
	text-align: center;
}
.download .section ul {
	position: relative;
	margin: 0 0 0 25px;
}
.download .section li {
	display: -moz-inline-box;
	display: inline-block;
	margin: 0 10px 10px 0;
	width: 250px;
}
.download .lteie7 .section li { display: inline; zoom: 1; }
.download .section li a {
	display: block;
	padding: 6px;
	border: 1px solid #fadb7d;
	background-color: #fff8e1;
	font-weight: bold;
}

.download .section li a:hover,
.download .section li a:focus {
	border: 1px dotted #c51626;
	background-color: #f2cfc4;
	font-weight: bold;
	text-decoration: underline;
}
.download .section li a img {
	float: left;
	margin-right: 5px;
	padding: 1px;
	border: 1px solid #a49699;
	vertical-align: text-top;
}

.download .section li a:hover img,
.download .section li a:focus img {
	filter: alpha(opacity=100); /* IE6-7 */
	opacity: 100;
}
.download .section li a span {
	font-size: 85%; /* 14px→12px */
	font-weight: normal;
}
.download .head p {
	margin: 0 0 20px;
	text-align: center;
}
.download .head p img {
	padding: 0;
	border: 0;
}
.download .detail {
	margin: 0 20px 0.5em;
}
.download .detail h2 {
	margin-bottom: 20px;
	padding: 10px;
	background-color: #e7e3e4;
	border-radius: 20px;
	-webkit-border-radius: 20px; /* webkit */
	-moz-border-radius: 20px; /* Firefox */
}
.download .sample p {
	margin-bottom: 20px;
	text-align: center;
}
.download .sample p img {
	margin-bottom: 6px;
	padding: 2px;
	border: 1px solid #a49699;
	background-color: #fff;
}
.download .detail dl {
	margin: 0 50px 10px 15px;
	text-align: center;
}
.download .detail dt,
.download .detail dd {
	display: inline;
}
.download .detail dt img,
.download .detail dd img {
	margin-right: 5px;
}
/* .goods
-------------------------------------------------- */
.goods h1 {
	margin-bottom: 30px;
}
.goods .section h2 {
	margin-bottom: 25px;
	text-align: center;
}
.goods .article {
	margin: 0 30px 1.5em;
	padding-bottom: 1.0em;
	background: url(../img/line_footnav.gif) repeat-x center bottom;
}
.goods .article h3 {
	margin: 0 0 0.4em;
}
.goods .article h3 span {
	font-size: 77%;
	line-height: 1.4;
}
.goods .article h3 a {
	text-decoration: none;
}
.goods .article h3 img {
	margin-right: 20px;
}
.goods .article p {
	margin: 0 20px 0.5em;
}
.goods .article p strong {
	color: #9d562a;
}
.goods .article table {
	margin: 1.0em 20px;
	border-top: 1px dotted #99b4ba;
	font-size: 85%; /* 14px→12px */
	line-height: 1.3;
}
.goods .article th {
	background-color: #dce8eb;
	color: #005364;
	white-space: nowrap;
}
.goods .article td {
	color: #423537;
}
.goods .article th,
.goods .article td {
	padding: 6px 7px;
	border-bottom: 1px dotted #afc4c9;
}


.goods #shinsengumi td{
	width:50%;
}



/* .special
-------------------------------------------------- */
.special h1 {
	margin-bottom: 30px;
}
.special .contents li{
	margin: 0;
	float:left;
	width:237px;
	padding-right:24px;
}

.special .contents #prj_bakujyo{
	float:right;
	padding-right:0;
}


.special .contents li h2 {
	margin-bottom: 10px;
}
.special .contents p {
	margin: 0 5px;
}

/* .special - .bakujyo
-------------------------------------------------- */

.bakujyo .contents p{
	text-align:center;
}



/* .news
-------------------------------------------------- */
.news h1 {
	margin-bottom: 30px;
}
.news .section h2 {
	margin-bottom: 15px;
	text-align: center;
}
.news .section h3 {
	margin: 0 5px 0.3em;
}
.news .section h3 span {
	font-size: 85%;
	font-weight: normal;
}
.news .section p {
	margin: 0 0 1.5em;
}
.news .article {
	margin-bottom: 1.8em;
}


/* #footnav
================================================== */
#footnav {
	min-height: 115px;
	padding-top: 15px;
	background: url(../img/bg_footnav.gif) no-repeat center top;
	clear:both;
}
#footnav p {
	width: 810px; margin: 0 auto; padding: 7px 5px;
	text-align: right;
}
#footnav ol {
	background: url(../img/line_footnav.gif) repeat-x left top;
	width: 810px; padding: 20px 0 22px;
	margin: 0 auto;
	text-align: center;
}
#footnav li {
	display: -moz-inline-box;
	display: inline-block;
	height: 30px;
	overflow: hidden;
	margin: 0 8px;
}
.lteie7 #footnav li { display: inline; zoom: 1; }
#footnav li a {
	display: block;
	padding-top: 30px;
	background-image: url(../img/nav_footer.gif);
	background-repeat: no-repeat;
}
/* home */
#footnav .home, #footnav .home a { width: 70px; }
#footnav .home a { background-position: 0 0; }
#footnav .home a:hover,
#footnav .home a:focus { background-position: 0 -30px; }
.home #footnav .home a { background-position: 0 -60px; }
/* chimi */
#footnav .chimi, #footnav .chimi a { width: 110px; }
#footnav .chimi a { background-position: -70px 0; }
#footnav .chimi a:hover,
#footnav .chimi a:focus { background-position: -70px -30px; }
.chimi #footnav .chimi a { background-position: -70px -60px; }
/* artist */
#footnav .artist, #footnav .artist a { width: 100px; }
#footnav .artist a { background-position: -180px 0; }
#footnav .artist a:hover,
#footnav .artist a:focus { background-position: -180px -30px; }
.artist #footnav .artist a { background-position: -180px -60px; }
/* goods */
#footnav .goods, #footnav .goods a { width: 75px; }
#footnav .goods a { background-position: -280px 0; }
#footnav .goods a:hover,
#footnav .goods a:focus { background-position: -280px -30px; }
.goods #footnav .goods a { background-position: -280px -60px; }
/* download */
#footnav .download, #footnav .download a { width: 85px; }
#footnav .download a { background-position: -355px 0; }
#footnav .download a:hover,
#footnav .download a:focus { background-position: -355px -30px; }
.download #footnav .download a { background-position: -355px -60px; }
/* special */
#footnav .special, #footnav .special a { width: 95px; }
#footnav .special a { background-position: -440px 0; }
#footnav .special a:hover,
#footnav .special a:focus { background-position: -440px -30px; }
.special #footnav .special a { background-position: -440px -60px; }
/* news */
#footnav .news, #footnav .news a { width: 80px; }
#footnav .news a { background-position: -535px 0; }
#footnav .news a:hover,
#footnav .news a:focus { background-position: -535px -30px; }
.news #footnav .news a { background-position: -535px -60px; }

/* #footer
================================================== */
#footer {
	min-height: 100px;
	background: #e7e3e4 url(../img/bg_footer.gif) no-repeat center top;
	color: #5d4045;
}
address {
	width: 780px;
	margin: 0 auto;
	text-align: right;
}
address img { margin-top: 30px; }
#footer ul {
	position: relative;
	width: 680px;
	margin: -50px auto 0; 
	padding: 30px 100px 30px 0;
}
#footer li {
	display: -moz-inline-box;
	display: inline-block;
	margin-right: 15px;
	font-size: 93%; /* 12px */
	line-height: 1.2;
}
.lteie7 #footer li { display: inline; zoom: 1; }
#footer li a {
	background-color: transparent;
	color: #5d4045;
}
#footer li a:before {
	content: url(../img/ico_footer_visited.gif);
	content: url(../img/ico_footer_hover.gif);
	content: url(../img/ico_footer.gif);
	vertical-align: middle;
}
#footer li a:visited {
	color: #786367;
}
#footer li a:visited:before {
	content: url(../img/ico_footer_visited.gif);
}
#footer li a:hover,
#footer li a:focus {
	background-color: transparent;
	color: #c51626;
}
#footer li a:hover:before,
#footer li a:focus:before {
	content: url(../img/ico_footer_hover.gif);
}

/* clearfix
================================================== */
.contents p.left,
.contents p.right,
.download .section,
.download .section li a,
.goods .article,
#column2,#mobile
#topics,.rightbox,.leftbox,.contents,.clearfix
{
	zoom: 1;
}
.contents p.left:after,
.contents p.right:after,
.download .section:after,
.download .section li a:after,
.goods .article:after,
.column2:after,#mobile:after,
#topics:after,.rightbox:after,.leftbox:after,.clearfix:after
{
	content: "."; display: block;
	clear: both;
	height: 0; overflow: hidden; visibility: hidden;
	font-size: 1px; line-height: 0;
}

/* 3/3追記部分
================================================== */
.new{
	color:#005364;
}

/* 3/17追記部分
================================================== */
.caution{
	color:#F00;
	font-weight:bold;
}

/* 3/24追記部分
================================================== */




#mobile{
	float:right;
	width:262px;
	overflow:hidden;
}


#mobile span.ctcomment{
		margin:0;
		padding:0 0 15px;
		font-size: 85%;
		text-align:left;
}


#mobile p.sccomment{
		margin:0;
		margin-top:-7px;
		padding:0 0 15px;
		font-size: 85%;
		text-align:left;
}

.contents #mobile img{
	padding:0;
	outline:none;
	border:none;
}

#mobile ul{
	margin:0;
	padding-bottom:10px;
}

#mobile li{
	margin-bottom:5px;
}


#mobile div{
	text-align:center;
}


/* 3/30追記部分:ブログパーツ
================================================== */

#blogparts .ruled,#desktop_acs .ruled{
	overflow:hidden;
	zoom:1;
}

#blogparts .leftbox,#desktop_acs .leftbox{
	float:left;
	width:160px;
	padding-left:35px;
	padding-top:10px;
}


#blogparts .rightbox,#desktop_acs .rightbox{
	float:right;
	width:600px;
}


#blogparts .rightbox .textarea{
	padding-top:1.0em;
	padding-bottom:1.0em;
}

#blogparts .textarea form{
	padding-left:25px;	
}

/* 5/12追記部分:中バナー追加
================================================== */
#m_banner{
	padding-bottom: 20px;
	text-align:left;
}

#strap_ryoma1 .caution,#strap_ryoma2 .caution{
	font-weight:normal;
}

/* 6/2追記部分:中バナー追加
================================================== */


#topics .section .newslink,#topics .section .newslink,.renew #topics #mobile .newslink{
	text-align:right;
	border-bottom:none;
}


/* 7/15コミケ情報
================================================== */
#news20100715_2 .left img{
	float:left;	
}

#news20100715_2 table{
	position:relative;
	left:1.0em;
	margin:0;
	float:left;
}

#news20100715_2 .left{
	zoom:1;
}


#news20100715_2 .left:after{
	content: "."; display: block;
	clear: both;
	height: 0; overflow: hidden; visibility: hidden;
}

/* 7/28　グッズ追加
================================================== */

.goods #strap,.goods #digital,.goods #etcgoods{
	padding-top:40px;
}

.goods .goodsnav li{
	display:inline;
}

#oldNav,#mediaNav{
	text-align:center;
}

.renew #update{
	width:540px;
}

.renew #update li.right{
	margin-right:0;
	float:right;
}

#update #oldNav a img,#media #mediaNav a img{
	overflow:hidden;
	outline:none;
	border:none;
	padding:0;
	display:block;
	margin:0 auto;
}

#update #oldNav a;hover img,#media #mediaNav a;hover img{
	border:none;
}



/* oocsss
================================================== */

.leftbox{
	float:left;
}

.rightbox{
	float:right;
}

.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

.hidden{
    display: none;
}

.renew #update {
	width:540px;
	margin-right:0;
	padding:0;
}
.renew #update span{
	font-size:85%;
	color:#9E251A;
}

.renew #update a img{
	border:none;
}

.renew #mobile {
	float:right;
	width:260px;
	margin-bottom:30px;
}
.renew #update ul{
	margin-left:0;
	margin-right:0;
	padding:0 7px 0 7px;
}

.renew #update li{
	float:left;
	width:260px;
	margin-bottom:5px;
}

.renew #update li .ctcomment,.renew #mobile li .ctcomment{
	display:block;
	padding-top:5px;
	line-height:1.2;
}

.renew #update li img{
	padding:0;
}
.renew #mobile table{
	margin:0;
}

.renew #mobile td{
	text-align:left;
}