@charset "utf-8";

/*
===== CONTENTS =========================================

 // Site Outline //

	Site Name:  
	URL:  


 // Font-size Adjustment //

	71% = 10px
	86% = 12px
	100% = 14px
	114% = 16px
	129% = 18px

=======================================================
*/


/* ------------------------------
 // 1: Body and Base
------------------------------ */
body {
	margin: 0;
	padding: 0;
	background-color: #003366;
	background-image: url(images/bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	color: #000066;
	line-height: 1.6;
	font-family: 'ＭＳ Ｐゴシック','MS PGothic', 'ヒラギノ Pro W3', Hiragino Kaku Gothic Pro, osaka, 'メイリオ', Meiryo, sans-serif;
	font-size: 86%; /* IE */
}
html>/**/body {
	font-size: 86%; /* Except IE */
}


/* General
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	margin: 0;
	padding: 0;
}

img {
	border: 0px;
}

ul {
	list-style-type: none;
}

/* ------------------------------
 // 2: Link
------------------------------ */
a:link{
	color: #CC9900;
	text-decoration: underline;
}

a:visited{
	color: #CC9900;
	text-decoration: underline;
}

a:hover{
	color: #FFCC00;
	text-decoration: none;
}

a:active{
	color: #FFCC00;
	text-decoration: none;
}

/* pagetop
--------------------*/
div.pagetop a:link{
	color: #000066;
	text-decoration: underline;
}

div.pagetop a:visited{
	color: #000066;
	text-decoration: underline;
}

div.pagetop a:hover{
	color: #0066CC;
	text-decoration: none;
}

div.pagetop a:active{
	color: #0066CC;
	text-decoration: none;
}


/* ------------------------------
 // 3: Common text
------------------------------ */
.cy {
	color: #FFCC00;
}

.textS {
	font-size: 71%;
}

.textM {
	font-size: 86%;
}

.textL {
	font-size: 100%;
}

.textLL {
	font-size: 114%;
}

.text3L {
	font-size: 129%;
}


/* ------------------------------
 // 4: clearfix
------------------------------ */
.clearfix:after {
	content: ".";  
	display: block;  
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

