@charset "utf-8";
/* SWINGBOX-TOKYO CSS Document */


/*
=======================================================================
Redefinition
=======================================================================
*/

* { margin: 0; }

body {
	background: #262c3d;
	color: #fff;
	font-size: 62.5%;/* 16px * 62.5% = 10px */
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	line-height: 1.7;
}

form { margin: 0; }

h1, h2, h3, h4, h5, h6, p, ul, ol, pre, blockquote { margin: 0 0 1.5em 0; font-style: normal; font-weight: normal; }

strong { }

table { border-collapse: collapse; }

hr { margin-bottom: 1.5em; }

a { color: #fff; text-decoration: none; }

a:hover { color: #fff; text-decoration: underline; }

a img { border: 0; }

a:hover img{ opacity: 0.5; filter: alpha(opacity=50); }

/*
=======================================================================
Generic
=======================================================================
*/

.clr { clear: both; width: 1px; height: 1px; margin: 0 -1px -1px 0; padding: 0; border: 0; font-size: 0; line-height: 0; overflow: hidden;/* <div class="clr">&nbsp;</div> */ }

.pkg:after {
    content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

* html .pkg { display: inline-block; }
/* hides from ie-mac  \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

/*
=======================================================================
Layout
=======================================================================
*/

body { text-align: center; } /* center on ie */

#wrapper, #contents, #footer { position: relative; }

#wrapper-inner, #contents-inner, #footer-inner { position: static; }

#wrapper {
    margin: 0 auto;/* center on everything else */
	width: 600px;
	word-break: break-all;/* ie only */
}

#wrapper-inner { margin: 0; padding: 0; }


#contents { width: 100%; }

#contents-inner { margin: 10px 30px; }


#footer { width: 100%; }

#footer-inner { margin: 10px 30px; }

/*
=======================================================================
Footer
=======================================================================
*/

#footer h3 { font-size: 1.2em; font-family: 'Verdana', 'helvetica', 'MS PGothic', "Osaka", "sans-serif"; }

/*
=======================================================================
Contents
=======================================================================
*/

#contents h1 { margin: 0 0 50px 0; padding: 0; }

#contents h2 { font-size: 1.6em; font-weight: 700; }

#contents h4 { margin: 0 0 50px 0; padding: 0; }

#contents h5 img { margin: 10px 0; }

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

#contents ul li { float: left; margin: 10px; padding: 0; }

* html #contents ul li { margin-left: 6px; }

#contents p { font-size: 1.4em; }

.mailto {
	font-size: 1.6em;
	font-weight: 100;
	font-family: verdana, helvetica, 'MS PGothic', Osaka, sans-serif;
}

.attention {
	display: inline;
	margin: 0 0 1.5em 0;
	padding: 1px 3px 3px;
	border: 1px solid #373f58;
	background: #141720;
	font-size: 0.9em;
}

.vertical { margin: 0 0.5em; }