@charset "Shift_JIS";

/*-----common-----*/
body{
	/*font-size: 12px;*/
	font:12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	letter-spacing: 105%;
	line-height: 130%;
	margin: 0;
	padding: 0;
	color: #222;
	background-color: #FFF;
	text-align: center;
}

#frame{
	margin: auto;
	text-align: left;
	color: #111;
	width: 850px !important;
}

#header{
	width: 850px;
}

#header_img{
	width: 850px;
	font-size:0;
	line-height:0;
}

/* title */
#title{
	font-size:12px;
	padding-top : 25px;
}

#title_notice {
    margin: 0 auto;
    width: 850px;
    height: 185px;
    text-align: left;
    overflow: hidden;
}
 
#title_notice ul {
    width: 850px;
    height: 185px;
    text-align: left;
    overflow: hidden;
    position: relative;
}
 
#title_notice ul li {
    top: 0;
    left: 0;
    width: 850px;
    height: 185px;
    display: none;
    position: absolute;
}

/* navigation */
ul,li   {  
	margin:0;padding:0;list-style: none;  
}  
#navi {
  padding:0;
  margin:0;
  list-style-type: none;
  background:#666;
  border-bottom: solid 1px #676F00;
}
#navi li {
  width:25%;
  float:left;
  padding:0;
  margin:0;
  text-align:center;
}
#navi li img{
  height: 15px;  
  padding-right: 4px;
}

#navi li a {
  width:auto;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  /*text-shadow:0 -1px 0px #333,0 1px 0px #555;*/
  padding:10px 0;
  text-decoration:none;
  display:block;
  background:#8B930D;
  border-left:solid 1px #676F00;
  border-bottom:solid 1px #676F00;
}
#navi li a:hover {
  background:#676F00;
}

/* contents */
#contents{
	padding: 15px 0px 0px 0px;
	text-align: left;
	width: 850px;
	margin-bottom:25px;
}

#main{
	margin-right: 15px;
	width: 530px;
	float: left;
	min-height:150px;
}

#side{
	margin-top:58px;
	margin-bottom: 50px;
	width: 300px;
	float: left;
}
#side_nomargin{
	margin-top:10px;
	margin-bottom: 50px;
	width: 300px;
	float: left;
}
/* adsense */
.side_adsense{
}
.under_adsense{
	text-align:center;
	width : 530px;
}

#footer{
	text-align: center;
	width: 850px;
	height:28px;
}

.clboth{
	clear:both;
}

/* Top app list */
#app_board{
	margin-bottom:25px;
}
#app_board_mainimg{
	width : 100%;
}
#app_badge{
	/*margin :0px 0 0px 40px;*/
	text-align:center;
	margin-bottom:30px;
}
#app_badge_sub{
	margin : -45px 0 0px 40px;
}
.sendmail{
	background-color:#999999;
	text-align:center;
	padding:0.5em 0 0 0;
	margin-bottom:10px;
	font-size:1em;
	height:2.0em;
}
.sendmail a{
	color:#FFF;
}
#app_badge_bottom{
	width : 100%;
	text-align:center;
	margin-bottom:25px;
}

/* nazopla */
#ichimai{

}

#ichimai_l{
	float:left;
	width : 140px;
	text-align:center;
	margin-right:10px;
}
#ichimai_r{
	float:left;
	width : 140px;
	text-align:center;
}

/* app list */
#apps{
	margin-bottom:50px;
	/*background-color:#006;*/
}
#apps li{
	margin-right:5px;
	margin-bottom:10px;
	float:left;
}
#apps li a img{
	width:120px;
}
#cl_apps{
	clear:both;
	margin-bottom:30px;
}


.app_title{
	text-align:center;
}

/* app board */
.app_sub_ss{
	width : 100%;
	margin-bottom:35px;
}
.app_sub_ss img{
	float:left;
	margin-right:20px;
	width:45%;
}
.app_sub_text{
	width : 45%;
	float:left;
}

/* SNS */
#social_index{
	width:300px;
	padding:0px 0px 5px 4px;
	margin:20px 0 10px 0;
}

#social_game{
	width:100%; 
	height: 24px;
	padding:0px 0px 0px 17px;
	margin:-13px 0 0px 0;
}

#social_hatena{
	padding-right: 5px;
	float:left;
}
#social_twitter{
	padding-right: 3px;
	float:left;
	width : 100px;
}
#social_twitter_follow{
	float:left;
	width : 70px;
}
#social_facebook{
	padding-top: 0px;
	padding-right: 3px;
	float:left;
}
#social_mixi{
	padding-top: 2px;
	padding-right: 4px;
	float:left;
}
#social_google{
	padding-top: 1px;
	padding-right: 3px;
	float:left;
	width : 70px;
}
#social_gree{
	padding-top: 4px;
	float:left;
}

/* flash */
.changelang{
	padding-right:10px;
	margin :-45px 0 30px 0;	
	text-align : right;
}

#flash{
	min-height:300px;
	text-align:center;
}

#flash2{
	padding:50px 0;
	min-height:300px;
	text-align:center;
}

/* BBS */
#bbs_frame{
	width: 520px;
	height: 700px;
}

/* how to  */
.complain{
	width : 300px;
}

/* wallpaper */
#wallpaper_wrapper{
	text-align:left;
	margin-bottom:50px;
}
.wallpaper{
	float:left;
	margin: 15px 25px 15px 0;
}
.wptext{
	text-decoration:underline;
	margin-top:5px;
	margin-bottom:5px;
	font-size:14px;
}
.wpimg{
	float:left;
}
.wpbutton{
	float:left;
	width : 100px;
	margin-left:3px;
}
.wpbutton img{
	width : 100px;
}

/*-----text-----*/
a{
	color:#39F;	
}

p{
	margin: 0px;
	padding-bottom: 15px;
}
h1{
	margin: 0px;
}

.h1_sub{
	color:#727171;
	margin: 0 0 1.5em;
    padding: 0.8em;
    border-left: 5px solid #727171;
    border-bottom: 1px dotted #727171;
    font-size: 1.143em;
    font-weight: bold;
	text-align:left;
}
h2{
	color:#727171;
	margin: 0 0 1.5em;
    padding: 0.8em;
    border-left: 5px solid #727171;
    border-bottom: 1px dotted #727171;
    font-size: 1.143em;
    font-weight: bold;
	text-align:left;
}

h3{
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	letter-spacing: 105%;
	line-height: 160%;
}
.h3_text{
	padding: 0px 0px 0px 15px;
	margin-bottom: 25px;
}

h4{
	margin: 0px 0px 3px 0px;
	font-size: 15px;
	letter-spacing: 105%;
	line-height: 160%;
	color: #111;
}
.h4_text{
	padding: 0px 0px 0px 15px;
	margin-bottom: 15px;
}
.text{
	padding-left: 10px;
	margin-bottom: 50px;
}
.nobr br{
}


/*-----Image----*/
img{
	border: 0 none;
}

.img_frame{
	border: 1px #999999 solid;
}

@media screen and (max-width: 680px)  {
body{
	font-size: 12px;
}

#frame{
	width: 100% !important;
}

#header{
	width: 100%;
	text-align:center;
}
#header_img{
	width: 100%;
	text-align:center;
	overflow:hidden;
}

#notice_big{
	width: 100%;
}
#notice_big img{
	width: 150%;
}

#title{
}
#title_sub{
}

#contents{
	width: 100%;
}

#main{
	width: 100%;
	float:none;
}

#side{
	width: 100%;
	float: none;
	margin-top:0px;
}
#side_nomargin{
	width: 100%;
	float: none;
	margin-top:0px;
}

.side_adsense{
	text-align:center;
}
.under_adsense{
	width:100%;
	text-align:center;
	overflow:hidden;
}
#footer{
	width: 100%;
}

#navi li {
  width:25%;
}
	
	
/* Top app list */
#app_board{
	100%;
}
#app_badge_sub{
	margin : 0;
	width:100%;
	text-align:center;
}
#app_board_mainimg{
	width : 100%;
}

/* apps index */
#apps li{
	width:23%;
}
#apps li a img{
	width:100%;
}
.app_title{
	height:3.5em;
}

.nobr br{
	display:none;
}

/* BBS */
#bbs_frame{
	width: 100%;
	height: 700px;
}
}