@charset "utf-8";

/* ==========================================================================================================

	 1. Universal Selector + body
 
============================================================================================================*/

html {
    overflow-x: hidden;
}

* {
	background-color: transparent;
	margin			: 0;
	padding			: 0;
	font-size		: 100%;
	font-style		: normal;
}

body {
	font			: 12px/165% "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color			: #4b4b4b;
	letter-spacing	: 0.05em;
}

hr {
	height			: 1px;
}


/* ==========================================================================================================

	  2. List Module

============================================================================================================*/

ul {
	list-style		: none;
}

dt {
	display			: block;
	width			: auto;
}


/* ==========================================================================================================

	  3. Tables Module

============================================================================================================*/

table {
	border			: none;
	border-collapse	: collapse;
	font-size		: 100%;

}

td, th { /* セルの規定値をmiddleからtopに変更 */
	vertical-align	: top;
}

th {
	font-weight		: normal ;
	text-align		: left ;
}


caption {
	text-align		: left;
}




/* ==========================================================================================================

	  4. Image Module

============================================================================================================*/

/*  イメージをボックス下に接させる。場合によりtopにすることも
-----------------------------------*/

img { 
	vertical-align	: bottom;
}

a img {
	border			: none;
}



/* ==========================================================================================================

	  5. Text Module

============================================================================================================*/
br {
	letter-spacing	: normal;
}


/*  anchor
-----------------------------------*/
a {
	cursor: pointer;
	color: #e3487e;
	text-decoration: none;
}

a:link {}
a:visited {}
a:hover {
	color: #e3487e;
	text-decoration: underline;
}



abbr {
	border-bottom	: 1px dashed #999;
	cursor			: help;
}

pre, 
code, 
samp, 
kbd, 
var {
	font			: 99% Monaco, 'Andale Mono', "Courier New", Courier, monospace;
}

sup, 
sub {
	font-size		: 75% ;
}

/*  selected text
-----------------------------------*/

::selection {
	background		: #333333;
	color			: #fff;
}

::-moz-selection {
	background		: #333333;
	color			: #fff;
}

/* ==========================================================================================================

  6. Form Module + Replaced Elemnt

============================================================================================================*/

input, 
textarea, 
select, 
option, 
optgroup {
	vertical-align	: middle;
	background-color: #FFF;
	font			: 100%/1.6 "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, Osaka, "メイリオ", sans-serif;
}

input {
}


select {
	min-width		: 2em;
}

option, 
optgroup {
	padding-right	: 0.4em;
}

fieldset {
	border			: none;
}

legend {
	display			: none;
}


/*  input & label & option mousePointer
-----------------------------------*/
label[for], 
input[type="checkbox"], 
input[type="radio"], 
input[type="button"], 
select, 
option {
	cursor		: pointer;
}

optgroup {
	cursor		: default;
}



/* ==========================================================================================================

	7. clearFix (pkg) Module

============================================================================================================*/

/* フロート解除させたい要素をdivで囲んで使う */

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


/* for IE7 */
*:first-child+html .clearfix  {
	min-height	: 1%;
	/*zoom	: 1;*/
}

/* for Mac IE */
* html .clearfix {
	display		: inline-table;
}

/* no Mac IE \*/
* html .clearfix {
	height		: 1%;
}
.clearfix {
	display		: block;
}
/* */