@charset "UTF-8";

/*==============================
	基本タグ設定
==============================*/

body{
color:#333333;
background:#ffffff url(../img/binder.gif) right repeat-y;
font-size:12px;
font-family:'Osaka','Osaka−等幅','ＭＳ ゴシック',Arial,sans-serif;
line-height:1.4em;
padding:0;
margin:0;
}

th,td{
font-size:12px;
color:#333333;
line-height:1.4em;
}

p,div{
margin:0;
padding:0;
}

a:link,a:visited,a:active{color:#c9061c;text-decoration:none;} 
a:hover{color:#c9061c;text-decoration:underline;} 

em{font-weight:bold;font-style:normal;}
strong{color:#000000;font-weight:bold;font-style:normal;}

sup {
	vertical-align : 20%;
}

h1,h2,h3,h4,h5,h6 {
	margin:0px;
	padding:0px;
	line-height:100%;
}

h2{ 
font-size:1.8em; 
text-align:left; 
font-weight:bold;
color:#000000; 
margin:0;
padding:10px 10px 0 10px;
}

h3{
font-size:1.2em; 
text-align:left; 
font-weight:bold;
color:#000000; 
margin:0;
padding:8px 0px 8px 0px;
}

img{border-width:0;
margin:0;
padding:0;
}

dt {
	font-weight:bold;
}
dl,ul,ol,form {
margin-top:0px;
margin-bottom:0px;
}
form p{
	margin:1px;
	line-height:100%;
}

textarea{
font-size:12px;
overflow:auto;
border:1px solid #666666;
background-color:#aaaaaa;
}

input{
font-size:10px;
border:1px solid #666666;
background-color:#aaaaaa;
}

#submit{border:0;
background-color:transparent;}

hr.sep{display:none;}

.float_left{float:left;padding: 0 5px 0 0;}
.float_right{float:right;padding: 0 0 0 5px;}

.center{text-align:center;}
.right{text-align:right;}
.bottom{position:absolute;bottom:0;}
.middle{vertical-align:middle;}
.sixteen{font-size:16px;line-height:1.5em;}
.ten{font-size:10px;line-height:1.1em;}
.nine{font-size:9px;line-height:1em;}

/*==============================
	ヘッダ部分
==============================*/

#banner{
background:#ffffff url(../img/title_base.gif) repeat-x;
height:108px;
position:relative;
z-index:0;
}

#banner p {
margin:0 200px 0 80px;
padding:65px 0 0 0;
position:relative;
z-index:1;
}

#title_left{position:absolute;top:0;left:0;}
.title_right{position:absolute;top:0;right:0;}

#banner_note {
position:absolute;top:108px;
width:100%;
color:#ffffff;
background:#f71831;
text-align:left;
padding:2px 0 2px 75px;
height:14px;
}


#banner_note img{padding-right:8px;}

#banner_note a{color:#ffffff;}

#counter{
position:absolute;top:110px;right:2px;
}

/* カテゴリーナビ */

#category_navi{
position:absolute;top:108px;
width:100%;
color:#ffffff;
background:#f71831;
text-align:left;
padding:1px 0;
height:14px;
z-index:0;
}

#category_navi img#index{position:absolute;left:4px;}
#category_navi img#about{position:absolute;left:53px;}
#category_navi img#sketchbook{position:absolute;left:105px;}
#category_navi img#column{position:absolute;left:181px;}
#category_navi img#order{position:absolute;left:234px;}
#category_navi img#bookmarks{position:absolute;left:279px;}
#category_navi img#messageboard{position:absolute;left:352px;}
#category_navi img#mail{position:absolute;left:443px;}

#category_navi a{color:#ffffff;}

#counter{
position:absolute;top:110px;right:2px;
z-index:2;
}

/* タブナビ */

#tab_navi{
height:16px;
z-index:3;
}

#index_tab{position:absolute;left:0;}
#about_tab{position:absolute;left:49px;}
#sketchbook_tab{position:absolute;left:101px;}
#column_tab{position:absolute;left:177px;}
#order_tab{position:absolute;top:108px;left:230px;}
#bookmarks_tab{position:absolute;left:275px;}
#messageboard_tab{position:absolute;left:348px;}

/* カレンダー */

#banner table.calendar{
margin:10px;
}

#banner table.calendar th,
#banner table.calendar td{
font-size:8px;
}

.su{background:url(../img/su.gif) center center no-repeat;}
.sa{background:url(../img/sa.gif) center center no-repeat;}

#banner table.calendar th,
#banner table.calendar td{
	text-align:center;
	line-height:100%;
padding:1px 2px 0 2px;
}

#banner table.calendar tr.caption td,
#banner table.calendar tr.caption th {
font-size:9px;
	text-align:center;
	font-weight:bold;
	padding:0 0 5px 0;
}

#banner table.calendar a{
	font-weight:bold;
}

/*==============================
	トップ絵
==============================*/

#entrance{
top:auto;
min-width:500px;
margin:0;
padding:8px;
background-color:#ef394a;
}

#entrance .signboardgirl{
position:absolute;top:125px;left:0;
z-index:0;}

#entrance a{color:#ffff9c;}

#entrance h3{
position:relative;z-index:1;
font-size:1.2em; 
text-align:right; 
font-weight:bold;
color:#ffffff; 
margin:0;
padding:1em 0;
}

#entrance .lastupdate{
padding:130px 0 0 0;
}

#entrance .texts{
position:relative;z-index:1;
color:#ffffff; 
text-align:right; 
margin:8px 8px 2px 1em;
}

#entrance .bnnr{
position:relative;z-index:1;
font-size:10px;
color:#ffffff; 
text-align:right; 
margin:0 0 16px 16px;
line-height:100%;
}

#footer_ranking{
position:relative;
top:-50px;
width:100px;
height:0px;
text-align:left;
}

/*==============================
	本文エリア
==============================*/

#content {
top:auto;
min-width:480px;
margin-right:140px;
padding:20px 12px 12px 12px;
}

/* 前後移動とか */

.menu{
	font-weight:bold;
	line-height:100%;
text-align:center;
padding:10px 0;
}

.menu a.btn_prev{
text-align:left;
padding:14px 0 14px 38px;
background:url(../img/prev.gif) left no-repeat;
}

.menu a.btn_next{
text-align:right;
padding:14px 38px 14px 0;
background:url(../img/next.gif) right no-repeat;
}



/* 本文１項目 */

#content .item{
padding:2px 2em 2px 2px;
}

.item h2{
border-bottom:2px dotted;
}

.item h2 .date{
font-size:12px;
font-weight:normal;
}

.url{
font-size:10px;
font-weight:bold;
margin:0 0 10px 0;
text-align:right;
}

.item .category{
position:relative;top:18px;
	font-size:100%;
	font-weight:bold;
	float:right;
}

.parag{margin:0.6em 0;}

.texts{
margin:8px 0 2px 2em;
}

/*==============================
	ツッコミ関係
==============================*/
.writeback {
	text-align:right;
}

.writeback form {
	text-align:right;
	margin:5px 0;
}

.writeback dl{
margin:0 0 0 3em;
text-align:left;
color:#666666;
}

.writeback dt{
border-top:1px solid #666666;
padding:5px 0 0 0;
font-weight:normal;
font-size:10px;
}

.writeback dd{
font-weight:normal;
line-height:1.1em;
margin:4px 0 0 3em;
}

.comment{
font-size:12px;
color:#333333;
font-weight:bold;
padding:0 5px 0 0;
}

.writeback .authur{
font-size:12px;
color:#333333;
font-weight:bold;
}

.writeback li {
	line-height:1.2em;
}
.writeback ul {
	margin: 0px 0px 4px 0px;
text-align:right;
font-size:10px;
color:#666666;
}
.writeback .url{
font-size:10px;
}

.date{text-align:right;
font-size:9px;
position:relative;top:-3px;
}

/*==============================
	サイドバーエリア
==============================*/

#links {
float:right;
padding:15px 5px 5px 0px;
width:135px;
font-size:10px;
line-height:1.2em;
}

#links .side {
	margin-left:16px;
	margin-bottom:16px;
}

#links h2{
margin:0px 0px 4px 0px;
padding:2px 0;
font-size:12px;
text-align:center;
border:solid #f71831;
border-width:1px 8px 1px 1px;
}

ul{
	margin:0;
	padding-left:0;
	list-style-type:none;
}

ul li {
	line-height:1.4em;
	margin-left:0;
}

#archive ul{
margin:0;
padding-left:0;
list-style-type:square;
}
#archive ul li{
line-height:1.4em;
margin-left:12px;
}

/*==============================
	下部コピーライト表記
==============================*/

#copyright{
font-size:10px;
text-align:right;
color:#ffffff;
background-color:#f71831;
top:auto;
width:100%;
padding:2px 0; 
margin:0;
clear:both;
}

#copyright a{color:#ffffff;}

#footer_note{
background:#ffffff url(../img/binder_bottom.gif) right top no-repeat;
text-align:right;
top:auto;
width:100%;
padding:8px 0 2px 0;  
margin:0;
clear:both;
}