@charset "UTF-8";

/*============================================================
Magical UI CSS Version : 4.2			Date：09.08.25
//////////////////////////////////////////////////////////////
Information : Global CSS
Import Filename : /mui.css
Master Creator : Kotaro Akama
Editor : 
//////////////////////////////////////////////////////////////
copyright(C) Magical Remix&Co. All rights reserved.
============================================================*/


/* Font Reset with YUI
------------------------------------------------*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* Global Resets
------------------------------------------------*/
html { overflow-y: scroll; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote { margin:0; padding:0; }

body {
	font-weight:normal;
	font-style:normal;
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3";
}

* html body { font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; }	/* for IF6 */

h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size: 100%; } 

table { margin:0 auto 0 auto; }
th,td { margin: 0; padding: 0; }
th,td { text-align: left; }
caption,th { text-align: left; margin: auto; }

a:link { color: #00f; }
a:visited { color: #639; }
a:hover {  text-decoration: underline; color: #f00; }
a { overflow : hidden; }

img { vertical-align:bottom; }
fieldset,img,abbr { border:0; }

ol,ul { list-style: none; } 

address,caption,cite,code,dfn,h1,h2,h3,h4,th,var { font-style: normal; font-weight: normal; }

/*------------------------------------------------
 End of Global Resets
------------------------------------------------*/






/* Font-Size Render with YUI
------------------------------------------------*/
.size26 { font-size:197%; }		/* for setting 26px */
.size25 { font-size:189%; }		/* for setting 25px */
.size24 { font-size:182%; }		/* for setting 24px */
.size23 { font-size:174%; }		/* for setting 23px */
.size22 { font-size:167%; }		/* for setting 22px */
.size21 { font-size:161.6%; }		/* for setting 21px */
.size20 { font-size:153.9%; }		/* for setting 20px */
.size19 { font-size:146.5%; }		/* for setting 19px */
.size18 { font-size:138.5%; }		/* for setting 18px */
.size17 { font-size:131%; }		/* for setting 17px */
.size16 { font-size:123.1%; }		/* for setting 16px */
.size15 { font-size:116%; }		/* for setting 15px */
.size14 { font-size:108%; }		/* for setting 14px */
.size13 { font-size:100%; }		/* for setting 13px , default */
.size12 { font-size:93%; }		/* for setting 12px */
.size11 { font-size:85%; }		/* for setting 11px */
.size10 { font-size:77%; }		/* for setting 10px */


/* Layout Space
------------------------------------------------*/
.padding-top10 { padding-top: 10px; }
.padding-top15 { padding-top: 15px; }
.padding-top20 { padding-top: 20px; }

.padding-bottom10 { padding-bottom: 10px; }
.padding-bottom15 { padding-bottom: 15px; }
.padding-bottom20 { padding-bottom: 20px; }

.padding-right10 { padding-right: 10px; }
.padding-right15 { padding-right: 15px; }
.padding-right20 { padding-right: 20px; }

.padding-left10 { padding-left: 10px; }
.padding-left15 { padding-left: 15px; }
.padding-left20 { padding-left: 20px; }

.margin-top10 { margin-top: 10px; }
.margin-top15 { margin-top: 15px; }
.margin-top20 { margin-top: 20px; }

.margin-bottom10 { margin-bottom: 10px; }
.margin-bottom15 { margin-bottom: 15px; }
.margin-bottom20 { margin-bottom: 20px; }

.margin-right10 { margin-right: 10px; }
.margin-right15 { margin-right: 15px; }
.margin-right20 { margin-right: 20px; }

.margin-left10 { margin-left: 10px; }
.margin-left15 { margin-left: 15px; }
.margin-left20 { margin-left: 20px; }


/* Position
------------------------------------------------*/
.align-left { text-align:left; }
.align-center { text-align:center; }
.align-center table { margin:0 auto 0 auto; }
.align-right { text-align:right; }
.float-left { float:left; }
.float-right { float:right; }
.clear-both { clear: both; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }


/* Other
------------------------------------------------*/
.nowrap { white-space: nowrap; }
.none { display: none; }
.hidden { visibility: hidden; }

.red { color: #f00; }
.red-bold { color: #f00; font-weight: bold; }
.bold { font-weight: bold; }
.italic { font-style: italic; }