@charset "utf-8";

/*float*/
.aaaaa {float: left;}
.left {float: left;}
.right {float: right;}
.center {margin: 0px auto;}
/*-------------デフォルトタグの設定-------------*/
/*HTMLtag*/
* {margin: 0px;padding: 0px;border:none;}
h3,h4,h5,h6,p,li,td {color: #333333;font-size: 0.9em;line-height: 1.4em;font-style: normal;font-weight: normal;font-variant: normal;
font-family: "verdana", "Arial", "Helvetica", "sans-serif", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "メイリオ";
}
body {background-color: #ccffcc; margin: 0px;padding: 0px;border: 0px;}
p {padding-bottom: 1em;}
h1 {
	font-size: 1.4em;
	background-image: url(images/H1_backimage.png);
	background-repeat: no-repeat;
	height: 48px;
	margin: 0px;
	padding-left: 53px;
	padding-top: 14px;
	color: #FFFFFF;
}
h2{clear: both;font-size:16px;font-weight: bold;line-height: 16px;color: #000;
background-image: url(images/h2Back.gif);background-repeat: no-repeat;height: 22px;
width: auto;padding:30px 20px 0px;margin:10px auto 5px;
}
h3{clear: both;font-size:16px;line-height: 16px;color: #006699;
background-image: url(images/h3Header.gif);background-repeat: no-repeat;
height: 20px;width: 500px;
padding:3px 0px 0px 30px;margin:15px 0px 10px 0px;
}
h4{
	clear: both;
	line-height: 1.2em;
	background-color: #DDD;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #0099FF;
	margin:15px 0px 10px;
	padding-left: 5px;
	color: #0066FF;
	font-style: normal;
	font-weight: normal;}
h5{clear: both;font-weight: bold;margin: 10px 0px 5px;padding-TOP: 0em;}
/*h6 インフォメーション用*/
h6 {height: 25px;background-image: url(images/h6LineDots.gif);background-repeat: repeat-x;background-position: 0px 15px;}
/*div インライングラフィックのベースラインシフト*/
p img {vertical-align:-5px;}
/*hr 行間調整用の透明な罫*/
hr {visibility: hidden;height: 20px;}
/*文字装飾：イタリック（em）は使用しない前提で赤字に変更しました*/
strong {font-weight: bold;}
/*ol,ul,li*/
ul,ol{margin:0;padding:0;border: 0px;}
li{line-height: 1.25em;margin: 2px;border: 0px;padding: 0px;}
ul li{list-style-type: none;background:url(images/arrow_blue.gif) no-repeat 0em 2px;padding-left: 15px;}
ol li{list-style: decimal none outside;margin-left: 31px;}
/*listのnest用インデント処理*/
ul * li,ol * li { margin-left:3em; }
ul ul, ol ol {margin-left:2em; }
/*リストの2コラム・3コラム処理*/
ul.column2 {CLEAR: both;margin: 0px;padding: 0px;border: 0px;}
ul.column2 LI {WIDTH: 46.5%;FLOAT: left;}
ul.column3 {CLEAR: both;margin: 0px;padding: 0px;border: 0px;}
ul.column3 LI {WIDTH: 30%;FLOAT: left;}
ul.column2:after,ul.column3:after{display:block;visibility:hidden;clear:both;height:0;content:".";}
/*リストをBOX処理。上記コラムと併用する<ul class="column2" id="BOX">
画面などを複数レイアウトする際に使用できる。*/
ul#BOX {}
ul.column2#BOX LI {WIDTH: 300px;list-style-type: none;background:none;margin: 0px;padding: 0px;border: 0px;}
ul.column3#BOX LI {WIDTH: 200px;list-style-type: none;background:none;margin: 0px;padding: 0px;border: 0px;}
/*form*/
FORM {margin: 0px;padding: 0px;border:0px none;}
FORM * {margin: 0px;padding: 0px;border:0px none;}
INPUT {
	margin: 0px;
	padding: 2px;
	border:1px solid #9D9DA1;
	HEIGHT: 20px;
	vertical-align: middle;
	text-align: justify;
	background-color: #FFFFFF;
}
/*Button*/
INPUT#searchbtn {
	padding: 0px 0.5em;
	border: 1px solid #455893;
	BACKGROUND: #fff url(images/searchbtn.gif) repeat-x 0px 0px;
	CURSOR: pointer;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
	width: auto;
	height: 23px;
	letter-spacing: 0.5em;
	margin: 0px;
}
/*What's New!*/
dl {background-color: #FFF;overflow: auto;height: 10em;wide: 100%;padding: 5px;margin: 0px;padding: 0px;border: 0px;}
dt {background-color: #FFF;float: left;padding: 0px;margin-right: 10px;margin-left: 5px;border-top: 1px solid #DDD;}
dd {background-color: #FFF;margin: 0px;padding: 0px;border: 0px;border-top: 1px solid #DDD;}
/*table設定*/
/*表のマウスオーバー*/
table#line tr:hover,
table#underline tr:hover, {background: #EEEEEE;}
table#line tr:hover td,
table#underline tr:hover td {background: #EEEEEE;}
/*table#Invisible*/
table#Invisible {border-spacing: 0;}
table#Invisible th {border: 0px;}
table#Invisible td {border: 0px;}
/*table#line*/
table#line {
	border-spacing: 0;
	margin: 0px;
	padding: 0px;
}
table#line th {
	border: #999 solid 1px;
	background: #CCCCFF;
	margin: 0px;
	padding: 0px;
}
table#line td {
	border: 1px #999 solid;
	border-width: 1px;
	margin: 0px;
	padding: 0px;
}
/*tableたて列のタイトル*/
table#line td.title {background: #CCFFCC;}
/*table#underline*/
table#underline {border: #999 solid;border-width: 1px 0 0 0;}
table#underline th {border: #999 solid;border-width: 0 0 1px 0;background: #F5F5F5;}
table#underline td {border: 1px #999 solid;border-width: 0 0 1px 0;}
/*a*/
a:link,a:visited {color: #0066FF;text-decoration:underline;}
a:hover {color: #9999CC;text-decoration:none;}
/*-------------frameBOXテンプレート-------------*/
/*IE PNG Alpha Fix v1.0*/
img, div { behavior: url(iepngfix.htc) }
/*frameBOXblue
枠の設定です。4階層構造ですがテンプレートからコピーし、第一階層（#frameBOXblue）のみのスタイル適応すれば各色へ変更されます。*/
#frameBOXblue {WIDTH: 100%;MARGIN: 0px auto;padding: 0px;border: 0px;BACKGROUND: url(images/frameBOXblue.gif) no-repeat right bottom;}
#frameBOXblue #frameBOX01 {MARGIN: 0px; padding: 0px; border: 0px;BACKGROUND: url(images/frameBOXblue.gif) no-repeat left top}
#frameBOXblue #frameBOX02 {MARGIN: 0px; padding: 0px; border: 0px;BACKGROUND: url(images/frameBOXblue.gif) no-repeat right top}
#frameBOXblue #frameBOX03 {MARGIN: 0px; padding: 0px; border: 0px;BACKGROUND: url(images/frameBOXblue.gif) no-repeat left bottom}
/*frameBOXgreen*/
#frameBOXgreen {WIDTH: 100%;MARGIN: 0px auto;padding: 0px;border: 0px;BACKGROUND: url(images/frameBOXgreen.gif) no-repeat right bottom;}
#frameBOXgreen #frameBOX01 {MARGIN: 0px; padding: 0px; border: 0px;BACKGROUND: url(images/frameBOXgreen.gif) no-repeat left top}
#frameBOXgreen #frameBOX02 {MARGIN: 0px; padding: 0px; border: 0px;BACKGROUND: url(images/frameBOXgreen.gif) no-repeat right top}
#frameBOXgreen #frameBOX03 {MARGIN: 0px; padding: 0px; border: 0px;BACKGROUND: url(images/frameBOXgreen.gif) no-repeat left bottom}
/*frameBOXpink*/
#frameBOXpink {WIDTH: 100%;MARGIN: 0px auto;padding: 0px;border: 0px;BACKGROUND: url(images/frameBOXpink.gif) no-repeat right bottom;}
#frameBOXpink #frameBOX01 {MARGIN: 0px; padding: 0px; border: 0px;BACKGROUND: url(images/frameBOXpink.gif) no-repeat left top}
#frameBOXpink #frameBOX02 {MARGIN: 0px; padding: 0px; border: 0px;BACKGROUND: url(images/frameBOXpink.gif) no-repeat right top}
#frameBOXpink #frameBOX03 {MARGIN: 0px; padding: 0px; border: 0px;BACKGROUND: url(images/frameBOXpink.gif) no-repeat left bottom}
/*frameBOXpurple*/
#frameBOXpurple {WIDTH: 100%;MARGIN: 0px auto;padding: 0px;border: 0px;BACKGROUND: url(images/frameBOXpurple.gif) no-repeat right bottom;}
#frameBOXpurple #frameBOX01 {MARGIN: 0px; padding: 0px; border: 0px;BACKGROUND: url(images/frameBOXpurple.gif) no-repeat left top}
#frameBOXpurple #frameBOX02 {MARGIN: 0px; padding: 0px; border: 0px;BACKGROUND: url(images/frameBOXpurple.gif) no-repeat right top}
#frameBOXpurple #frameBOX03 {MARGIN: 0px; padding: 0px; border: 0px;BACKGROUND: url(images/frameBOXpurple.gif) no-repeat left bottom}
/*frameBOXorange*/
#frameBOXorange {WIDTH: 100%;MARGIN: 0px auto;padding: 0px;border: 0px;BACKGROUND: url(images/frameBOXorange.gif) no-repeat right bottom;}
#frameBOXorange #frameBOX01 {MARGIN: 0px; padding: 0px; border: 0px;BACKGROUND: url(images/frameBOXorange.gif) no-repeat left top}
#frameBOXorange #frameBOX02 {MARGIN: 0px; padding: 0px; border: 0px;BACKGROUND: url(images/frameBOXorange.gif) no-repeat right top}
#frameBOXorange #frameBOX03 {MARGIN: 0px; padding: 0px; border: 0px;BACKGROUND: url(images/frameBOXorange.gif) no-repeat left bottom}
/*frame inline box
上記frameBOXの内枠設定。frameBOXの大きさ・マージン・余白などの設定はこれで行います。*/
#frameBOXtextbox {MARGIN: 0px auto;WIDTH: 95%;padding: 5px 0px 10px;height: auto;}
/*frameBOX_image ポラロイド的な写真枠*/
#frameBOX_image {background-color:#f5f3f4;border:1px solid #cfcfcf;margin: 0px 7px 7px 7px;padding: 9px;text-align:center;vertical-align: bottom;}