@charset "utf-8";
/*
	Site Name: 最新ゲーム情報
	Description: 最新ゲーム情報のスタイルシートです
	Version: 1.0
	Author: 
	作成日：2009.4.17
*/

/*
===== CONTENTS ===========================================

	1. universal reset 
	2. body and base setting
	3. layout setting
	4. #header 詳細
	5. #content詳細
	6. #footer詳細
	7. Utilities
	8. link setting

==========================================================
*/
/*======================================

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment
	
	77% = 10px	| 	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

=======================================*/

/*----------------------------------------------------

               1. universal reset 

----------------------------------------------------*/

*{
	margin:0;
	padding:0;
}

/*----------------------------------------------------

               2. body and base setting

----------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	font-size: 13px;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	background: #9E9E9D url("img/base-background.gif") ;
	color: #333;
}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	padding: 0;/* margin&padding reset */
	line-height: 1.5;/* base line height */
	display: block;
	margin: 0px;
	font-size:100%;
}
table {margin : 0;empty-cells: show; font-size:92%;}
hr,.areaAnchor,.anchor { display : none; }
img {
	border: none;/* img do not want a border */
	vertical-align: bottom;
}
strong {
	letter-spacing: 1px;
}
/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{cursor:help;}


/*----------------------------------------------------

               3. layout setting

----------------------------------------------------*/

#container {
	width:600px;
	padding: 0;
	margin: 0;
	border-right: #999 1px solid;
}

#header {
	background: #fff url("img/header-line.gif") repeat-x;
	margin: 0;
	padding: 0;
	width:600px;
	height: 70px;
}
#header-inner {
	margin: 0;
	padding: 20px 16px 0 5px;
}
#content {
	background: #fff;
	color: #333;
	margin: 0;
	padding:0;
	width:600px;
	font-size: 92%;
	letter-spacing: 0.3px;
}
#content-inner {
	margin: 0;
	padding: 0 23px 0 25px;
}
#footer {
	background: #fff;
	margin: 0;
	padding: 0;
	width:600px;
	height: 30px;
}

/*----------------------------------------------------

               4. #header 詳細

----------------------------------------------------*/
/*h1の装飾
--------------------*/
#header h1 {
	background: #fff url("img/h1-icon.jpg") no-repeat;
    margin: 0;
    padding: 7px 0 0 30px;
    font-weight: bold;
	color: #00A9E0;
	height: 32px;
	font-size: 135%;
	letter-spacing: 0px;
}

/*----------------------------------------------------

               5. #content詳細

----------------------------------------------------*/
/*サイトの説明、フォーム部分（上下共通）
--------------------*/
#content .sub {
	background: #fff url("img/roundcorner-top.jpg") no-repeat;
	margin: 0;
	padding: 10px 0 10px 0;
	width: 552px;
}
#content .sub-inner {
	margin: 0;
	padding:0;
	border-right: #D0D0D0 1px solid;
	border-left: #D0D0D0 1px solid;
}
#content .sub-inner h2{
	background: #fff url("img/h2-arrow-sub.jpg") no-repeat;
	margin: 0 0 0 8px;
	padding:0 0 2px 17px;
	color: #FF7600;
	font-size: 107%;
	letter-spacing: 1px;
}
* html #content .sub-inner h2{
	padding:2px 0 0 17px;
}
*:first-child+html #content .sub-inner h2{
	padding:1px 0 0 17px;
}
#content .sub-inner p {
	margin: 0 25px;
	padding: 0 0 5px 0;
}
#content .sub-inner ul {
	margin: 0;
	padding: 0 10px 0 40px;
}
#content .sub-bottom {
	margin: 0;
	padding:0;
	background: #fff url("img/roundcorner-bottom.jpg") no-repeat left bottom;
	width: 552px;
}
/*フォーム部分
--------------------*/
#content .sub #inquiry {
	margin: 0 25px 10px;
	padding:0;
	background: #fff url("img/form-background.jpg") repeat-x left top;
	border: #C9C9C9 1px solid;
	height: 46px;
}
#content .sub #inquiry #form-inner {
	margin: 0;
	padding:3px 10px;

}
#content .sub #inquiry #form-inner .form-url {
	margin: 0;
	padding:0;
	width: 290px;
	float:left;
}
#content .sub #inquiry #form-inner .form-url input#url-rss {
	background: #fff url("img/input-background.gif") repeat-x left top;
	margin: 0;
	padding:0;
	border: #C9C9C9 1px solid;
	width: 260px;
	height: 20px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#content .sub #inquiry #form-inner .submit-button {
	margin: 0;
	padding:0 35px 0 0;
	width: 72px;
	float:left;
}
#content .sub #inquiry #form-inner .clear-button {
	margin: 0;
	padding:0;
	width: 72px;
	float:left;
}
#content .sub #inquiry #form-inner .submit-button input#image-btnSUb {
	background: url("img/submit-button.jpg") left top no-repeat;
	margin-top: 7px;
	padding:0;
	width: 72px;
	height: 30px;
	border: 0;
	cursor:	pointer;
}
#content .sub #inquiry #form-inner .clear-button input#image-btnClear {
	background: url("img/clear-button.jpg") left top no-repeat;
	margin-top: 7px;
	padding:0;
	width: 72px;
	height: 30px;
	border: 0;
	cursor:	pointer;
}
/*新着情報エリア
--------------------*/
#content #main-info {
	margin:0;
	padding:0 0 10px 0;
}
/*h2の装飾
--------------------*/
#content #main-info h2 {
	background: #fff url("img/h2-arrow.gif") no-repeat;
    margin-left: -16px;
    padding: 0 0 0 18px;
    font-weight: bold;
	color: #333;
	font-size: 114%;
	line-height: 1.3;
	border-bottom: #C9C9C9 1px dotted;
	letter-spacing: 1px;
}
* html #content #main-info h2 {
	padding:1px 0 0 18px;
}
#content #main-info .new-list {
	background: #F6F6F6;
	margin: 5px 0 10px  0;
	padding:5px 5px 5px 30px;
	height: 400px;
	overflow: auto;
	border: #C9C9C9 1px solid;
}
#content #main-info .new-list1 {
	background: #F6F6F6;
	margin: 5px 0 10px  0;
	padding:5px 5px 5px 30px;
	height: 100px;
	overflow: auto;
	border: #C9C9C9 1px solid;
}
#content #main-info .new-list2 {
	background: #F6F6F6;
	margin: 5px 0 10px  0;
	padding:5px 5px 5px 30px;
	height: 200px;
	overflow: auto;
	border: #C9C9C9 1px solid;
}
#content #main-info .new-list3 {
	background: #F6F6F6;
	margin: 5px 0 10px  0;
	padding:5px 5px 5px 30px;
	height: 200px;
	overflow: auto;
	border: #C9C9C9 1px solid;
}
/*h3の装飾
--------------------*/
#content #main-info h3 {
	background: #fff url("img/h3-arrow.gif") no-repeat;
    margin: 0;
    padding: 0 0 0 15px;
    font-weight: bold;
	color: #333;
	font-size: 107%;
	line-height: 1.1;
	border-bottom: #C9C9C9 1px dotted;
	letter-spacing: 1px;
}
* html #content #main-info h3 {
	padding:1px 0 0 15px;
}
/*----------------------------------------------------

               6. #footer詳細

----------------------------------------------------*/
/*pageTop(このページの上へ)setting
--------------------*/
.pageTop {
    clear: both;
    margin:  0;
    padding: 0 20px 0 0;
    text-align: right;
}
pageTop a{
    margin: 0;
    padding: 0;
}

/*----------------------------------------------------

               7. Utilities

----------------------------------------------------*/

#header:after,
#content:after,
.sub:after,
#main-info:after,
#inquiry:after,
#footer:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
/*----------------------------------------------------

               8. link setting

----------------------------------------------------*/

a:link {
	text-decoration: none;
	font-weight: bold;
	color: #09f;
	outline: none;
}

a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #09f;
    outline: none;
}
a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #09f;
}
a:active {
	text-decoration: none;
	font-weight: bold;
	color: #09f;
	outline: none;
}
