@charset "utf-8";
/*-------------------------------------------------*/
/*(C) A.C.Planet Inc. All rights reserved.*/
/*--------------------------------------------------*/

/*下層基本設定
--------------------------------------------------*/

/*----- その他基本設定 -----*/
/*表示しない*/
.hidden {
	display: none;
}
/*外部リンクアイコン*/
.icon {
	display: inline;
	vertical-align: -2px;
	margin: 0 2px;
}
/*テーブル設定
--------------------------------------------------*/
table {
	margin: 10px 0 10px;
	border-spacing: 0px;
}
table caption {
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin-top: 10px;
}
table thead th {
	font-weight: bold;
}
table th {
	padding: 5px 5px;
	font-weight: bold;
}
table td {
	padding: 5px 5px;
	background: #FFF;
}

/*-----シンプルボーダー-----*/
.table02{
	border:0 !important;
	border-top:2px dotted #CCC !important;
}
.table02 th{
	border:0 !important;
	border-bottom:2px dotted #CCC !important;
	background-color:transparent !important;
	text-align:left;
}
.table02 td{
	border:0 !important;
	border-bottom:2px dotted #CCC !important;
}

/*-----ボーダーなし-----*/
.table-none {
	border: 0px;
}
.table-none td {
	border: 0px;
	padding: 0px 0 10px;
}
.bg-r-green{
	background:#DEEBB8 !important;
}
.bg-d-green{
	background:#C2DA8D !important;
}
.bg-r-green{
	background:#DEEBB8 !important;
}
.bg-d-green{
	background:#C2DA8D !important;
}
tr.bg-orange th{
	background:#FFD0BF !important;
}
tr.bg-orange td{
	background:#FFE0D6 !important;
}

tr.bg-blue th{
	background:#C1DEFD !important;
}
tr.bg-blue td{
	background:#D9E2FC !important;
}

tr.bg-red th{
	background:#FCC2D2 !important;
}
tr.bg-red td{
	background:#FCD9E1 !important;
}

tr.bg-d-blue th{
	background:#C0C4FE !important;
}
tr.bg-d-blue td{
	background:#DCD9FC !important;
}

/*テキスト位置設定
--------------------------------------------------*/
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.text-middle {
	vertical-align: middle;
}
.text-top {
	vertical-align: top;
}
.text-bottom {
	vertical-align: bottom;
}
/*リスト設定
--------------------------------------------------*/
/*clearfix*/
.list-f:after,
.list-fs:after,
.list-two:after,
.list-three:after,
.list-four:after,
.list-six:after,
.linklist-f:after,
.linklist-fs:after,
.linklist-two:after,
.linklist-three:after,
.linklist-four:after {
  content: "";
  clear: both;
  display: block;
}
.list-f,
.list-fs,
.list-two,
.list-three,
.list-four,
.list-six,
.linklist-f,
.linklist-fs:after,
.linklist-two,
.linklist-three,
.linklist-four {
 *zoom:1;	/* ie6,ie7 */
}
/*clearfix end*/

/*-----リスト大-----*/
.list li,
.list-f li,
.list-two li,
.list-three li,
.list-four li {
	background-image:url(../imgs/common/ic_list.png);
	background-repeat:no-repeat;
	background-position: 0 0.5em;
	padding: 2px 0 2px 21px;
}
/*-----リスト小-----*/
.list-s li,
.list-fs li {
	background-image:url(../imgs/common/ic_list_s.gif);
	background-repeat:no-repeat;
	background-position: 3px 0.7em;
	padding: 1px 0 1px 21px;
}
/*-----リンクリスト大-----*/
.linklist li,
.linklist-f li,
.linklist-two li,
.linklist-three li,
.linklist-four li {
	background-repeat:no-repeat;
	background-position: 0 0.4em;
	padding: 1px 0 1px 21px;
}
/*-----リンクリスト小-----*/
.linklist-s li,
.linklist-fs li {
	background-repeat: no-repeat;
	background-position: 4px 0.6em;
	padding: 1px 0 1px 21px;
}
/*-----横並び-----*/
.list-f li,
.list-fs li,
.linklist-f li,
.linklist-fs li {
	width: auto;
	white-space: nowrap;
	float: left;
	padding-right: 20px;
}
/*-----2カラムリスト-----*/
.list-two li,
.linklist-two li {
	float: left;
	width: 46%;
}
/*-----3カラムリスト-----*/
.list-three li,
.linklist-three li {
	float: left;
	width: 29%;
}
/*-----4カラムリスト-----*/
.list-four li,
.linklist-four li {
	float: left;
	width: 21%;
}
/*-----6カラムリスト-----*/
.list-six li {
	float: left;
	width: 15%;
}
/*---- 単体リンク ----*/
p.link{
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding: 1px 0 1px 21px;
	margin-left: 10px;
}
dd.link{
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	padding: 1px 0 1px 21px;
	margin-left: 10px;
	display:inline;
}

.linklist li:hover,
.linklist-f li:hover,
.linklist-two li:hover,
.linklist-three li:hover,
.linklist-four li:hover,
p.link:hover {
	background-position: 3px 0.4em;
}
.linklist-s li:hover,
.linklist-fs li:hover {
	background-position: 7px 0.6em;
}
.list li ul,
.list-f li ul,
.list-two li ul,
.list-three li ul,
.list-four li ul,
.list-fs li ul,
.linklist li ul,
.linklist-f li ul,
.linklist-two li ul,
.linklist-three li ul,
.linklist-four li ul,
.linklist-fs li ul{
	margin:0 0 5px 0;
}
/*テーブル内リスト設定*/
td .list,
td .list-s,
td .list-f,
td .list-two,
td .list-three,
td .list-four,
td .list-fs,
td .linklist,
td .linklist-s,
td .linklist-f,
td .linklist-two,
td .linklist-three,
td .linklist-four,
td .linklist-fs {
	margin:0 0 0 0;
}
/*番号リスト
----------------------------------------*/
/*-----ローマ大文字-----*/
.ollist-ur {
	list-style-type: upper-roman;
}
/*-----ローマ小文字-----*/
.ollist-lr {
	list-style-type: lower-roman;
}
/*-----アルファベット大文字-----*/
.ollist-ua {
	list-style-type: upper-alpha;
}
/*-----アルファベット小文字-----*/
.ollist-la {
	list-style-type: lower-alpha;
}
/*入れ子にしたとき、画像が出てしまうのを防ぐ*/
.none li {
	background: none;
	padding-left: 0px;
}
/*----- 位置設定 -----*/
/*1/2サイズ*/
.harf-l {
	float: left;
	width: 49%;
}
.harf-r {
	float: right;
	width: 49%;
}
/*1/3サイズ*/
.three-l {
	width: 33%;
	float: left;
}
.three-c {
	width: 32%;
	float: left;
	padding-left: 10px;
}
.three-r {
	width: 32%;
	float: right;
}
/*1/3、2/3サイズ*/
.one-third {
	width: 33%;
	float: left;
}
.two-third {
	width: 65%;
	float: right;
}
/*フロート左*/
.fl {
	float: left;
	width: auto;
	margin-right: 5px;
}
/*フロート右*/
.fr {
	float: right;
	width: auto;
	margin-left: 5px;
}
/*画像フロート左*/
.img-l {
	float: left;
	width: auto;
	margin: 0 20px 20px 0 !important;
}
/*フロート右*/
.img-r {
	float: right;
	width: auto;
	margin: 0 0 20px 20px !important;
}
/*----- カラーボックス -----*/

/*補足用*/
.box01,
.box02,
.box03,
.box04,
.box05,
.box06,
.box07,
.box08 {
	padding: 15px;
	margin: 20px 0;
	border-radius:6px;
}

.box01 {
	padding: 15px;
	margin: 20px 0;
	border-radius:6px;
}
/*リンク用*/
.box02 {
	padding: 15px;
	margin: 20px 0;
	border-radius:6px;
}
/*強調用*/
.box03 {
	border:2px solid #FCDF92;
	background:#FCF7E0;
	padding: 15px;
	margin: 20px 0;
}
/*レッド*/
.box04 {
	background: #FAF0ED;
	border:2px solid #F0988E;
	padding: 15px;
	margin: 20px 0;
}
/*ボーダー*/
.box05 {
	border:1px solid #CCC;
	padding: 15px;
	margin: 20px 0;
}
/*ボーダー*/
.box06 {
	padding: 15px;
	margin: 20px 0;
}
/*ボーダー*/
.box07 {
	border: 1px solid #FAC843;
	padding: 15px;
	margin: 20px 0;
}
/*ボーダー*/
.box08 {
	border: 1px solid #EA7062;
	padding: 15px;
	margin: 20px 0;
}

.box01 .box-midashi,
.box02 .box-midashi,
.box03 .box-midashi,
.box04 .box-midashi,
.box05 .box-midashi,
.box06 .box-midashi,
.box07 .box-midashi,
.box08 .box-midashi{
	border: none !important;
	margin: 0 0 15px!important;
	background: inherit !important;
	font-weight: bold;
	padding: 0 0 0 14px;
	font-size: 115%;
}

.box01 .box-midashi,
.box02 .box-midashi,
.box03 .box-midashi,
.box05 .box-midashi,
.box06 .box-midashi,
.box07 .box-midashi{
	border-left:3px solid #999 !important;
	color:#333 !important;
}
.box04 .box-midashi,
.box08 .box-midashi{
	border-left:3px solid #D33333 !important;
	color:#C6000A !important;
}
/*マージン
---------------------------------------*/
/*マージン設定*/
/*マージン全方向０*/
.m0 {
	margin: 0 !important;
}
/*マージン全方向10*/
.m10 {
	margin: 10px !important;
}
/*マージン全方向20*/
.m20 {
	margin: 20px !important;
}
/*マージン全方向30*/
.m30 {
	margin: 30px !important;
}
/*マージン左右０*/
.mrl0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
/*マージン左右10*/
.mrl10 {
	margin-right: 10px !important;
	margin-left: 10px !important;
}
/*マージン左右20*/
.mrl20 {
	margin-right: 20px !important;
	margin-left: 20px !important;
}
/*マージン左右30*/
.mrl30 {
	margin-right: 30px !important;
	margin-left: 30px !important;
}
/*マージン左右　中央*/
.mrlauto {
	margin-right: auto !important;
	margin-left: auto !important;
}
/*マージン上下０*/
.mtb0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
/*マージン上下10*/
.mtb10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
/*マージン上下20*/
.mtb20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
/*マージン上下30*/
.mtb30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
/*マージン上０*/
.mt0 {
	margin-top: 0 !important;
}
/*マージン上5*/
.mt5 {
	margin-top: 5px !important;
}
/*マージン上10*/
.mt10 {
	margin-top: 10px !important;
}
/*マージン上15*/
.mt15 {
	margin-top: 15px !important;
}
/*マージン上20*/
.mt20 {
	margin-top: 20px !important;
}
/*マージン上30*/
.mt30 {
	margin-top: 30px !important;
}
/*マージン上40*/
.mt40 {
	margin-top: 40px !important;
}
/*マージン上70*/
.mt70 {
	margin-top: 70px !important;
}
/*マージン下０*/
.mb0 {
	margin-bottom: 0 !important;
}
/*マージン下5*/
.mb5 {
	margin-bottom: 5px !important;
}
/*マージン下10*/
.mb10 {
	margin-bottom: 10px !important;
}
/*マージン下20*/
.mb20 {
	margin-bottom: 20px !important;
}
/*マージン下30*/
.mb30 {
	margin-bottom: 30px !important;
}
/*マージン左０*/
.ml0 {
	margin-left: 0 !important;
}
/*マージン左10*/
.ml10 {
	margin-left: 10px !important;
}
/*マージン左20*/
.ml20 {
	margin-left: 20px !important;
}
/*マージン左30*/
.ml30 {
	margin-left: 30px !important;
}
/*マージン右０*/
.mr0 {
	margin-right: 0 !important;
}
/*マージン右10*/
.mr10 {
	margin-right: 10px !important;
}
/*マージン右20*/
.mr20 {
	margin-right: 20px !important;
}
/*マージン右30*/
.mr30 {
	margin-right: 30px !important;
}

/*IE8/IE7対応*/
.mt0-pc {
	margin-top: 0\9!important;
}
/*パディング設定*/
.ptb0 {
	padding: 10px 0 !important;
}
/*インデント幅*/
/*1em*/
ul.indent-1 li,
p.indent-1 {
	text-indent: -1em;
	margin-left: 1em;
}
/*1.1em*/
ul.indent-1-1 li,
p.indent-1-1 {
	text-indent: -1.1em;
	margin-left: 1.1em;
}
/*1.2em*/
ul.indent-1-2 li,
p.indent-1-2 {
	text-indent: -1.2em;
	margin-left: 1.2em;
}
/*1.3em*/
ul.indent-1-3 li,
p.indent-1-3 {
	text-indent: -1.3em;
	margin-left: 1.3em;
}
/*1.4em*/
ul.indent-1-4 li,
p.indent-1-4 {
	text-indent: -1.4em;
	margin-left: 1.4em;
}
/*1.5em*/
ul.indent-1-5 li,
p.indent-1-5 {
	text-indent: -1.5em;
	margin-left: 1.5em;
}
/*1.6em*/
ul.indent-1-6 li,
p.indent-1-6 {
	text-indent: -1.6em;
	margin-left: 1.6em;
}
/*1.7em*/
ul.indent-1-7 li,
p.indent-1-7 {
	text-indent: -1.7em;
	margin-left: 1.7em;
}
/*1.8em*/
ul.indent-1-8 li,
p.indent-1-8 {
	text-indent: -1.8em;
	margin-left: 1.8em;
}
/*1.9em*/
ul.indent-1-9 li,
p.indent-1-9 {
	text-indent: -1.9em;
	margin-left: 1.9em;
}
/*2em*/
ul.indent-2 li,
p.indent-2 {
	text-indent: -2em;
	margin-left: 2em;
}
ul.indent-3 li,
p.indent-3 {
	text-indent: -3em;
	margin-left: 3em;
}

/*----- 横幅指定 -----*/
.wd1 {
	width: 1%;
}
.wd5 {
	width: 5%;
}
.wd10 {
	width: 10%;
}
.wd15 {
	width: 15%;
}
.wd20 {
	width: 20%;
}
.wd25 {
	width: 25%;
}
.wd30 {
	width: 30%;
}
.wd35 {
	width: 35%;
}
.wd40 {
	width: 40%;
}
.wd45 {
	width: 45%;
}
.wd50 {
	width: 50%;
}
.wd55 {
	width: 50%;
}
.wd60 {
	width: 60%;
}
.wd65 {
	width: 65%;
}
.wd70 {
	width: 70%;
}
.wd75 {
	width: 75%;
}
.wd80 {
	width: 80%;
}
.wd90 {
	width: 90%;
}

/*ライン*/
/*ブロック要素の下にラインがつく*/
.article hr{
	display:block;
	border:none !important;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background:url(../imgs/common/li_01.gif) repeat-x bottom !important;
}
.article .li1 {
	display:block;
	padding-bottom: 10px;
	margin-top: 10px;
	background:url(../imgs/common/li_02.gif) repeat-x right bottom !important;
}
/*テキスト設定
---------------------------------------------------------------*/
/*---- フォントサイズ ----*/
.font-s {
	font-size: 85%;
	line-height: 1.3em;
}
.font-l {
	font-size: 115%;
}


/*---- フォントカラー ----*/
.font-red {
	color: #D33333;
}
.font-green {
	color: #264;
}
.font-blue {
	color: #16A;
}
.font-darkblue {
	color: #084488;
}
.font-orange {
	color: #D57000;
}
.font-white {
	color: #FFF;
}
.font-gray {
	color: #666;
}
/*---- ボールド ----*/
.font-bold {
	font-weight: bold;
}
/*---- 太字フォントをノーマルにする ----*/
.font-def {
	font-weight: normal;
}
/*---- イタリック ----*/
.font-italic {
	font-style: italic;
}
/*---- 強調見出し ----*/
p.midashi {
	font-size: 120%;
	margin:20px 0!important;
}
p.midashi strong {
	color: #996600;
}

/*---- 画像用キャプション ----*/
.img-caption {
	font-size: 85%;
	color: #003366;
}
.img-caption img {
	display: block;
	margin-bottom: 5px;
}

/*---- 上付き・下付き文字 ----*/
.sup {
	vertical-align: super;
	}
.sub {
	vertical-align: sub;
	}


/*HATO 設定
--------------------------------------------------*/
.hato table {
	border-top:0;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:0;
}
.hato table caption {
}
.hato table thead th {
	background:#FEE88F;
	color:#754900;
}
.hato table th {
	border-top:1px solid #CCC;
	border-right:0;
	border-bottom:0;
	border-left:1px solid #CCC;
	background:#EDF4D9;
	color:#1E5F39;
}
.hato table td {
	border-top:1px solid #CCC;
	border-right:0;
	border-bottom:0;
	border-left:1px solid #CCC;
	color:#333;
}
/*-----リンクリスト大-----*/
.hato .linklist li,
.hato .linklist-f li,
.hato .linklist-two li,
.hato .linklist-three li,
.hato .linklist-four li,
.hato p.link {
	background-image:url(../imgs/common/ic_linklist.png);
}
/*-----リンクリスト小-----*/
.hato .linklist-s li,
.hato .linklist-fs li {
	background-image:url(../imgs/common/ic_linklist_s.png);
}
.hato .box01 {
	border:2px solid #E0E0E0;
	background:#F5F5F5;
}
/*リンク用*/
.hato .box02 {
	border:2px solid #C5E6BF;
	background:#EBF5E9;
}
/*ボーダー*/
.hato .box05 {
	border:1px solid #CCC;
}
/*ボーダー*/
.hato .box06 {
	border:1px solid #A4C996;
}

/*common setting
--------------------------------------------------*/
.hue table,
.aue table,
.tgu table,
.oue table {
	border-top:0;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:0;
}
.hue table thead th,
.aue table thead th,
.tgu table thead th,
.oue table thead th{
	background:#ECE7CE;
	color:#463A1E;
}
.hue table th,
.aue table th,
.tgu table th,
.oue table th {
	border-top:1px solid #CCC;
	border-right:0;
	border-bottom:0;
	border-left:1px solid #CCC;
	background:#F0F0F0;
	color:#333;
}
.hue table td,
.aue table td,
.tgu table td,
.oue table td {
	border-top:1px solid #CCC;
	border-right:0;
	border-bottom:0;
	border-left:1px solid #CCC;
	color:#333;
}

/*hue setting
--------------------------------------------------*/

/*-----リンクリスト大-----*/
.hue .linklist li,
.hue .linklist-f li,
.hue .linklist-two li,
.hue .linklist-three li,
.hue .linklist-four li,
.hue p.link {
	background-image:url(../hue/imgs/common/ic_linklist.png);
}
/*-----リンクリスト小-----*/
.hue .linklist-s li,
.hue .linklist-fs li {
	background-image:url(../hue/imgs/common/ic_linklist_s.png);
}
.hue .box01 {
	border:2px solid #C1D7EA;
	background:#E8F0F7;
}
/*リンク用*/
.hue .box02 {
	border:2px solid #E0E0E0;
	background:#F5F5F5;
}
/*ボーダー*/
.hue .box06 {
	border:1px solid #8FB7DA;
}

/*aue setting
--------------------------------------------------*/
/*-----リンクリスト大-----*/
.aue .linklist li,
.aue .linklist-f li,
.aue .linklist-two li,
.aue .linklist-three li,
.aue .linklist-four li,
.aue p.link,
.aue dd.link {
	background-image:url(/center/hato/imgs/common/ic_linklist.png);
}
/*-----リンクリスト小-----*/
.aue .linklist-s li,
.aue .linklist-fs li {
	background-image:url(/center/hato/imgs/common/ic_linklist_s.png);
}
.aue .box01 {
	border:2px solid #CCD0E8;
	background:#EBEDF5;
}
/*リンク用*/
.aue .box02 {
	border:2px solid #E0E0E0;
	background:#F5F5F5;
}
/*ボーダー*/
.aue .box06 {
	border:1px solid #CCC;
}

/*tgu setting
--------------------------------------------------*/
/*-----リンクリスト大-----*/
.tgu .linklist li,
.tgu .linklist-f li,
.tgu .linklist-two li,
.tgu .linklist-three li,
.tgu .linklist-four li,
.tgu p.link {
	background-image:url(../tgu/imgs/common/ic_linklist.png);
}
/*-----リンクリスト小-----*/
.tgu .linklist-s li,
.tgu .linklist-fs li {
	background-image:url(../tgu/imgs/common/ic_linklist_s.png);
}
.tgu .box01 {
	border:2px solid #DCCBDF;
	background:#F0EAF2;
}
/*リンク用*/
.tgu .box02 {
	border:2px solid #E0E0E0;
	background:#F5F5F5;
}
/*ボーダー*/
.tgu .box06 {
	border:1px solid #D1B9D5;
}

/*oue setting
--------------------------------------------------*/
/*-----リンクリスト大-----*/
.oue .linklist li,
.oue .linklist-f li,
.oue .linklist-two li,
.oue .linklist-three li,
.oue .linklist-four li,
.oue p.link {
	background-image:url(../oue/imgs/common/ic_linklist.png);
}
/*-----リンクリスト小-----*/
.oue .linklist-s li,
.oue .linklist-fs li {
	background-image:url(../oue/imgs/common/ic_linklist_s.png);
}
.oue .box01 {
	border:2px solid #E0E0E0;
	background:#F5F5F5;
}
/*リンク用*/
.oue .box02 {
	border:2px solid #FAD5BE;
	background:#FBF2EA;
}
/*ボーダー*/
.oue .box06 {
	border:1px solid #F8C09E;
}