@charset = "shift_jis";


/* IE6以外を弾く */
@import = "./ie6.css";


#container {
	width: 750px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background: #FFE57C;
	border: 1px solid #ccc;
}


/*-------------------------------------------------------------------------*/
/*- ヘッダエリア ----------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
#header {
	position: relative;
	background: #FFFFFF;
	width: 100%;
}


/* index */
#header h2.index {
	margin: 0;
	background: url(/mall/img/exp/document/title_back_top.jpg);
	height: 70px;
}


/* access */
#header h2.access {
	margin: 0;
	background: url(/mall/img/exp/document/title_back_access.jpg);
	height: 70px;
}


/* plan */
#header h2.plan {
	margin: 0;
	background: url(/mall/img/exp/document/title_back_plan.jpg);
	height: 70px;
}


/* mobile */
#header h2.mobile {
	margin: 0;
	background: url(/mall/img/exp/document/title_back_mobile.jpg);
	height: 70px;
}


/* function */
#header h2.function {
	margin: 0;
	background: url(/mall/img/exp/document/title_back_function.jpg);
	height: 70px;
}


/* chart */
#header h2.chart {
	margin: 0;
	background: url(/mall/img/exp/document/title_back_chart.jpg);
	height: 70px;
}

/* faq */
#header h2.faq {
	margin: 0;
	background: url(/mall/img/exp/document/title_back_faq.jpg);
	height: 70px;
}

/* attention */
#header h2.attention {
	margin: 0;
	background: url(/mall/img/exp/document/title_back_attention.jpg);
	height: 70px;
}

/* company */
#header h2.company {
	margin: 0;
	background: url(/mall/img/exp/document/title_back_company.jpg);
	height: 70px;
}


.other {
	vertical-align: middle;
}


.date_area,
.navi {
	width: 750px;
	margin: 0;
	padding: 0;
	background: #fff;
	border: 1px solid #ccc;
	border-width: 1px 0 1px 0;
}


.date_area p {
	margin: 0 10px 0 0;
	padding: 3px 0 3px 0;
	text-align: right;
	font-size: 13px;
}


.navi {
	border: 1px solid #ccc;
	border-width: 0 0 1px 0;
}


.navi p {
	padding: 8px 0 8px 3px;
	font-size: 12px;
}


.navi a {
	color: #4169e1;
	text-decoration: none;
}


.navi a:hover {
	text-decoration: underline;
}

/*-------------------------------------------------------------------------*/
/*- サイドバー ------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
#sidebar {
	width: 190px;
	float: left;
	position: relative;
	margin-top: 5px;
	margin-left: 2px;
	text-align: center;
}


.contentsMenu {
	margin: 0;
	padding: 0;
}


.main_menu {
	margin: 0;
	padding: 0;
	list-style: none;
}


.contentsMenu h4 {
	width: 170px;
	margin: 0 auto 3px auto;
	padding: 5px 0 5px 2px;
	background: #fff;
	font-size: 13px;
	letter-spacing: 0.1em;
	border: 1px solid #ccc;
	text-align: left;
	margin-top: 20px;
}


.links {
	padding: 0;
	margin: 0;
	list-style: none;
}


.links li {
	text-align: left;
	width: 170px;
	border: 1px solid #ccc;
	background: #fff;
	margin: 0 auto 2px auto;
	font-size: 13px;
}


.links img {
	position: relative;
	bottom: -2px;
	border: 0;
}


/* ↓ロールオーバー↓ */
.links a {
	width: 170px;
	padding: 4px 0 4px 0;
	display: block;
	color: #4169e1;
	text-decoration: none;
}

.links a:hover {
	width: 170px;
	padding: 4px 0 4px 0;
	display: block;
	color: #4169e1;
	text-decoration: none;
	/*background: #eff;*/
	background: url(/mall/img/exp/document/sb_m_back.gif);
}
/* ↑ロールオーバー↑ */

.contact {
	width: 170px;
	margin: 17px auto 0 auto;
	background: #fff;
	border: 1px solid #ccc;
}


.contact img {
	border: 0;
}


/*-------------------------------------------------------------------------*/
/*- コンテンツ ------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
#contents {
	width: 74%;
	position: relative;
	float: right;
	display: inline;
	margin-right: 0px;
	margin-top: 0;
	background-color: #fff;
	border-left: 1px solid #ccc;
}


#c_header {
	background: url(/mall/img/exp/document/contents_header_bc.jpg) no-repeat;
	background-position: center;
}


#c_header_ac {
	background: url(/mall/img/exp/document/ac_contents_header_bc.jpg) no-repeat;
	background-position: center;
}

#c_header_pl {
	background: url(/mall/img/exp/document/ac_contents_header_pl.jpg) no-repeat;
	background-position: center;
}


#c_header_mb {
	background: url(/mall/img/exp/document/ac_contents_header_mb.jpg) no-repeat;
	background-position: center;
}


#c_header_fc {
	background: url(/mall/img/exp/document/ac_contents_header_fc.jpg) no-repeat;
	background-position: center;
}


#c_header_ac span {
	font-weight: bold;
	color: #f60;
}


#c_header dl,
#c_header_ac dl,
#c_header_pl dl,
#c_header_mb dl {
	width:65%;
}


#c_header dl,
#c_header_ac dl,
#c_header_pl dl,
#c_header_mb dl,
.c_block dl {
	margin: 0;
	padding: 5px;
}


#c_header dd,
#c_header_ac dd,
#c_header_pl dd,
#c_header_mb dd,
.c_block dd {
	margin-left: 0;
	font-size: 13px;
	line-height: 140%;
}


.c_dt_bottom {
	margin-bottom: 20px;
}


.c_block,
.p_block,
.ch_block,
.f_block {
	padding: 5px;
}


.c_block a {
	color: #561C00;
}


.c_block a:hover {
	color: #FF5E00;
}


.c_block img {
	position: relative;
	top: 2px;
	left: -3px;
}


.c_block h3,
.p_block h3 {
	margin: 0;
	padding: 3px 0 3px 0;
	font-size: 17px;
	border: 1px dashed #fff;
	border-width: 0 0 2px 0;
	color: #000;
	text-align: center;
}


.c_block dt {
	font-size: 15px;
	padding: 5px 0 5px 4px;
	margin-top: 10px;
	background: url(/mall/img/exp/document/menu_back.jpg) repeat-x;
	border: 1px solid #ccc;
	color: #561C00;
	font-weight: bold;
}


.c_block img {
	border: 0;
}


.detalis_link {
	font-weight: bold;
	text-align: right;
	margin-top: 10px;
}


/* ↓ 資料請求フォームテーブル ↓ */
.c_block table {
	border: 1px solid #ccc;
	background: #efe;
}


.c_block td {
	font-size: 13px;
}


.c_block caption {
	border: 1px solid #ccc;
	border-width: 1px 1px 0 1px;
	background: ;
	font-size: 15px;
	font-weight: bold;
	background: #55994C;
	color: #fff;
}


.c_block td {
	padding: 5px 0 5px 0;
}


.important {
	color: #900;
	font-weight: bold;
}


.submit {
	text-align: center;
}


.td_caption {
	text-align: right;
}
/* ↑ 資料請求フォームテーブル ↑ */


.tieup {
	font-size: 15px;
	margin-bottom: 0;
	border-bottom: 1px solid #666;
}

/* フロートの解除 */
.spacer {
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
	font-size: x-small;
	border-top: 1px dashed #ccc;
}


.regist {
	padding: 5px;
	margin: 0;
	border-top: 2px solid #ccc;
}


.regist p {
	font-size: 14px;
	font-weight: bold;
}


.regist span {
	color: #900;
	letter-spacing: 0.1em;
}


.reg {
	text-align: center;
	margin: 0;
}


.p_block table {
	margin: 10px 0 0 0;
	border-collapse:collapse;
	border: 1xp solid #ccc;
}

.p_block td {
	font-size: 12px;
	line-height: 140%;
	background: #fff;
}


td.other {
	background: #fff;
}


.title {
	background: #FF6633;
}


.price_bg {
	background: #f60;
}


.case_bg {
	background: #f90;
}


.p_block dl {
	padding: 5px;
	margin: 7px 0 7px 0;
	border-bottom: 1px dashed #ccc;
}


.p_block dt {
	font-size: 15px;
	font-weight: bold;
	color: #f50;
}

.p_block dd {
	margin: 0 0 0 8px;
	line-height: 140%;
	font-size: 13px;
}



.ch_block dl {
	padding: 5px;
	margin: 7px 0 7px 0;
}


.ch_block dt {
	font-size: 15px;
	font-weight: bold;
	color: #f50;
}

.ch_block dd {
	margin: 0 0 0 8px;
	line-height: 140%;
	font-size: 13px;
}


.ch_block img {
	float: left;
}


.f_block dl {
	padding: 5px;
	margin: 7px 0 7px 0;
}


.f_block dt {
	font-size: 15px;
	font-weight: bold;
	color: #f50;
}

.f_block dd {
	margin: 0 0 0 8px;
	line-height: 140%;
	font-size: 13px;
}

.f_content {
	line-height: 140%;
	font-size: 13px;
}


.f_block a {
	color: #4169e1;
	text-decoration: none;
}


.f_block a:hover {
	color: #4169e1;
	text-decoration: underline;
}

.toplinkImage {
	position: relative;
	top: 2px;
}

td.bg {
	background: #FFFBDE;
}


.mb_txt {
	font-size: 13px;
	line-height: 140%;
}


.checkpoint {
	padding: 0;
	margin: 0;
	border: 1px solid #f90;
}


.checkpoint dl {
	border: 0;
}


.more {
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}


.more span {
	font-size: 15px;
	color: #900;
}


h3.fc {
	margin: 0;
	padding: 0;
	border: 0;
}


.d_bottom {
	margin-bottom: 15px;
}


.option_block h3 {
	border: 1px solid #ccc;
}


.option_block {
	padding: 5px;
}


.option_block dl {
	padding: 5px;
	border-bottom: 1px dashed #ccc;
}


.option_block dt {
	margin: 0 0 5px 0;
	color: #f60;
	font-weight: bold;
	font-size: 15px;
}


.option_block dd {
	font-size: 13px;
	margin: 0;
	line-height: 140%;
}


.chart_dl {
	border: 0;
}
/*-------------------------------------------------------------------------*/
/*- ハック ----------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}


.clearfix{
	display: inline-block;
}


/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/* End hide from IE-mac */


/*printer styles*/ 
@media print { 
#leftcol {
	display:none;
}

#twocols,
#maincol {
	width: 100%;
	float: none;
}
}

/* ↓テーブル↓ */
.c_block .co_table{
	background-color: #FFFFFF;
 	border-color:#ffffff;
	text-align:left;
	}

.co_table td{ padding:10px 5px;}

.co_table .btd{
	border-bottom:1px solid #aaaacc;
}
.co_table .ttd{
	border-top:1px solid #aaaacc;
}
.co_table .ftd{
	color:#0066aa;
	border-bottom:1px solid #aaaacc;
}

/* ↑テーブル↑ */