/*
Theme Name: information
Theme URI: http://iphone-plus.org/
Description: 情報サイト用テンプレ
Author:ssc
Author URI: http://iphone-plus.org/
.
.
*/

@charset "utf-8";
/* CSS Document */

/*
--------------------------------------------------------------------------------------------------------------
--------------------------------------------------GLOBAL RESET------------------------------------------------
--------------------------------------------------------------------------------------------------------------
*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,tbody,th,td{margin:0em;padding:0em;}
	/*body{font-size:62.5%;}*/
	body{font-size:12px;}
	table{border-collapse:collapse;}
	fieldset,img,abbr{border:0em;}
	address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;}
	caption,th{text-align:left;}
	ul{list-style:none;}
	img{border:none;}

	.clearfix:after {
	  content: "."; 
	  display: block;  
	  clear: both;
	  height: 0;
	  visibility: hidden;
	}
	
	.clearfix {
	  min-height: 1px;
	}
	
	* html .clearfix {
	  height: 1px;
	  /*?*//*/
	  height: auto;
	  overflow: hidden;
	  /**/
	}



/* ----------------------------- header ---------------------------- */
#header{
	position:relative;
	width:901px;
	height:auto;
	margin:0px auto;
}
.title{
	font-size:22px;
	text-decoration:none;
	background-color:#F6F6F6;
}

h1{
	float:right;
	font-size:12px;
	color:#666;
	padding:25px 5px 5px 5px;
}

#logo{
	position:relative;
	width:901px;
	height: 59px;
}
#logo p{
	position:absolute;
	width:400px;
	font-size:12px;
	top:30px;
	left:250px;
}
.logoImg{
	float:left;
}
#bookMarkBtn{
	position:absolute;
	top:45px;
	left:755px;
	z-index:1;
}

#newEntry{
	margin:0px auto;
	width:878px;
	height:165px;
	border:solid;
	border-width:1px;
	margin-bottom:20px;
}
.h_links{
	position:absolute;
	top:20px;
	right:0px;
	margin-right:10px;
}

.h_links li{
	display:inline;
	float:right;
	margin:5px 0px 5px 5px;
	line-height:20px;
	font-family:"Century Gothic";
}
.h_links li a{ color:#000;text-decoration:none;}

#Gnav{
	position:relative;
	margin:0px auto;
	width:901px;
	display: block;
	height: 64px;
}
#Gnav li{
	float:left;
}

#event{
	display:block;
	position:relative;
	width:732px;
	height: 97px;
	background-color:#F6F6F6;
	margin: 0px auto;
	padding-left:150px;
}
#adBlock{
	position:absolute;
	left:7px;
	top:2px;
}
#textEvent{
	width:870px;
	height: 15px;
	background-color: #FFF;
	padding: 10px 10px 10px 10px;
}
.textAd{
	display:block;
	width:50%;	
	float:left;
}

.wrapper #container {
	width: 890px;
	margin: 0 auto; 
	text-align: left;
} 
.wrapper #sidebar1 {
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 328px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 0px 10px 10px 10px;
	height:100%;
	background-color: #FFF;
}
.wrapper #mainContent { 
	margin: 0 346px 0 0; /* この div エレメントの右マージンにより、ページの右側に #sidebar1 div が設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0 10px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
} 
.wrapper #footer { 
	padding: 0 10px 0 20px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#000;
	color:#fff;
} 
.wrapper #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#relateArticle{
	position:relative;
	width:224px;
	height:250px;
	float:left;
	margin:20px 0 10px 0;
}
#boxAd{
	position:relative;
	width:300px;
	height:250px;
	float:left;
	margin:20px 0 10px 0;
}
#articleBottom{
	position:relative;
	width:524px;
	height:60px;
	margin:30px 0 10px 0;
}

#leftBigBnr{
	position:relative;
	width:168px;
	float:left;
}

#rightBigBnr{
	position:relative;
	width:160px;
	float:left;
}

.rightSen{
	margin-left:130px;	
}

.date{
	font-size:16px;
	color: #060;
}

#searchBox{
	width:100%;
	height:20px;
	margin-top:0px;
	margin-bottom: 10px;
	text-align: right;
}

#article{
	font-size:14px;
	color:#333;
	line-height:180%;
	padding-bottom:30px;	
}

#next{
	float:left;

	width:50%;
}

#previous{
	float:left;
	width:50%;
}

#popularNews{
	float:left;
	width:524px;
	height:100%;
	position: relative;
}
<!--[if IE 5]>
.wrapper #sidebar1 { width: 220px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
.wrapper #sidebar1 { padding-top: 30px; }
.wrapper #mainContent { zoom: 1; }
<![endif]-->