@charset "utf-8";
/* CSS Document */

/* ======================================= */
/* HTML tags                               */
/* ======================================= */

body{
	margin:0px;
	padding:0px;
	font-size:13px;
	line-height:20px;
	font-family: Verdana, Arial, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	background:url(../images/bg002.gif) repeat;
	background-color:#FFF;
	color:#000;
}

h1{
	margin:0px;
	padding:0px;
	height:1px;
	text-indent:-9999px;
}

div, p{
	margin:0px;
	padding:0px;
}

td, th{
	font-size:13px;
	line-height:20px;
}

a{
	text-decoration:none;
	color:#00008b;
}

a:hover{
	text-decoration:underline;
	color:#4b0082;
}

img{
	border-style: none;
}

input.outspace01{
	padding:10px 20px;
	margin:0px;
}

input.large-text, textarea.large-text{
	width: 99%;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{
	display:inline-block;
	min-height:1%; /* for IE7*/
}

.clear{
	clear:both;
}

.inner{
	position: relative;
	width: 100%;
}
/* ======================================= */
/* List タグ用Class                        */
/* ======================================= */
ul{
	margin:0px 10px;
	padding:0px;
	list-style:none;
}

li.btm15{
	margin:0 0 15px 20px;
}

li.rd{
	padding:0 0 0 12px;
	background:url(../images/pochi0001.gif);
	background-repeat:no-repeat;
}

li.bl{
	padding:0 0 0 12px;
	background:url(../images/pochi0002.gif);
	background-repeat:no-repeat;
}
li.yl{
	padding:0 0 0 12px;
	background:url(../images/pochi0003.gif);
	background-repeat:no-repeat;
}

li.gr{
	padding:0 0 0 12px;
	background:url(../images/pochi0004.gif);
	background-repeat:no-repeat;
}

li.star_bl{
	padding:3px 0 0 25px;
	background:url(../images/pochi_star_bl.png);
	background-repeat:no-repeat;
}
/* ======================================= */
/* font attribute class                    */
/* ======================================= */
.bold{
	font-weight:bold;
}

.underline{
	text-decoration: underline;
}

.font_s{
	font-size:6px;
}

.font_l{
	font-size:14px;
}

.font_ll{
	font-size:16px;
}

.font_lll{
	font-size:18px;
}

.font_llll{
	font-size:20px;
}

.gray{
	color:#999;
}

.gray a{
	color:#333;
}

.blue{
	color:#00F;
}

.blue a{
	color:#00F;
}

.blue a:hover{
	color:#06F;
}

.navy{
	color:#009;
}

.navy a{
	color:#009;
}

.navy a:hover{
	color:#06C;
}

.sky{
	color:#6FF;
}

.sky a{
	color:#6FF
}

.sky a:hover{
	color:#0CC;
}

.cream{
	color:#FF9;
}

.cream a{
	color:#FF9;
}

.cream a:hover{
	color:#FC9;
}

.green{
	color:#066;
}

.green a{
	color:#066;
}

.green a:hover{
	color:#0C9;
}

.light_green{
	color:#0F0;
}

.light_green a{
	color:#0F0;
}

.light_green a:hover{
	color:#0F9
}

.lime{
	color:#CFC;
}

.lime a{
	color:#0FC;
}

.red{
	color:#F00;
}
.red a{
	color:#F00;
}

.red a:hover{
	color:#F36;
}

.dark_red{
	color:#933;
}
.dark_red a{
	color:#933;
}

.dark_red a:hover{
	color:#966;
}

.purple{
	color:#C39;
}

.purple a{
	color:#939;
}

.purple a:hover{
	color:#F09;
}

.white{
	color:#FFF;
}

.white a{
	color:#FFF;
}

.white a:hover{
	color:#CCC;
}

.pink{
	color:#F9C
}

.pink a{
	color:#F9C;
}

.pink a:hover{
	color:#FCF;
}

.shockpink{
	color:#F39
}

.shockpink a{
	color:#F09;
}

.shockpink a:hover{
	color:#F9C;
}
/* ======================================= */
/* background color class                  */
/* ======================================= */
.bg_white{
	background:#FFF;
	color:#000;
}

.bg_black{
	background:#000;
	color:#FFF;
}

.bg_navy{
	background:#039;
	color:#FFF;
}

.bg_red{
	background:#C00;
	color:#FFF;
}

.bg_green{
	background:#066;
	color:#FFF;
}

.bg_lime{
	background:#CFC;
	color:#000;
}

.bg_emerald{
	background:#045b62;
	color:#FFF;
}

.bg_purple{
	background:#c39;
	color:#FFF;
}
	
.bg_cream{
	background:#FFC;
	color:#000;
}

.bg_dark_red{
	background:#933;
	color:#FFF;
}

.bg_sky{
	background:#9FF;
	color:#000;
}

.bg_pink{
	background:#FCF;
	color:#000;
}

.bg_shock_pink{
	background:#F9F;
	color:#000;
}

.bg_gray{
	background:#333;
	color:#FFF;
}
/* ======================================= */
/* image position                          */
/* ======================================= */
.img_left{
	margin: 2px 4px 2px 0;
	float:left;
}
.img_right{
	margin: 2px 0 2px 4px;
	float:right;
}
/* ======================================= */
/* page cube class                              */
/* ======================================= */
.page_cube a{
	margin:10px;
	padding:10px;
	width:15px;
	height:15px;
	text-align:center;
	background:#DDD;
	color:#039;
	font-weight:bold;
	float:left;
}

.page_cube a:hover{
	background:#FFCCFF;
}
/* ======================================= */
/* outline
/* ======================================= */
.outline{
	outline: 1px solid #333;
}

.mat_ol{
	margin:3px;
	padding:5px;
	outline: 1px solid #333;
}

.mat_ol_r{
	margin:3px;
	padding:5px;
	outline: 1px solid #333;
	text-align:right;
}

.mat_ol_c{
	margin:3px;
	padding:5px;
	outline: 1px solid #333;
	text-align:center;
}

.threed{
  color: #fafafa;
  letter-spacing: 0;
  text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135
}