@charset "utf-8";


/*---------------------------------------------------
* Layout Modules
*--------------------------------------------------*/

/*   [base modules]
---------------------------------------*/
.contents p,
.contents ul,
.contents dl,
.contents ol,
.contents table{
	line-height: 1.55em;
	margin: 15px 10px 0;
}

.contents p ul,
.contents p dl,
.contents p ol, 
.contents ul p,
.contents ul ul, 
.contents ul dl,
.contents ul ol, 
.contents dl p,
.contents dl ul,
.contents dl dl, 
.contents dl ol, 
.contents ol p,
.contents ol ul,
.contents ol dl, 
.contents ol ol, 
.contents table p,
.contents table ul,
.contents table dl,
.contents table ol{
	margin: 0;
}

.contents table ol{
	margin-left:10px;
}

.contents ul p,
.contents ul dl,
.contents ul ol{
	line-height: 1.55em;
	margin: 15px 10px 0;
}


.contents p img,
.contents dl img,
.contents ul img {
	vertical-align: middle;
}

/*   [common modules]
---------------------------------------*/

/*-------- text --------*/
.small{	font-size: 85%;}
.x-small {font-size: 78%;}
.attention{	color: #cc0000;}
strong {color: #168F95;}

/*-------- position --------*/
.center{text-align: center;}
.right {text-align:right;}
.left  {text-align:left;}

.float-l{float: left;}
.float-r{float: right;}
.clear {clear: both;}

.img-l  {float: left;  margin: 0 25px 10px 0;}
.img-r  {float: right; margin: 0 0 10px 25px;}

/*-------- other --------*/
.hr    { clear: both; font-size: 1px;}


sup {
	font-size:85%;
	line-height:0.8;
	vertical-align:0.2em;
}


/*---------------------------------------------------
  タイトル 
----------------------------------------------------*/

.title1 {
	min-height: 20px;
	font-size: 150%;
	font-weight: bold;
	padding: 22px 20px 0 29px;
	background: url(../img/bg_title1.jpg) no-repeat 0 0;
}

.title2 {
	margin: 30px 5px 0;
	padding: 10px 0 8px 25px;
	font-weight: bold;
	background: url(../img/bg_title2.gif) no-repeat 0 0;
	clear:both;
}

.title3 {
	margin: 20px 5px 0;
	padding: 8px 0 8px 5px;
	font-weight: bold;
	background: url(../img/bg_title3.gif) no-repeat 0 100%;
	clear:both;
}

.title4 {
	margin: 20px 5px 0;
	padding: 8px 0 8px 5px;
	font-weight: bold;
	clear:both;
}

.title5 {
	margin: 20px 5px 0;
	font-weight: bold;
	clear:both;
	color: #168F95;
}

.title6 {
	margin: 20px 5px 0;
	font-weight: bold;
	clear:both;
}

.no-icon{
	background: url(../img/bg_noicon.gif) no-repeat 0 0;
	padding: 8px 0 8px 15px;
	clear:both;
}

.title3.first-child,
.title4.first-child { margin-top:0; }


/*---------------------------------------------------
  リスト
----------------------------------------------------*/

.contents ul.list li {
	background:url(../img/icon_square_001.gif) no-repeat 0 0.6em;
	padding-left:15px;
}

.contents ol li {
	list-style-type:decimal;
	margin-left: 20px;
}


/*   リンクリスト（矢印付き）
-------------------------------------------------------*/

ul.link li {
	padding: 0 0 0 10px;
	background: url(../img/icon_arw_001.gif) no-repeat 0 0.4em;
}


/*   ※リスト
-------------------------------------------------------*/
.rice{
	margin-bottom: 5px;
	margin-top: 5px;
}
.rice li{
	margin-left: 1em;
	text-indent: -1em;
	
}


/*   コンパクトリスト（インライン）
-------------------------------------------------------*/

ul.compact li {
	display: inline;
}

/*   ページ内リンク（下向き矢印）
-------------------------------------------------------*/

ul.within li {
	font-size: 85%;
	padding-right: 20px;
	background: url(../img/icon_arw_pagelink.gif) no-repeat 0 0.5em;
}



/*  定義リスト
-------------------------------------------------------*/


/*-- ■付きリスト --*/
.contents dl.list dt{
	font-weight:bold;
	background:url(../img/icon_square_001.gif) no-repeat 0 0.6em;
	padding-left:15px;
}

.contents dl.list dd{
	margin-bottom:15px;
}

/*---------------------------------------------------
  レイアウト
----------------------------------------------------*/
.contents .layout-frame dl,
.contents .layout-frame p,
.contents .layout-frame table {
	margin: 15px 0 0 0;
	padding: 0;
}

.layout-frame {
	margin: 15px 10px 0;
}

.layout-unit {
	float: left;
	margin-left: 25px;
}

.layout-unit:first-child,
.layout-unit.first-child {
	margin-left: 0;
} 

.col-2 {
	width: 210px;
}

.col-3 {
	width: 325px;
}

.col-4 {
	width: 440px;
}

.three {
	margin-left:22px;
}

/*---------------------------------------------------
  枠線
----------------------------------------------------*/

.decoration-box01{
	padding:10px;
	border:1px solid #009999;
}

/*---------------------------------------------------
  インデックス
----------------------------------------------------*/
.contents .index dl,
.contents .index p {
	margin: 0;
	padding: 0;
}

.index {
	padding: 0 15px;
	margin-top: 20px;
}

.index dl {
	display: inline;
	width: 315px;
}

.index dt {
	padding: 7px 5px 7px 10px;
	border-top: 3px solid #4ba2b5;
	font-weight: bold;
	background: url(../img/bg_index.gif) repeat-x 0 100%;
}

.index dt a {
	padding-left: 10px;
	background:url(../img/icon_arw_index.gif) no-repeat 0 50%;
}

.index dd {
	padding: 10px 5px 0;
}

.index dd .image {
	width: 80px;
	float: left;
}

.index dd .description {
	width: 205px;
	font-size: 92%;
	float: right;
}


/*----------------テーブル-----------------------*/

table {
	background: #98afab;
	border-collapse: separate;
	border-spacing: 1px;
	width: 95%;
}

table th,
table td {
	padding: 5px;
	background: #fff;
	word-break: break-all;
}

table th {
	vertical-align: top;
	border: 1px solid #fff;
	background: #eef4f4;
}

table thead th {
	background: #bacfcf;
	border: 1px solid  #cadfdf;
}


/* 表内のリットル画像 */

.container .contents table img{
	vertical-align:middle;
}

/*---------------------------------------------------
  その他装飾
----------------------------------------------------*/

/*  FAQ */
dl.faq { }

dl.faq dt {
	margin: 20px 0 0;
	padding-left: 30px;
	font-weight: bold;
	background: url(../img/icon_faq_q.gif) no-repeat 0 0;
}

dl.faq dd {
	margin: 10px 0 0;
	padding-left: 30px;
	background: url(../img/icon_faq_a.gif) no-repeat 0 0;
}