@charset "Shift_JIS";

/* summary ------------------
1.reset
2.base
-------------------------- */

/* reset ----------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
q, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
margin:0;
padding:0;
border:0;
outline:0;
background-color:transparent;
line-height:1;
font-weight:normal;
}

ol,ul {
list-style:none;
}

img {
margin:0;
padding:0;
border:0;
outline:0;
line-height:1;
background-color:transparent;



}

:focus {outline:0;}

/* base ----------------- */

body {
	text-align: left;
	font-size:62.5%;
	font-family: 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, Osaka-等幅, sans-serif;
	color: #69513A;
	
	background-color: #FFF;
	background-image: url(images/background.gif);
	background-repeat: repeat-x;
}

a:link {
color:#69513A;
text-decoration:none;
}
a:visited {
color:#69513A;
text-decoration:none;
}
a:hover {
color:#69513A;
text-decoration:underline;
}
a:active {
color:#69513A;
text-decoration:underline;
}

p {
color:#69513A;
}


/* base ----------------- */

#container {
	position: relative;
	margin:0 auto;
	width:950px; text-align:left;
	background-color: transparent;

}


#header {
	width: 950px;
}

#header .headline {
	width: 950px;
	padding:10px 0 25px 0;

}

#header .headline .links{
	float:left;
	width:450px;
	margin:0px 0 0 0;
	text-align: right;
}

#header .headline .links li{
	display:inline;
	margin:0 0 0 10px;
	padding:1px 0 0 14px;
	font-size:1.2em;
	line-height:1.3;
	background:url(images/arrow_wred.gif) no-repeat;
}

#header .headline .news {
	float:left;
	width:500px;
	margin:0px 0 0 0;
}

#header .headline .news li{
	display:inline;
	margin:0 20px 0 0;
	padding:1px 0 0 40px;
	font-size:1.2em;
	line-height:1.3;
	background:url(images/news.gif) no-repeat;
}




/* base ----------------- */

#header .titlelogo_top {
	width: 950px;
	height: 195px;
	margin:0 0 10px 0;
}


/* base ----------------- */

#header .menu {
	width: 950px;
	margin:0px 0 0 0;/*メニュー上部のすきま調整*/
	
}

ul#navigation {
	width:950px;
	margin:0;
	overflow:hidden;　/*float解除*/
	zoom:100%;　/*float解除*/
}

ul#navigation li {
	float:left; /*次の要素を右側へ回り込ませる*/
	list-style:none; /*リストの●を消す*/
}

ul#navigation li a {
	display:block; /*インラインからブロック要素へ変更*/
	height:40px; /*高さ*/
	width:158px; /*横幅*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	letter-spacing:1px; /*文字間隔*/
	text-indent:-9898px; /*テキストを横に飛ばして見えなくする*/
	background-image:url(images/main_menu.gif); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
} 

ul#navigation li a.top {background-position:0px 0px;}
ul#navigation li a.top_on {background-position:0 -40px;}
ul#navigation li a.top:hover {background-position:0 -40px;}
 
ul#navigation li a.persocom {background-position:-158px 0px;}
ul#navigation li a.persocom_on {background-position:-158px -40px;}
ul#navigation li a.persocom:hover {background-position:-158px -40px;}
 
ul#navigation li a.sphone {background-position:-316px 0px;}
ul#navigation li a.sphone_on {background-position:-316px -40px;}
ul#navigation li a.sphone:hover {background-position:-316px -40px;}

ul#navigation li a.blogparts {background-position:-474px 0px;}
ul#navigation li a.blogparts_on {background-position:-474px -40px;}
ul#navigation li a.blogparts:hover {background-position:-474px -40px;}

ul#navigation li a.blog {background-position:-632px 0px;}
ul#navigation li a.blog_on {background-position:-632px -40px;} 
ul#navigation li a.blog:hover {background-position:-632px -40px;} 

ul#navigation li a.news {background-position:-790px 0px; width:160px;}
ul#navigation li a.news_on {background-position:-790px -40px;} 
ul#navigation li a.news:hover {background-position:-790px -40px;} 


/* base ----------------- */

#contents {
	width: 950px;
	margin: 10px 0 0 0;
	background-color: #FFFFFF;
}

/* base ----------------- */

#footer {
	clear : both ;
	margin: 0px;
	padding:0 0 0 6px;
	width: 950px;
	height: 25px;
	background:url(images/copyright_bg.gif) no-repeat;
}


#footer	.footerleft{
	display:block;
	float: left;
	width: 450px;
	color: #FFFFFF;
	padding:8px 0 0 24px;
	font-size:1.2em;
	background:url(images/copyright_icon.gif) no-repeat 4px top;
}

#footer	.footerright{
	float: right;
	width: 450px;
	color: #FFFFFF;
	text-align: right;
	padding:8px 10px 0 0;
	font-size:1.2em;
}


/* base ----------------- */




#gamecorner {
	display:block;
	margin:0 auto;
	width: 442px;
	height: 30px;
	background-color: #FFFFFF;
	background:#fff url(../images/header_flash.gif) no-repeat;
	margin-top: 3px;
}

#gamecorner2 {
	display:block;
	margin:0 auto;
	width: 442px;
	height: 30px;
	background-color: #FFFFFF;
	background:#fff url(../images/header_flash.gif) no-repeat;
}

span.pankuzu{
	margin: 0px;
	padding: 0 10px;
	font-size: 0.6em;
	float: right;

}

span.clr{
	clear: right;
}

span.cll{
	clear: left;
}



#contents.ufoattack {
	width: 900px;
	height: 750px;
	background-color: #FFFFFF;
}

#contents.kurukuru {
	width: 900px;
	height: 600px;
	background-color: #FFFFFF;
}

#contents.mozponghs {
	width: 900px;
	height: 850px;
	background-color: #FFFFFF;
}

#leftinstraction{
	width: 380px;
	float: left;
	padding: 4px 4px 4px 10px;
}

#rightinstraction{
	width: 400px;
	float: right;
	padding-left: 10px;
}

#leftufoattack{
	width: 570px;
	float: left;
	padding-left: 10px;
}

#rightufoattack{
	width: 300px;
	float: right;
	padding-right: 20px;
}

#contents.flash {
	width: 900px;
	height: 1100px;
	background-color: #FFFFFF;

}

#contents.puku2 {
	width: 900px;
	height: 560px;
	background-color: #FFFFFF;

}

#contents.puku820 {
	width: 820px;
	height: 800px;
	background-color: #FFFFFF;

}

#contents.mozdoll {
	width: 900px;
	height: 630px;
	background-color: #FFFFFF;

}

#contents.mozpop {
	width: 900px;
	height: 600px;
	background-color: #FFFFFF;

}

#leftside {
	width: 220px;
	float: left;

}

#leftsideblank {
	width: 120px;
	float: left;

}

#leftufo {
	width: 600px;
	float: left;
	padding-left: 10px;
}


#leftshinkansen{
	width: 650px;
	float: left;
	padding-left: 10px;
}

#rightshinkansen{
	width: 230px;
	float: right;
	padding-right: 10px;
}


#rightblock {
	width: 680px;
	float: right;
}

#rightblock div.dangumi{
	font-size: 0.9em;
	padding: 0px 60px 0px 8px;

}




#rightside {
	width: 220px;
	float: right;
}

.linklist p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}


img {
	border: none;

}


.mg {
	margin-top: 8px;
}

iframe {
	background-color: #FFFFFF;
}

.hdpanel {

	padding-bottom:4px;
}

.thumb64{
	float: left;
	padding: 4px 4px 4px 4px;
}


.mes1 {
	font-size: 70%;
	margin-bottom: 10px;
	text-align: center;
}

.toEnglish {
	font-size: 70%;
	margin-bottom: 10px;
	margin-right: 15px;
	text-align: right;
}

.inframe {
		margin:0;
		padding:7px 10px;
		background:#FDF9E0;
		font-size: 0.7em;
}

.poweredby {
	margin: 0px;
	padding: 0 10px 0 30px;
	color: #FFFFFF;
	background:#919191;
	font-size: 0.8em;
}

.uranai {
	margin-left: 8px;
	margin-top: 10px;
	margin-bottom: 8px;
}