@charset "utf-8";

/* ----------------------- Browser Default Initialization */
html {
	//overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td	{
	margin: 0;	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var	{
	font-style: normal;
}
table	{
	border-collapse: collapse;	border-spacing: 0;
}
caption, th	{
	text-align: left;
}
q:before ,q:after	{
	content: '';
}
object, embed	{
	vertical-align: top;
}
hr, legend	{
	display: none;
}
h1, h2, h3, h4, h5, h6	{
	font-size: 100%;
}
img, abbr, acronym, fieldset	{
	border: 0;
}
li	{
	list-style-type: none;
}
p, dd, blockquote	{
	text-align: justify;
	text-justify: inter-ideograph;
}

/* ----------------------- Basic Style */
/* ------------ Font Style */
body {
	font-family: helevetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 75%;
	line-height: 150%;
}
html>/**/body {
	font-size: 11px;
}

* + html body {
	font-family: "メイリオ","Meiryo";
}

/*all
-----------------------------------------*/
html,body{
	background-color:#000;
	height:100%;
	//overflow-y:hidden;
	}
a {
	color:#fff;
}
a:hover {
	text-decoration:none;
}
a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}
/*wrapper
-----------------------------------------*/
#wrapper{
	margin:40px auto 0 auto;
	background-image: url("../img/background_2011wi.jpg");
	background-repeat: no-repeat;
	width:950px;
	height:633px;
	position: relative; 
} 
#wrapper_c{
	margin:40px auto 0 auto;
	background-image: url("../img/background_contents.gif");
	background-repeat: no-repeat;
	width:950px;
	height:633px;
	position: relative; 
} 
/*header
-----------------------------------------*/
#wrapper h1 img.mainlogo {position:absolute; top: 25px; left: 845px; }
#wrapper_c h1 img.mainlogo {float:left;}
#wrapper_c h1 img.mainlogo2 {float:left; margin-top:40px;}


/*top navi
-----------------------------------------*/
#wrapper ul#navi {
	position:absolute;
	top: 440px;
	left: 20px; 
}
#wrapper ul#navi li {
	float:right;
	margin-left:65px;
}
/*top copy
-----------------------------------------*/
#wrapper img#toppagecopy {
	position:absolute;
	top: 100px;
	left: 800px; 
}
/*news(RSS)
-----------------------------------------*/
#newsspace {
	position:absolute;
	top: 585px;
	left: 0; 
	width:950px;
	height:30px;
	background:#000;
	opacity:0.5;
	filter: alpha(opacity=50);
}
#news {
	position:absolute;
	top: 585px;
	left: 0; 
	width:950px;
	height:30px;
	background-image: url("../img/news_back.gif");
	background-repeat: no-repeat;
}
#news a img {
	float:left;
	width:85px;
	height:16px;
	margin:7px 0 0 90px;
}
#news #feedList {
	float:left;
	width:650px;
	margin:8px 0 0 25px;
}
#news #feedList a{
	color:#fff;
	text-decoration:none;
}
#news #feedList a:hover{
	color:red;
}
/*contents navi
-----------------------------------------*/
#wrapper_c ul#navi {
	float:right;
}
#wrapper_c ul#navi li {
	float:right;
	margin-left:40px;
}
#wrapper_c ul#navi li img{
	opacity:1;
	filter: alpha(opacity=100);
}
/*contents in
-----------------------------------------*/
#inner {position: relative; margin:65px 50px 50px 50px;}

/*collection
-----------------------------------------*/
ul.collection {
	float:left;
	width:850px;
	margin-top:110px;
}
ul.collection li{
	float:left;
	margin:0 16px 0 16px;
	width:180px;
	height:180px;
	line-height:180px;
}
/*collection6（6コマ用）
-----------------------------------------*/
ul.collection6 {
	float:left;
	width:850px;
	margin-top:140px;
}
ul.collection6 li{
	float:left;
	margin:0 4px 0 4px;
	width:132px;
	height:132px;
	line-height:132px;
}
ul.collection7 {
	float:left;
	width:850px;
	margin-top:80px;
}
ul.collection7 li{
	float:left;
	margin:15px 1px 0 1px;
	width:115px;
	height:115px;
	line-height:115px;
}
ul.collection12 {
	float:left;
	width:850px;
	margin-top:90px;
}
ul.collection12 li{
	float:left;
	margin:0 4px 0 4px;
	width:132px;
	height:132px;
	line-height:132px;
}
ul.collection16 {
	float:left;
	width:850px;
	margin-top:80px;
}
ul.collection16 li{
	float:left;
	margin:15px 9px 0 1px;
	width:98px;
	height:113px;
	line-height:113px;
}
ul.collection16 li.end{
	margin-right:-9px;
}

a.pirobox_gall { float:left; margin:0; padding:0;  display:block;}
a:hover.pirobox_gall {}

img.title {
	position:absolute;
	top:35px;
	left: 298px; 
}
#archive {
	position:absolute;
	top:365px;
	left:0px;
}
#archive ul{
	width:650px;
}
#archive ul li{
	float:left;
	margin:10px 30px 0 0;
}
#infologo {
	position:absolute;
	top:385px;
	left: 690px; 
}
/*concept
-----------------------------------------*/
#concept{
	position:absolute;
	margin-top:38px;
}
#concept img.photo{
	float:left;
}
.text {
	float:right;
	width:350px;
	height:400px;
	font-size:12px;
	line-height:2.4em;
	letter-spacing:0.2em;
}
.text img{
	margin-bottom:20px;
}
/*shopping
-----------------------------------------*/
#shopping {
	font-size:160%;
	font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "平成明朝",serif;
}
#shopping a{
	color:red;
	text-decoration:none;
}
#shopping a:hover{
	color:red;
	text-decoration:underline;
}
#shopping ul{
	margin:260px 0 0 140px;
}
#shopping ul li{
	float:left;
	margin-right:120px;
}
/*copyright
-----------------------------------------*/
#copyright {
	position:absolute;	
	top: 645px;
	left: 0;
	color:#fff;
	font-size:0.85em;
}
#companylogo {
	position:absolute;	
	top: 640px;
	left: 805px;
}