@charset "utf-8";

/* cgi */
.sw_fontbold {
	font-weight: bold;
}
.sw_aligncenter {
	text-align: center;
}
.sw_fontlarge {
	font-size: 150%
}
.sw_floatleft {
	float: left;
}
.sw_title {
	text-align: center;
}
.sw_ls-1 {
	letter-spacing: 1em;
	margin-right: -1em;
}
.sw_ls-05 {
	letter-spacing: 0.5em;
	margin-right: -0.5em;
}
.sw_title-bblue {
	letter-spacing: 0.5em;
	color: #0000ff;
	font-size: 150%;
}
.sw_title-blue {
	color: #10115f;
	font-size: 150%;
}
.sw_text {}
.sw_text_btntext {
	border: 1px solid #000000;
	background-color: #EDEDED;
	padding: 0 5px 0;
}
.sw_list {}
.sw_doui {
	text-align: center;
}
.sw_doui_chktext {
	color: #0000ff;
	font-size: 110%;
	font-weight: bold;
}
.sw_linklist {
	margin-bottom: 10px;
}
.sw_linklist_btn-space {
	padding: 0 5px 0 5px;
}
.sw_copyright {
	margin-left:15px;
	font-style: italic;
	font-size:70%;
}

.sw_ast {
	padding-top: 5px;
}
.sw_table {
	display: table;
	margin-bottom:10px;
}
.sw_table2 {
	display: table;
	width: 85%;
	margin-bottom:10px;
}
.sw_table_row {
	display: table-row;
	line-height:2;
}
.sw_table_cell-title {
	display: table-cell;
	width:7%;
}
.sw_table_cell-value {
	display: table-cell;
}
.sw_end {
	text-align: center;
	padding: 10px 0px;
}
.sw_end_btn {
	padding: 1px 6px;
}
#main .sw_table_exp_title1 {
	border-bottom:0px;
}
#main .sw_table_exp_title2 {
	width:5%;
	border-top:0px;
}
#main .sw_table_exp_title3 {
	width:30%;
	vertical-align:top;
}
.sw_contact {
	margin-top: 20px;
}
.sw_contact_row_2,
.sw_contact_row_3 {
	margin-top: 5px;
}

.sw_error {
	text-align: center;
}
.sw_error-fs150 {
	font-size: 150%;
}
.sw_error-red {
	color: #FF0000;
}
.sw_info {}
.sw_info-m1 {
	margin-left: 15px;
}
.sw_info-m2 {
	margin-left: 20px;
}
.sw_info_text {}
.sw_info_text-red {
	color: #EE0000;
}
.sw_info_text-blue {
	color: #0000ff;
}
.sw_info_text-title1 {
	float: left;
	width: 70px;
}
.sw_info_text-title2 {
	float: left;
	width: 25px;
}
.sw_info_text-value {
	overflow: hidden;
	width: auto;
}
.sw_info_example_text {
	display:none;
}
.sw_info_example_text ol{
	list-style-type: none;
}
.sw_info_example_text ul li{
	margin-bottom: 1em;
	margin-top: 1em;
}
#main .sw_info_example_text-ml {
	margin-left: 10px;
}
#main .sw_info_example_text-title {
	float: left;
	width: 25px;
}
#main .sw_info_example_text-value {
	overflow: hidden;
	width: auto;
}
.sw_info_item {
	margin: 5px 15px 5px 15px;
}
.sw_info_item {}
.sw_info_input_select {
	width: 250px;
}
.sw_info_input_textarea {
	width:100%;
	height:10em;
}
.sw_info_input_radio-m:not([id$="-0"]) {
	margin-left: 20px;
}
.sw_info_input_radio-m,
.sw_info_input_checkbox-m {
	margin-right: 2px;
}
.sw_info_input_text-yy {
	width: 50px;
}
.sw_info_input_text-mmdd {
	width: 30px;
}
.sw_info_pd {
	margin: 5px 15px 5px 15px;
	padding   : 5px;
	border    : solid 1px #555;
}
.sw_info_pd_data-title {
	float: left;
	width: 60px;
}
.sw_info_pd_date-value {
	overflow: hidden;
	width: auto;
}
.sw_info_item-mb {
	margin-bottom: 5px;
}
.sw_sousin-mt {
	margin-top: 20px;
}
.sw_sousin_end {
	width:70%;
	margin-left:auto;
	margin-right:auto;
}
.sw_sousin-valueta {
	word-wrap: break-word;
}
.ui-datepicker-trigger {
	width: 25px;
	height: 25px;
}
#desc_meigara img,
#desc_gyousya img,
#desc_sonota img {
	vertical-align:middle
}
/* ---------------------------------------------------------------------------*/
/*事例スタイル                                                                */
/* ---------------------------------------------------------------------------*/
.link {
    cursor              : pointer;
    color               : blue;
    font-size           : 120%;
}

/* 文章を書く際に段落を付ける場合指定 */
.indent {
    text-indent         : 1em;
}

.MSGothic {
    /* font-family         : "ＭＳ ゴシック",sans-serif; */
}

#mainframe {
    min-height          : 100%;
    height              : auto !important;
    height              : 100%;
    text-align          : center;
    padding             : 0px 10px;
}

#headerArea {
    /* width               : 900px; */
    /* height              : 80px; */
    margin              : 0px auto;
    background-color    : #FFF;
    border-top          : 0px;
}

#footerArea {
    /* width               : 900px; */
    margin              : 0px auto;
    text-align          : center;
    padding             : 30px 0px;
    background-color    : #FFF;
}

#titlebar {
    text-align          : center;
    font-size           : 215%;
    font-weight         : bold;
    padding             : 35px 0px;
    margin              : 0px;
    width               : 100%;
    line-height         : 1;
}

#contentsArea {
    text-align          : center;
    /* width               : 870px; */
    height              : 100%;
    min-height          : 100%;
    /* padding             : 20px 15px 30px 15px; */
    padding             : 20px 0px 30px 0px;
    margin              : 0px auto;
    background-color    : #FFF;
}

/* 各コンテンツの区切りを持たせる領域として使用 */
.content {
    width               : 100%;
    margin-top          : 30px;
}

/* 各コンテンツに対して記載する説明文 */
.contentTitle {
    width               : 100%;
    padding             : 5px 0px;
    margin-bottom       : 15px;
    background-color    : #E0E0FF;
    text-align          : left;
}

.content .back {
    width               : 800px;
    margin              : 0px auto;
    text-align          : left;
}

.back_link {
    cursor              : pointer;
    color               : blue;
    text-decoration     : underline;
}

.back_link:hover {
    color               : blue;
    text-decoration     : none;
}

.GridList {
    margin              : 0px auto;
    text-align          : left;
}

.GridList tr {
    height              : 35px;
}

.GridList th {
    font-size           : 120%;
    background-color    : #F0F0FF;
    text-align          : center;
}

.GridList td {
    padding             : 10px;
}

.GridList th, .GridList td {
    border              : solid 1px #CCC;
    word-break          : break-all;
}
.GridList th:nth-child(1) {
	width: 30%;
}

.GridList th:nth-child(2) {
	letter-spacing: 1em;
}

/* borderを表示しない場合、tableに追加で記述 */
.noborder td {
    border              : none;
    padding-right       : 0px;
}

/* 各レコードに背景色を付ける場合指定 */
.odd {
    background-color    : #FFF;
}

.even {
    background-color    : #F5F5FF;
}

.GridList_order {
	width: 5%;
}

#main .GridList .GridList_ref {
	width: 20%;
	text-align: right;
	padding-right: 10px;
}

.black {
	color: #000000 !important;
}
/* pc */
@media (min-width: 768px) {
	.sw_linklist_label {
		float: left;
		width:410px;
	}
	.sw_linklist_btn {
		overflow: hidden;
		width: auto;
		margin-bottom: 10px;
	}
	.sw_contact_cell-title {
		float: left;
		width: 70px;
	}
	.sw_contact_cell-value {
		overflow: hidden;
		width: auto;
	}
	.sw_info_input-title {
		float: left;
		width: 120px;
	}
	.sw_info_input-value {
		overflow: hidden;
		width: auto;
	}
	.sw_sousin {
		overflow: hidden;
	}
	.sw_sousin-title {
		float: left;
	}
	.sw_sousin-titleta {}
	.sw_sousin-value {
		width: auto;
	}
	.sw_sousin-pcmt {
		margin-top: 20px;
	}
	.explain {
		margin: 0px auto;
		margin-bottom: 20px;
	}
	.sw_doui_btn {
		width: 150px;
	}
	.sw_info_input_text {
		width: 300px;
	}
}
/* sp */
@media (max-width: 767px) {
	.sw_linklist_btn {
		margin-bottom: 10px;
	}
	.sw_any_text {
		margin-left: 15px;
	}
	.sw_head-mt {
		margin-top: 20px;
	}
	.explain {
		text-align: left;
		margin: 0px auto;
		margin-bottom: 20px;
	}
	#simei,
	#mailaddress,
	#jyuusyo,
	#denwabangou,
	#media {
		width:100%;
	}
	#main {
		margin-right:15px;
	}
	.sw_sousin {
		margin-bottom: 10px;
	}
	.sw_doui_btn {
		width: 10em;
	}
	.sw_info_input_text {
		width: 100%;
	}
	.sw_info select,
	.sw_info textarea,
	.sw_info input[type=text] {
		font-size: 16px;
	}
}