/*
Theme Name: AUN_TOP
Theme URI: http://phpbb.xwd.jp/viewforum.php?f=20
Description: This theme uses it to test for ME. based on the famous <a href="http://www.northern-web-coders.de/">Northern-Web-Coders</a>.
Version: 1.1
Author: Oneoreight_SHIRAI
Author URI: http://www.oneoreight.co.jp/
*/

/* ブラウザ設定リセット ######################################## */

* {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6,em,strong {
	font-weight:normal;
	font-style:normal;
}
li {
	list-style-type:none;
}
img {
	border:0;
	vertical-align:bottom;
	margin:0px;
	padding:0px;
}
.clr {
	clear:both;
	margin:0;
	padding:0;
}
.clearfix {
	height:auto !important;
	height:1px;
	min-height:1%;  /* for IE 7*/
	/*\*//*/display:inline-table;/**/
}
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	font-size:1%;
	line-height:1%;
	visibility:hidden;
}

/* ############################################## */

/* body ######################################## */

body {
	margin:0px;
	padding:0px;
	background:#f4d83c;
}
#layout {
	width:800px;
	padding:0px 20px;
	margin:0 auto;
	text-align:left;
	background:url(img/common/back_001.jpg) repeat-y;
}

/* ############################################## */

/* head ######################################## */
#head {
	width:800px;
	height:113px;
}
#head h1 a {
	width:800px;
	height:113px;
	text-indent:-9876px;
	background:url(img/common/head_002.png) no-repeat;
	display:block;
}

/* ############################################## */

/* top_menu ######################################## */
#top_menu {
	width:800px;
	height:30px;
}
#top_menu ul {
	width:800px;
	height:30px;
}
#top_menu li {
	float:left;
}
.top_menu_000 a {
	width:25px;
	height:30px;
	text-indent:-9876px;
	background:url(img/common/top_menu_001.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.top_menu_001 a {
	width:78px;
	height:30px;
	text-indent:-9876px;
	background:url(img/common/top_menu_002.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.top_menu_001 a:hover {
	width:78px;
	height:30px;
	text-indent:-9876px;
	background:url(img/common/top_menu_002.png) no-repeat;
	background-position:0px -30px;
	display:block;
	padding:0px 0px 0px 0px;
}
.top_menu_002 a {
	width:84px;
	height:30px;
	text-indent:-9876px;
	background:url(img/common/top_menu_003.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.top_menu_002 a:hover {
	width:84px;
	height:30px;
	text-indent:-9876px;
	background:url(img/common/top_menu_003.png) no-repeat;
	background-position:0px -30px;
	display:block;
	padding:0px 0px 0px 0px;
}
.top_menu_003 a {
	width:93px;
	height:30px;
	text-indent:-9876px;
	background:url(img/common/top_menu_004.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.top_menu_003 a:hover {
	width:93px;
	height:30px;
	text-indent:-9876px;
	background:url(img/common/top_menu_004.png) no-repeat;
	background-position:0px -30px;
	display:block;
	padding:0px 0px 0px 0px;
}
.top_menu_004 a {
	width:84px;
	height:30px;
	text-indent:-9876px;
	background:url(img/common/top_menu_005.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.top_menu_004 a:hover {
	width:84px;
	height:30px;
	text-indent:-9876px;
	background:url(img/common/top_menu_005.png) no-repeat;
	background-position:0px -30px;
	display:block;
	padding:0px 0px 0px 0px;
}
.top_menu_005 a {
	width:92px;
	height:30px;
	text-indent:-9876px;
	background:url(img/common/top_menu_006.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.top_menu_005 a:hover {
	width:92px;
	height:30px;
	text-indent:-9876px;
	background:url(img/common/top_menu_006.png) no-repeat;
	background-position:0px -30px;
	display:block;
	padding:0px 0px 0px 0px;
}
.top_menu_006 a {
	width:344px;
	height:30px;
	text-indent:-9876px;
	background:url(img/common/top_menu_008.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
/* ############################################## */

/* calum ######################################## */
#calum {
	width:800px;
	background:url(img/common/calum_002.png) no-repeat;
}

/* ############################################## */

/* left_side ######################################## */
#left_side {
	float:left;
	width:203px;
	padding:54px 0px 0px 24px;
}
#latest {
	width:195px;
	height:338px;
	padding:0px 5px 10px 3px;
	background:url(img/common/latest_001.png) no-repeat;
}
.latest_001 {
	width:195px;
	height:23px;
	padding:5px 0px 0px 0px;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
}
.latest_002 {
	width:195px;
	height:278px;
	text-align:center;
}
.latest_003 {
	width:195px;
	height:27px;
	padding:5px 0px 0px 0px;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
}

.left_menu_001 a {
	width:203px;
	height:30px;
	text-indent:-9876px;
	background:url(img/common/left_menu_001.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.left_menu_002 a {
	width:203px;
	height:46px;
	text-indent:-9876px;
	background:url(img/common/left_menu_002.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.left_menu_002 a:hover {
	width:203px;
	height:46px;
	text-indent:-9876px;
	background:url(img/common/left_menu_002.png) no-repeat;
	background-position:-203px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.left_menu_003 a {
	width:203px;
	height:47px;
	text-indent:-9876px;
	background:url(img/common/left_menu_003.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.left_menu_003 a:hover {
	width:203px;
	height:47px;
	text-indent:-9876px;
	background:url(img/common/left_menu_003.png) no-repeat;
	background-position:-203px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.left_menu_004 a {
	width:203px;
	height:47px;
	text-indent:-9876px;
	background:url(img/common/left_menu_004.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.left_menu_004 a:hover {
	width:203px;
	height:47px;
	text-indent:-9876px;
	background:url(img/common/left_menu_004.png) no-repeat;
	background-position:-203px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.left_menu_005 a {
	width:203px;
	height:47px;
	text-indent:-9876px;
	background:url(img/common/left_menu_005.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.left_menu_005 a:hover {
	width:203px;
	height:47px;
	text-indent:-9876px;
	background:url(img/common/left_menu_005.png) no-repeat;
	background-position:-203px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.left_menu_006 a {
	width:203px;
	height:47px;
	text-indent:-9876px;
	background:url(img/common/left_menu_006.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.left_menu_006 a:hover {
	width:203px;
	height:47px;
	text-indent:-9876px;
	background:url(img/common/left_menu_006.png) no-repeat;
	background-position:-203px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.left_menu_007 a {
	width:203px;
	height:47px;
	text-indent:-9876px;
	background:url(img/common/left_menu_007.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.left_menu_007 a:hover {
	width:203px;
	height:47px;
	text-indent:-9876px;
	background:url(img/common/left_menu_007.png) no-repeat;
	background-position:-203px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.left_menu_008 a {
	width:203px;
	height:48px;
	text-indent:-9876px;
	background:url(img/common/left_menu_008.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.left_menu_008 a:hover {
	width:203px;
	height:48px;
	text-indent:-9876px;
	background:url(img/common/left_menu_008.png) no-repeat;
	background-position:-203px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.left_menu_008_2 a {
	width:202px;
	height:48px;
	text-indent:-9876px;
	background:url(img/common/left_menu_008_2.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.left_menu_008_2 a:hover {
	width:202px;
	height:48px;
	text-indent:-9876px;
	background:url(img/common/left_menu_008_2.png) no-repeat;
	background-position:-203px 0px;
	display:block;
	padding:0px 0px 0px 0px;
}
.left_menu_009 a {
	width:203px;
	height:33px;
	text-indent:-9876px;
	background:url(img/common/left_menu_009.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 10px 0px;
}

.left_menu_010 a {
	width:203px;
	height:76px;
	text-indent:-9876px;
	background:url(img/common/left_menu_010.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 5px 0px;
}
.left_menu_011 a {
	width:203px;
	height:76px;
	text-indent:-9876px;
	background:url(img/common/left_menu_011.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 5px 0px;
}
.left_menu_012 a {
	width:203px;
	height:76px;
	text-indent:-9876px;
	background:url(img/common/left_menu_012.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 5px 0px;
}
.left_menu_013 a {
	width:203px;
	height:76px;
	text-indent:-9876px;
	background:url(img/common/left_menu_013.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 5px 0px;
}
.left_menu_014 a {
	width:203px;
	height:76px;
	text-indent:-9876px;
	background:url(img/common/left_menu_014.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 5px 0px;
}
.left_menu_015 a {
	width:203px;
	height:53px;
	text-indent:-9876px;
	background:url(../../../../../temp/img/banner/syojyotengoku.jpg) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 20px 0px;
}
.left_menu_020 a {
	width:203px;
	height:76px;
	text-indent:-9876px;
	background:url(img/common/left_menu_020.png) no-repeat;
	background-position:0px 0px;
	display:block;
	padding:0px 0px 5px 0px;
}

/* ############################################## */

/* right_side ######################################## */
#right_side {
	float:right;
	width:520px;
	padding:54px 24px 0px 29px;
}
#right_side h3 {
	margin:0px 0px 10px 0px;
}
/* ############################################## */

/* footer ######################################## */
#footer {
	width:800px;
	height:100px;
}
#footer a {
	width:800px;
	height:80px;
	background:url(img/common/footer.png) no-repeat;
	text-indent:-9876px;
	display:block;
}
/* ############################################## */

/* ページ毎の見出し ######################################## */

.single_title_001 {
	background:url(img/common/contents_001.png) no-repeat;
	width:800px;
	height:72px;
	text-indent:-9876px;
}
.single_title_002 {
	background:url(img/common/contents_003.png) no-repeat;
	width:800px;
	height:72px;
	text-indent:-9876px;
}
.single_title_003 {
	background:url(img/common/contents_004.png) no-repeat;
	width:800px;
	height:72px;
	text-indent:-9876px;
}
.single_title_004 {
	background:url(img/common/contents_005.png) no-repeat;
	width:800px;
	height:72px;
	text-indent:-9876px;
}
.single_title_005 {
	background:url(img/common/contents_006.png) no-repeat;
	width:800px;
	height:72px;
	text-indent:-9876px;
}
.single_title_006 {
	background:url(img/common/sample_002.png) no-repeat;
	width:800px;
	height:72px;
	text-indent:-9876px;
}
/* ############################################## */

/* バックナンバー ######################################## */
#back_num {
	width:520px;
}
#back_num table {
	width:520px;
	margin:0px 0px 10px 0px;
}
#back_num td {
	padding:5px;
}
.back_num_001 {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	padding:5px 0px 3px 0px;
	margin:0px 0px 5px 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.back_num_002 {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
}
.back_num_003 {
	color:#000000;
	font-size:12px;
	line-height:16px;
	padding:10px 0px;
}
/* ############################################## */

/* 新刊・既刊情報 ######################################## */
#book_info {
	width:520px;
	margin:0px 0px 10px 0px;
}
#book_info table {
	width:520px;
	margin:0px 0px 10px 0px;
}
#book_info td {
	padding:5px;
}
.book_info_001 {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	padding:5px 0px 3px 0px;
	margin:0px 0px 5px 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.book_info_002 {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	margin:0px 0px 10px 0px;
}
.book_info_003 {
	color:#000000;
	font-size:12px;
	line-height:16px;
	padding:10px 0px;
}
#book_info2 {
	width:520px;
	margin:0px 0px 10px 0px;
}
#book_info2 img {
	margin:0px 0px 10px 0px;
}
/* ############################################## */

/* トピックス ######################################## */
#topics {
	width:520px;
	margin:0px 0px 10px 0px;
}
#topics img {
	margin:0px 0px 10px 0px;
}
.topics_001 {
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	color:#000000;
	margin:0px 0px 5px 0px;
}
.topics_002 {
	font-size:12px;
	line-height:16px;
	color:#000000;
	margin:0px 0px 15px 0px;
}
/* ############################################## */

/* サンプル ######################################## */
#sample928 {
	width:520px;
	margin:0px 0px 10px 0px;
}
#topics img {
	margin:0px 0px 10px 0px;
}
.sample928_001 {
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	color:#000000;
	margin:0px 0px 5px 0px;
}
.sample928_002 {
	font-size:12px;
	line-height:16px;
	color:#000000;
	margin:0px 0px 15px 0px;
}
/* ############################################## */


/* バックナンバー ######################################## */
#back_number {
	width:520px;
	margin:0px 0px 10px 0px;
}
#back_number ul {
	width:519px;
}
#back_number li {
	float:left;
	width:140px;
	height:250px;
	padding:5px;
	margin:0px 10px 10px 0px;
	font-size:12px;
	line-height:16px;
	color:#ffffff;
	background:#000000;
}
#back_number li a:link {
	color:#ffffff;
	text-decoration:none;
}
#back_number li a:hover {
	color:#ffffff;	
	text-decoration:none;
}
#back_number li a:visited {
	color:#ffffff;	
	text-decoration:none;
}
#back_number li a:active {
	color:#ffffff;
	text-decoration:none;
}
#back_num_img {
	margin:0px 0px 5px 0px;
}
#back_num_img img {
	margin:0px 0px 5px 0px;
}
#back_num_img p {
	font-size:12px;
	line-height:16px;
	padding:5px 0px;
}
/* ############################################## */

/* 新刊・既刊情報 ######################################## */

#index_comics {
	width:520px;
	margin:0px 0px 20px 0px;
}
#index_comics ul {
	width:519px;
}
#index_comics p {
	width:149px;
	padding:3px;
	background:#000000;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px 0px 2px 0px;
}
#index_comics li {
	float:left;
	width:155px;
	height:480px;
	padding:0px 18px 10px 0px;
	font-size:12px;
	line-height:16px;
	color:#000000;
}
#index_comics img {
	padding:0px 0px 5px 0px;
}
#index_comics li a:link {
	text-decoration:underline;
	color:#000000;
}
#index_comics li a:hover {
	text-decoration:none;
	color:#000000;
}
#index_comics li a:active {
	text-decoration:none;
	color:#000000;
}
#index_comics li a:visited {
	text-decoration:underline;
	color:#000000;
}

/* ############################################## */

/* バックナンバー ######################################## */
#sample {
	width:520px;
}
#sampletable {
	width:520px;
	margin:0px 0px 10px 0px;
}
#sampletd {
	padding:5px;
}
.sample_001 {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	padding:5px 0px 3px 0px;
	margin:0px 0px 5px 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.sample_002 {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
}
.sample_003 {
	color:#000000;
	font-size:12px;
	line-height:16px;
	padding:10px 0px;
}
/* ############################################## */

/* 次号予告 ######################################## */
#announcement {
	width:520px;
	margin:0px 0px 10px 0px;
}
.announcement_001 {
	margin:0px 0px 10px 0px;
}
#link_b {
	width:520px;
	margin:0px 0px 10px 0px;
}
#link_b td {
	font-size:12px;
	line-height:18px;
}
.link_001 {
	width:520px;
}
.link_001 p {
	width:520px;
	font-size:12px;
	line-height:18px;
	margin:0px 0px 10px 0px;
}
.link_001 a:link {
	text-decoration:none;
}
.link_001 a:visited {
	text-decoration:none;
}
.link_001 img {
	margin:0px 0px 0px 0px;
}
#announcement h5 {
	margin:0px 0px 10px 0px;
}
#announcement td {
	font-size:12px;
	line-height:16px;
	color:#000000;
}

.dmm {
	width:180px; 
	margin:0px auto 10px auto;
}