/*body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Arial;
}*/

#AS-SPECIAL-contents #kazashite_top_area { background-color:#f2f2f2; border-radius:6px; width:100%; text-align:center; margin-top:8px; margin-bottom:15px; padding-top:6px;
-moz-box-shadow: 0px 2px 4px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 2px 4px 3px rgba(0,0,0,0.2);
-o-box-shadow: 0px 2px 4px 3px rgba(0,0,0,0.2);
-ms-box-shadow: 0px 2px 4px 3px rgba(0,0,0,0.2);}

#AS-SPECIAL-contents #kazashite_top_area .bar { background-color:#3c3c3c; width:98%; border-radius:5px; text-align:left; margin:auto;}
#AS-SPECIAL-contents #kazashite_top_area .bar img { width:160px; height:auto; margin:2px;}
#AS-SPECIAL-contents #kazashite_top_area #cont { width:94%; margin:auto; text-align:center;}
#AS-SPECIAL-contents #kazashite_top_area #cont .app_icon { float:left; width:25%; margin-top:5px;}
#AS-SPECIAL-contents #kazashite_top_area #cont .app_text { float:left; width:73%; margin-top:25px; text-align:left; font-size:15px;}
#AS-SPECIAL-contents #kazashite_top_area #cont .app_text h1 { font-size:24px; font-weight:700; text-shadow: 1px 2px 2px #a0a0a0;}
#AS-SPECIAL-contents #kazashite_top_area #cont .to_detail { float:left; width:50%; margin-top:6px; margin-bottom:28px; text-align:center;}
#AS-SPECIAL-contents #kazashite_top_area #cont .to_detail img {width:90%;}


/*===============================================
●画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){

}
/*===============================================
●画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){

}
/*===============================================
●画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
	
#AS-SPECIAL-contents #kazashite_top_area #cont .app_icon { float:none; width:35%; margin-top:0px;}
#AS-SPECIAL-contents #kazashite_top_area #cont .app_text { float:none; width:96%; margin-top:0px; text-align:left; font-size:15px; padding-left:2%;}
#AS-SPECIAL-contents #kazashite_top_area #cont .app_text h2 { font-size:21px; font-weight:700; text-shadow: 1px 2px 2px #a0a0a0;}
#AS-SPECIAL-contents #kazashite_top_area #cont .to_detail { float:left; width:50%; margin-top:0px; margin-bottom:28px; text-align:center;}
#AS-SPECIAL-contents #kazashite_top_area #cont .to_detail img {width:98%;}


/*=========================================================================
Site Buttons
========================================================================= */
#AS-SPECIAL-contents .button-continue { display:inline-block; color:#fff; font-size:12px; text-transform: uppercase; padding: 0.8em 0.5em; background-color:#db520c; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-decoration:none; display:block; margin-right:1px; margin-left:1px; margin-top:2px; }

*+html #AS-SPECIAL-contents .button-continue { display:block;}/* for IE7 */

#AS-SPECIAL-contents .button-continue:hover { background-color:#3c0f0e; }

#AS-SPECIAL-contents .button-blue { background: url("button-shadow.png") repeat-x scroll 50% 0 #6c6ece; }

#AS-SPECIAL-contents .button-blue, #AS-SPECIAL-contents .button-blue:visited, { color: #fff; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.3); -webkit-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.3); -moz-box-shadow: 0px 1px 0 rgba(0, 0, 0, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.3); display: inline-block; font-size: 12px; padding: 10px 15px; text-shadow: 0 1px 1px #555; }

*+html #AS-SPECIAL-contents .button-blue, *+html #AS-SPECIAL-contents .button-blue:visited {display:block;}/* for IE7 */

#AS-SPECIAL-contents .button-blue:hover { background: url("../../rakuraku_kazashite/css/images/button-shadow.png") repeat-x scroll 50% -42px #444; color: #fff; box-shadow: 0px 1px 0 #000, inset 0px 1px 0px #000; -webkit-box-shadow: 0px 1px 0 #000, inset 0px 1px 0px #000; -moz-box-shadow: 0px 1px 0 #000, inset 0px 1px 0px #000; display:block; text-shadow: 0 1px 1px #000; text-decoration:none; }

#AS-SPECIAL-contents .button-blue:active {background: #2e1ba4;}

#AS-SPECIAL-contents .button-radius-50 { border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }

}