﻿/*base*/
body 
{
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka,Helvetica;	
	font-size: 12px;
	line-height: 1.8em;
	color: #333333;	
	margin: 0px;
	padding: 0px;	
	letter-spacing:0.05em;
	background-color:#ffffff;
}

form,p,li,ul,li,*
{
	margin:0px;
	padding:0px;
}
.clear
{
	clear:both;
}
p
{
	padding-top:10px;
	padding-bottom:10px;
}

textarea,input.tbx
{
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka,Helvetica;
	line-height: 1.5em;
	padding:3px;
	color:#333333;
}

input.submit
{
	height:2em;
	width:100px;
}

strong
{
	color:#000000;
}

a
{
	color:#333333;
}

a:hover
{
	color:#ff3300;
}

div.separator
{
	
}

h1,h2,h3,h4
{
	font-weight:normal;
	font-size:12px;
	padding:0px;
	margin:0px;	
}

h2
{
	font-size:10px;
	font-weight:bold;
	display:inline;
	margin-right:5px;
}
p.thispoint
{
	font-size:10px;
	line-height:1.5em;
	padding:0px;
	margin:0px;
	display:inline;
}
div.h2point
{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-15px;
	background-color:#ffffff;
}
/*base*/

/*head*/
h1
{
	float:left;
	font-size:10px;
	line-height:1.5em;
	color:#333333;
	padding-left:47px;
	background-image:url(../images/logo.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:45px;
	clear:both;
}
img.logo
{
	float:left;
	margin-top:5px;
}
div.head
{
	background-image:url(../images/top-bar.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	height:112px;
	padding-top:15px;
	padding-bottom:20px;
	background-color:#ffffff;
}
div.menu,div.footer,div.MainBody
{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
div.menu p
{
	width:560px;
	font-size:10px;
	clear:both;
	height:50px;
	line-height:1.5em;
	padding:0px;
	margin:0px;
}

ul.menu
{
	float:right;
	margin-top:-45px;
}
ul.menu li
{
	list-style-type:none;	
	float:left;
	margin-left:5px;
}
ul.menu li a img
{
	width:120px;
	height:50px;	
	border-style:none;
	background-position:center top;
}
ul.menu li a#on img
{
	margin-top:1px;
	height:50px;	
	background-position:center bottom;
}
ul.menu li a.search img
{
	background-image:url(../images/menu-search.png);	
}
ul.menu li a.about img
{
	background-image:url(../images/menu-about.png);	
}
ul.menu li a.clip img
{
	background-image:url(../images/menu-clip.png);	
}
ul.menu li a.etc img
{
	background-image:url(../images/menu-etc.png);	
}

ul.links
{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:15px;
	background-color:#ffffff;
	padding-top:10px;
	height:20px;
}
ul.links li
{
	float:right;
	margin-left:10px;
	list-style-type:none;	
	font-size:10px;
	white-space:nowrap;
}

/*head*/

/*foot*/
div.footerBase
{	
	padding-top:30px;
	padding-bottom:20px;	
	background-image:url(../images/bottom-bar.png);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#ff9900;
	clear:both;
}
div.footer
{
	color:#ffffff;
}
div.footer a
{
	color:#ffffff;
}
div.footer div.links
{
	float:right;
}
div.footer div.copy
{
	float:left;
}
/*foot*/

/*TAG*/
div.keytag
{
	float:left;
	white-space:nowrap;
	border-style:dashed;
	border-width:1px;
	border-color:#999999;
	padding-left:25px;
	padding-right:8px;
	padding-top:2px;
	margin-bottom:3px;
	margin-top:3px;
	margin-left:5px;
	background-position:left center;
	background-repeat:no-repeat;
}

div.keytag:hover
{
	border-style:solid;
	border-color:#ff6600;
	background-color:#ffffdd;
}

div.keytag a
{
	text-decoration:none;
	white-space:nowrap;
	line-height:50px;
	color:#666666;
	display:block;
	float:left;
}

div.keytag a:hover
{
	color:#000000;
	text-decoration:underline;
}

div.keytag a.minus
{

}

div.keytag#color
{
	background-image:url(../images/tag_icon_color.gif);
}
div.keytag#business
{
	background-image:url(../images/tag_icon_business.gif);
}
div.keytag#flash
{
	background-image:url(../images/tag_icon_flash.gif);
}
div.keytag#js
{
	background-image:url(../images/tag_icon_js.gif);
}
div.keytag#taste
{
	background-image:url(../images/tag_icon_taste.gif);
}
div.keytag#technology
{
	background-image:url(../images/tag_icon_technology.gif);
}
div.keytag#screen
{
	background-image:url(../images/tag_icon_screen.gif);
}
div.keytag#illustration
{
	background-image:url(../images/tag_icon_illustration.gif);
}
div.keytag#pic
{
	background-image:url(../images/tag_icon_pic.gif);
}
div.keytag#genre
{
	background-image:url(../images/tag_icon_genre.gif);
}
div.keytag#bgm
{
	background-image:url(../images/tag_icon_bgm.gif);
}
div.keytag#system
{
	background-image:url(../images/tag_icon_system.gif);
}
div.keytag#active
{
	background-image:url(../images/tag_icon_active.gif);
}
div.keytag#add
{
	background-image:url(../images/tag_icon_add.gif);
}
div.keytag#recom
{
	background-image:url(../images/tag_icon_recom.gif);
}
div.keytag#internal
{
	background-image:url(../images/tag_icon_internal.gif);
}
div.keytag#pattern
{
	background-image:url(../images/tag_icon_pattern.gif);
}

/*AD*/
div.adGoogleBlock div
{
	font-size:10px;
	line-height:1.3em;
	margin-bottom:5px;
}

/*etc*/


/*for IE*/
*html div.keytag a
{
	float:none;
	display:inline;
}
*+html div.keytag a
{
	float:none;
	display:inline;
}
