/* ページ全体 */
html, body{
margin: 1px 1px 1px 1px;
padding:0;
font-size: 14px;
text-align:center;
background-color: #F9F9FF;
}


/* リンク */
a:link { text-decoration: none; color: #0000ff; }
a:visited { text-decoration: none; color: #551a8b; }
a:hover { background-color: #000000; text-decoration: none; color: #ffffff; }
a:active { background-color: #000000; text-decoration: none; color: #ffffff; }

/* リンク2 */
a.mytitle:link { color: #333333; }
a.mytitle:visited { color: #333333; }
a.mytitle:hover { color: #333333; background-color: transparent;}
a.mytitle:active { color: #333333; }

 
/* ページ幅と左寄せ */
#pagewidth{ 
text-align:left;
min-width: 500px;
margin-left:auto;
margin-right:auto;
border: 1px solid #000;
}


/* ヘッダ */
#header{
width:100%;
background:#D5DDF3; 
border-bottom: 1px solid #000;
}
 
 
/* アウトライン */
#outer{ 
border:solid white 0px; 
border-left-width: 215px;
border-left-color: #f9f9ff;
border-left-style: solid;
border-right-width: 215px;
border-right-color: #f9f9ff;
border-right-style: solid;
background: #F9F9FF;
width: auto;
}


/* リスト1 */
ul {
list-style: square;
margin-top: 3px;
margin-bottom: 3px;
}

/* リスト2 */
li {
color: #333;
margin-top: 3px;
margin-bottom: 3px;
margin-left: -15px;
font-size:13px;
}


/* 中央カラム */
#maincol{ 
float: left; 
width: 100%; 
position: relative; 
margin: 0px -8px 0 -2px;
background:#fff;
}


/* 左カラム */
#leftcol{
width:215px;
float:left;
position:relative;
margin-left:-215px;
margin-right:1px;
}


/* 右カラム */
#rightcol{
width:215px;
float:right;
position:relative;
margin-right:-215px;
margin-left:1px;
z-index:5;
} 


/* コンテンツブロック */
.content {
padding:0px 7px 7px 7px; /*padding for content */ 
font-size: 14px;
line-height:20px;
}


/* トップ記事ヘッダ時間 */
.date {
font-size: 19px;
color: #6e59af;
}


/* 記事タイトル */
.title {
font-size: 23px;
color: #333333;
background-color: #D5DDF3;
padding:5px;
}


/* 投稿時間 */
.time {
margin-top: 10px;
margin-bottom: 30px;
font-size: 10px;
text-align:right;
} 


/* サイドメニューのヘッダ */
.sidemenuhead {
margin: 10px 0;
font-size: 17px;
color: #3F5F3F;
background-color: #7398FD;
padding:5px;
}


/* ページャージャー */
.pager {
font-size: 20px;
font-weight: normal;
letter-spacing:	.1em;
padding: 10px 6px 10px 4px;
margin:	0;
text-align:center;
}


/* フッターカラム */
#footer{
height:auto; 
width:100%; 
background:#D5DDF3; 
text-align: center;
border-top: 1px solid #000;
padding-top:10px;
padding-bottom:50px;
} 



/* ページナビ */
#footer-panel {
padding:3px 4px 3px 2px;
margin:0;
width:340px;
height:35px;
position:fixed;
bottom:0;
right:0;
z-index:10;
background:url("http://gaagle.jp/gagazine/footer-navi_back.png") no-repeat;
}

#footer-panel li {
float:left;
display:block;
padding:0 13px;
width:90px;
}
#footer-panel #fp1 {
width:110px;
}
#footer-panel #fp2 {
width:100px;
}
#footer-panel #fp3 {
width:90px;
}
#footer-panel a {
display:block;
overflow:hidden;
height:35px;
text-indent:-999em;
background:url("http://gaagle.jp/gagazine/footer-navi.png") no-repeat;
}
#fp1 a { background-position:-5px -3px; }
#fp2 a { background-position:-132px -3px; }
#fp3 a { background-position:-252px -3px; }
#fp1 a:hover { background-position:-5px -44px; }
#fp2 a:hover { background-position:-132px -44px; }
#fp3 a:hover { background-position:-252px -44px; }
* html #footer-panel {
display:none;
}


/* もんたメソッド */
.monta_hide{
	background-color:#0000ff;
	color:#0000ff;
	cursor:pointer;
	}

.monta_open{
	color:#0000ff;
	}

/* -- GAGAZINEトップポップアップ ------------------------------- */
.popup01 a{
	position:relative;
	text-decoration:none;
	}
.popup01 a span{
	position:absolute;
	top:-62px;
	left:170px;
	padding:15px;
	display:none;
	background:#000;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	width:700px;
	z-index:10;
	}
.popup01 a:hover span{display:inline;}