@charset "utf-8";
body {
	font: 90%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-color: #f3f3f3;
	background-image : url(../img/bg.jpg);
	font-size: 100%;
	line-height: 150%;
	margin: 0;
	padding: 0;
	color: #000;
}

p { 
	padding: 0;
	margin: 0;
}

a img {	border: none; }

a:link { color:#e52c63;	text-decoration: underline; font-weight: bold; }
a:visited { color: #ef7c1a; text-decoration: underline; font-weight: bold; }
a:hover, a:active, a:focus { color: #5cc5c8; text-decoration: none; font-weight: bold;}


#container{
	width : 100%;
	height : 100%;
	position : relative;
}

#header{
	width: 1172px;
	height: 124px;
	margin: 0 auto 10px auto;
	position : relative;
	left: 38px;

}

#header-movie{
	width: 223px;
	height: 118px;
	background-image: url(../img/head/movie-bg.png);
	float: left;
	margin-left: -30px;
	top: 10px;
	position : relative; 
	z-index: 2;
}

#header-movie p{
	position : relative;
	margin-left: 16px;
	margin-top: 5px;
}

#logo{
	float:left;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 180px;
	height: 104px;
	margin-right: 15px;
/*	background-image: url(../img/head/logo-mirai.png); */
	top: 18px;
	position: relative;
	z-index: 3;
}


/*メニュー*/

#globalnavi{
	position : relative;
	margin : 0 auto;
	padding : 0;
	width : 772px;
	height : 124px;
	overflow : hidden;
	top: 0px;
	z-index: 10;
	float: right;
}

#globalnavi ul {
	list-style-type: none;   
	margin: 0;   
	padding: 0;   
}

#globalnavi li {
	display : block; 
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width : 104px;
	height : 124px;
	float : left;
	position : relative;
	margin: 0 3px;
	background-repeat: no-repeat;
}

#globalnavi a{
	display : block;
	width : 104px;
	height : 104px;
	background-image : url(../img/head/menu.png);
	background-repeat: no-repeat;
}

#m-twitter a{
	background-image : url(../img/head/twitter.png);
	background-repeat: no-repeat;
	position : relative;
	width : 69px;
	height : 69px;
	top: 55px;
}

#m-guide{ top: 5px;}
#m-product{ top: 20px;}
#m-goods{ top: 5px;}
#m-event{ top: 20px;}
#m-staff{ top: 5px;}
#m-support{ top: 20px;}

#m-twitter a:hover{ background-image : url(../img/head/twitter2.png); }

#m-guide a{ background-position:0px 0px;}
#m-guide a:hover{ background-position:0px -104px;}

#m-product a{ background-position:-104px 0px;}
#m-product a:hover{ background-position:-104px -104px;}

#m-goods a{ background-position:-208px 0px;}
#m-goods a:hover{ background-position:-208px -104px;}
/* 本番用 */
/*#m-goods a:hover{ background-position:-624px 0px;} /*準備中*/

#m-event a{ background-position:-312px 0;}
#m-event a:hover{ background-position:-312px -104px;}

#m-staff a{ background-position:-416px 0px;}
#m-staff a:hover{ background-position:-416px -104px;} 

#m-support a{background-position:-520px 0px;}
#m-support a:hover{background-position:-520px -104px;}

/* 本番用 */
/*#m-support a:hover{background-position:-520px -104px;} */
/*#m-support a:hover{background-position:-624px -0px;} */ /*準備中*/

.new:before{ 
      text-indent: 0px;  
	content: url(../img/head/menu-new.png);
	position: absolute;
	display: block;
	top: 0px;
	left: 35px;
	overflow: visible;
}




/* トップ2 */

.topBn li{
	display:inline-block;
	margin:10px 10px;　/*←上下5px、左右2pxのマージン指定の場合*/
}
.topBn li img {
	border:solid 1px #ccc;　/*←画像を1pxのグレーの枠線で囲む指定の場合*/
}

/* トップ */


#visual{
	margin: 10px auto;
	width: 1061px;
}

#contents{
	position : relative;
	width: 975px;
	margin: -10px auto;
}

#history-box{
	position : relative;
	margin: 0 auto;
	width : 660px;
	background-image: url(../img/bg-red.png);
	background-repeat: repeat;	
	border:1px solid pink;
	float: left;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}

#history-box h2{
	font-size: 130%;
	min-height: 37px;
	line-height: 37px;
	padding-left: 15px;
	font-weight: normal;
	color: white;
	height: 37px;
	background-image: url(../img/title-red.png);
	background-repeat: yes;	

	border-top-right-radius: 10px;
	border-top-left-radius: 10px;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;

	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;

}

#history-box ul {
	list-style-type: none;   
	margin: 0;   
	padding: 10px 20px;   
}

#history-box li {
	display : block; 
	position : relative;
	padding-left: 15px;
	margin: 3px;
}


#history-box span{
	color: #008ad2;
	display : block; 
	font-weight: bold;
}


#twitter-box{
	position : relative;
	margin: 0 auto;
	width : 260px;
	background-image: url(../img/bg-blue.png);
	background-repeat: yes;
	border:1px solid #99e4f4;
	float: right;
	text-align: right;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}

#twitter-box h2{
	font-size: 130%;
	min-height: 37px;
	line-height: 37px;
	padding-left: 15px;
	font-weight: normal;
	text-align: left;
	color: white;
	height: 37px;
	background-image: url(../img/title-blue.png);
	background-repeat: repeat;	

	border-top-right-radius: 10px;
	border-top-left-radius: 10px;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;

	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;

}




/* ご案内 */

#guide-box{
	position : relative;
	margin: 0 auto;
	width : 800px;
	background-image: url(../img/bg-red.png);
	background-repeat: repeat;	
	border:1px solid pink;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}

#guide-box h2{
	font-size: 130%;
	min-height: 37px;
	line-height: 37px;
	padding-left: 15px;
	text-align: center;
	font-weight: normal;
	color: white;
	height: 37px;
	background-image: url(../img/title-red.png);
	background-repeat: yes;	

	border-top-right-radius: 10px;
	border-top-left-radius: 10px;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;

	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;

}

#guide-box h3 {
	background: #ffcad1;
	border-left: 7px solid #e84377;
	padding: 5px 3px 3px 6px;
	margin: 5px 0px 10px 0;

}

/* イベント */


#event-box{
	position : relative;
	margin: 0 auto;
	width : 800px;
	background-image: url(../img/bg-green.png);
	background-repeat: repeat;	
	border:1px solid #93c24d;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}

#event-box h2{
	font-size: 130%;
	min-height: 37px;
	line-height: 37px;
	padding-left: 15px;
	text-align: center;
	font-weight: normal;
	color: white;
	height: 37px;
	background-image: url(../img/title-green.png);
	background-repeat: yes;	

	border-top-right-radius: 10px;
	border-top-left-radius: 10px;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;

	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;

}

#event-box h3 {
	background: #dffa80;
	border-left: 7px solid #a5c537;
	padding: 5px 3px 3px 6px;
	margin: 5px 0px 10px 0;

}

/* スタッフ */

#staff-box{
	position : relative;
	margin: 0 auto;
	width : 800px;
	background-image: url(../img/bg-blue.png);
	background-repeat: repeat;	
	border:1px solid #1fb8df;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}

#staff-box h2{
	font-size: 130%;
	min-height: 37px;
	line-height: 37px;
	padding-left: 15px;
	text-align: center;
	font-weight: normal;
	color: white;
	height: 37px;
	background-image: url(../img/title-blue.png);
	background-repeat: yes;	

	border-top-right-radius: 10px;
	border-top-left-radius: 10px;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;

	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;

}

#staff-box h3 {
	background: #b1e9fb;
	border-left: 7px solid #37bfe2;
	padding: 5px 3px 3px 6px;
	margin: 5px 0px 10px 0;

}


/* サポート */

#support-box{
	position : relative;
	margin: 0 auto;
	width : 800px;
	background-image: url(../img/bg-purple.png);
	background-repeat: repeat;	
	border:1px solid #CC91FF;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}

#support-box h2{
	font-size: 130%;
	min-height: 37px;
	line-height: 37px;
	padding-left: 15px;
	text-align: center;
	font-weight: normal;
	color: white;
	height: 37px;
	background-image: url(../img/title-purple.png);
	background-repeat: yes;	

	border-top-right-radius: 10px;
	border-top-left-radius: 10px;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;

	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;

}

#support-box h3 {
	background: #DAB1FB;
	border-left: 7px solid #A037E2;
	padding: 5px 3px 3px 6px;
	margin: 5px 0px 10px 0;

}

.diary-box img{
	margin: 10px 0;
}

.hr-dot {
	border: 0;
	border-bottom: 1px dotted #1fb8df;
	background: white;
}

.staff-table p,
.staff-table tr,
.staff-table td,
.staff-table strong {
	vertical-align: middle;
	font-size: 16px;
}
.skyblue {
	color: #1fb8df;
}






/* 関連商品 */

#goods-box{
	position : relative;
	margin: 0 auto;
	width : 990px;
	background-image: url(../img/bg-yellow.png);
	background-repeat: repeat;	
	border:1px solid #ffb608;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}

#goods-box h2{
	font-size: 130%;
	min-height: 37px;
	line-height: 37px;
	padding-left: 15px;
	text-align: center;
	font-weight: normal;
	color: white;
	height: 37px;
	background-image: url(../img/title-yellow.png);
	background-repeat: yes;	

	border-top-right-radius: 10px;
	border-top-left-radius: 10px;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;

	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;

}

#goods-box h3 {
	color: #ff008e;
	font-size: 14px;

}

.goods-table {
	border:1px solid #ffb608;
	padding: 30px;
	margin: 30px auto;
}

.goods-table td {
	vertical-align: top;
}

.goods-table p{
	font-size: 13px;
}

.buy {
	display: block;
	margin: 5px 0 10px 0;
}

.goods-table hr{
	border-top: 1px dashed #bbb;
	margin: 10px 0;
}

.shaddow{
	box-shadow:0px 0px 10px;
	-webkit-box-shadow: 0px 0px 4px black;
}

.buy a:link { color: #00a1e9;	text-decoration: underline; font-weight: bold; }
.buy a:visited { color: #00a1e9; text-decoration: underline; font-weight: bold; }
.buy a:hover, a:active, a:focus { color: #red; text-decoration: none; font-weight: bold;}

/* 関連商品 */

#product-box{
	position : relative;
	margin: 0 auto;
	width : 990px;
	background-image: url(../img/bg-orange.png);
	background-repeat: repeat;	
	border:1px solid #ffb608;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}

#product-box h2{
	font-size: 130%;
	min-height: 37px;
	line-height: 37px;
	padding-left: 15px;
	text-align: center;
	font-weight: normal;
	color: white;
	height: 37px;
	background-image: url(../img/title-orange.png);
	background-repeat: yes;	

	border-top-right-radius: 10px;
	border-top-left-radius: 10px;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;

	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;

}

#product-box h3 {
	color: #ff008e;
	font-size: 14px;

}

.product-table {
	border:1px solid #ffb608;
	padding: 30px;
	margin: 30px auto;
}

.product-table td {
	vertical-align: top;
}

.product-table p{
	font-size: 13px;
}

.buy {
	display: block;
	margin: 5px 0 10px 0;
}

.product-table hr{
	border-top: 1px dashed #bbb;
	margin: 10px 0;
}

.shaddow{
	box-shadow:0px 0px 10px;
	-webkit-box-shadow: 0px 0px 4px black;
}

/* 壁紙*/
.wp-table {
/*	border:1px solid #ffb608;*/
	padding: 30px;

}

#wp-box{
	position : relative;
	margin: 0 auto;
	width : 990px;
	background-image: url(../img/bg-wp.png);
	background-repeat: repeat;	
	border:1px solid #b1b2dd;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}

#wp-box h2{
	font-size: 130%;
	min-height: 37px;
	line-height: 37px;
	padding-left: 15px;
	text-align: center;
	font-weight: normal;
	color: white;
	height: 37px;
	background-image: url(../img/title-wp.png);
	background-repeat: yes;	

	border-top-right-radius: 10px;
	border-top-left-radius: 10px;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;

	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;

}

#wp-box h3 {
	color: #b1b2dd;
	font-size: 14px;

}

.wp-table {
	border:1px solid #b1b2dd;
	padding: 30px;
	margin: 30px auto;
}

.wp-table td {
	vertical-align: top;
}

.wp-table p{
	font-size: 13px;
}


.btn-style {
	height:40px;
	width:220px;
}
.btn-style2 {
	height:40px;
	width:132px;
}
.btn-style3 {
	height:120px;
	width:178px;
}



.square_btn{
    padding: 5px 60px;
	border:1px solid #b1b2dd;
	border-radius: 50px;
	color: #FFF;
    background-image: -webkit-linear-gradient(45deg, #b1b2dd 0%, #b1b2dd 100%);
    background-image: linear-gradient(45deg, #b1b2dd 0%, #b1b2dd 100%);
    transition: .0.5s;
}
.square_btn:link { color:#FFF;	text-decoration: non; font-weight: bold; }
.square_btn:visited { color: #FFF; text-decoration: non; font-weight: bold; }

.square_btn:hover {
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
    background-image: linear-gradient(45deg, #FFFFFF 0%, #FFFFFF 100%);
	color: #b1b2dd;
	
}

.square_btn2{
	height:60px;
	widows:220px;
	border:1px solid #b1b2dd;
	border-radius: 50px;
	color: #FFF;
    background-image: -webkit-linear-gradient(45deg, #b1b2dd 0%, #b1b2dd 100%);
    background-image: linear-gradient(45deg, #b1b2dd 0%, #b1b2dd 100%);
    transition: .0.5s;
}
.square_btn2:link { color:#FFF;	text-decoration: non; font-weight: bold; }
.square_btn2:visited { color: #FFF; text-decoration: non; font-weight: bold; }

.square_btn2:hover {
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
    background-image: linear-gradient(45deg, #FFFFFF 0%, #FFFFFF 100%);
	color: #b1b2dd;
	
}

.square_btn3{
    background: url("http://master.mirai-soft.net/test_web/img/wp/wp_android_1.png") no-repeat;
	 /* ロールオーバー時のチラつき防止 */
    transition: .0.5s;
}
 
.square_btn3 a{
    width: 200px;
    height: 60px;
    background: url("../img/wp/wp_android_1.png") no-repeat;
    display: block;
    text-indent: -9999px;
}
 
.square_btn3 a:hover{
    background-image: url("../img/wp/wp_android_1f.png");
}







/* 共通 */

.inner-box{
margin: 0 auto;
padding: 10px 20px;
position: relative;
}

.inner-box p{
padding: 0 15px 15px 15px;
position: relative;
}














.attention {
	color: #df56a3;
}

/* フッター */
#footer{
	background-image: url(../img/title-orange.png);
	background-repeat: repeat;	
	
	margin-top: 30px;
	width: 100%;
	height: 37px;
	min-height: 37px;
	line-height: 37px;
	color: white;
	text-align: center;

}


/*ブランドリンク*/

.brandlink {
padding: 3px;
position: fixed;
bottom: 0px;
right: 0px;
}

.brandlink img {
padding: 1px 0;
}

/* トップに戻る */

#page-top {
position: fixed;
bottom: 5px;
right: 5px;
width: 226px;
height: 146px; 
}
#page-top a {
    display: block;
}


/* ここから0821追加列整理 */

dt{         
  padding-top : 0px;    
  padding-bottom : 0px;
  padding-left : 0px;
  width : 270px;
/* 左寄せ */
  float : left;
/* float解除 */
  clear : both;
}
 
dd{    
  padding-top : 0px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 0px;
  width : 360px;
/* dtの幅分の設定 */
  margin-left : 160px;
}

/* ここまで0821追加列整理 */