/* おすすめアプリページ*/

*{
	margin:0 auto;
	padding:0 0;
}


@charset "UTF-8" ;

image{
	border:none;
}


a:link {/*未訪問のリンク*/
    color:#000000;
    text-decoration:none;
}
a:visited {/*訪問後のリンク*/
    color:#000000;
    text-decoration:none;
}


#container {
	text-align:center;
	width:100%;
	margin:0 auto;;
	background-position: center bottom; 
	/* 背景グラデ指定 */
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #717589 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #717589 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #717589 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #717589));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #717589 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #717589 100%);
}

#main_bg{
	width:910px;
	background-color:#ffffff;
}



/* ↓↓ヘッダー ここから↓↓ */

#header_area{
    text-align: center;
	/*position: fixed !important;*/
	position: absolute;
	width: 910px;
	height:190px;
	
}


#header{
	margin:0 auto;
	width:910px;
	height:28px;
	background-color:#00387f;
}


#title{
    text-align: center;
    background-color:#ffffff;
}



#menu{
	text-align:center; 
	width:910px;
	height:70px;
	background-image:url(../img/menubg.png);
}

#menu_btn{
	padding: 25px;

}

#header img{
	margin:0px 5px 0px 5px;
}


/* ↑↑ヘッダー ここまで↑↑ */



#main{

	width:910px;
	background-color:#ffffff;
}




#title{
	margin:0 auto;
	margin-top:2%;
	width:910px;
}


/* ↓↓アプリ説明 ここから↓↓ */

#appbox{
	width:680px;
	font-size:small;
}

#appbox_icon{
	margin-top:5px;
	float : left;
}

#appbox_text{
	float : left;
	padding:3px;
	margin-top:5px;
	margin-left:10px;
	width:80%;
}

#appbox_text_kakaku{
	padding:3px;
}


#appbox_copyright{
	clear : both;
	padding:3px;
}


#appbox_platform_app{
	padding: 13px;
	width:680px;
	height:30px;
	background-image:url(../img/menubg.png);
	text-align:left;
}

#appbox_platform_app_2{
	padding: 13px;
	width:680px;
	height:80px;
	background-image:url(../img/menubg.png);
	text-align:left;
}

#appbox_platform{
	padding: 13px;
	width:680px;
	height:30px;
	background-image:url(../img/menubg.png);
}


#appbox_platform_2{
	padding: 13px;
	width:680px;
	height:80px;
	background-image:url(../img/menubg.png);
}

#appbox_platform_btn{

}

#line{
	padding: 10px;
}


#appbox_info{
	margin-top:5px;
	margin-left:28%;
	font-size:x-small;
}
/* ↑↑アプリ説明 ここまで↑↑ */


#line02{
	margin:0 auto;
	margin-top:2%;
	width:910px;
}

#footer{
	position: relative;
	bottom: 0;
	margin-top:0px;
	width:910px;
	height:83px;
	background-image:url(../img/footer.png);
}

#footer_copyright{
    position: absolute;
    bottom: 10%;
    left:50%;
    margin-left:-150px;
	font-size:small;
	color:#ffffff;
}



/* ↓↓ボタン ここから↓↓ */

.button11 {
   width:100px;
   border-top: 1px solid #454545;
   background: #454545;
   background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#454545));
   background: -webkit-linear-gradient(top, #454545, #454545);
   background: -moz-linear-gradient(top, #454545, #454545);
   background: -ms-linear-gradient(top, #454545, #454545);
   background: -o-linear-gradient(top, #454545, #454545);
   padding:6px 20px 6px 20px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   color: #ffffff;
   font-size: 16px;
   font-weight: bold;
   text-decoration: none;
   vertical-align: middle;
   }

.button-page{
   background:#754fcb;
  /*
   background-image: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   background-image:         linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   */
   -webkit-box-shadow: 0px 0px 0px 1px rgba(250,250,250,1)inset;
      -moz-box-shadow: 0px 0px 0px 1px rgba(250,250,250,1)inset;
           box-shadow: 0px 0px 0px 1px rgba(250,250,250,1)inset;
   border: solid 1px rgba(112,112,112,1);
   -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px;
   padding: 0px 2px 0px 2px;
   width:90px;
   display: inline-block;
   font-size: 12px;
   font-weight: bold;
   line-height: 32px;

   color: rgba(0,0,0,1);
}

.button1 {
   background:#454545;
  /*
   background-image: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   background-image:         linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   */
   -webkit-box-shadow: 0px 0px 0px 1px rgba(250,250,250,1)inset;
      -moz-box-shadow: 0px 0px 0px 1px rgba(250,250,250,1)inset;
           box-shadow: 0px 0px 0px 1px rgba(250,250,250,1)inset;
   border: solid 1px rgba(112,112,112,1);
   -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px;
   padding: 0px 2px 0px 2px;
   width:90px;
   display: inline-block;
   font-size: 12px;
   font-weight: bold;
   line-height: 32px;

   color: rgba(0,0,0,1);
}

.button1:hover {
   border-top-color: #754fcb;
   background: #754fcb;
   color: #ffffff;
   }
.button1:active {
   border-top-color: #454545;
   background: #454545;
   }




/* 標準 */
.button2 {
   background-image: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   background-image:         linear-gradient(top, rgba(250,250,250,1) 0%,rgba(235,235,235,1) 50%, rgba(221,221,221,1) 50%,rgba(207,207,207,1) 100%);
   -webkit-box-shadow: 0px 0px 0px 1px rgba(250,250,250,1)inset;
      -moz-box-shadow: 0px 0px 0px 1px rgba(250,250,250,1)inset;
           box-shadow: 0px 0px 0px 1px rgba(250,250,250,1)inset;
   border: solid 1px rgba(112,112,112,1);
   -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px;
   padding: 0px 2px 0px 2px;
   width:160px;
   display: inline-block;
   font-size: 12px;
   font-weight: bold;
   line-height: 32px;
   text-align:center;
   color: rgba(0,0,0,1);
}
.button2:hover {
   background-image: -webkit-linear-gradient(top, rgba(234,246,253,1) 0%,rgba(217,240,252,1) 50%, rgba(190,230,253,1) 50%,rgba(167,216,245,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(234,246,253,1) 0%,rgba(217,240,252,1) 50%, rgba(190,230,253,1) 50%,rgba(167,216,245,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(234,246,253,1) 0%,rgba(217,240,252,1) 50%, rgba(190,230,253,1) 50%,rgba(167,216,245,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(234,246,253,1) 0%,rgba(217,240,252,1) 50%, rgba(190,230,253,1) 50%,rgba(167,216,245,1) 100%);
   background-image:         linear-gradient(top, rgba(234,246,253,1) 0%,rgba(217,240,252,1) 50%, rgba(190,230,253,1) 50%,rgba(167,216,245,1) 100%);
   -webkit-box-shadow: 0px 0px 0px 1px rgba(239,249,254,1)inset;
      -moz-box-shadow: 0px 0px 0px 1px rgba(239,249,254,1)inset;
           box-shadow: 0px 0px 0px 1px rgba(239,249,254,1)inset;
   border: solid 1px rgba(60,126,177,1);
}
.button2:active {
   background-image: -webkit-linear-gradient(top, rgba(234,246,253,1) 0%,rgba(196,229,246,1) 50%, rgba(152,208,239,1) 50%,rgba(104,178,218,1) 100%);
   background-image:    -moz-linear-gradient(top, rgba(234,246,253,1) 0%,rgba(196,229,246,1) 50%, rgba(152,208,239,1) 50%,rgba(104,178,218,1) 100%);
   background-image:     -ms-linear-gradient(top, rgba(234,246,253,1) 0%,rgba(196,229,246,1) 50%, rgba(152,208,239,1) 50%,rgba(104,178,218,1) 100%);
   background-image:      -o-linear-gradient(top, rgba(234,246,253,1) 0%,rgba(196,229,246,1) 50%, rgba(152,208,239,1) 50%,rgba(104,178,218,1) 100%);
   background-image:         linear-gradient(top, rgba(234,246,253,1) 0%,rgba(196,229,246,1) 50%, rgba(152,208,239,1) 50%,rgba(104,178,218,1) 100%);
   -webkit-box-shadow: 0px 0px 0px 1px rgba(154,186,203,1)inset;
      -moz-box-shadow: 0px 0px 0px 1px rgba(154,186,203,1)inset;
           box-shadow: 0px 0px 0px 1px rgba(154,186,203,1)inset;
   border: solid 1px rgba(44,98,139,1);
}

#menu_btn a{
	color:#FFF;
}
/* ↑↑ボタン ここまで↑↑ */


/*
*/