@charset "utf-8";
/* CSS Document */

/* ======================================= */
/* HTML tags                               */
/* ======================================= */

body{
	background:#FFF;
	margin:0px;
	padding:0px;
	font-size:13px;
	line-height:20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1{
	margin:0px;
	padding:0px;
	height:1px;
	text-indent:-9999px;
}

h2{
	margin:0px;
	padding:0px;
	height:1px;
	text-indent:-9999px;
}

div, p{
	margin:0px;
	padding:0px;
}

td, th{
	font-size:12px;
	line-height:1.5;
}

a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}


img{
	border-style: none;
}

input.outspace01{
	padding:10px 20px;
	margin:0px;
}
/* ======================================= */
/* List タグ用Class                        */
/* ======================================= */
ul{
	margin:0px 10px;
	padding:0px;
	list-style:none;
}

li.rd{
	margin:0px;
	padding:0px 0px 0px 12px;
	background:url(../images/pochi0001.gif);
	background-repeat:no-repeat;
}

li.bl{
	margin:0px;
	padding:0px 0px 0px 12px;
	background:url(../images/pochi0002.gif);
	background-repeat:no-repeat;
}
li.yl{
	margin:0px;
	padding:0px 0px 0px 12px;
	background:url(../images/pochi0003.gif);
	background-repeat:no-repeat;
}

li.gr{
	margin:0px;
	padding:0px 0px 0px 12px;
	background:url(../images/pochi0004.gif);
	background-repeat:no-repeat;
}
/* ======================================= */
/* id                                      */
/* ======================================= */
/* wrapper */
#wrapper{
	margin:0px auto;
	padding:0px;
	width:1000px;
	background:#FFF;
}

/* header */
#header a{
	margin:0px;
	padding:0px;
	width:1000px;
	height:200px;
	background:url(../images/title01.jpg);
	background-position:0px 0px;
	float:left;
	text-indent:-9999px;
}

/* content */
#content{
	margin:0px;
	padding:0px;
	width:1000px;
	background:url(../images/bg001.gif) repeat-y;
	float:left;
}

/* navi */
#navi{
	margin:5px 0px 0px 0px;
	padding:0px;
	width:150px;
	float:left;
	overflow:hidden;
}

/* main */
#main{
	margin:5px 0px 0px 0px;
	padding:0px 5px;
	width:660px;
	float:left;
	overflow:hidden;
}

/* information */
#info{
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	width:170px;
	float:left;
	overflow:hidden;
}

/* footer */
#footer{
	margin: 0px auto;
	padding: 0px 0px 40px 0px;
	width: 1000px;
	font: Georgia, "Times New Roman", Times, serif;
	color:#8C4D7F;
	clear: both;
	border-top: 3px solid #8C4D7F;
}

/* ======================================= */
/* font attribute class                    */
/* ======================================= */
.bold{
	font-weight:bold;
}

.font_s{
	font-size:6px;
}

.font_l{
	font-size:14px;
}

.font_ll{
	font-size:16px;
}

.gray{
	color:#999;
}

.gray a{
	color:#333;
}

.navy{
	color:#009;
}

.navy a{
	color:#009;
}

.navy a:hover{
	color:#06C;
}

.green{
	color:#066;
}

.green a{
	color:#066;
}

.green a:hover{
	color:#0C9;
}

.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;
}

.white{
	color:#FFF;
}

.white a{
	color:#FFF;
}

.white a:hover{
	color:#C00;
}

.shockpink{
	color:#F3F;
}

/* ======================================= */
/* column width class                      */
/* ======================================= */
.col_11{
	margin:1px 2px;
	padding:3px 10px;
	width:636px;
	float:left;
}

.col_21{
	margin:1px 2px;
	padding:3px 10px;
	width:306px;
	float:left;
}

.col_31{
	margin:1px 2px;
	padding:3px 10px;
	width:196px;
	float:left;
}

.col_32{
	margin:1px 2px;
	padding:3px 10px;
	width:416px;
	float:left;
}

.col_41{
	margin:1px 2px;
	padding:3px 10px;
	width:141px;
	float:left;
}

.col_43{
	margin:1px 2px;
	padding:3px 10px;
	width:471px;
	float:left;
}

.col_51{
	margin:1px 2px;
	padding:3px 10px;
	width:108px;
	float:left;
}

.col_52{
	margin:1px 2px;
	padding:3px 10px;
	width:240px;
	float:left;
}

.col_53{
	margin:1px 2px;
	padding:3px 10px;
	width:372px;
	float:left;
}

.col_54{
	margin:1px 2px;
	padding:3px 10px;
	width:504px;
	float:left;
}

.col_61{
	margin:1px 2px;
	padding:3px 10px;
	width:86px;
	float:left;
}

.col_65{
	margin:1px 2px;
	padding:3px 10px;
	width:526px;
	float:left;
}

.time_tbl{
	margin:1px;
	padding:1px;
	width:656px;
	background:#CCC;
	float:left;
}

.col_time{
	margin:0px;
	padding:3px 0px;
	width:40px;
	text-align:center;
	float:left;
}
.col_week{
	margin:1px;
	padding:3px 2px;
	width:82px;
	text-align:center;
	float:left;
}

/* ======================================= */
/* photo
/* ======================================= */
.photo_fr21{
	margin:1px 4px;
	padding:6px 10px 10px 6px;
	width:306px;
	height:228px;
	background:url(../images/photo_21.jpg) no-repeat;
	display:block;
	float:left;
}

img.photo_sz21{
	width:306px;
	height:228px;
}

.photo_no21{
	margin:1px 4px;
	padding:0px;
	width:322px;
	display:block;
	float:left;
}

img.photo_no21{
	width:322px;
}

.photo_fr31{
	margin:1px 4px;
	padding:6px 10px 10px 6px;
	width:196px;
	height:146px;
	background:url(../images/photo_31.jpg) no-repeat;
	display:block;
	float:left;
}

img.photo_sz31{
	width:196px;
	height:146px;
}

.photo_no31{
	margin:1px 4px;
	padding:0px;
	width:212px;
	display:block;
	float:left;
}

img.photo_no31{
	width:212px;
}

/* ======================================= */
/* 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_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;
}
/* ======================================= */
/* navigation button class                 */
/* ======================================= */
.navi_01 a{
	margin:2px 0px 2px 0px;
	padding:8px 0px 0px 20px;
	width:130px;
	height:42px;
	background:url(../images/navi_btn.gif) no-repeat;
	text-decoration:none;
	color:#006;
	background-position:0px 0px;
	float:left;
}
.navi_01 a:hover{
	background-position:-150px 0px;
	color:#903;
}

.navi_02 a{
	margin:2px 0px 2px 0px;
	padding:8px 0px 8px 20px;
	width:130px;
	background:url(../images/navi_btn2.gif) no-repeat;
	text-decoration:none;
	color:#006;
	background-position:0px 0px;
	float:left;
}
.navi_02 a:hover{
	background-position:-150px 0px;
	color:#903;
}

/* ======================================= */
/* clear: both                             */
/* ======================================= */
.clear{
	clear:both;
}

/* ======================================= */
/* page title       class                  */
/* ======================================= */
.page_title{
	margin:0px;
	padding:0px;
	width:636px;
	height:50px;
	text-indent:-9999px;
	float:left;
}

.page_title2{
	margin:0px;
	padding:17px 0px 0px 50px;
	width:610px;
	height:33px;
	background:url(../images/pg_title00.jpg) no-repeat;
	font-size:16px;
	font-weight:bold;
	float:left;
}

.page_sub_title{
	margin:5px 0px;
	padding:8px 0px 0px 30px;
	height:25px;
	background:url(../images/pochi0005.gif) no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#06C;
	border-bottom: 1px dashed #CC99CC;
	float:left;
}

/* ======================================= */
/* information area class                  */
/* ======================================= */
.info_title{
	margin:0px;
	padding:5px;
	width:162px;
	color: #fff;
	float:left;
	font-weight:bold;
	background:url(/images/title_04.jpg) repeat;
}

.info_text{
	margin:0px;
	padding:5px;
	width:162px;
	float:left;
}

.info_img{
	margin:0px;
	padding:5px;
	width:162px;
}

/* ======================================= */
/* copyright area class                    */
/* ======================================= */
.copyright a{
	margin: 0px 10px 0px 0px;
	padding: 10px 0px 10px 0px;
	width: 1000px;
	color:#8C4D7F;
	text-align: right;
	float:left;
}


