﻿@charset "utf-8";


/*__________________________________________________________

  # option mail CSS
  # update 2007.11.6
  
  _________________________________________________________*/

.contents-mgn{
	margin:20px 0 30px 0;
}

.mgn_t20{
	margin:20px 0 0 0;
}

ul#left_navi li.ln_banner{
	margin:2px 5px 2px 5px;
	}

/* カテゴリボックス
----------------------------------------------------------- */
.box-title01 {
	font-size:1.4em;
	font-weight:bold;
	color:#003399;
	line-height: normal;
	letter-spacing: 0.1em;
	width:300px;
	height:16px;
	padding: 0 0 0 5px;
	border-left:solid 10px #003399;
	background-image: url(../../mail/img/icon_muryou.gif);
	background-repeat: no-repeat;
	background-position:240px 0px;
}

.box-title02 {
	font-size:1.4em;
	font-weight:bold;
	color:#003399;
	line-height: normal;
	letter-spacing: 0.1em;
	width:300px;
	height:16px;
	padding: 0 0 0 5px;
	border-left:solid 10px #003399;
	background-image: url(../../mail/img/icon_yuuryou.gif);
	background-repeat: no-repeat;
	background-position:240px 0px;
}

.box-title03 {
	font-size:1.4em;
	font-weight:bold;
	color:#003399;
	line-height: normal;
	letter-spacing: 0.1em;
	width:300px;
	height:16px;
	padding: 0 0 0 5px;
	border-left:solid 10px #003399;
	background-image: url(../../mail/img/icon_camp.gif);
	background-repeat: no-repeat;
	background-position:240px 0px;
}

.box-title04 {
	font-size:1.4em;
	font-weight:bold;
	color:#003399;
	line-height: normal;
	letter-spacing: 0.1em;
	width:300px;
	height:16px;
	padding: 0 0 0 5px;
	border-left:solid 10px #003399;
	background-image: url(../../mail/img/icon_1kaimemuryou.gif);
	background-repeat: no-repeat;
	background-position:240px 0px;
}

.box_container{
	padding:5px 5px 0px 0px;
	margin:0px 0px 0px 35px;
	width:700px;
}

.box01_1{
	margin:10px 0px 0px 25px;
	padding:0px 0px 10px 0px;
}

.box01{
	border:solid 2px #cccccc;
	padding:5px 5px 5px 10px;
	margin:5px;
	float:left;
	width:320px;
}

.box02{
	border:solid 2px #cccccc;
	padding:5px 5px 5px 10px;
	margin:5px;
	float:left;
	width:320px;
}

.box_list01{
	border:solid 1px #FF75BA;
	width:700px;
}

.box_list02{
	border:solid 1px #30BC30;
	width:700px;
}

.box_list03{
	border:solid 1px #0659D7;
	width:700px;
}

.box_list04{
	border:solid 1px #F5E410;
	width:700px;
}

table td.l1{
	padding:10px 20px 10px 20px;
	width:520;
	font-size:1.2em;
}

table td.l2{
	padding:10px 20px 10px 0px;
	width:180;
}

.box03 img{
	margin:0px 0 0px 10px;
}

/* ↓ボタンのためのBOX↓ */
.box04{
	float:left;
	width:500px;
}

.box05{
	float:left;
	width:170px;
}
/* ↑ボタンのためのBOX↑ */

.box06{
	padding:10px 10px 0px 10px;
	border: 1px solid #CCCCCC;
}


/* フロート後のclear
line：下線あり
clear：下線なし
----------------------------------------------------------- */
.bottom_line{
	padding:20px 0px 0px 0px;
	margin:0px 0px 20px 0px;
	clear:left;
	width:100%;
	border-bottom:solid 1px #003399;
}

.bottom_clear{
	clear:left;
	width:100%;
}


/* リスト
nomal：なし
decimal:数字
disc：黒丸
faq_q：FAQ質問
faq_a：FAQ答え
----------------------------------------------------------- */
ul.nomal{
	margin:0px 0px 15px 0px;

}

ul.nomal li {
	font-size:1.2em;
}

ul.decimal{
	margin:0px 0px 15px 25px;
}

ul.decimal li {
	font-size:1.2em;
	list-style-type: decimal;
}

ul.disc{
	margin:0px 0px 15px 15px;
}

ul.disc li {
	font-size:1.2em;
	list-style-type: disc;
}



/* 文字
----------------------------------------------------------- */
.subtitle {
	font-size:1.2em;
	color:#003399;
	line-height: normal;
	letter-spacing: 0.1em;
	width:680px;
	margin:0px 0px 10px 0px;
	border-bottom:solid 1px #003399;
	font-weight: bold;
}

.s-txt{
	padding:2px 2px 2px 0px;
	font-size:1.2em;
}

.s-txt2{
	padding:15px 2px 2px 5px;
	font-size:1.0em;
}

.attent_red{
	font-size:1.2em;
	color:#FF0000;
	padding:5px 0px 0px 20px;
}

.attent_link{
	font-size:1.2em;
	padding:5px 0px 0px 10px;
}
	
	/* 表テーブル
----------------------------------------------------------- */
table.hyou{
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-collapse:collapse;
	padding:6px 9px 9px 9px;
	color:#515151;
}
table.hyou td{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
/*	padding:4px 2px;*/
	padding:6px 9px 6px 9px;
}
table.hyou td.a01{
	background-color:#9ABC3C;
	color:#FFFFFF;
}
table.hyou td.a02{
	color:#FFFFFF;
	background-color:#78B237;
}
table.hyou td.a03{
	background-color:#88A8D1;
	color:#FFFFFF;
}
table.hyou td.a04{background-color:#D3EABC;}
table.hyou td.a05{background-color:#D8D6D7;}
table.hyou td.a06{background-color:#D8D6D7;}


table.hyou_solidnon{
	border-collapse:collapse;
	padding:6px 9px 9px 9px;
	color:#515151;
}
table.hyou_solidnon td{
/*	padding:4px 2px;*/
	padding:6px 9px 6px 9px;
}
table.hyou_solidnon td.a01{
	background-color:#9ABC3C;
	color:#FFFFFF;
}
table.hyou_solidnon td.a02{
	color:#FFFFFF;
	background-color:#78B237;
}
table.hyou_solidnon td.a03{
	background-color:#88A8D1;
	color:#FFFFFF;
}


table.hyou_solid700{
 width:700px;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-collapse:collapse;
	padding:6px 9px 9px 9px;
	color:#515151;
}
table.hyou_solid700 td{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
/*	padding:4px 2px;*/
	padding:6px 9px 6px 9px;
}
table.hyou_solid700 td.a03{
	background-color:#88A8D1;
	color:#FFFFFF;
}

/* サービス一覧
----------------------------------------------------------- */
.subt_bg01{
	background-image:url(../../mail/img/sub_t_bg01_2.gif);
	background-repeat: repeat-x;
	font-size:1.2em;
	padding:2px 0px 0px 0px;
	font-weight: bold;
}

.subt_bg02{
	background-image:url(../../mail/img/sub_t_bg02_2.gif);
	background-repeat: repeat-x;
	font-size:1.2em;
	padding:2px 0px 0px 0px;
	font-weight: bold;
}

.subt_bg03{
	background-image:url(../../mail/img/sub_t_bg03_2.gif);
	background-repeat: repeat-x;
	font-size:1.2em;
	padding:2px 0px 0px 0px;
	font-weight: bold;
}

.subt_bg04{
	background-image:url(../../mail/img/sub_t_bg04_2.gif);
	background-repeat: repeat-x;
	font-size:1.2em;
	padding:2px 0px 0px 0px;
	font-weight: bold;
}


.box_container03{
	padding:5px 5px 0px 0px;
	margin:0px 0px 0px 35px;
	width:700px;
	clear:both;
}
