﻿@charset "UTF-8";
/*----------------------------------------------------
	基本設定
----------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Arial, sans-serif;
}

body{
	background: #9ECDFF url(img/bg_img.gif) repeat-x left 55px fixed;
}

h2{
	margin-bottom: 10px;
	padding: 4px 0px 2px 10px;
	font-size: 18px;
	letter-spacing: 1px;
	border-left: solid 10px #9ECDFF;
	border-bottom: solid 1px #9ECDFF;
	clear: both;
}

p{
	margin: 10px 10px 17px 0px;
	padding: 2px 10px 0px 10px;
	vertical-align: middle;
	color: #000000;
	letter-spacing: 1px;
	line-height: 20px;
	background-image: url(img/note.gif);
}

.sa{
	color: #9ECDFF;
}

.input_submit{
	width: 200px;
}

.text_center{
	text-align: center;
}

a{
	text-decoration: none;
}

a:link{
	color: #F7941D;
}

a:visited{
	color: #F7941D;
}

a:hover{
	color: #F7941D;
	text-decoration: underline;
}

a:active{
	color: #F7941D;
}

/*----------------------------------------------------
	base
----------------------------------------------------*/
#base{
	margin: 10px auto;
	width: 760px;
}



/*----------------------------------------------------
	header
----------------------------------------------------*/
#header{
	width: 760px;
	height: 150px;
	background-image: url(img/rogo.gif);
	backgroundj-repeat: no-repeat;
}

#header p{
	margin: 0px;
	padding: 30px 0px 0px 420px;
	color: #000000;
	letter-spacing: 0px;
	line-height: 15px;
	background-image: none;
}


/*----------------------------------------------------
	menu
----------------------------------------------------*/
#menu{
	margin: 20px 10px 3px 10px;
	padding: 2px 0px 0px 20px;
	width: 740px;
	height: 20px;
	background-image: url(img/menu_ber.gif);
	background-repeat: no-repeat;
}

#menu ul{
	list-style-type: none;
}

#menu li{
	display: inline;
}

#menu a{
	padding: 0px 18px 0 22px;
	font-size: 11px;
	border-left: solid 1px #FFFFFF;
	background: #F7941D url(img/menu_off.gif) no-repeat 6px center;
	text-decoration: none;
}

#menu a:link{
	color: #FFFFFF;
}

#menu a:visited{
	color: #FFFFFF;
}

#menu a:hover{
	color: #F7941D;
	background: #FFFFFF url(img/menu_on.gif) no-repeat 10px center;
}

#menu a:active{
	color: #FFFFFF;
}



/*----------------------------------------------------
	cv_top_img
	cv_bottom_imag
	メイン画面の上下画像
----------------------------------------------------*/
#cv_top_img{
	width: 760px;
	height: 19px;
	background-image: url(img/cv_top.gif);
	background-repeat: no-repeat;
}

#cv_bottom_img{
	width: 760px;
	height: 10px;
	background-image: url(img/cv_bottom.gif);
	background-repeat: no-repeat;
}



/*----------------------------------------------------
	cv_middle_img
	メイン画面の共通スタイル
----------------------------------------------------*/
#cv_middle_img{
	padding: 0px 10px;
	background-image: url(img/cv_middle.gif);
	background-repeat: repeat-y;
}

/*-----------------------------------------
	リストラスト宣言
-----------------------------------------*/
#cv_middle_img .list_last{
	border-bottom: solid 1px #9ECDFF;
}



/*----------------------------------------------------
	side_L
	サイドバー左
----------------------------------------------------*/
#side_L{
	width: 160px;
	float: left;
}

#side_L ul{
	background-color: #9ECDFF;
}

#side_L li{
	list-style-type: none;
	
}

#side_L a{
	padding-left: 25px;
	width: 133px;
	color: #F7941D;
	font-size: 12px;
	line-height: 20px;
	border-top: solid 1px #9ECDFF;
	border-left: solid 1px #9ECDFF;
	border-right: solid 1px #9ECDFF;
	background: #FFFFFF url(img/menu_on.gif) no-repeat 12px center scroll;
	text-decoration: none;
	display: block;
}

#side_L a:link{
	color: #F7941D;
}

#side_L a:visited{
	color: #F7941D;
}

#side_L a:hover{
	color: #FFFFFF;
	background: #9ECDFF url(img/menu_off.gif) no-repeat 12px center scroll;
}

#side_L a:active{
	color: #F7941D;
}


/*-----------------------------------------
	ossm
	おすすめリスト
-----------------------------------------*/
#ossm{
	padding-top: 20px;
	margin-bottom: 10px;
	width: 160px;

	background: #FFFFFF url(img/ossm.gif) no-repeat;
}



/*-----------------------------------------
	sinnkan
	おすすめリスト
-----------------------------------------*/
#sinnkan{
	padding-top: 20px;
	margin-bottom: 10px;
	width: 160px;
	background: #FFFFFF url(img/sinnkan.gif) no-repeat;
}



/*-----------------------------------------
	jyakegai
	今月のジャケ買いリスト
-----------------------------------------*/
#jyakegai{
	padding-top: 20px;
	margin-bottom: 10px;
	width: 160px;
	background: #FFFFFF url(img/jyakegai.gif) no-repeat;
}



/*-----------------------------------------
	links
	リンクリスト
-----------------------------------------*/
#links{
	padding-top: 20px;
	margin-bottom: 10px;
	width: 160px;
	background: #FFFFFF url(img/links.gif) no-repeat;
}



/*-----------------------------------------
	Information
	インフォメーションリスト
-----------------------------------------*/
#Information{
	padding-top: 20px;
	margin-bottom: 10px;
	width: 160px;
	background: #FFFFFF url(img/Information.gif) no-repeat;
}



/*-----------------------------------------
	battle
	バトルリスト
-----------------------------------------*/
#battle{
	padding-top: 20px;
	margin-bottom: 10px;
	width: 160px;
	background: #FFFFFF url(img/battle_list.gif) no-repeat;
}

#love{
	padding-top: 20px;
	margin-bottom: 10px;
	width: 160px;
	background: #FFFFFF url(img/love_list.gif) no-repeat;
}

#fantasy{
	padding-top: 20px;
	margin-bottom: 10px;
	width: 160px;
	background: #FFFFFF url(img/fantasy_list.gif) no-repeat;
}

#mystery{
	padding-top: 20px;
	margin-bottom: 10px;
	width: 160px;
	background: #FFFFFF url(img/mystery_list.gif) no-repeat;
}

#sports{
	padding-top: 20px;
	margin-bottom: 10px;
	width: 160px;
	background: #FFFFFF url(img/sports_list.gif) no-repeat;
}

#etc{
	padding-top: 20px;
	margin-bottom: 10px;
	width: 160px;
	background: #FFFFFF url(img/etc_list.gif) no-repeat;
}

/*----------------------------------------------------
	main_index
	main
	メイン画面　記事画面
----------------------------------------------------*/
#main_index{
	margin: 0px 10px;
	width: 560px;
	float: left;
}

#main{
	margin: 0px 10px;
	width: 400px;
	float: left;
}



/*-----------------------------------------
	image_azn
	image_azn_ct
	.comment_image
	cssハック win mac ie4~6
-----------------------------------------*/
.image_azn{
	margin: 10px 0 30px 10px;
}

.image_azn iframe{
	margin-bottom: 17px;
	float: left;
}

.image_azn_ct{
	margin-left: 130px;
	margin-right: 10px;
}

.image_azn_ct h3{
	font-size: 14px;
}

.image_azn_ct p{
	margin: 0px 0px 17px 0px;
	padding: 2px 10px 0px 10px;
	vertical-align: middle;
	color: #000000;
	letter-spacing: 2px;
	line-height: 20px;
	background-image: url(img/note.gif);
	border: solid 1px #9ECDFF;
}

.image_azn .date{
	margin-bottom: 5px;
	letter-spacing: 1px;
	background-image: none;
	line-height: 15px;
	border: none;
}

.image_azn_ct img{
	margin: 10px 0px;
}

* html .image_azn_ct image{
	margin-left: -3px;
}

.comment_img{
	width: 100px;
	height: 19px;
	background: #FFFFFF url(img/comment.gif) no-repeat left bottom;
}

.story_img{
	width: 100px;
	height: 19px;
	background: #FFFFFF url(img/story.gif) no-repeat left bottom;
}

* html .comment_img{
	margin-left: -3px;
}

* html .story_img{
	margin-left: -3px;
}



/*----------------------------------------------------
	side_R

	サイドバー右
----------------------------------------------------*/
#side_R{
	width: 160px;
	float: left;
}

#side_R ul{
	background-color: #9ECDFF;
}

#side_R li{
	list-style-type: none;
	
}

#side_R a{
	padding-left: 25px;
	width: 133px;
	color: #F7941D;
	font-size: 12px;
	line-height: 20px;
	border-top: solid 1px #9ECDFF;
	border-left: solid 1px #9ECDFF;
	border-right: solid 1px #9ECDFF;
	background: #FFFFFF url(img/menu_on.gif) no-repeat 12px center scroll;
	text-decoration: none;
	display: block;
}

#side_R a:link{
	color: #F7941D;
}

#side_R a:visited{
	color: #F7941D;
}

#side_R a:hover{
	color: #FFFFFF;
	background: #9ECDFF url(img/menu_off.gif) no-repeat 12px center scroll;
}

#side_R a:active{
	color: #F7941D;
}



/*-----------------------------------------
	all_list
	選択マンガ全巻一覧リスト
-----------------------------------------*/
#all_list{
	margin-bottom: 10px;
	padding-top: 20px;
	width: 160px;
	background: #FFFFFF url(img/all_list.gif) no-repeat;
}



/*----------------------------------------------------
	clear
	ダミーdiv and footerとの間空け用
----------------------------------------------------*/
#clear{
	height: 18px;
	clear: both;
}



/*----------------------------------------------------
	ID footer
	フッター
----------------------------------------------------*/
#footer{
	padding-top: 5px;
	text-align: center;
	height: 20px;
	background-color: #F7941D;
}

#footer address{
	color: #FFFFFF;
	font-size: 10px;
	font-style: normal;
}
