/***********************************************/
/* HTML タグ */

body{width: 100%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 10px 0px 10px 0px;
	padding: 0px;
	color:#222222;}

h1 {margin: 10px 0px 10px 0px;  padding: 0px; font-size:140%;line-height:120%;}
h2 {margin: 10px 0px 10px 0px;  padding: 0px; font-size:135%;line-height:120%;}
h3 {margin: 10px 0px 10px 0px;  padding: 0px; font-size:115%;line-height:120%;}
h4 {margin: 10px 0px 10px 0px;  padding: 0px; font-size:115%;line-height:120%;}
h5 {margin: 10px 0px 10px 0px;  padding: 0px; font-size:110%;line-height:120%;}
.h5_01 {margin: 0px 0px 0px 0px;  padding: 0px; font-size:110%;line-height:120%;text-align:center;}

p {margin: 10px 0px 10px 0px;  padding: 0px;line-height:120%;}

li {margin: 5px 0px 0px 0px; padding: 0px;line-height:120%;}

table {font-size:100%;}

hr{margin: 10px 0px 0px 0px; }

/***********************************************/
/* 印刷制御*/
/***********************************************/
.print{page-break-before:always}

/***********************************************/
/* ページレイアウト*/
/***********************************************/

/* BASE*/
#base{width: 700px;
	margin: 10px auto 0px auto;
	padding: 0px;
	border-top:1px solid #768695;
	border-left:1px solid #768695;
	border-right:1px solid #768695;
	text-align:left;
	font-size:95%;
	line-height:120%;
	display: block;}

#base a {text-decoration:underline;　color: #0066FF;}
#base a:hover {color: #FFFFFF; text-decoration: none;	background-color: #0066FF;}


/* HEAD*/
#head{
	background-image: url(../img/common/bg_head.gif);
	background-repeat: repeat;
	width: 700px;
	margin: 0px;
	display: block;}
	
#head .map {text-align:right;margin-bottom:5px;margin-right:5px;}
#head .map a {color: #0066FF;text-decoration: none;background-color: #ffffff;}
#head .map a:hover{color: #FFFFFF; text-decoration: none;	background-color: #0066FF;}
.twocolumn2{width:335px;float:left;position:relative; margin-left:0px; margin-right:3px;}


/* LOGO*/
#sitename{margin: 0px; padding: 0px;}

/* MENU*/
#menu ul{
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
#menu li {
	list-style-type : none;
	float:left;
	position:relative;
	width: 215px;
	margin: 5px 7px 5px 7px;
	padding: 0px 0px 0px 0px;
}

/* NAVI*/
#navi ul{
	position:relative;
	width: 698px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
#navi li {
	list-style-type : none;
	float:left;
	position:relative;
	width: 136px;
	margin: 5px 2px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-right:1px solid #768695;
	border-bottom:1px solid #768695;
}

#navi .start{
	list-style-type : none;
	float:left;
	position:136px;
	margin: 5px 1px 0px 1px;
	padding: 0px 0px 0px 0px;
	border-bottom:1px solid #768695;
	border-right:1px solid #768695;
}

#navi .now{
	list-style-type : none;
	float:left;
	position:136px;
	margin: 5px 2px 0px 1px;
	padding: 0px 0px 0px 0px;
	border-top:1px solid #768695;
	border-left:1px solid #768695;
}

/* メインナビゲーション*/


/* メインナビゲーション以下背景指定など*/
#contents{
	width: 650px;
	margin: 10px 25px 15px 25px;
	padding: 0px;
	background-color: #FFFFFF;
}

/* パンクズリスト */
#bread_list{
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 4px 0px;
	background-image: url(../img/common/bread_list.gif);
	background-repeat: repeat;
	font-size: 85%;
	text-indent: 10px;
	width:650px;
}

/* FOOT*/
#foot{
	background-image: url(../img/common/bg_foot.gif);
	background-repeat: repeat;
	width: 700px;
	margin: 0px;
	padding: 0px;
	border-top:1px solid #768695;
}
#foot2{
	background-image: url(../img/common/bg_head.gif);
	background-repeat: repeat;
	width: 700px;
	margin: 0px;
	padding: 0px;
	border-top:1px solid #768695;
}
#foot p{margin-left:80px;}


/***********************************************/
/* #パンクズリスト */
/***********************************************/
#bread_list a {text-decoration:underline;　color: #0066FF;}
#bread_list a:hover {color: #FFFFFF; text-decoration: none;	background-color: #0066FF;}

/***********************************************/
/* タイトル周りの装飾*/
/***********************************************/
.tit01_skyblue {padding: 2px 2px 2px 5px;
	color:#222222;
	margin-bottom:1em;
	border-left:5px solid #81CFE3;
	background:#CBECF3;
	}

.tit01_skyblue02 {padding: 2px 2px 2px 5px;
	color:#222222;
	margin-bottom:1em;
	border-left:5px solid #81CFE3;
	background:#CBECF3;
	width:310px;
	}

.tit01_pink {padding: 2px 2px 2px 5px;
	color:#222222;
	margin-bottom:1em;
	border-left:5px solid #F09696;
	background:#FBDFDE;
	}

.tit01_yellowgreen {padding: 2px 2px 2px 5px;
	color:#222222;
	margin-bottom:1em;
	border-left:5px solid #7FC759;
	background:#E5F4C9;
	}
	
.tit01_yellowgreen02 {padding: 2px 2px 2px 5px;
	color:#222222;
	margin-bottom:1em;
	border-left:5px solid #7FC759;
	background:#E5F4C9;
	width:310px;
	}

.tit01_yellow {padding: 2px 2px 2px 5px;
	color:#222222;
	margin-bottom:1em;
	border-left:5px solid #FFB343;
	background:#FEE6C2;
	}

.tit01_yellow02 {padding: 2px 2px 2px 5px;
	color:#222222;
	margin-bottom:1em;
	border-left:5px solid #FFB343;
	background:#FEE6C2;
	width:310px;
	}

.tit01_bluegreen {padding: 2px 2px 2px 5px;
	color:#222222;
	margin-bottom:1em;
	border-left:5px solid #85CCC8;
	background:#DAF0EE;
	}

.tit01_purple {padding: 2px 2px 2px 5px;
	color:#222222;
	margin-bottom:1em;
	border-left:5px solid #9887CE;
	background:#D5CFEB;
	}

.tit01_bluepurple {padding: 2px 2px 2px 5px;
	color:#222222;
	margin-bottom:1em;
	border-left:5px solid #8C9CCF;
	background:#D7DCEF;
	}

.tit01_green {padding: 2px 2px 2px 5px;
	color:#222222;
	margin-bottom:1em;
	border-left:5px solid #7EB571;
	background:#CAE1C5;
	}

.tit01_orange {padding: 2px 2px 2px 5px;
	color:#222222;
	margin-bottom:1em;
	border-left:5px solid #EA8D6C;
	background:#F8D4C8;
	}

/***********************************************/
/* 記事中のリンク*/	
/***********************************************/
#kiji a {text-decoration:underline;　color: #0066FF;}
#kiji a:hover {color: #FFFFFF; text-decoration: none;	background-color: #0066FF;}
	
/***********************************************/
/* 枠の装飾*/
/***********************************************/
.whitebox{background:#FFFFFF; border:1px dotted #CCCCCC; padding:2px 5px; margin:20px 0px 5px 0px;}
.yellowbox{background:#FFFFCC; border:1px solid #CCCCCC; padding:2px 5px; margin:20px 0px 5px 0px;}
.bluebox{background:#DAE6FF; border:1px solid #333333; padding:2px 5px; margin:20px 0px 5px 0px; color:#003399;}
.greenbox{background:#CCFFCC; border:1px solid #999999; padding:2px 5px; margin:20px 0px 5px 0px; }

.whitebox02{background:#FFFFFF; border:0px; padding:2px; margin:0px 0px 0px 0px;}
	

.skybluebox02{background:#CBECF3; border:0px; padding:2px; margin:0px 0px 0px 0px;}
.skybluebox03{background:#CBECF3; border:1px solid #81CFE3; padding:2px; margin:0px 0px 0px 0px;}
.skybluebox04{background:#ffffff; border:1px solid #81CFE3; padding:2px; margin:0px 0px 0px 0px;}

.pinkbox02{background:#FBDFDE; border:0px; padding:2px; margin:0px 0px 0px 0px;}
.pinkbox03{background:#FBDFDE; border:1px solid #F09696; padding:2px; margin:0px 0px 0px 0px;}
.pinkbox04{background:#ffffff; border:1px solid #F09696; padding:2px; margin:0px 0px 0px 0px;}


.yellowbox02{background:#FEE6C2; border:0px; padding:2px; margin:0px 0px 0px 0px;}
.yellowbox03{background:#FEE6C2; border:1px solid #FFB343; padding:2px; margin:0px 0px 0px 0px;}
.yellowbox04{background:#ffffff; border:1px solid #FFB343; padding:2px; margin:0px 0px 0px 0px;}
.yellowbox05{background:#FEE6C2; border:1px solid #FFB343; padding:2px; margin:2px 0px 2px 0px;}

.greenbox02{background:#CAE1C5; border:0px; padding:2px; margin:0px 0px 0px 0px;}
.greenbox03{background:#CAE1C5; border:1px solid #7EB571; padding:2px; margin:0px 0px 0px 0px;}
.greenbox04{background:#ffffff; border:1px solid #7EB571; padding:2px; margin:0px 0px 0px 0px;}

.orangebox02{background:#F8D4C8; border:0px; padding:2px; margin:0px 0px 0px 0px;}
.orangebox03{background:#F8D4C8; border:1px solid #EA8D6C; padding:2px; margin:0px 0px 0px 0px;}
.orangebox04{background:#ffffff; border:1px solid #EA8D6C; padding:2px; margin:0px 0px 0px 0px;}
.orangebox05{background:#F8D4C8; border:1px solid #EA8D6C; padding:2px; margin:2px 0px 2px 0px;}

.glaybox02{background:#eeeeee; border:0px; padding:2px; margin:0px 0px 0px 0px;}
.glaybox03{background:#eeeeee; border:1px solid #768695; padding:2px; margin:0px 0px 0px 0px;}
.glaybox04{background:#ffffff; border:1px solid #768695; padding:2px; margin:0px 0px 0px 0px;}

.bluegreenbox02{background:#DAF0EE; padding:2px; margin:0px 0px 0px 0px;}
.bluegreenbox03{background:#DAF0EE; border:1px solid #85CCC8; padding:2px; margin:0px 0px 0px 0px;}
.bluegreenbox04{background:#ffffff; border:1px solid #85CCC8; padding:2px; margin:0px 0px 0px 0px;}

.purplebox02{background:#D5CFEB; padding:2px; margin:0px 0px 0px 0px;}
.purplebox03{background:#D5CFEB; border:1px solid #9887CE; padding:2px; margin:0px 0px 0px 0px;}
.purplebox03{background:#ffffff; border:1px solid #9887CE; padding:2px; margin:0px 0px 0px 0px;}

.pinkline{background:#ffffff; border-bottom:2px dotted #F09696; padding:0px; margin:10px 0px 10px 0px;}
.bluegreenline{background:#ffffff; border-bottom:2px dotted #FFB343; padding:0px; margin:10px 0px 10px 0px;}
.greenline{background:#ffffff; border-bottom:2px dotted #7EB571; padding:0px; margin:10px 0px 10px 0px;}
.glayline{background:#ffffff; border-bottom:2px dotted #cccccc; padding:0px; margin:0px 10px 10px 0px;}
.bluegreenline{background:#ffffff; border-bottom:2px dotted #85CCC8; padding:0px; margin:10px 0px 10px 0px;}
.purpleline{background:#ffffff; border-bottom:2px dotted #9887CE; padding:0px; margin:10px 0px 10px 0px;}

.table04{background:#ffffff; border:1px solid #CC8D30; padding:0px; margin:5px 0px 5px 0px;}
.th04{background:#FEE6C2; border:1px solid #CC8D30; padding:2px 10px 2px 10px; margin:0px 0px 0px 0px;}
.td04{background:#ffffff; border:1px solid #CC8D30; padding:2px 10px 2px 10px; margin:0px 0px 0px 0px;}



.orangebox2_03{background:#fdc086; border:1px solid #FD6724; padding:2px; margin:0px 0px 0px 0px;}
.orangebox2_04{background:#ffffff; border:1px solid #FD6724; padding:2px; margin:0px 0px 0px 0px;}



/***********************************************/
/* 文字修飾用クラス*/
/***********************************************/

.bold{font-weight:bold;}
.normal{font-weight:normal;}
.standard{font-weight:normal;font-size: 85%;color:#222222;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}
.smaller{font-size:85%;}
.larger{font-size:120%;}
.red{color:red;}
.black{color:black;}
.blue{color:blue;}
.greenyellow{color:#adff2f;}
.orange2{color:#FD6724;}

.skyblue{color:#81CFE3;}
.pink{color:#F09696;}
.yellowgreen{color:#7FC759;}
.yellow{color:#FFB343;}
.bluegreen{color:#85CCC8;}
.lightpurple{color:#D1ACCE;}
.bluepurple{color:#8C9CCF;}
.orange{color:#EA8D6C;}
.purple{color:#9887CE;}
.green{color:#7EB571;}
.blue{color:#1264B0;}
.darkpink{color:#FF6666;}
.blown{color:#CC8D30;}
.glay{color:#222222;}


/* 背景色修飾用クラス*/
.bgblue{background-color:#0033FF; color:#FFFFFF;}
.bgblue02{background-color:#CCCCFF;}
.bgyellow{background-color:#FFFFCC;}
.bggray{background-color:#999999;}
.bggray02{background-color:#EEEEEE;}
.bggreen{background-color:#CCFFCC;}
.bgwhite{background-color:#FFFFFF;}
.bgpink{background-color:#FFDFDF;}


/***********************************************/
/* 分割*/
/***********************************************/

.twocolumn{width:47%;float:left;position:relative; margin-left:0px; margin-right:5px;}
.threecolumn{width:210px;float:left;position:relative; margin-right:0px; margin-left:2px; margin-right:2px;}
.onecolumn{width:520px;float:left;position:relative;}
.clear{clear:both;}



/* テキスト左寄せ、中央寄せ*/

.leftalign{text-align:left;margin-bottom:0px;margin-left:0px;}
.centeralign{text-align:center;margin-bottom:0px;}
.rightalign{text-align:right;margin-bottom:0px;margin-right:0px;}


/* インデント*/
.indent01{margin-left:1.5em;}
.indent02{margin-left:3em;}
.indent03{margin-left:4.5em;}

/* 画像流し込み用*/

.imgleft{float:left;vertical-align:top;margin-right:5px;margin-bottom:5px;}
.imgright{float:right;vertical-align:top;margin-left:5px;margin-bottom:5px;}
