@charset "Shift_JIS";

/*汎用設定*/


img
{
	border: none;
}
object,  
embed {  
    vertical-align: top;  
}

/*エリア指定*/

#ar-wrapper
{
	width: 668px;
	overflow: hidden;
	color: #333333;
}
#ar-side
{
	width: 155px;
	background: url(../common/images/side_bg.jpg) repeat-y;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
	float:left ;
}
#ar-cont
{
	width: 493px;
	background: url(../common/images/cont_bg.jpg) repeat-y;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 10px;
	float:left ;
	overflow: hidden;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 1.7em;
	
}
#ar-cont2
{
	width: 668px;
	background: url(../common/images/cont_bg2.jpg) repeat-y;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	line-height: 1.7em;	
}
#ar-cont #main
{
	width: 493px;
	overflow: hidden;
	padding-bottom: 10px;
}
#ar-cont #main .text
{
	width: 333px;
	float: left;
	overflow: hidden;
}
#ar-cont #main .text2
{
	width: 250px;
	float: left;
	overflow: hidden;
}
#ar-cont #main .text3
{
	width: 173px;
	float: left;
	overflow: hidden;
}
#ar-cont #main .text4
{
	width: 320px;
	float: left;
	overflow: hidden;
}
#ar-cont #main .profile
{
	width: 213px;
	float: right;
	overflow: hidden;
	border: 1px solid #F60;
	padding: 10px;
	background: #ffffff;
}
#ar-cont #main .btn
{
	width: 140px;
	float: right;
	overflow: hidden;
	border-left: 1px solid #F60;
	padding-left: 10px;
}
#ar-cont #main .btn2
{
	width: 140px;
	float: right;
	overflow: hidden;
	border-left: 1px solid #F60;
	padding-left: 10px;
	margin-right: 10px;
}
#ar-cont #main .btn3
{
	width: 140px;
	float: left;
	overflow: hidden;
	border-left: 1px solid #F60;
	padding-left: 10px;
	margin-right: 10px;
}

#ar-cont .chara-box
{
	width: 493px;
	overflow: hidden;
	padding-bottom: 10px;
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
#ar-cont .chara-box .left
{
	width: 236px;
	float: left;
	overflow: hidden;
	border-right: 1px solid #F60;
	border-bottom: 1px solid #F60;
	padding: 0px 5px 5px 0px;
}
#ar-cont .chara-box .right
{
	width: 236px;
	float: right;
	overflow: hidden;
	border-right: 1px solid #F60;
	border-bottom: 1px solid #F60;
	padding: 0px 5px 5px 0px;
}
#ar-cont .chara-box .wide
{
	width: 487px;
	float: left;
	overflow: hidden;
	border-right: 1px solid #F60;
	border-bottom: 1px solid #F60;
	padding: 0px 5px 5px 0px;
}
#ar-cont .chara-box .name
{
	font-weight: bold;
	border-bottom: 1px solid #333333;
	margin-bottom: 5px;
	font-size: 12px;
	padding-bottom: 5px;
	color: #F00;
}
#ar-cont .chara-box .name2
{
	font-weight: bold;
	color: #F00;
	font-size: 12px;
}
#ar-cont .chara-box .profile
{
	border-bottom: 1px solid #333333;
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 10px;
	line-height: 1.5em;
	letter-spacing: 1px;
}
#ar-cont .comic-box
{
	border: 1px solid #F60;
	background: #ffffff;
	padding: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}
#ar-cont .comic-box2
{
	border: 1px solid #F60;
	background: #ffffff;
	padding: 10px;
	overflow: hidden;
	margin-bottom: 10px;
	width: 219px;
}
#ar-cont .comic-box .title,
#ar-cont .comic-box2 .title
{
	font-size: 14px;
	font-weight: bold;
	color: #F60;
	margin-bottom: 5px;
}
#akutsu-box
{
	border: 1px solid #F90;
	background: #ffffff;
	padding: 10px;
}
#mbb-box
{
	border: 1px solid #F90;
	background: #ffffff;
	padding: 10px;
}
#ar-cont .buncomi-box
{
	border: 1px solid #F60;
	background: #ffffff;
	padding: 10px;
	overflow: hidden;
	margin-bottom: 10px;
	text-align: left;
}
#ar-cont .buncomi-box .title
{
	font-size: 14px;
	font-weight: bold;
	color: #F60;
	margin-bottom: 5px;
}
#ar-cont #ar-camp p
{
	margin-bottom: 10px;
}

#ar-cont #ar-camp p .midashi
{
	font-size: 16px;
	font-weight: bold;
	color: #C00;
}

#ar-cont .ar-banner-list
{
	border-top: 1px solid #F60;
	margin-top: 10px;
	padding-top: 10px;
}


/*ヘッダーナビゲーション*/

#ar-navi
{
	width: 668px;
	overflow: hidden;
}
#ar-navi #navi01 a
{
	width: 133px;
	height: 30px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/navi01a.jpg) no-repeat;
}
#ar-navi #navi01 a:hover
{
	background: url(../common/images/navi01b.jpg) no-repeat;
}
#ar-navi #navi02 a
{
	width: 133px;
	height: 30px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/navi02a.jpg) no-repeat;
}
#ar-navi #navi02 a:hover
{
	background: url(../common/images/navi02b.jpg) no-repeat;
}
#ar-navi #navi03 a
{
	width: 133px;
	height: 30px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/navi03a.jpg) no-repeat;
}
#ar-navi #navi03 a:hover
{
	background: url(../common/images/navi03b.jpg) no-repeat;
}
#ar-navi #navi04 a
{
	width: 133px;
	height: 30px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/navi04a.jpg) no-repeat;
}
#ar-navi #navi04 a:hover
{
	background: url(../common/images/navi04b.jpg) no-repeat;
}
#ar-navi #navi05 a
{
	width: 136px;
	height: 30px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/navi05a.jpg) no-repeat;
	margin-right: 0px;
}
#ar-navi #navi05 a:hover
{
	background: url(../common/images/navi05b.jpg) no-repeat;
}

/*サイドエリア*/


#ar-side #comic-list-box
{
	width: 155px;
	overflow: hidden;
}
#ar-side #comic-list-box .left
{
	float: left;
	width: 65px;
	margin-left: 10px;
	overflow: hidden;
}
#ar-side #comic-list-box .right
{
	float: right;
	width: 65px;
	margin-right: 10px;
	overflow: hidden;
	margin-top: 40px;
}
#ar-side .banner-box
{
	width: 135px;
	padding: 0px 10px;
	color: #ffffff;
	font-size: 10px;
	line-height: 1.5em;
	letter-spacing: 1px;
}

/*サイドエリア　ナビゲーション*/

#comic-list-box .c01 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic01.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c01 a:hover
{
	background: url(../common/images/side_comic01b.png) no-repeat;
}
#comic-list-box .c02 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic02.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c02 a:hover
{
	background: url(../common/images/side_comic02b.png) no-repeat;
}
#comic-list-box .c03 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic03.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c03 a:hover
{
	background: url(../common/images/side_comic03b.png) no-repeat;
}
#comic-list-box .c04 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic04.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c04 a:hover
{
	background: url(../common/images/side_comic04b.png) no-repeat;
}
#comic-list-box .c05 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic05.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c05 a:hover
{
	background: url(../common/images/side_comic05b.png) no-repeat;
}
#comic-list-box .c06 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic06.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c06 a:hover
{
	background: url(../common/images/side_comic06b.png) no-repeat;
}
#comic-list-box .c07 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic07.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c07 a:hover
{
	background: url(../common/images/side_comic07b.png) no-repeat;
}
#comic-list-box .c08 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic08.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c08 a:hover
{
	background: url(../common/images/side_comic08b.png) no-repeat;
}
#comic-list-box .c09 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic09.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c09 a:hover
{
	background: url(../common/images/side_comic09b.png) no-repeat;
}
#comic-list-box .c10 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic10.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c10 a:hover
{
	background: url(../common/images/side_comic10b.png) no-repeat;
}
#comic-list-box .c11 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic11.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c11 a:hover
{
	background: url(../common/images/side_comic11b.png) no-repeat;
}
#comic-list-box .c12 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic12.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c12 a:hover
{
	background: url(../common/images/side_comic12b.png) no-repeat;
}
#comic-list-box .c13 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic13.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c13 a:hover
{
	background: url(../common/images/side_comic13b.png) no-repeat;
}
#comic-list-box .c14 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic14.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c14 a:hover
{
	background: url(../common/images/side_comic14b.png) no-repeat;
}
#comic-list-box .c15 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic15.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c15 a:hover
{
	background: url(../common/images/side_comic15b.png) no-repeat;
}
#comic-list-box .c16 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic16.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c16 a:hover
{
	background: url(../common/images/side_comic16b.png) no-repeat;
}
#comic-list-box .c17 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic17.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c17 a:hover
{
	background: url(../common/images/side_comic17b.png) no-repeat;
}
#comic-list-box .c18 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic18.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c18 a:hover
{
	background: url(../common/images/side_comic18b.png) no-repeat;
}
#comic-list-box .c19 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic19.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c19 a:hover
{
	background: url(../common/images/side_comic19b.png) no-repeat;
}
#comic-list-box .c20 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic20.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c20 a:hover
{
	background: url(../common/images/side_comic20b.png) no-repeat;
}
#comic-list-box .c21 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic21.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c21 a:hover
{
	background: url(../common/images/side_comic21b.png) no-repeat;
}
#comic-list-box .c22 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic22.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c22 a:hover
{
	background: url(../common/images/side_comic22b.png) no-repeat;
}
#comic-list-box .c23 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic23.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c23 a:hover
{
	background: url(../common/images/side_comic23b.png) no-repeat;
}
#comic-list-box .c24 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic24.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c24 a:hover
{
	background: url(../common/images/side_comic24b.png) no-repeat;
}
#comic-list-box .c25 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic25.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c25 a:hover
{
	background: url(../common/images/side_comic25b.png) no-repeat;
}
#comic-list-box .c26 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic26.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c26 a:hover
{
	background: url(../common/images/side_comic26b.png) no-repeat;
}
#comic-list-box .c27 a
{
	width: 65px;
	height: 80px;
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../common/images/side_comic27.png) no-repeat;
	margin-bottom: 5px;
}
#comic-list-box .c27 a:hover
{
	background: url(../common/images/side_comic27b.png) no-repeat;
}






/*フォント*/

.font10
{
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 1px;
}
.midashi01
{
	font-size: 16px;
	font-weight: bold;
	color: #F30;
	margin-bottom: 10px;
	border-left: 5px solid #F00;
	padding-left: 5px;
}
.midashi02
{
	font-size: 14px;
	font-weight: bold;
	color: #F30;
	margin-bottom: 10px;
}
.midashi03
{
	font-size: 14px;
	font-weight: bold;
	color: #C00;
	margin-bottom: 10px;
}
.midashi04
{
	font-size: 14px;
	font-weight: bold;
	color: #F06;
}
.ar-bold
{
	font-weight: bold;
}

#ar-cont p.colmun-title
{
	font-size: 18px;
	font-weight: bold;
	color: #F60;
	border-bottom: 2px dotted #F60;
	padding-bottom: 10px;
}
#ar-cont #akutsu-box p
{
	margin-bottom: 10px;
}
.mm-cc
{
	color: #FF3333;
	font-weight: bold;
}

/*余白*/

.mb5px
{
	margin-bottom: 5px;
}
.mb10px
{
	margin-bottom: 10px;
}
.mt10px
{
	margin-top: 10px;
}
.chara-pic
{
	float: left;
	margin: 0px 5px 5px 0px;
}
.comic-pic
{
	float: right;
	margin: 0px 0px 0px 10px;
}
.buncomi-pic
{
	float: right;
	margin: 0px 0px 10px 10px;
}
.ar-cl
{
	overflow: hidden;
}
#akutsu-bn p
{
	margin-bottom: 6px;
}
#akutsu-bn
{
	margin-bottom:10px;
}
#mbb-bn p
{
	margin-bottom: 6px;
}
#mbb-bn
{
	margin-bottom:10px;
}

/*howto*/

.howto-midashi
{
	border-left: 5px solid #C00;
	padding-left: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #C00;
	margin-bottom: 10px;
}
.howto-midashi2
{
	color: #FF6600;
	font-weight: bold;
	margin: 0px 0px 10px 10px;
	font-size: 12px;
	line-height: 1.8em;
}
.howto-text
{
	font-size: 12px;
	line-height: 1.8em;
	color: #333333;
	margin: 0px 0px 10px 10px;
}


/*トップページバナー群*/


#ar-cont .top-banner
{
	overflow: hidden;
	margin-bottom: 10px;
	height: 80px;
}
#ar-cont .top-banner div
{
	float: left;
}

/*バックナンバー*/

#ar-cont .backnumber
{
	overflow: hidden;
	margin-bottom: 10px;
}
#ar-cont .backnumber img
{
	float:left;
	margin-left: 10px;
}


/*キュン表紙壁紙*/

#ar-cunwp
{
	width: 493px;
	height: 160px;
	background: url(../cunwp/images/header.jpg) no-repeat;
	position: relative;
	margin-bottom: 10px;
}