@charset "utf-8";
/* CSS Document */
/* RESET */
html{color:#333333;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:12px/1.231 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* clear */
.clear{zoom: 1;}
.clear:after {content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}

#wrapper {
	margin: 0 auto;
	padding: 5px 0 0 0;
	width: 800px;
}
#header {
	margin: 0 0 20px 0;
	background: url(../img/BG_header.jpg) no-repeat right top;
	position: relative;
	height: 87px;
}
#header h1 {
	position: absolute;
}
#header #head_bn {
	position: absolute;
	top: 11px;
	right: 13px;
}
#content {
	margin: 0 10px 13px 10px;
	background: url(../img/BG_content.gif) repeat-y left top;
}
#main {
	width: 582px;
	float: right;
}
#side {
	position: absolute;
	width: 187px;
	background: url(../img/BG_side_top.gif) no-repeat left top;
}
#content #bottom {
	padding: 0 0 0 197px;
	clear: both;
	background: url(../img/BG_side_bottom.gif) no-repeat left bottom;
}
#content #bottom div.product_area {
	margin: 0 0 10px 0;
}
#content #bottom div#banner {
	text-align: center;
}
#content #bottom div#banner img {
	margin: 0 2px 5px 2px;
}
#footer {
	padding: 10px 0;
	font-size: 10px;
	color: #666666;
	border-top: 1px solid #D9D9D9;
}
/* SIDE */
#side ul#menu {
	padding: 9px;
}
#side ul#menu li {
	width: 100%;
	margin: 0 0 14px 0;
}
#side ul#menu li img {
	display: block;
}
* html #side ul#menu li img {
	display: inline;
}

#side ul#menu li dl {
	width: 100%;
	padding: 0 0 5px 0;
	background: #FFE148 url(../img/BG_menu_comic_box.jpg) no-repeat left bottom;
}
#side ul#menu li dl dd {
	margin: 0 2px 2px 2px;
	padding: 6px 8px 6px 6px;
	background: #7DC616 url(../img/BG_menu_comic.jpg) repeat-x left top;
}
#side ul#menu li dl dd a {
	display: block;
	background: url(../img/ICON_menu_comic.gif) no-repeat right center;
	text-decoration: none;
	color: #FFFFFF;
}

/* INDEX */
#index #main_next {
	margin: 0 0 18px 0;
	position: relative;
	background: url(../img/BG_index_main_top.gif) no-repeat left top;
	width: 582px;
	height: 284px;
}
#index #main_next .cover_img {
	position: absolute;
	top: 12px;
	left: 15px;
	width: 206px;
	height: 260px;
}
#index #main_next dl.summary {
	color: #FFFFFF;
	background: url(../img/201203/MainIcon_201203.gif) no-repeat left top;
	position: absolute;
	top: 13px;
	right: 19px;
	width: 320px;
	height:93px;
	overflow:auto;
}

#index #main_next dl.summary dt {
	line-height: 1.5;
	border-bottom: 1px solid #FFFFFF;
	margin: 0 0 5px 73px;
}
#index #main_next dl.summary dd {
	letter-spacing: 1px;
	font-size: 10px;
	margin: 0 0 0 73px;
	line-height: 1.2;
}
#index #main_next div.choi {
	position: absolute;
	right: 15px;
	bottom: 12px;
}
/* */
#index div.feature {
	background: url(../img/BG_feature_btmLine.gif) repeat-x left bottom;
	margin: 0 0 20px 0;
	padding: 0 12px 25px 12px;
}
#index div.feature img.right {
	float: right;
}
#index div.feature dl {
	width: 390px;
}
#index div.feature dl dt {
	margin: 0 0 5px 0;
	line-height: 1.2;
}
/* */
#index div.feature2 {
	background: url(../img/BG_feature_btmLine.gif) repeat-x left bottom;
	margin: 0 0 20px 0;
	padding: 0 12px 25px 12px;
}
#index div.feature2 img.right {
	float: right;
}
#index div.feature2 dl {
}
#index div.feature2 dl dt {
	margin: 0 0 5px 0;
	line-height: 1.2;
}
/* */
#index div.lineup {
	background: url(../img/BG_feature_btmLine.gif) repeat-x left bottom;
	margin: 0 0 20px 0;
	padding: 0 12px 20px 12px;
}
#index div.lineup dl {
}
#index div.lineup dl dt {
	font-weight: bold;
	color: #E4007F;
	font-size: 14px;
	margin: 0 0 5px 0;
	line-height: 1.2;
}
#index div.lineup dl dd {
	line-height: 1.6;
}
#index div.lineup dl dd span {
	white-space: nowrap;
}

/* top added 2011/12/01 */
#index div.apology {
	margin: 0 0 20px 0;
	padding: 0 12px 20px 12px;
}
#index div.apology dl {
	border:1px solid #cc0000;
	padding:7px 10px;
}
#index div.apology dl dt {
	font-weight: bold;
	color: #cc0000;
	font-size: 14px;
	margin: 0 0 5px 0;
	line-height: 1.2;
}
#index div.apology dl dd {
	line-height: 1.6;
}
#index div.apology dl dd p {
	margin-bottom:0.5em;
}
#index div.apology dl dd p.apology_author {
	text-align:right;
}

/* MAIL */
#mail h2 {
	margin: 0 0 25px 0;
}
#mail .inner {
	margin: 0 0 20px 0;
	padding: 0 15px 25px 15px;
	background: url(../img/BG_feature_btmLine.gif) repeat-x left bottom;
}
#mail h3 {
	line-height: 1.6;
	font-size: 14px;
	margin: 0 0 20px 0;
}
#mail .flow {
	margin: 0 0 25px 0;
}
#mail .about {
	margin: 0 0 15px 0;
	padding: 0 0 4px 0;
	background: #FFEED7 url(../img/mail/BG_about_bottom.gif) no-repeat left bottom;
}
#mail .about dl {
	padding: 25px 30px;
	background: url(../img/mail/BG_about_top.gif) no-repeat left top;
}
#mail .about dl dt {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	background: url(../img/mail/BG_dotline.gif) repeat-x left bottom;	
}
#mail .about dl dd {
	line-height: 1.5;
}
#mail .about dl dd.btn {
	text-align: center;
	padding: 15px 0 0 0;
}
#mail p.attention {
	line-height: 1.5;
}
#mail p.attention a {
	color: #FF6699;
}

/* pin */
#pin h2 {
	margin: 0 0 14px 0;
}
#pin .inner {
	margin: 0 0 20px 0;
	padding: 0 0 25px 0;
	background: url(../img/BG_feature_btmLine.gif) repeat-x left bottom;
}


/* COMIC */
#comic h2 {
	margin: 0 0 15px 0;
}
#comic #mainBox {
	width: 100%;
	margin: 0 0 10px 0;
	position: relative;
}
#comic #mainBox .main_image {
}
#comic #mainBox .main_title {
	position: absolute;
	top: 8px;
	left: 238px;
}
#comic #mainBox .main_title2 {
	position: absolute;
	top: 0px;
	left: 238px;
}
#comic #mainBox .main_data {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 357px;
	height: 158px;
}
#comic #mainBox .main_data2 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 357px;
	height: 195px;
}
#comic .nanoha #mainBox .main_data {
	background: url(../../comic/nanoha/BG_main_data.gif) no-repeat left top;
}
#comic .sw #mainBox .main_data {
	background: url(../../comic/sw/BG_main_data.gif) no-repeat left top;
}
#comic .sw #mainBox .main_data2 {
	background: url(../../comic/mayomayo/BG_main_data.gif) no-repeat left top;
}
#comic #mainBox .main_data dl,
#comic #mainBox .main_data2 dl {
	padding: 10px;
}
#comic #mainBox .main_data dl dt,
#comic #mainBox .main_data2 dl dt {
	margin: 0 0 10px 0;
}
#comic #mainBox .main_data dl dd,
#comic #mainBox .main_data2 dl dd  {
	margin: 0 0 10px 0;
}
#comic #mainBox .main_data dd.more,
#comic #mainBox .main_data2 dd.more {
	text-align: right;
}
#comic #mainBox .main_data dd.more a,
#comic #mainBox .main_data2 dd.more a {
	text-decoration: none;
	padding: 0 15px 0 0;
	background: url(../../comic/nanoha/ICON_more.gif) no-repeat right top;
	color: #E4007F;
}
#comic p.credit {
	margin: 0 0 20px 0;
}
#comic .character h3 {
	margin: 0 0 12px 0;
}
#comic .character ul {
}
#comic .character li {
	display: inline;
	float: left;
	width: 284px;
	height: 141px;
}
#comic .character li.h-long {
	display: inline;
	float: left;
	width: 284px;
	height: 161px;
}
#comic .character li p {
	margin: 0 0 1em 0;
}
#comic .character li.left {
	margin: 0 14px 0 0;
}
#comic .character li.right {
	margin: 0 0 0 0;
}
#comic .character li img {
	display: inline;
	margin: 0 10px 0 0;
	float: left;
}
#comic .character li div {
	letter-spacing: 1px;
	font-size: 11px;
	padding: 9px 11px;
}
#comic .character p.pagetop {
	margin: 0 0 20px 0;
	padding: 7px 0 0 ;
	text-align: right;
}
#comic .character p.pagetop a {
	padding: 0 15px 0 0;
	background: url(../img/ICON_pagetop.gif) no-repeat right top;
	text-decoration: none;
	color: #E4007F;
}

/* character BG */
#comic .nanoha .character ul.blue li {
	background: url(../../comic/nanoha/BG_character_blue.gif) no-repeat right top;
}
#comic .sw .character ul.blue li {
	background: url(../../comic/sw/BG_character_blue.gif) no-repeat right top;
}
#comic .sw .character ul.blue2 li {
	background: url(../../comic/sw/BG_character_blue2.gif) no-repeat right top;
}
#comic .character ul.pink li {
	background: url(../../comic/nanoha/BG_character_pink.gif) no-repeat right top;
}
#comic .character ul.pink2 li {
	background: url(../../comic/nanoha/BG_character_pink2.gif) no-repeat right top;
}
#comic .character ul.yellow li {
	background: url(../../comic/nanoha/BG_character_yellow.gif) no-repeat right top;
}
#comic .character ul.green li {
	background: url(../../comic/sw/BG_character_green.gif) no-repeat right top;
}
#comic .character h4 {
	line-height: 1.5;
	padding: 0 15px 15px 15px;
}
/* outline */
#comic #outline_box {
	margin: 0 0 20px 0;
	padding: 0 0 25px 0;
	background: url(../img/BG_feature_btmLine.gif) repeat-x left bottom;
}
#comic #outline_box h3 {
	margin: 0 0 15px 0;
}
#comic #outline_box p {
	padding: 0 20px 20px 20px;
}
#comic #outline_box p.pagetop {
	margin: 0 20px 0 0;
	padding: 0;
	text-align: right;
}
#comic #outline_box p.pagetop a {
	padding: 0 15px 0 0;
	background: url(../img/ICON_pagetop.gif) no-repeat right top;
	text-decoration: none;
	color: #E4007F;
}

#comic #boshu {
	margin: 0 0 12px 0;
	padding: 25px;
	background-color: #ffc;
}
#comic #boshu h3 {
	margin: 0 0 12px 0;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
}


/* BACK NUMBER */
#bn #main h2 {
	margin: 0 0 15px 0;
}
#bn #main .BackNumberInner {
	background: url(../img/BG_feature_btmLine.gif) repeat-x left bottom;
	margin: 0 0 20px 0;
	padding: 0 0 25px 0;
}
#bn ul.backnumber li {
	display: inline;
	width: 284px;
	height: 176px;
	background: url(../img/BG_backnumber.gif) no-repeat left top;
	float: left;
}
#bn ul.backnumber li.left {
	margin: 0 14px 14px 0;
}
#bn ul.backnumber li dl {
	padding: 13px 10px 0 10px;
}
#bn ul.backnumber li dl dt {
	padding: 0 12px 0 0;
	float: left;
}
#bn ul.backnumber li dl dd {
	line-height: 1.4;
	padding: 4px 0 0 0;
}
#bn ul.backnumber li dl dd img {
	margin: 0 0 4px 0;
	display: block;
}

/* TSUHAN */
#tsuhan h2 {
	margin: 0 0 25px 0;
}
#tsuhan .inner {
	margin: 0 0 20px 0;
	padding: 0 15px 25px 15px;
	background: url(../img/BG_feature_btmLine.gif) repeat-x left bottom;
}
#tsuhan h3 {
	line-height: 1.6;
	font-size: 14px;
	margin: 0 0 20px 0;
}
#tsuhan .charaani {
/*	margin: 0 0 25px 0;*/
}
#tsuhan .topics {
	margin: 0 0 15px 0;
	padding: 0 0 4px 0;
	background: #FFEED7 url(../img/tsuhan/BG_about_bottom.gif) no-repeat left bottom;
}
#tsuhan .topics dl {
	padding: 25px 30px;
	background: url(../img/tsuhan/BG_about_top.gif) no-repeat left top;
}
#tsuhan .topics dl dt {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	background: url(../img/tsuhan/BG_dotline.gif) repeat-x left bottom;	
}
#tsuhan .topics dl dd {
	line-height: 1.5;
}
#tsuhan .topics dl dd.btn {
	text-align: center;
	padding: 15px 0 0 0;
}
#tsuhan p.attention {
	line-height: 1.5;
}
#tsuhan p.attention a {
	color: #FF6699;
}
#tsuhan .nyantypeshop {
	margin: 0 0 15px 0;
	padding: 25px 30px;
	background: url(../img/tsuhan/BG_nyantypeshop.gif);
}
#tsuhan .nyantypecom {
	margin: 0 0 15px 0;
	padding: 25px 30px;
	background: #f33;
}
#tsuhan div.goods {
	background: #fff;
/*	background: #fff url(../img/BG_feature_btmLine.gif) repeat-x left bottom;*/
	margin: 0 0 20px 0;
	padding: 20px 12px 25px 12px;
}
#tsuhan div.goods img.right {
	float: right;
}
/*#tsuhan div.goods dl {
	width: 390px;
}*/
#tsuhan div.goods dl dt {
	font-size: 14px;
	margin: 0 0 5px 0;
	line-height: 1.6;
}

/* PRODUCT */
#product_area {
	margin: 0 0 10px 0;
}
#thumb_first {
	width:188px;
	display:block;
	overflow:hidden;
	padding:1px;
	border:1px solid #036;
	font-size:80%;
	float:left;
}
#thumb {
	width:180px;
	display:block;
	overflow:hidden;
	margin-left:8px;
	padding:1px;
	border:1px solid #036;
	font-size:80%;
	float:left;
}
#thumb_first img,
#thumb img {
	margin-right:5px;
}
#thumb_first a,
#thumb a {
	text-decoration:none;
	color:#333;
}

/* MOBILE */
#mobile h2 {
	margin: 0 0 25px 0;
}
#mobile .inner {
	margin: 0 0 20px 0;
	padding: 0 0 25px 0;
	background: url(../img/BG_feature_btmLine.gif) repeat-x left bottom;
}
#mobile .topics {
	margin: 0 0 25px 0;
}
#mobile .machiuke {
	margin: 0 0 25px 0;
}
#mobile .flashgame {
	margin: 0 0 25px 0;
}
#mobile .machiukelist {
	margin: 0 0 25px 0;
}
#mobile .machiukelist h3 {
	margin: 0;
}
#machiuke_area {
	padding: 0 0 20px 46px;
	background: url(../img/mobile/BG_machiukelist2.jpg) repeat-y left bottom;
}
#machiuke_area td {
	width:140px;
	text-align: center;
	margin-left:20px;
	font-size:80%;
}

/* ANDROID */
#android h2 {
	margin: 0 0 25px 0;
}
#android .inner {
	margin: 0 0 20px 0;
	padding: 0 0 25px 0;
	background: url(../img/BG_feature_btmLine.gif) repeat-x left bottom;
}
#android .topics {
	margin: 0 0 25px 0;
}
#android div.topics dl {
	width: 582px;
}
#android div.topics dl dt {
	margin: 0 0 5px 48px;
	line-height: 1.2;
}
#android .intro {
	margin: 0 0 25px 0;
}
#android .intro h3 {
	margin: 0 0 5px 0;
}
#android .intro ul {
}
#android .intro li {
	display: inline;
	float: left;
	width: 284px;
	height: 211px;
}
#android .intro li p {
	margin: 0 0 2em 0;
}
#android .intro li.left {
	margin: 0 14px 0 0;
}
#android .intro li.right {
	margin: 0 0 0 0;
}
#android .intro li img {
	display: inline;
	margin: 0 10px 0 0;
	float: left;
}
#android .intro li div {
	letter-spacing: 1px;
	font-size: 11px;
	padding: 9px 11px;
}
#android .intro ul.pink li {
	background: url(../img/android/BG_android_pink.gif) no-repeat right top;
}
#android .detail {
	margin: 0 0 25px 0;
}
#android .detail h3 {
	margin: 0 0 12px 0;
}
#android .detail p {
	padding: 0 20px 20px 20px;
}