@charset "utf-8";

/* ****************************************************
Title: layout.css
Created date: 2009/
Last Modified: 2009/
Created by: iGrove
***************************************************** */


/* Table Of Contents
----------------------------------------

#01 Reset 'Browser standard style'
#02 Redefine
#03 naviHidden
#04 float clear
#05 float
#06 align
#08 margin
#07 padding
#09 valign
#10 rollover
#11 form control
#12 font color
#13 font size
#14 last list 
#15 clearfix 

----------------------------------------*/


/* #01 Reset 'Browser standard style'
---------------------------------------------------------------------------- */

body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,table,th,td,
form,select,option,address,pre,
strong,em,caption,cite,code,dfn,var {
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	text-decoration:none;
}

img { 
	border: 0; 
	background-color: transparent;
	vertical-align: bottom;
}

table { 
	border-collapse: collapse; 
	border-spacing: 0;
}

caption, th { text-align:left; }

fieldset { border: 0; }

hr { display: none; }

ol, ul { list-style:none; } 

ul ul,ol ul,ul ol,ol ol,
dl ul,dl ol,dl dl,td td { 
	font-size: 100%; 
}

q:before,q:after { content:''; } 

abbr,acronym { border:0; } 


/* #02 Redefine
---------------------------------------------------------------------------- */

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

body {
	font-size: 0.75em;
	font-family:
	"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.4;
}

/* legacy IE */
* html body {
	font-size:0.75em;
}

/* IE7 */
*:first-child + html body {
	font-size:0.75em;
}

strong { font-weight: bold; }
em     { color: #F00; font-style: normal; }

li { margin-left: 0px; }


/* #03 naviHidden
---------------------------------------------------------------------------- */

.naviHidden {
	border-style: none;
	display: run-in;
	height: 1px;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 1px;
	z-index: 100;
}


/* #04 float clear
---------------------------------------------------------------------------- */

.clearLeft  { clear:left; }
.clearRight { clear:right; }
.clearBoth  { clear:both; margin-bottom: 1.3em; }


/* #05 float
---------------------------------------------------------------------------- */

.floatLeft  { float:left; }
.floatRight { float:right; }


/* #06 align
---------------------------------------------------------------------------- */

.alignLeft   { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight  { text-align: right !important; }

/* #07 padding
---------------------------------------------------------------------------- */
.padding-text {
	padding-top:10px;
}

/* #08 margin
---------------------------------------------------------------------------- */
.mg5t {margin-top:5px;}
.mg10t {margin-top:10px;}
.mg15t {margin-top:15px;}
.mg30t {margin-top:30px;}
.mg50t {margin-top:50px;}
.mg5b {margin-bottom:5px;}
.mg10b {margin-bottom:10px;}
.mg15b {margin-bottom:15px;}
.mg20b {margin-bottom:20px;}
.mg30b {margin-bottom:30px;}
.mg50b {margin-bottom:50px;}
.mg5tb {margin:5px 0;}
.mg10tb {margin:10px 0;}
.mg15tb {margin:15px 0;}
.mg30tb {margin:30px 0;}

/* #09 valign
---------------------------------------------------------------------------- */

.valignBaseline { vertical-align: baseline; }


/* #10 rollover
---------------------------------------------------------------------------- */

.imgover {}


/* #11 form control
---------------------------------------------------------------------------- */

.oneByte { ime-mode: inactive; }
.twoByte { ime-mode: active; }


/* #12 font color
---------------------------------------------------------------------------- */

.attention, 
.required { 
	color: #FF0000 !important; 
}


/* #13 font size
---------------------------------------------------------------------------- */

.smallText { font-size: 0.85em; }
.t14 { font-size: 14px;}
.t16 { font-size: 16px;}
.t18 { font-size: 18px;}


/* #14 last list 
---------------------------------------------------------------------------- */

.lastList {
	background: none !important;
	border: none !important;
	margin-right: 0 !important;
}


/* #15 clearfix 
---------------------------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

.clearfix {display: inline-block;} 

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix
{display: block;} 
/* End hide from IE-mac */


/* base style
---------------------------------------------------------------------------- */

body {
  background: #FFFFFF;
  color: #000000;
}

a img {
  background: transparent;
  border: none;
  color: #FFFFFF;
}