@charset "utf-8";

/*
 *
 * Usage: Style Reset
 *
 * Name: reset.css
 *
 */

@import url(http://fonts.googleapis.com/css?family=Dosis:200);
@import url(http://fonts.googleapis.com/css?family=Economica);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif);
@import url('https://fonts.googleapis.com/css?family=Pathway+Gothic+One');

/*---------------------------------------------------------------------
Style Reset
---------------------------------------------------------------------*/
/* -- html -- */
* {margin:0;padding:0;} 
html {
	overflow-y:auto;
	color:#000;
}

/* -- body -- */
body {-webkit-text-size-adjust:none; font-size:12px; line-height:1.5em; margin:0; padding:0;}
* html body {font-family:"游ゴシック体", "Yu Gothic", YuGothic, sans-serif; font-size:75%;}/* for IE6 */
*+html body {font-family:"游ゴシック体", "Yu Gothic", YuGothic, メイリオ,Meiryo,ＭＳ Ｐゴシック, sans-serif; font-size:75%;}/* for IE7 */
html>/**/body {font-family:"游ゴシック体", "Yu Gothic", YuGothic, メイリオ,Meiryo,ＭＳ Ｐゴシック, sans-serif; font-size:75%;}/* for IE8 */
html:not(:target) body {font-size:12px; line-height:1.5em; font-family:"游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,ＭＳ Ｐゴシック, Osaka, sans-serif;}

/* -- other tags -- */
a {overflow:hidden;}
a img, img {border:0;}
img {line-height:100%;}
abbr, acronym {border:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}
caption, th {text-align:left;}
code, kbd, pre, samp, tt {font-family:monospace; line-height:100%;}
*+html code, kbd, pre, samp, tt {font-size:108%;}/* for IE7 */
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
ol, ul {list-style:none;}
q:before, q:after {content:'';}
button, fieldset, form, input, label, legend, select, textarea {font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; vertical-align:baseline;}
fieldset {border:none;}
table {border-collapse:collapse; border-spacing:0; font-size:100%;}/* tables still need 'cellspacing="0"' */
object {outline:none;}
article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}


/*---------------------------------------------------------------------
Style Setup
---------------------------------------------------------------------*/
/* -- layout -- */
.left   {float:left; display:inline;}
.right  {float:right; display:inline;}
.center {text-align:center !important;}
.clear  {clear:both;}

.mb3   {margin-bottom:3px !important;}
.mb5   {margin-bottom:5px !important;}
.mb10  {margin-bottom:10px !important;}
.mb15  {margin-bottom:15px !important;}
.mb20  {margin-bottom:20px !important;}
.mb25  {margin-bottom:25px !important;}
.mb30  {margin-bottom:30px !important;}
.mb35  {margin-bottom:35px !important;}
.mb40  {margin-bottom:40px !important;}

.mt3   {margin-top:3px !important;}
.mt5   {margin-top:5px !important;}
.mt10  {margin-top:10px !important;}
.mt15  {margin-top:15px !important;}
.mt20  {margin-top:20px !important;}
.mt25  {margin-top:25px !important;}
.mt30  {margin-top:30px !important;}

.pb3    {padding-bottom:3px !important;}
.pb5    {padding-bottom:5px !important;}
.pb10  {padding-bottom:10px !important;}
.pb15  {padding-bottom:15px !important;}
.pb20  {padding-bottom:20px !important;}
.pb25  {padding-bottom:25px !important;}
.pb30  {padding-bottom:30px !important;}

.pt3   {padding-top:3px !important;}
.pt5   {padding-top:5px !important;}
.pt10  {padding-top:10px !important;}
.pt15  {padding-top:15px !important;}
.pt20  {padding-top:20px !important;}
.pt25  {padding-top:25px !important;}
.pt30  {padding-top:30px !important;}

.pl3   {padding-left:3px !important;}
.pl5   {padding-left:5px !important;}
.pl10  {padding-left:10px !important;}
.pl15  {padding-left:15px !important;}
.pl20  {padding-left:20px !important;}
.pl25  {padding-left:25px !important;}
.pl30  {padding-left:30px !important;}

.pr3   {padding-right:3px !important;}
.pr5   {padding-right:5px !important;}
.pr10  {padding-right:10px !important;}
.pr15  {padding-right:15px !important;}
.pr20  {padding-right:20px !important;}
.pr25  {padding-right:25px !important;}
.pr30  {padding-right:30px !important;}

/* -- link -- */
a {text-decoration:none; color:#000;}
a:hover {text-decoration:none; color:#333;}

/* -- form -- */
input,textarea {}

/* Start of "Micro clearfix" */
.cf { zoom: 1; }
.cf:before,
.cf:after { content:""; display:table; }
.cf:after { clear:both; }
/* End of "Micro clearfix" */


/*---------------------------------------------------------------------
CSS3 animation & parts layout
---------------------------------------------------------------------*/
/* link */
a img         {opacity:1; filter:alpha(opacity=100);  -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;}
a:hover img   {opacity:0.7; filter:alpha(opacity=70); -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;}
a             {opacity:1; -moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
a:hover       {opacity:0.7; -moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.opa_bg a          {opacity:1; -moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.opa_bg a:hover    {opacity:0.7; -moz-transition: all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.trans_bg a        {opacity:1; filter:alpha(opacity=100); -moz-transition: all 0.1s ease-in; -webkit-transition:all 0.1s ease-in;}
.trans_bg a:hover  {opacity:0; filter:alpha(opacity=0); -moz-transition: all 0.1s ease-in; -webkit-transition:all 0.1s ease-in;}