@charset "UTF-8";

/******************************************************
*	
*	1. property resset
*	2. font property
*	3. layout property
*	
******************************************************/


/*  1. property resset */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}
body {
    margin: 0;
    /* setting border: 0 hoses ie5 win window inner well border */
    padding: 0;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
fieldset,img,object{border:0; vertical-align:bottom;}
table{border-collapse:collapse;border-spacing:0;}
caption,th {text-align:left;}
ul {list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

hr {display: none; }
strong {font-weight: bold;}

/*\*/
a {
	overflow: hidden;
}
/**/





/*  2. font property */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {font:13px/1.231 "Meiryo","メイリオ","Arial","ヒラギノ角ゴ Pro w3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif; *font-size:small;*font:x-small;}
/*body {font:13px/1.231 "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3","Lucida Grande",verdana,arial,sans-serif; *font-size:small;*font:x-small;}*/
/*body {font:13px Osaka,"ＭＳ Ｐゴシック","Lucida Grande",verdana,arial,sans-serif; *font-size:small;*font:x-small;}*/
/*body {font:middle Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Lucida Grande",verdana,arial,sans-serif;}*/
/*body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}*/

/**
 * 99% for safari; 100% is too large
 */
select, input, button, textarea {font:99% arial,helvetica,clean,sans-serif;}
/*select, input, textarea {font:99% Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Lucida Grande",verdana,arial,sans-serif;}*/

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre, code, kbd, samp, tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}


/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
*body * {line-height:1.7em;}
/*body * {line-height:1.22em;}*/





/*  3. layout property */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

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

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

#container {
    position: relative;
    margin: 0 auto; /* center on everything else */
    text-align: left;
}
#container-inner { position: static; width: auto; }

#headSec { position: relative; width: 100%; }
#headSec-inner { position: static; }

#gnaviSec { position: relative; width: 100%; }
#gnaviSec-inner { position: static; }

#bodySec { position: relative; width: 100%; }
#bodySec-inner { position: static; }

#footSec { position: relative; width: 100%; }
#footSec-inner { position: static; }

#alpha, #beta, #gamma, #delta {
    display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
}

#delta { float: right; }

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
    position: static;
}