﻿@CHARSET "utf-8";

/*
page's name : ~/hoge/sample.html
*/


.mgn_10 {
	margin-bottom: 10px;
}
.mgn_20 {
	margin-bottom: 20px;
}
.mgn_30 {
	margin-bottom: 30px;
}
.mgn_50 {
	margin-bottom: 50px;
}


div.contents_h5 {
	line-height: 20px;
	border-left: 2px solid #C7C8C6;
	border-right: 2px solid #C7C8C6;
	padding: 5px 20px 5px 20px;
	width: 652px;
	margin-top: -2px;
	/margin-bottom: -11px;
	_padding-bottom: 15px;
	/margin-top: -11px;
	_padding-top: 15px;

}
div.contents_h5 h3{
	font-size:88%;
	
	padding-bottom: 10px;
	padding-top: 3px;
}
.contents_right_top {
	font-size: 75%;
	
	line-height: 20px;
	margin-top: 15px;
}
.line-height20 {
	line-height: 20px;
}
.line-height25 {
	line-height: 25px;
}
.line-height30 {
	line-height: 30px;
}
/*サイドメニュー*/
.sidemenu {
	float: left;
	width: 231px;
	font-size: 80%;
	_margin-right: -1px;
}

.sidemenu a{
	text-decoration: none;
	color: #666666;
	
}


.sidemenu_in {
	background:  url(../img/common/bg_sidebox_side.jpg) repeat-y left top;
	width: 231px;
	padding-bottom: 10px;
	margin-bottom: -2px;
	/margin-top: -4px;
	/margin-bottom: -10px;
	_margin-bottom: -9px;
	zoom: 1; /* 印刷バグ解決 */
	
}
.sidemenu_in a {
	display: block;
	background: url(../img/common/ico_side_arrow.jpg) no-repeat left top;
	width: 203px;
	padding: 10px 0 10px 15px;
	margin: 0 6px;
	border-bottom: dashed 1px #989898;
	background-color:white;
	zoom: 1; /* 印刷バグ解決 */
}



.sidemenu_in a:hover {
	display: block;
	background: url(../img/common/ico_side_arrow02.jpg) no-repeat left top;
	width: 203px;
	padding: 10px 0 10px 15px;
	margin: 0 6px;
	border-bottom: dashed 1px #989898;
	background-color: #F0F0F0;
	zoom: 1; /* 印刷バグ解決 */
}

/* 汎用例 */
.sidemenu_in .non_style {
	background:none;
}
.sidemenu_in .non_style a {
	background:none;
	width: 213px;
	padding: 10px 0 10px 5px;
}

.sidemenu_in .non_style a:hover {
	background:none;
	width: 213px;
	padding: 10px 0 10px 5px;
	background-color: white;
}

.non_style a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}


.mail_link a {
	display: block;
	color: #312C29;
	font-size: 15px;	
	padding-left: 7px;
}
.mail_link a:hover {
	display: block;
	color: #999;
	font-size: 15px;	
	padding-left: 7px;
}

#sidebanner {
	font-size: 10px;
}
#sidebanner li {
	margin-top: 20px;	
}
#sidebanner a {
	text-decoration: none;
	color: #666;
}
#sidebanner a:hover {
	color: #999;
	text-decoration: none;
}
#sidebanner a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
#sidebanner span{
	color: #E70012;
}
.sidebanner_bg01 {
	background: url(../img/common/bg_sidebanner_01.jpg) no-repeat left;
	height: 40px;
	padding: 60px 0 0 15px;
}
.sidebanner_bg02 {
	background: url(../img/common/bg_sidebanner_02.jpg) no-repeat left;
	height: 28px;
	padding: 72px 0 0 15px;
}
.sidebanner_bg03 {
	background: url(../img/common/bg_sidebanner_03.jpg) no-repeat left;
	height: 28px;
	padding: 72px 0 0 15px;
}
/*各コンテンツ*/
#contents_right {
	font-size: 100%;
	float: right;
	width: 696px;
	margin-left: 19px;
	_margin: 0 0 0 -1px;
}


#contents_right h3{
	vertical-align: super;
	background-position: left top;
	border-bottom: dashed 1px #000000;
}
div.contents_block {
	margin-bottom: 20px;
}
.bottom_banner a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}


/*
page's name : ~/company/index.html
*/
.company_right {
	font-size: 100%;
	
}
	
.company_right p{
	line-height: 20px;
	font-size: 75%;
	
}
.company_right h2{
	margin-bottom: 15px;
}
.company_h3 {
	padding: 30px 0 10px 0;
}
div.contents_block p{
	font-size: 75%;
	
	padding-top: 7px;
}
div.contents_block td{
	font-size: 75%;
	
}
div.contents_block th{
	font-size: 75%;
	
}
div.contents_block img{
	vertical-align: middle;
}
table.company_tbl {
	width: 100%;
	border-collapse: collapse;
	margin-top:15px;
	margin-bottom: 20px;
	line-height: 20px;
	border: 1px solid #787677;
}
table.company_tbl th {
	background-color: #EFEFEF;
	border-right: 5px solid #CACACA;
	border-bottom: 1px solid #A4A4A4;
	padding: 8px;
	width: 110px;
}
table.company_tbl td {
	border-bottom: 1px solid #A4A4A4;
	padding: 8px;
}

table.company_tbl2 {
	width: 100%;
	border-collapse: collapse;
}
.company_tbl2_bottom {
	border-bottom: 1px dotted #A4A4A4;
	padding: 8px;
	width: 50%;
}
.company_tbl2_left {
	border-left: 1px dotted #A4A4A4;
	padding: 8px;
}
.company_tbl2_0 {
	padding: 8px;
	width: 50%;
}
/*
page's name : ~/president/index.html
*/
#bg_president {
	width: 696px;
	height: 188px;
	color: #007DCA;
	background: url(../img/president/bg_president.jpg) no-repeat left top;
	line-height: 30px;
	margin-bottom: 60px;
	zoom: 1; /* 印刷バグ解決 */
}
.president_box {
	font-size: 120%;
	padding: 0 40px;
	margin-top: 10px;
	line-height: 20px;
}
.president_box p{
	font-size: 120%;
	margin-bottom: 20px;
	line-height: 20px;
}
/*
page's name : ~/privacy/index.html
*/
.privacy_right {
	font-size: 12px;
	
}
.privacy_right h2{
	border-bottom: dotted 2px #333;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.privacy_h3 {
	padding: 0 0 10px 0;
}
/*
page's name : ~/problem/index.html
*/
div.plane_block {
	margin-bottom: 20px;
}


div.plane {
	background: url("../img/problem/bg_plane_top.jpg") no-repeat left top;
	zoom: 1; /* 印刷バグ解決 */
}
div.plane_ttl {
	margin: 0px 20px;
	padding: 15px 0 0 0;	
}
div.plane_ttl h4{
	border-bottom: 1px solid #CBE1F4;
	font-weight: bold;
	color: #1F77B4;
	font-size: 88%;
	padding-bottom: 15px;
	
}
div.plane_content {
	width: 659px;
	background: url("../img/problem/bg_plane_side.jpg") repeat-y left top;
	padding: 15px 20px 10px 20px;
	font-size: 75%;
	
	line-height: 20px;
	margin-top: 0px;	
	margin-bottom: -4px;
	/margin-bottom: -11px;
	_padding-bottom: 15px;
	zoom: 1; /* 印刷バグ解決 */
}

div.plane_block {
	margin-bottom: 20px;
}
div.plane2 {
	background: url("../img/problem/bg_plane2_top.jpg") no-repeat left top;
	font-size: 88%;
	
	zoom: 1; /* 印刷バグ解決 */
}
div.plane2_ttl {
	margin: 0px 20px;
	padding: 15px 0px 18px 0;
	/padding: 15px 0px 19px 0;
	font-weight: bold;
	color: #7B5E30;

}
div.plane2_content {
	width: 659px;
	background: url("../img/problem/bg_plane2_side.jpg") repeat-y left top;
	padding: 15px 20px 10px 20px;
	font-weight: bold;
	font-size: 100%;
	
	margin-top: -1px;	
	margin-bottom: -4px;
	/margin-bottom: -9px;
	_padding-bottom: 20px;
	zoom: 1; /* 印刷バグ解決 */
}
table.plane2_tbl {
	margin-top: 5px;
	padding: 0;
	border-collapse: collapse;
	width: 659px;
	
}
table.plane2_tbl td {
	border: 1px solid #E4DBB9;
	padding: 5px;
	widows: 20%;
	font-size: 75%;
	
}

.list_link a:visited {
	color:blue;	
}

/*
page's name : ~/product/index.html
*/
div.product_h5 {
	font-size: 100%;
	
	background: url("../img/product/h5_side.jpg") repeat-y left top;
	padding: 5px 20px 5px 20px;
	width: 656px;
	margin-bottom: -1px;
	/margin-bottom: -9px;
	zoom: 1; /* 印刷バグ解決 */
}
div.product_h5 h3{
	font-size:88%;
	
}
div.contents_h4_1 {
	background: url("../img/product/bg_index01.jpg") no-repeat left top;
	font-size: 110%;
	line-height: 20px;
	width: 315px;
	height: 60px;
	margin-right: 80px;
	padding: 33px 0 0 20px;
	zoom: 1; /* 印刷バグ解決 */
}
div.contents_h4_2 {
	background: url("../img/product/bg_index02.jpg") no-repeat left top;
	font-size: 110%;
	line-height: 20px;
	width: 315px;
	height: 60px;
	margin-right: 80px;
	padding: 33px 0 0 20px;
	zoom: 1; /* 印刷バグ解決 */
}
.bg_index a{
	text-decoration: none;
	color: #666666;	
}
.bg_index a:hover{
	text-decoration: none;
	color: #666666;	
}
.bg_index a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
/*
page's name : ~/product/disk.html
*/
table.disk_tbl {
	font-size: 100%;
	width: 694px;
	border-collapse: collapse;
	margin-bottom: 15px;
}

table.disk_tbl th {
	background-color: #DDDDDD;
	color: #100;
	font-weight: bold;
	border: 1px #6F6D6E solid;
	text-align: center;
	line-height: 120%;
	font-size: 70%;
	
	padding: 5px;
}
table.disk_tbl td {
	background-color: #FFFFFF;
	border: 1px #6F6D6E solid;
	text-align: center;
	line-height: 120%;
	font-size: 70%;
	
	padding:5px;
}

table.disk_tbl td.odd {
	background-color: #F7F7F7;
	border: 1px #6F6D6E solid;
	text-align: center;
	line-height: 120%;
	font-size: 70%;
	
}
table.disk_tbl02 {
	font-size: 100%;
	width: 694px;
	border-collapse: collapse;
	margin-bottom: 15px;
}

table.disk_tbl02 th {
	background-color: #DDDDDD;
	color: #100;
	font-weight: bold;
	border: 1px #6F6D6E solid;
	text-align: center;
	line-height: 120%;
	font-size: 70%;
	
	padding: 5px;
}
table.disk_tbl02 td {
	background-color: #FFFFFF;
	border: 1px #6F6D6E solid;
	text-align: left;
	line-height: 120%;
	font-size: 70%;
	
	padding:5px;
}
table.disk_tbl02 td.odd {
	background-color: #F7F7F7;
	border: 1px #6F6D6E solid;
	text-align: center;
	line-height: 120%;
	font-size: 70%;
	
}

div.disk_ttl {
	background-color: #0082CD;
	color: #fff;
	padding: 3px;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

.product_right_top {
	width: 390px;
	font-size: 75%;
	
	line-height: 20px;
	padding: 15px 50px 0 0;
}
.product_right_top2 {
	width: 390px;
	font-size: 75%;
	
	line-height: 20px;
	padding-top: 15px;
}
/*
page's name : ~/recruit/index.html
*/
h4.recruit {
	background: url("../img/recruit/bg_h4.jpg") no-repeat left top;
	padding: 7px 20px;
	zoom: 1; /* 印刷バグ解決 */
}
.end {
	font-size: 110%;
	color: #FF9900;
	margin-top: 20px;
	margin-bottom: 20px;
}
/*
page's name : ~/sitemap/index.html
*/
div.sitemap_box {
	font-size: 120%;
	text-decoration: none;
	margin-bottom: 15px;
	/margin-bottom: 8px;
}
div.contents_sitemap {
	text-decoration: none;
	border-left: 2px solid #C7C8C6;
	border-right: 2px solid #C7C8C6;
	padding: 8px 20px 12px 20px;
	width: 282px;
	font-weight: bold;
	margin-top: -3px;
	/margin: -5px 0 -5px 0;	
}
div.contents_sitemap a:link {
	text-decoration: none;
	color: #666;
}
div.contents_sitemap a:visited {
	text-decoration: none;
	color: #666;
}
div.contents_sitemap a:hover {
	text-decoration: none;
	color: #999;
}

/*
page's name : ~/transaction/index.html
*/

div.transaction_h5 {
	line-height: 20px;
	background: url("../img/transaction/h5_side.jpg") repeat-y top left;
	padding: 5px 20px 5px 20px;
	width: 656px;
	margin-bottom: -1px;
	/margin-bottom: -9px;
	zoom: 1; /* 印刷バグ解決 */
}

/*
page's name : ~/example/index.html & ~/generic/index.html
*/

#ttl_example h2{
	color: #007DCA;
	border-bottom: dotted 2px #2D2D2D;
	padding-bottom: 15px; 
	margin-bottom: 20px;
}
.example_box {
	font-size: 120%;	
	
}
.example_box p{
	margin-bottom: 40px;
	font-size: 75%;
	
	line-height: 20px;
}

.example_box li{
	width: 694px;
	border-bottom: dashed 1px #2D2D2D;
	padding: 10px 0 10px 0;

}	
.example_box a{
	display: block;
	width: 670px;
	font-size: 88%;
	padding-left: 20px;
	margin-left: 5px;
	background: url("../img/common/ico_arrow02.jpg") no-repeat left top;
	text-decoration: none;
	color: #666;
	zoom: 1; /* 印刷バグ解決 */
}
.example_box a:hover {
	display: block;
	width: 670px;
	font-size: 88%;
	padding-left: 20px;
	margin-left: 5px;
	background: url("../img/common/ico_arrow02.jpg") no-repeat left top;	
	text-decoration: none;
	color: #999;
	zoom: 1; /* 印刷バグ解決 */
}

/*
page's name : ~/example-sub/index.html
*/

.example_sub_box {
	font-size: 100%;	
	
}
.example_sub_box p{
	margin-bottom: 40px;
	font-size: 81%;
	
	line-height: 20px;
}
.example_sub_box_top {
	font-size: 95%;
	width: 640px;
	padding: 15px 28px 0 28px;
	_padding: 20px 28px 0 28px;
	background: url("../img/example/bg_example_head.jpg") no-repeat left top;
	zoom: 1; /* 印刷バグ解決 */
}
.example_sub_box_top h3{
	padding-bottom: 15px;
	_padding-bottom: 20px;
	border-bottom: dashed 1px #2D2D2D;
	
	
}
.example_sub_box_in {
	width: 640px;
	padding: 23px 28px 20px 28px;
	background: url("../img/example/bg_example_side.jpg") repeat-y left top;
	margin-bottom: -1px;
	/margin-bottom: -10px;
	zoom: 1; /* 印刷バグ解決 */
}
.table_example01 {
	font-size: 88%;
	
	line-height: 20px;
}
.table_example02 {
	padding-left: 20px;
}

.example_details {
	font-size: 100%;
	
	line-height: 20px;
	border-bottom: dashed 1px #2D2D2D;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.example_details p {
	font-size: 88%;
	
	line-height: 20px;
}
.example_details img{
	margin-bottom: 10px;
}
.example_way {
	font-size: 100%;
	
	line-height: 20px;
}
.example_way p {
	font-size: 81%;
	
	line-height: 20px;
}
.example_way img{
	margin-bottom: 10px;
}


/*
page's name : ~/generic/index.html
*/
.generic_sub_box {
	font-size: 100%;
}
.generic_sub_box p {
	margin-bottom: 40px;
	font-size: 81%;
	line-height: 20px;
}
.generic_sub_box_top {
	font-size: 95%;
	width: 640px;
	padding: 15px 28px 0 28px;
	_padding: 20px 28px 0 28px;
	background: url("../img/example/bg_example_head.jpg") no-repeat left top;
	zoom: 1; /* 印刷バグ解決 */
}
.generic_sub_box_top h3 {
	padding-bottom: 15px;
	_padding-bottom: 20px;
	border-bottom: dashed 1px #2D2D2D;
}
.generic_sub_box_in {
	width: 640px;
	padding: 23px 28px 20px 28px;
	background: url("../img/example/bg_example_side.jpg") repeat-y left top;
	margin-bottom: -1px;
 /margin-bottom: -10px;
	zoom: 1; /* 印刷バグ解決 */
}
.table_generic01 {
	font-size: 88%;
	line-height: 20px;
}
.table_generic02 {
	padding-left: 20px;
}
.generic_details {
	font-size: 100%;
	line-height: 20px;
}
.generic_details p {
	font-size: 88%;
	line-height: 20px;
}
.generic_details img {
	margin-bottom: 10px;
}
.generic_way {
	font-size: 100%;
	line-height: 20px;
}
.generic_way p {
	font-size: 81%;
	line-height: 20px;
}
.generic_way img {
	margin-bottom: 10px;
}


/*
page's name : ~/qanda/index.html
*/
#ttl_qanda h2{
	color: #007DCA;
	border-bottom: dotted 2px #2D2D2D;
	padding-top: 10px;
	padding-bottom: 15px; 
	margin-bottom: 20px;
	
}
.qanda_top {
	padding: 15px 0px 0 0px;
	background: url("../img/qanda/qanda_top.jpg") no-repeat left top;
	zoom: 1; /* 印刷バグ解決 */
}
.qanda_top h4 {
	width: 619px;
	padding: 0 20px 15px 50px;
	margin-left: 1px;
	font-size: 94%;
	
	font-weight: bold;
	border-left: solid 1px #C0C0C0;
	border-right: solid 2px #C0C0C0;
}
.qanda_cen {
	background: url("../img/qanda/qanda_cen.jpg") no-repeat left top;
	zoom: 1; /* 印刷バグ解決 */
}
.qanda_cen p {
	width: 619px;
	padding: 5px 20px 20px 50px;
	/padding: 15px 20px 20px 50px;
	_padding: 10px 20px 25px 50px;
	margin-left: 1px;
	border-left: solid 1px #C0C0C0;
	border-right: solid 2px #C0C0C0;
	margin-bottom: -4px;
	/margin-bottom: -9px;
}
/*
page's name : ~/voice/index.html
*/
#ttl_voice h2{
	border-bottom: dotted 2px #2D2D2D;
	padding-top: 10px;
	padding-bottom: 15px; 
	margin-bottom: 20px;
}
#ttl_voice p{
	margin-bottom: 40px;
	font-size: 13px;
	
	line-height: 20px;
}
.voice_box {
	border: solid 5px #D2E6ED;
	padding: 20px 20px 30px 20px;
	margin-bottom: 20px;

}
.table_voice {
	padding-left: 20px;
}
.table_voice h3{
	color: #007DCA;
	padding-bottom: 5px;
	
}
.table_voice p{
	line-height: 20px;
	padding-top: 5px;
	font-size: 81%;
	
}
.voice_blog h3{
	color: #007DCA;
	border-bottom: dotted 2px #2D2D2D;
	padding-bottom: 15px; 
	margin-bottom: 20px;
	/margin-top:-5px;
}
.voice_blog {
	width: 641px;
	border-left: solid 5px #D2E4EE;
	border-right: solid 5px #D2E4EE;
	padding: 20px;
	margin-bottom: -1px;
	/margin: -3px 0 -8px 0; 
}
.voice_blog p{
	line-height: 20px;
	font-size: 81%;
	
	padding-right: 30px;
}
.staff {
	line-height: 20px;
	font-size: 90%;
	margin-top: 30px;
	padding: 15px;
	width:610px;
	background-color: #fff2cc;	
	
}
.red_line {
	border-left: solid 5px red;
	border-bottom: solid 1px red;
	width:280px;
	margin-bottom: 2px;
	/margin-bottom: 4px;
	padding: 0 0 1px 5px;
	/padding: 0 0 0 5px;

}
.gyousyu {
	font-size: 81%;
	
	padding: 3px 0 3px 50px;
	background: url("../img/voice/voice_gyousyu.jpg") no-repeat left;
	zoom: 1; /* 印刷バグ解決 */
}
.syokusyu {
	font-size: 81%;
	
	padding: 3px 0 3px 50px;
	background: url("../img/voice/voice_syokusyu.jpg") no-repeat left;
	zoom: 1; /* 印刷バグ解決 */
}

/*
page's name : ~/campaign/index.html
*/
.campaign_box {
	font-size: 90%;
	width: 330px;
	padding-right: 20px;
}
.campaign_box p{
	margin-bottom: 20px;
	line-height: 20px;
}
.campaign_p {
	font-size: 90%;
	margin-top:20px;
	margin-bottom: 20px;
	line-height: 20px;
}
.campaign_box span{
	color: #1D88D0;
	font-weight: bold;
}
.campaign_span {
	color: #DC3928;
}
.campaign_spanbox span{
	color: #DC3928;
}

/*
page's name : ~/inquiry/index.html
*/

.inquiry_box {
	
}
.inquiry_box p{
	margin-bottom: 20px;
	font-size: 90%;
	line-height: 20px;

}
.inquiry_box span{
	color: #DC3928;
}
.inquiry_table01 {
	font-size: 80%;
	width: 130px;
	border-bottom: solid 1px #E6E6E6;
	background-color: #F8F8F8;
	padding: 15px 0 15px 20px;

}
.inquiry_table02 {
	font-size: 80%;
	width: 530px;
	border-bottom: solid 1px #E6E6E6;
	padding: 15px 0 15px 10px;

} 




/*
page's name : ~/links/index.html
*/

.links {
	border-collapse: collapse; 
	border: 1px solid #9FC5E9;
/*	margin-top: 10px;*/
	font-size: 12px;
	width: 100%;
	margin-bottom:20px;
}
.links .tdr {
	margin: 0px;
	width: auto;
	vertical-align: middle;
	line-height: 18px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #FBFBFB;
}
.links .tdl {
	text-align: left;
	vertical-align: top;
	padding: 5px;
	color: #333333;
	line-height: 20px;
	width:150px;
}
.links TD {border: 1px solid #9FC5E9;} 

.links th {
	border: 1px solid #b9d2e9;
	background-color: #b9d2e9;
	text-align: left;
	font-weight: normal;
	padding: 5px;
	background-repeat: repeat-x;
} 

