@charset "Shift_JIS";

/* -----------------------------------------------
CSS file For YouMedia
File names style.css

★特記事項があったらここに記入★
----------------------------------------------- */

/*===============================================
　　　　　　ベース部分初期設定

ページ全体の基本的な項目。
よっぽど必要がない限りいじらないこと！
大変なことに、なるかも、しれない。
===============================================*/
body , p , div , form , ul , li , ol , h1 , h2 , h3 , h4 , a , address , table {
margin:0;
padding:0;
}

body {
font-family:"ＭＳ Ｐゴシック", Osaka, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";
font-size:12px;
line-height:1.4;
text-align:center;
background:url(../img/bg_naname.gif);
color:#333333;
}

img{
border:0;
}

hr{
display:none;
}

#container {
background-color:#ffffff;
width:650px;
margin:0 auto;
padding:0;
text-align:left;
}


/*-----------------------------
　　コンテンツ部分リンク
-----------------------------*/

/*lvha*/
#main a:link , #main a:visited , #main a:active {
color:#0000CC;
padding:3px 5px;
}

#main a:hover {
color:#0000CC;
background:#FFFFFF;
text-decoration:none;
}

/*===============================================
　　　　　　　　　header部分
===============================================*/

#header {
background:url(../img/bg_header.gif) bottom left repeat-x;
text-align:left;
color:#000066;
padding:0;
margin:0;
}

#header h1 {
float:left;
/*background:url(../img/title.gif) no-repeat;*/
width:216px;
height:40px;
padding:0;
margin:10px 10px 0 10px;
/*text-indent:-10000px;*/
font-size:10px;
display:inline;
}

#header h2 {
float:left;
background:url(../img/title2.gif) no-repeat;
width:200px;
height:40px;
padding:0;
margin:10px 0 0 0;
text-indent:-10000px;
font-size:10px;
}

#header #days {
float:right;
margin:0;
padding:0;
text-align:right;
}

/*--------------------
　　　ナビリスト
　各カテゴリへ移動用
--------------------*/
#header ul#navi {
clear:both;
height:25px;
list-style:none;
text-align:center;
margin:10px 0 0 5px;
padding:0;
}

#header ul#navi li {
display:block;
float:left;
background:url(../img/bg_tab.gif) no-repeat;
background-color:#D6F0F0;
width:80px;
height:25px;
margin-right:3px;
line-height:25px;
font-weight:bold;
/*
border-right:#7AD3D4 solid 1px;
border-top:#7AD3D4 solid 1px;
border-bottom:#7AD3D4 solid 1px;
*/
border-collapse:collapse;
padding:0;
margin:0;
}

#header ul#navi li a {
display:block;
width:80px;
height:25px;
background:url(../img/bg_tab.gif) no-repeat;
background-color:#BFE8E8;
line-height:25px;
}

/*lvha*/
#header ul#navi li a:link , #header ul#navi li a:visited , #header ul#navi li a:active {
display:block;
width:80px;
height:25px;
background:url(../img/bg_tab.gif) no-repeat;
background-color:#B3E5E6;
line-height:25px;
color:#333333;
text-decoration:none;
}

#header ul#navi li a:hover {
display:block;
width:80px;
height:25px;
background:url(../img/bg_tab.gif) no-repeat;
background-color:#D6F0F0;
line-height:25px;
color:#333333;
text-decoration:none;
}


/*===============================================
　　　　　　　メインコンテンツ部分

基本的な項目。
色指定はいじっても平気ですが、その他の数値を
変更すると他の場所にも影響する場合があります。
===============================================*/

#main {
clear:both;
background-color:#D6F0F0;
/*border-top:#7AD3D4 solid 1px;*/
border-left:#7AD3D4 solid 1px;
border-right:#7AD3D4 solid 1px;
border-bottom:#7AD3D4 solid 1px;
text-align:left;
margin:0;
padding:10px 0 10px 0;
}

/*--------------------
　カテゴリーリスト
カテゴリ内ジャンルリスト
--------------------*/
#main ul#genre {
clear:both;
list-style:none;
padding:10px 10px 15px 10px;
vertical-align:middle;
}

#main ul#genre li {
float:left;
padding:0 5px;
border-left:#000000 solid 1px;
}

/*右側に線を出すよ！*/
#main ul#genre li.rightborder {
border-right:#000000 solid 1px;
}





/*--------------------
　【ご注意】エリア
--------------------*/


h3 {
clear:both;
font-size:12px;
padding:0 20px;
margin:10px 0 5px 0;
}

/*IE6対策*/
*html body h3 {
clear:both;
font-size:12px;
padding:0 20px;
margin:0 0 5px 0;
} 

#main p {
margin:0 20px 10px 20px;
}

h4 {
background:#FFFFFF;
width:200px;
padding:2px 10px;
margin:20px 0;
font-size:14px;
color:#000066;
text-align:right;
border-top:#4DC5C6 solid 1px;
border-bottom:#4DC5C6 solid 1px;
border-right:#4DC5C6 solid 15px;
}

/*===============================================
　　　　　　　　　テーブル設定

基本的な項目。
色指定はいじっても平気ですが、その他の数値を
変更すると他の場所にも影響する場合があります。
===============================================*/


table {
width:600px;
margin:0 auto;
font-size:10px;
border-collapse:collapse;
border:#7AD3D4 solid 1px;
}

/*---------------------
テーブルヘッダー指定
---------------------*/

thead th {
text-align:center;
padding:10px 5px;
border-right:2px solid #BFE8E8;
}

thead tr {
border-left:#7AD3D4 solid 1px;
}

/*テーブルの幅指定
あんまり効果ないので、気休め*/

.th_200 {width:25% !important;}
.th_130 {width:20% !important;}
.th_100 {width:15% !important;}
.th_80 {width:15% !important;}
.th_60 {width:15% !important;}
.th_30 {width:10% !important;}


tbody td {
padding:5px;
line-height:1.3em;
text-align:center;
border-left:2px solid #E9F7F7;
}

tbody th {
padding:5px;
line-height:1.3em;
font-weight:normal;
text-align:left;
color:#000066;
}

tbody tr {
background: #ffffff;
}

tbody tr.odd {
background: #f0f0f0;
}



/*---------------------------
　交互になってるセルの配色
---------------------------*/

tr.rowodd {
	background-color: #FFF;
}

/*色がついているセルに背景画像を設定*/
tr.roweven {
background-color: #DBF0F0;
}

/*色がついているセルに背景画像を設定：Firefox用*/
tr.roweven td {
background-color: #DBF0F0;
}

/*------*/


.sortcol {
background-color: #7AD3D4;
	cursor: pointer;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: right center;
}

/*ソート前のth見出し背景色*/
.sortdesc {
	background-color: #B9DDFF;
	background-image: url(../img/down.gif);
}

/*ソート後のth見出し背景色*/
.sortasc {
	background-color: #B9DDFF;
	background-image: url(../img/up.gif);
}

/*ソートしてない部分のth見出し色*/
.nosort {
background-color: #7AD3D4;
cursor: default;
}

.gototop {
text-align:right;
padding:5px;
font-size:10px;
}

/*===============================================
　　　　　　　コミケ関係設定

コミケ関連商品を出すときはここ。
設定などは特に変更する必要はなし。
===============================================*/

#comike {
width:570px;
margin:0 auto;
padding:10px;
text-align:left;
background:#FFFFFF;
border:5px solid #329DC0;
}

#comike table {
width:570px;
margin:0 auto;
border-top:1px solid #7AD3D4;
border-left:1px solid #7AD3D4;
}

#comike th {
background:#329DC0;
border-right:1px solid #7AD3D4;
border-bottom:1px solid #7AD3D4;
color:#ffffff;
}

#comike td {
border-right:1px solid #7AD3D4;
border-left:1px solid #7AD3D4;
border-bottom:1px solid #7AD3D4;
}