/*リセット
////////////////////////////////////////////*/
* {margin:0; padding:0;}
html {margin:0; padding:0;}

/*基本
////////////////////////////////////////////*/
body { color:#FFF; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; font-size:128%; text-align:center; background:url(/img/design/bg-img.gif);}
a { color:#0BF; text-decoration:none;}
/*a:visited { color:#09F;}:*/
a:hover { color:#264263;}
img { border:none;}
h1,h2,h3,h4 { line-height:1.2em;}
h2 { color:#333;}
h3 { color:#FF8DC1; margin:20px 0;}
p { text-indent:1em;padding-bottom:0.6em;/*text-shadow: 0px 1px 0px #333; -moz-text-shadow: 0px 1px 0px #333; -webkit-text-shadow: 0px 1px 0px #333;*/}

/*ラッパー
////////////////////////////////////////////*/

#wrapper { width:1050px; text-align:left; margin:auto; padding-top:290px; padding-bottom:30px; background:#685C5C; box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0p 10px #000; -webkit-box-shadow: 0px 0px 10px #000;}




/*ヘッダー
////////////////////////////////////////////*/

#header { width:100%; background:#FFF; color:#333; position:absolute; top:0;}
#header-inner {height:250px; width:1050px; margin:auto;}

	/*ヘッダーナビ
	////////////////////////////////////////////*/

	#nav { padding-bottom:20px; margin-top:20px;}
	#nav ul li { padding:0px 40px; float: left; line-height:36px; list-style: none; background:url(/img/design/bg-nav.png) left top no-repeat; font-size:14px; font-weight:900; margin:0px 0 10px 0;}
	#nav ul li a{ display: block; line-height:36px; color:#4F4747; text-decoration:none;}
	#nav ul li a:hover{ text-decoration:underline;}




/*メイン
////////////////////////////////////////////*/

#main { width:700px; float:left;}
  #main h2 { margin-left:-10px; padding:0.5em 1em 1.5em 1em ; background:url(/img/design/h2.png) bottom left no-repeat;}
  #main dl{ margin-bottom:1em;}

	/*パンくずリスト
	////////////////////////////////////////////*/

	#pankuzu { font-size:12px; margin-bottom:10px;}
	#pankuzu ol li { display: inline; list-style-type: none; margin-left: 20px;}
	#pankuzu ol li h1{ font-size:12px!important; font-weight:900; display:inline;}
	#pankuzu ol li:before { content: " > ";}
	#pankuzu ol li:first-child:before { content: none;}


	/*文章
	////////////////////////////////////////////*/

    .text { padding:1em; margin-bottom:1em;}
    .text h3{ text-align:center; margin:1em 0;}
    .sumb { width:200px; padding:10px; float:left; margin:0 1em 1em 0; background-color:#FFF; border:#CCC 1px solid; font-size:12px;}

	.bullet { color:#000; background:#ebe9e2; padding:1em; margin:1em 0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 0px 5px #666; -moz-box-shadow: 0px 0px 5px #666; -webkit-box-shadow: 0px 0px 5px #666; text-shadow: 0px 1px 0px #FFF; -moz-text-shadow: 0px 1px 0px #FFF; -webkit-text-shadow: 0px 1px 0px #FFF;}
	.bullet li{ font-weight:900; margin:0.5em 1em 0.5em 2em ;}

 .new-article li{
 list-style:none;
 overflow:hidden;
 border-bottom: 1px solid #DDD;
 margin: 20px 0;
 padding: 0 0 20px;
 }

 .new-article li a{
 display:block;
 }

 .new-article li a img{
 float: left;
 margin-right: 20px;
 }

 .narrate{
	 margin: 0 1em;
 }

 .narrate p{
	 font-size: 0.875em;
 }


	/*データ・攻略
	////////////////////////////////////////////*/

    .data { padding:1em; margin-bottom:1em;}
    .data h3{ text-align:center; margin:1em 0; color:#F09;}
	.data .bt { width:450px; height:80px; line-height:80px; margin:auto; margin-bottom:1em; display:block; text-indent:-9999px; background:url(/img/design/bt.png) no-repeat left;}
	.data .bt:hover { background:url(/img/design/bt.png) no-repeat right;}

    dl.site  { font-size:18px;}
    .site dt { float:left;}
    .site dd { margin-left:210px;}
    .site dd .sitename { font-weight:900; color:#F09; margin-right:1em;}
	.site dd .ryoukin { font-weight:900; color:#F00; margin-right:1em;}
	.site dd .hyouka { font-weight:900; color:#093;}
	.site dd .star { font-weight:900; color:#FC0;}

	ul.databox { width:450px; margin-left:210px; font-size:12px; color:#000; background:#ebe9e2; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 0px 5px #666; -moz-box-shadow: 0px 0px 5px #666; -webkit-box-shadow: 0px 0px 5px #666; text-shadow: 0px 1px 0px #FFF; -moz-text-shadow: 0px 1px 0px #FFF; -webkit-text-shadow: 0px 1px 0px #FFF;}
	ul.databox li { width:140px; padding:5px; list-style:none; float:left;}
	ul.databox li img { float:left;}
	ul.databox li dt{ font-weight:900;}



	/*エリア
	////////////////////////////////////////////*/
	.area {}
	.area dt { color:#3C3; font-weight:900; font-size:14px;}
	.area dd li{ float:left; list-style-type:none; margin-right:0.5em; font-size:14px;}

	.areatext { padding:0 1em 1em 1em; margin-bottom:1em;}
	.areatext dt {float :left;}
	.areatext dd {margin-left :120px; margin-bottom:20px;}

	.city { color:#000; background:#ebe9e2; padding:1em; margin:1em 0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 0px 5px #666; -moz-box-shadow: 0px 0px 5px #666; -webkit-box-shadow: 0px 0px 5px #666; text-shadow: 0px 1px 0px #FFF; -moz-text-shadow: 0px 1px 0px #FFF; -webkit-text-shadow: 0px 1px 0px #FFF;}
	.city h3{ color:#F09; border-left:5px solid #F09; text-shadow: 0px 1px 0px #FFF; -moz-text-shadow: 0px 1px 0px #FFF; -webkit-text-shadow: 0px 1px 0px #FFF;}
	.city li { float:left; padding:0.5em 0.3em; list-style:none; font-size:14px;}
	.city li:after { content:"｜";}

	/*ランキング
	////////////////////////////////////////////*/
   .ranking { padding:1em; background-color:#3C3C3C; border:#222 1px solid; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 0px 5px #666; -moz-box-shadow: 0px 0px 5px #666; -webkit-box-shadow: 0px 0px 5px #666;}
   .ranking dt{ float:left; width:70px; font-weight:900; text-align:center;}
   .ranking dd{ margin-left:85px; font-size:90%; padding:0.5em 0; border-bottom:#999 dashed 1px;}


	/*adbox
	////////////////////////////////////////////*/
	.adbox { padding: 10px 10px 35px; margin:1em 0 1em 1em ; font-size:16px; background-color:#3C3C3C; border:#222 1px solid; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 0px 5px #666; -moz-box-shadow: 0px 0px 5px #666; -webkit-box-shadow: 0px 0px 5px #666; display: none;}
	.adbox p{ font-weight:900;}
	.adbox dt { float:left;}
	.adbox dd { margin-left:110px;}

	#adbox-bottom { margin:1em 0;}
	#adbox-bottom h3 { font-size:20px; text-align:center; background-color:#FC6; padding:0.3em 0}
	#adbox-bottom li { width:204px; margin:5px; float:left; list-style:none; padding-top:5px; padding-left:3px; background-color:#3C3C3C; border:#222 1px solid; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 0px 5px #666; -moz-box-shadow: 0px 0px 5px #666; -webkit-box-shadow: 0px 0px 5px #666;}
	#adbox-bottom li dt { text-align:center; font-weight:900; font-size:17px;}
	#adbox-bottom li dd { margin:0px;padding:0 1em; font-size:14px;}

	.adbox-main { padding:0.5em; margin-bottom:1em; font-size:16px; background-color:#3C3C3C; border:#222 1px dashed; padding-bottom:10px;}
	.adbox-main p{ font-weight:900;}
	.adbox-main dt { float:left;}
	.adbox-main dd { margin-left:110px;}

	.tag { padding-top:5px; padding-left:3px; background-color:#3C3C3C; border:#222 1px solid; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 0px 5px #666; -moz-box-shadow: 0px 0px 5px #666; -webkit-box-shadow: 0px 0px 5px #666;}
	.tag dt{ color:#999; font-weight:900; width:100%;}
	.tag dd{ float:left; margin-left:1em!important; font-size:14px;}


	/*article
	////////////////////////////////////////////*/
	dl.article-list dt {float:left; font-weight:900; color:#FC0;}
	dl.article-list dd {margin-left:150px;}


/*メニュー
////////////////////////////////////////////*/

#menu { width:320px; float:right; font-size:16px;}
    #menu h4{ height:50px; line-height:50px; background:url(/img/design/side-top.gif) no-repeat; padding-left:50px; color:#FFFFFF;}
    #menu ul,#menu ol,#menu dl,#menu p{ margin-bottom:1em; padding:0.5em 0.5em 0.5em 1em}
    #menu li,#menu dd{ margin-bottom:0.7em;}
    #menu li{ margin-left:1em;}
	#menu .copy { text-align:left; padding:0.5em; margin:1em; background-color:#3C3C3C; border:#222 1px solid; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 0px 5px #666; -moz-box-shadow: 0px 0px 5px #666; -webkit-box-shadow: 0px 0px 5px #666;}


	#menulist {	width: 320px;}
	#menulist ul { margin: 0px; padding: 0px;}
	#menulist ul li { list-style-type: none;}
	#menulist ul li a {display: block;background-color: #222222; text-decoration: none; border: 1px solid #333333; padding: 10px; min-height:50px;}
	#menulist ul li a:hover { background-color: #333333;}
	#menulist ul li a img {	float: left; margin-right: 10px;}
	#menulist ul li a .title {	display: block; color: #FF0066;	text-decoration: none; font-size: 13px;}
	#menulist ul li a .content {display: block; color: #FFFFFF; text-decoration: none; font-size: 12px;  padding-left: 60px; line-height: 1.5;}


/*フッター
////////////////////////////////////////////*/

#footer {}

  .copy { text-align:center; font-size:12px; font-weight:900;}




/*clearfix
////////////////////////////////////////////*/
.clearfix{ /zoom : 1; }
.clearfix:after{ content : ''; display : block; clear : both; height:0; }

#wrapper,
#nav,
.area dd,
#adbox-top,
#adbox-bottom,
ul.databox,
ul.word,
.city,
.tag
{ /zoom : 1; }

#wrapper:after,
#nav:after,
.area dd:after,
#adbox-top:after,
#adbox-bottom:after,
ul.databox:after,
ul.word:after,
.city:after,
.tag:after
{ content : ''; display : block; clear : both; height:0; }



/*デザイン関連
////////////////////////////////////////////*/

/*テキスト系*/
.B { font-weight:900!important;}
.T {font-weight:100!important;}
.U { text-decoration:underline!important;}

.center { text-align:center!important;}
.left { text-align:left!important;}
.right { text-align:right!important;}

.fnt-12 { font-size:12px;}
.fnt-14 { font-size:14px;}
.fnt-16 { font-size:16px;}
.fnt-18 { font-size:18px;}

/*フロート系*/
.auto { margin:auto;}
.fl-l { float:left; margin: 0 1em 1em 0;}
.fl-r { float:right; margin: 0 0 1em 1em;}

/*カラー*/
.red { color:#F00!important;}
.blue { color:#09F!important;}
.pink { color:#F09!important;}
.green { color:#093!important;}
.yellow { color:#FC0!important;}

/*マージン*/
.margin-b1 {margin-bottom:1em;}
.margin-b2 {margin-bottom:2em;}
.margin-b3 {margin-bottom:3em;}
.margin-b4 {margin-bottom:4em;}
.margin-b5 {margin-bottom:5em;}

.margin-t1 {margin-top:1em;}
.margin-t2 {margin-top:2em;}
.margin-t3 {margin-top:3em;}
.margin-t4 {margin-top:4em;}
.margin-t5 {margin-top:5em;}


/*リスト*/
.list { padding:0 2em 1em 2em; font-weight:900;}

.quate { width:550px; margin:1em auto; font-weight:900; padding:1em!important;  background-color:#3C3C3C; border:#222 1px solid; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 0px 5px #666; -moz-box-shadow: 0px 0px 5px #666; -webkit-box-shadow: 0px 0px 5px #666;}
.quate dd{margin-bottom:0.7em;}





/*独自class
////////////////////////////////////////////*/
.link { padding:1em;}


/* Gallery styles
////////////////////////////////////////////*/

#gallery{ -moz-box-shadow:0 0 3px #AAAAAA; -webkit-box-shadow:0 0 3px #AAAAAA; box-shadow:0 0 3px #AAAAAA; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px;  -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px;  border:1px solid white;  background:url(/slide-img/panel.jpg) repeat-x bottom center #ffffff;  width:698px; overflow:hidden; text-align:center; margin-bottom:1em;}

#gallery #slides{ height:250px;  width:698px; overflow:hidden;}
#gallery .slide{ float:left;}
#gallery #slidermenu{ height:45px;}
#gallery ul{ margin:0px; padding:0px;}
#gallery li{ width:60px; display:inline-block; list-style:none; height:45px; overflow:hidden;}
#gallery li.inact:hover{ background:url(/slide-img/pic_bg.png) repeat;}
#gallery li.act,li.act:hover{ background:url(/slide-img/active_bg.png) no-repeat;}
#gallery li.act a{ cursor:default;}
#gallery .fbar{ width:2px; background:url(/slide-img/divider.png) no-repeat right;}
#gallery li a{ display:block; background:url(/slide-img/divider.png) no-repeat right; height:35px; padding-top:10px;}
#gallery a img{ border:none;}




/*○○作成class
////////////////////////////////////////////*/


#wrapper .dg-container{
width: 90%;
height: 390px;
position: relative;
background: none;
overflow:hidden;
padding-top:30px;
margin:20px;
}

.link-next{ margin:50px 0; display:block;}
.link-next li{ list-style:none;}