/* 全般 */

body {
	padding:0px;
	background-color:#ffffff;
	color: #333333;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
a:link {
	color:#1375d5;
        text-decoration:underline;
}
a:visited { color:#1375d5; }
a.active { color:#1375d5; }
a.hover { color:#1375d5; }

.red { color: #cc0000; }
.blue { color: #1375d5; }
.h-gray { color:#cccccc; }
.green {color:#669933; }

.thumb-border { border:sold 1px #eeeeee; }

h4 {
	font-size:8px;
	font-family:MS GOTHIC, Osaka;
	color: #333333;
	line-height:130%;
	font-weight:500;}

h3 {
	font-size:10px;
	font-family:MS GOTHIC, Osaka;
	color: #333333;
	line-height:130%;
	font-weight:500;}

h2 {
	font-size:12px;
	font-family:MS GOTHIC, Osaka;
	color: #333333;
	line-height:130%;
	font-weight:500;}

h1 {
	font-size:14px;
	font-family:MS GOTHIC, Osaka;
	color: #333333;
	line-height:130%;
	font-weight:500;}

.text8 {
	font-size:8px;
	font-family:MS GOTHIC, Osaka;
	color: #333333;
	line-height:130%; }

.text10 {
	font-size:10px;
	font-family:MS GOTHIC, Osaka;
	color: #333333;
	line-height:130%; }

.text12 {
	font-size:12px;
	font-family:MS GOTHIC, Osaka;
	color: #333333;
	line-height:130%; }

.text12h {
	font-size:12px;
	font-family:MS GOTHIC, Osaka;
	color: #333333;
	line-height:150%; }


.text14 {
	font-size:14px;
	font-family:MS GOTHIC, Osaka;
	color: #333333;
	line-height:130%; }

.shadowr { width:3px;
	background-image: url("http://at-misty.com/books/image/back_r_line.gif");
	background-repeat: repeat-y; }
.shadowl { width:3px;
	background-image: url("http://at-misty.com/books/image/back_l_line.gif");
	background-repeat: repeat-y; }
.topline { width:975px;
	background-image: url("http://at-misty.com/books/image_head/back_top.gif");
	background-color:#ffffff;
	background-repeat: repeat-x;
	background-position: 0%,0%; }

.c-both {clear:both;}

.top-back { width:700px; height:136px;
	background-image: url("http://at-misty.com/books/image/top_back.jpg");
	background-repeat: no-repeat; }

.flash-back { width:700px; height:160px;
	background-image: url("http://at-misty.com/books/image/back_flash_news.gif");
	background-repeat: no-repeat; }

.toppic-back { width:700px; height:218px;
	text-align:center;
	border:solid 1px color:#CA9C48;
}


.flash-part { width:473px; height:160px;
	float:left; }
.news-part { width:211px; height:160px;
	float:right; }
.news-part-in { width:206px; height:160px;
	font-size:12px;
	font-family:MS GOTHIC, Osaka;
	margin:0px;
	vertical-align:top;
	color: #333333;
	line-height:130%;
	float:left; }

/* ヘッダー下メイン */

#outline { width:918px; margin:0 0 0 0px; }
.calum-l { width:192px; vertical-align:top;
	float:left; margin:0px; padding:0px; }
.calum-r { width:700px; vertical-align:top;
	float:right; }

/* 左カラム用 */
.hajimete { width:192px;
	background-image: url("http://at-misty.com/books/image_left/back_hajimete.gif");
	background-repeat: repeat-y; }
.kousin-box { width:192px; margin:0px; vertical-align:top; }
.kousin-thumb { width:62px; float:left; vertical-align:top; }
.kousin-text { width:122px; float:right; vertical-align:top;
	font-size:10px; color:#333333;
	font-family:MS GOTHIC, Osaka; }
.left-line { width:192px; height:12px;
	background-image: url("http://at-misty.com/books/image_left/left_line_ten.gif");
	background-repeat: no-repeat;
	background-position: 0% 40%; }

.ltag-back-purple { width:192px; height:25px;
	background-image: url("http://at-misty.com/books/image_left/tag_back_purple.gif");
	background-repeat: no-repeat;
	vertical-align:top;
	font-size:12px; color:#333333;
	font-family:MS GOTHIC, Osaka; 
	padding:5px 5px 0px 15px;
 }
.left-box { width:192px;
		background-image: url("http://at-misty.com/books/image_left/back_box_middle.gif");
		background-repeat: repeat-y;
}

.l-pad-box5 { width:182px; padding:5px 5px 5px 5px;
		font-size:12px;
		font-family:MS GOTHIC, Osaka;
		color: #333333;
		line-height:130%;
}

*html .l-pad-box5 { width:192px; padding:5px 5px 5px 5px;
		font-size:12px;
		font-family:MS GOTHIC, Osaka;
		color: #333333;
		line-height:130%;
}


/* ２列表示用 */
.text-redback { width:182px;
	background-image: url("http://at-misty.com/books/image/2photo_back_red.gif");
	background-repeat: repeat-y;
	background-position: 0%,0%;
	padding-left:13px;
	font-size:12px;
	font-family:MS GOTHIC, Osaka;
	margin:0px;
	color: #333333;
	line-height:130%; }
* html .text-redback { width:194px;
	background-image: url("http://at-misty.com/books/image/2photo_back_red.gif");
	background-repeat: repeat-y;
	background-position: 0%,0%;
	padding-left:13px;
	font-size:12px;
	font-family:MS GOTHIC, Osaka;
	margin:0px;
	color: #333333;
	line-height:130%; }
.text-grayback { width:182px;
	background-image: url("http://at-misty.com/books/image/2photo_back_gray.gif");
	background-repeat: repeat-y;
	background-position: 0%,0%;
	padding-left:13px;
	font-size:12px;
	font-family:MS GOTHIC, Osaka;
	margin:0px;
	color: #333333;
	line-height:130%; }
* html .text-grayback { width:194px;
	background-image: url("http://at-misty.com/books/image/2photo_back_gray.gif");
	background-repeat: repeat-y;
	background-position: 0%,0%;
	padding-left:13px;
	font-size:12px;
	font-family:MS GOTHIC, Osaka;
	margin:0px;
	color: #333333;
	line-height:130%; }
.2photo-lbox { width:350px; }

/* 新ジャンル別おすすめ用100524 */
.genre-sthumb3 { width:100px; float:left;margin:0px; }

.text12_g { font-size:12px;
	font-family:MS GOTHIC, Osaka;
	color: #333333;
	line-height:130%; }
.arrow_g{
	background-image: url(http://at-misty.com/books/image/tag_genre_arrow2.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 12px;
	font-family:MS GOTHIC, Osaka;
	padding: 4px 4px 4px 16px; } 


/* ジャンル別おすすめ用 */
.back-genre-line { width:20px;
	background-image: url("http://at-misty.com/books/image/back_genre_line.gif");
	background-repeat: repeat-y; }
.genre-red { width:190px; vertical-align:top;
	background-color:#cc0000;
	font-size:10px;
	font-family:MS GOTHIC, Osaka;
	color: #eeeeee;
	line-height:130%;}

a.white:link, a.white:visited , a.white:hover
{ color: #ffffff; }

.genre-sbox { width:238px: }
.genre-sthumb { width:60px; float:left; margin:0px; }
.genre-stext { width:168px; float:right;margin:0px;
	font-size:12px;
	font-family:MS GOTHIC, Osaka;
	color: #333333;
	line-height:130%; }

.genre-sbox2 { width:220px: }
.genre-sthumb2 { width:60px; float:left; margin:0px; }
.genre-stext2 { width:150px; float:right;margin:0px;

	font-size:12px;
	font-family:MS GOTHIC, Osaka;
	color: #333333;
	line-height:130%; }

/* 横表示用 */
.yoko-thumb { width:130px;
	text-align:center;
	vertical-align:top; }

.yoko-title { font-size:14px;
	font-family:MS GOTHIC, Osaka;
	color: #E08A02;
	font-weight:600;
	padding:0px 10px 0px 10px; }

a.noline-o:link, a.noline-o:visited , a.noline-o:hover
{ color: #E08A02; }

.yoko-10gray {
	font-size:10px;
	font-family:MS GOTHIC, Osaka;
	color: #666666;
	padding:0px 10px 0px 10px; }
.yoko-12box { width:544px;
	font-size:12px;
	text-align:left;
	font-family:MS GOTHIC, Osaka;
	color: #333333; }

/* グレイ系ページ共通 */
.gray-back {
	background-image: url("http://at-misty.com/books/image/common/gray_back.gif");
	background-repeat: repeat-y; }

/* フッター用 */
.foot-text { text-align:center;
	font-size:10px;
	font-family:MS GOTHIC, Osaka;
	color: #1375d5; }

/* NEWS用 */
.news-l {
	width:80px;
	font-size:12px;
	vertical-align:top;
	font-family:MS GOTHIC, Osaka;
	padding-left:10px;
	color: #666666; }
.news-c {
	width:400px;
	font-size:12px;
	vertical-align:top;
	font-family:MS GOTHIC, Osaka;
	padding-right:10px;
	line-height:130%;
	color: #333333; }
.news-r {
	width:220px;
	font-size:12px;
	vertical-align:top;
	font-family:MS GOTHIC, Osaka;
	text-align:right;
	}


.t12-60box { 
	font-size:60px;
	font-size:12px;
	vertical-align:top;
	font-family:MS GOTHIC, Osaka;
}