@charset "utf-8";

/*=====================================================
 * Style Name: Base Reset Style
 * Style URL: /common/css/base.css
 * Description: Base Style Sheet
 * Version: 1.0
 * Last Up Date: 2011/06/02
 * Author: Prime works
 * Author URL: http://www.primeworks.jp/
 *
 * Markup Reference:
 *
=====================================================*/



/*-----  contents -------

	1: Universal Reset 
	2: Body and Base setting
		: General parameter setting
		: Phrase elements styles
	3: Link setting
	4: clearfix

----------------------*/


/*-----  key colors -------

Bace Color Deep: 
Bace Color Pale: 

--------------------------*/



/*
===== 1: universal reset =================================*/

body{width:100%;}


body, h1, h2, h3, h4, h5, h6,
div, p, pre, table, th, td,
dl, dt, dd, ul, ol, li,
caption, address, blockquote,
form, fieldset, legend,
del, ins, code, var {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	border: 0;
}


h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1;
}


em { font-style: normal; color: #860b27; }
strong { font-style: normal; font-weight: bold; }


sub { font-size: smaller; }



/*
===== 2: Body and Base setting ===========================*/

html,
body { height: 100%; }


body {
	background: #ffffff;
	color: #4d4d4c;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", sans-serif;
	/*font-size: 76%;*/
	font-size: 88%;
	text-align: center;
}
/*　font-size 変更前
body.small { font-size: 76%; }
body.medium { font-size: 88%; }
body.large { font-size: 100%; }
*/


body.small { font-size: 88%; }
body.medium { font-size: 100%; }
body.large { font-size: 112%; }


/* General parameter setting
--------------------*/

ul, ol { list-style-type: none; }


table {
	border-collapse: collapse;
	empty-cells: show;
	/font-size: 1em;
}


th, td{
	line-height: 1.7;
	text-align: left;
	vertical-align: top;
}


img {
	vertical-align: bottom;
	border: none;
}



/* Form elements styles
-------------------------------------*/

input { vertical-align: middle; }






/*
===== 3: Link setting ===========================*/

a:link,
a:visited,
a:hover,
a:active {
	color: #1682c5;
	text-decoration: underline;
}


a:visited { color: #7f7f7f; }


a:hover,
a:active { text-decoration: none; }

/*
===== 4: 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 */