@charset "utf-8";



/* ++++++++ GURUTTO SAVER +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/*	基礎設定
--------------------------------*/

body{
	background: #FFFFFF;
	}
#movie-l {
	width: 640px;
	height: 480px;
	margin: 39px auto 0;
	}

#moke-news {
	width: 475px;
	margin-left: 25px;
	}
#moke-news li {
	width: 475px;
	color: #313131;
	font-size: 12px;
	line-height: 18px;
	border-bottom: #418a28 1px dotted;
	margin-top: 7px;
	padding-bottom: 8px;
	}
#moke-news li.list-bottom {	border-bottom: none;}
#moke-news li .moke-left{ width: 90px; line-height: 18px;}
#moke-news li .moke-right{ width: 385px; line-height: 18px; letter-spacing: 0;}
#moke-news li .moke-right a { color: #313131;}



#dsi-v01{ 
 width:100%;
 margin:0 auto;
 padding-top:42px;
 text-align:center;
  background:url(../dsi/moke/img/bg.jpg) top center repeat-x #ffffff;
}

#dsi-v01 .main_menu{ 
 width:100%;
 margin:0 auto 0;
 text-align:center;
 height:367px;
}

#dsi-v01 .ph-main{ 
  background:url(../dsi/moke/img/main_ph.png) top center no-repeat;
  }


#dsi-v01 .main_menu .inbox{ 
 width:764px;
 margin:0 auto 0;
 padding-top:319px;
 padding-right:35px;
 text-align:center;
 height:68px;
}

#dsi-v01 .main_menu .inbox ul.list{
	list-style-type: none;
	width: auto;
	position: relative;
	display: block;
	margin:auto;
	}

#dsi-v01 .main_menu .inbox ul.list li.btn_box{
	display: block;
	float: left; /*横並びにする記述*/
	}


	
#dsi-v01 .cont{
	width:767px;
	margin:39px auto 0;
	padding-right:35px;
	}



/*	メインページ
--------------------------------*/

#dsi-v01 .cont .Lcont{
	width:522px;
	float:left;
	color:#888888;
	line-height:17px;
	text-align:left;
	}

#dsi-v01 .cont .Rcont{
	width:218px;
	float:right;
	text-align:center;
	}

.sttl18{
	padding-bottom:18px;
	}
	
.moke_txt{
	line-height: 18px;
	color: #313131;
	}
	
	
#dsi-v01 .cont .Lcont .news{
	width:524px;
	margin:0 auto 42px;
	padding-bottom:12px;
	background:url(../dsi/moke/img/top/news_bg.jpg) bottom no-repeat;
	}

#dsi-v01 .cont .Lcont .news .cnews-box{
	margin:auto;
	padding-top: 0;
	}	

#dsi-v01 .cont .Lcont .news .cnews-box ul.txt-line{
	list-style-type: none;
	width: auto;
	position: relative;
	display: block;
	color:#313131;
	margin:auto;
	padding-bottom:3px;
	line-height:19px;
	width:490px;
	}
	
#dsi-v01 .cont .Lcont .news .cnews-box ul.txt-line li.cbox{
	display: block;
	float: left; /*横並びにする記述*/
	width:400px;
	color:#000;
	}
	
.news_ttl{
	width:90px;
	display: block;
	float: left; /*横並びにする記述*/
	}
	
	
#dsi-v01 .cont .Lcont .move{
	background:#aca54e;
	width:336px;
	margin:28px auto 23px;
	}
	
.mttl{
	padding:6px;
	}

.rmove_text{
    padding: 10px 9px;
    text-align: right;
    width: 301px;
	}

#dsi-v01 .cont .Lcont .gline{
	width:489px;
    height: 151px;
    padding: 14px 21px;
	margin-bottom:29px;
	background:url(../dsi/grtsaver/img/gline_bg.gif) top center no-repeat;
	}	
	
#dsi-v01 .cont .Lcont .gline ul.txt-line{
	list-style-type: none;
	width: auto;
	position: relative;
	display: block;
	color:#00bf8c;
	margin:auto;
	padding-bottom:3px;
	width:438px;
	}
	

#dsi-v01 .cont .Lcont .gline ul.txt-line li.cbox{
	display: block;
	float: left; /*横並びにする記述*/
	}
	
.gl-ttl{
	font-weight:bold;
	width:77px;
	}

.cero-rg{
    float: right;
    padding-top: 90px;
	}
	
.ph-sc{
	padding-bottom:11px;
	}
	
.inq-box{	
    background: none repeat scroll 0 0 #E7E7E7;
    color: #333333;
    line-height: 19px;
    margin: 52px auto 21px;
    padding: 15px 19px;
    text-align: left;
    width: 520px;
	}
	
.dsiware-box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #C1C1C1;
    color: #333333;
    line-height: 19px;
    margin: 0 auto 21px;
    padding: 21px;
    text-align: left;
    width: 658px;
	}	
	
	
.dsiware-box{
	background:#FFFFFF;
	border:3px #c1c1c1 solid;
	text-align:left;
	line-height:19px;
	margin:0px auto 21px;
	width:658px;
	padding:21px;
	color:#333333;
	}
	
	
.dsiware-box .dsiware-Lbox{
float:left;
margin-top:25px;
text-align:center;
width:146px;
	}

.dsiware-box .dsiware-Rbox{
float:right;
width:485px;
	}	
	
	
.dsiware-text{
	width:700px;
	text-align:right;
	margin:auto;
	}

/* 120712追加 */
#about-box-wrapper {
	width: 520px;
	background: url(../dsi/moke/img/top/about_bg_bottom.gif) left bottom no-repeat;
	margin: 30px auto 0;
	padding-bottom: 6px;
	}
#about-box-top01 {
	background: url(../dsi/moke/img/top/about_bg_moke.gif) left top no-repeat;
	padding-top: 25px;
	}
#about-box-top02 {
	background: url(../dsi/moke/img/top/about_bg_top.gif) left top no-repeat;
	padding-top: 6px;
	}
#about-box {
	background: #926c47 url(../dsi/moke/img/top/about_bg_c.gif) right top no-repeat;
	padding: 6px 0 6px 15px;
	}
#about-box table caption {
	padding-bottom: 10px;
	}
#about-box table th,#about-box table td {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 20px;
	vertical-align: top;
	}
#about-box table th {
	font-weight: bold;
	padding-right: 18px;
	}
#about-box table td.cell-bottom {
	text-align: right;
	vertical-align: bottom;
	}
#moke-view {
	width: 835px;
	text-align: left;
	margin: 0 auto;
	padding-top: 45px;
	}

/* もけもけセカンドページ共通 */


#moke .cont {
	width: 830px;
	padding-right: 0;
	}
#moke-cont-wrapper {
	width: 830px;
	position: relative;
	background: url(../dsi/moke/img/bg_top.gif) 0 0 no-repeat;
	padding-top: 8px;
	}
#tsuta-top {
	position: absolute;
	top: 14px;
	right: 1px;
	}
* html #tsuta-top img {
	display: none;
	}
* html #tsuta-top {
	width: 79px;
	height: 282px;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/tsuta_top.png", sizingMethod="crop");
	}
#tsuta-bottom {
	position: absolute;
	bottom: 4px;
	_bottom: 3px;
	right: 67px;
	z-index: 0;
	}

#moke-cont-bottom {
	background: url(../dsi/moke/img/bg_bottom.gif) left bottom no-repeat;
	padding-bottom: 9px;
	}
#moke-contents {
	width: 776px;
	text-align: left;
	background: url(../dsi/moke/img/bg.gif) 0 0 repeat-y;
	_margin: 0 0 0 -35px;
	padding: 12px 0 0 19px;
	}
*+html #moke-contents {	margin: 0 0 0 -36px;}

.moke-left,.moke-left02 { float: left;}
.moke-right,.moke-right02 { float: right;}


/* PV映像 */
#pv-top {
	width: 327px;
	margin: 30px auto 0;
	}
.pv-block {
	width: 327px;
	height: 295px;
	background: url(../dsi/moke/img/pv/pv_video_bg.gif) 0 0 no-repeat;
	}
.pv-block h3 {
	margin-left: 20px;
	padding-top: 21px;
	}
.pv-video {
	width: 311px;
	height: 205px;
	background: #5d5d5d;
	border: #0e3700 1px solid;
	margin: 9px 0 0 9px;
	}
.btn-exp {
	text-align: right;
	padding: 11px 16px 0 0;
	}
#pv-list {
	width: 685px;
	position: relative;
	z-index: 10;
	margin: 25px -14px 0 44px;
	}
#pv-list li {
	width: 327px;
	float: left;
	margin: 0 14px 21px 0;
	}
#pv-list li .pv-video {
	margin: 8px 0 0 9px;
	}


/* 遊び方 */

.moke-block01-wrapper {
	background: url(../dsi/moke/img/play/operation_view.jpg) 150px 0 no-repeat;
	padding-top: 21px;
}

.play-box01 {
	width: 695px;
	margin: 0 auto;
	}
.play-box01 .moke-left { width: 155px;}
.play-box01 h4 { margin-bottom: 7px;}
.play-box01 p {
	font-size: 12px;
	line-height: 18px;
	color: #313131;
	}

.play-box01 .moke-right { width: 175px;}
.play-box01 .moke-right p {
	letter-spacing: -1px;
	margin-bottom: 10px;
	padding-left: 8px;
	}

.play-box02 {	width: 745px;}
.play-box02 .moke-left {
	width: 254px;
	border-right: #a28a49 2px dotted;
	}
.play-box02 .moke-left h3 {	margin-bottom: 6px;}
.play-box02 .moke-left p {
	width: 190px;
	height: 162px;
	color: #313131;
	line-height: 18px;
	text-align: left;
	margin: 0 0 0 13px;
	padding: 44px 16px 0;
	}
#play-cont01 { background: url(../dsi/moke/img/play/play_bg01.gif) 0 0 no-repeat;}
#play-cont02 { background: url(../dsi/moke/img/play/play_bg02.gif) 0 0 no-repeat; margin-top: 12px;}

.play-box02 .moke-right {	width: 487px;}
.play-box02 .moke-right h3 { margin-bottom: 11px;}
.play-box02 .moke-right .clearfix {
	width: 470px;
	padding-left: 17px;
	}
.play-box02 .moke-right .moke-left02,.play-box02 .moke-right .moke-right02 { width: 233px;}
.play-box02 .moke-right h4 { margin-bottom: 9px;}
.play-box02 .moke-right p {
	color: #313131;
	line-height: 18px;
	}
.play-box02 .moke-right .moke-photo { margin-top: 10px;}

#moke-roul {
	width: 734px;
	margin: 6px 0 0 13px;
	}
#moke-roul li {
	width: 230px;
	height: 390px;
	float: left;
	border-right: #a28a49 2px dotted;
	margin: 0 10px 2px 0;
	padding-right: 10px;
	}
#moke-roul li h4 { margin-bottom: 10px;}
#moke-roul li .moke-photo { margin-bottom: 10px;}
#moke-roul li p {
	line-height: 18px;
	color: #313131;
	}
#moke-roul li.he410 { height: 410px;}
#moke-roul li.roul-right {
	border: none;
	margin-right: 0;
	padding-right: 0;
	}
#moke-battle-c {
	width: 745px;
	margin: 6px -8px 0 12px;
	}
#moke-battle-c li {
	width: 144px;
	height: 119px;
	float: left;
	line-height: 18px;
	color: #313131;
	margin-right: 8px;
	padding: 60px 17px 0;
	}
#mbc-01 { background: url(../dsi/moke/img/play/battle_bg01.gif) 0 0 no-repeat;}
#mbc-02 { background: url(../dsi/moke/img/play/battle_bg02.gif) 0 0 no-repeat;}
#mbc-03 { background: url(../dsi/moke/img/play/battle_bg03.gif) 0 0 no-repeat;}
#mbc-04 { background: url(../dsi/moke/img/play/battle_bg04.gif) 0 0 no-repeat;}

#moke-item-wrapper {
	width: 732px;
	background: url(../dsi/moke/img/play/item_bg_bottom.gif) left bottom no-repeat;
	margin-left: 13px;
	padding-bottom: 6px;
	}
#moke-item-top {
	background: url(../dsi/moke/img/play/item_bg_top.gif) left top no-repeat;
	padding-top: 5px;
	}
#moke-item {
	background: #a28a49;
	padding: 25px 0 18px;
	}
#moke-item ul {
	width: 680px;
	padding: 0 0 0 25px;
	}
#moke-item ul li {
	width: 310px;
	float: left;
	margin: 0 15px 7px 0;
	}
#moke-item ul li.li-right {
	width: 355px;
	margin-right: 0;
	}
#moke-item ul li img {
	display: block;
	float: left;
	}
#moke-item ul li .moke-right {
	width: 225px;
	font-size: 10px;
	line-height: 16px;
	color: #FFFFFF;
	}
#moke-item ul li.li-right .moke-right { width: 270px;}
#moke-item ul li .moke-right p {
	font-size: 10px;
	line-height: 16px;
	}
#moke-item ul li .moke-right h4 {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	}

#moke-stage {
	width: 740px;
	margin: 7px -5px 0 13px;
	}
#moke-stage li {
	width: 180px;
	height: 275px;
	float: left;
	margin-right: 5px;
	}
#moke-stage li h4 { margin: 13px 0 8px;}
#moke-stage li p {
	color: #313131;
	line-height: 18px;
	padding-right: 5px;
	}
#moke-stage li p.moke-photo { padding-right: 0;}

.play-box03 {
	width: 733px;
	margin: 20px 0 0 13px;
	}
.play-box03 .moke-left { width: 483px;}
.play-box03 .moke-left .moke-left02,.play-box03 .moke-left .moke-right02 { width: 234px;}
.play-box03 .moke-left h4 { margin: 12px 0 8px;}
.play-box03 .moke-left p {
	color: #313131;
	line-height: 18px;
	}
.play-box03 .moke-right { width: 235px;}
.play-box03 .moke-right h4 { margin-bottom: 10px;}
.play-box03 .moke-right p { margin-bottom: 25px;}