@charset "UTF-8";
/* ===================================================================
CSS information
 style info: style
 *Since: 2013-02-20
=================================================================== */


/* ----------------------------------------------------
	wrapper
---------------------------------------------------- */
#wrapper {width: 100%;}

@media screen and (min-device-width: 721px) {
 	.sp { display: none; }
}

@media screen and (max-device-width: 720px) {
 	.tablet { display: none; }
}



/* ----------------------------------------------------
	home
---------------------------------------------------- */
#home {
	width: 100%;
	height: 26px;
	padding: 6px 0;
	background: #1D83DF;
}

#home img {
	height: 26px;
	margin: 0 0 0 10px;
}


/* ----------------------------------------------------
	header
---------------------------------------------------- */
header {
	overflow: hidden;
	height: 39px;
	margin: 0 0 1px 0;
	padding: 8px 5px;
	background: url(../img/bg_header.png) repeat-x center;
	background-size: auto 53px;
	border-top: 5px solid #1D83DF;
	border-bottom: 1px solid #666;
}

header h1 {
	float: left;
	height: 39px;
}

header h1 img {height: 39px;}

header p {
	float: right;
	height: 39px;
	background: #E4125E;
	border-radius: 3px;
}

@media screen and (min-device-width: 721px) {
header p { 	
	margin: 0 120px 0 0;
}
}

@media screen and (max-device-width: 720px) {
header p { 	
	margin: 0 60px 0 0;
}
}

header p a {
	display: block;
	height: 21px;
	padding: 9px;
}


header p img {height: 21px;}


/* ----------------------------------------------------
	contents
---------------------------------------------------- */
#contents {
	overflow: hidden;
	width: 96%;
	margin: 2%;
	background: url(../img/bg_contents.png) repeat;
	background-size: 5px 4px;
}

#contents h2 {
	height: 30px;
	padding: 5px 10px;
	background: url(../img/bg_sbj.png) repeat;
	background-size: auto 40px;
}

#contents h2 img {height: 30px;}

#contents h2 a {
	float: right;
}

#contents h3 {
	height: auto;
	background: url(../img/bg_sbj02.png) repeat-x center;
	background-size: auto;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#contents h3.second {margin: 20px 0 0 0;}

#contents h3 p {
	height: auto;
    margin: 5px 0 5px 10px;
	padding: 0 0 0 10px;
    background: url(../../search/img/bg_subject07.png) no-repeat scroll left center transparent;
	font-size: 14px;
	line-height: 1.4;
}

#contents p.btn {font-size: 16px;}


fieldset {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.ui-btn-text {white-space: normal;}

.ui-shadow {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.ui-li-has-count .ui-li-count {
	left: 3px;
	right: auto;
}

.ui-field-contain .ui-select {width: 100%;}

.ui-btn-corner-all,
.ui-corner-right,
.ui-corner-left,
.ui-corner-all,
.ui-corner-top,
.ui-corner-bottom {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.ui-checkbox,
.ui-radio {margin: 0;}

.ui-field-contain input.ui-input-text,
.ui-field-contain textarea.ui-input-text {
	display: inline;
	width: 96%;
	height: 96%;
	padding: 2%;
	vertical-align: top;
}

.ui-shadow-inset {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.ui-body-c,
.ui-overlay-c {
	background: none;
	background-image: none;
	background-image: none;
	background-image: none;
	background-image: none;
	background-image: none;
	background-image: none;
}

.ui-field-contain {
	margin: 0;
	padding: 0;
	border-width: 0;
}

.ui-btn {
	margin: 2% 2% 0 2%;
}

/* ----------------------------------------------------
	search
---------------------------------------------------- */
#contents #search,
#contents #detail,
#contents #sell,
#contents #management,
#contents #outline,
#contents #policy,
#contents #inquiry,
#contents #reform {
	overflow: hidden;
	margin: 2%;
	padding: 0 0 2% 0;
	background: #FFF;
	border-left: 1px solid #DFDEDF;
	border-right: 1px solid #DFDEDF;
	border-bottom: 1px solid #DFDEDF;
}


/* ----------------------------------------------------
	searchBoxBottom
---------------------------------------------------- */
#search #searchBoxBottom {
	overflow: hidden;
	background: #FFF;
}

#search #searchBoxBottom h4 {
	width: 100%;
	height: 13px;
	padding: 6px 0;
	background: url(../../search/img/bg_research_subject.png) repeat-x;
	background-size: auto 25px;
	font-size: 0;
	line-height: 0;
	text-align: center;
}

#search #searchBoxBottom h4 img {height: 13px;}

#search #searchBoxBottom table,
#search #searchBoxBottom table {
	width: 96%;
	margin:10px 2% 0 2%;
	border-top:1px solid #CBCBCB;
	border-left:1px solid #CBCBCB;
}

#search #searchBoxBottom table th,
#search #searchBoxBottom table td {
	padding: 10px 10px 5px 10px;
	border-bottom: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
	color: #333;
	font-size: 12px;
	text-align: left;
	line-height: 1.6;
	vertical-align: middle;
}

#search #searchBoxBottom table td {padding: 4px;}

#search #searchBoxBottom table td label,
#search #searchBoxBottom table td select {font-size: 12px;}


#search #searchBoxBottom table th {
	width: 27%;
	background: #E7F5F8;
	font-weight: bold;
	vertical-align: middle;
}

#search #searchBoxBottom table th.line , 
#search #searchBoxBottom table td.line {border-bottom: 1px dashed #CBCBCB;}


/* ----------------------------------------------------
	footer
---------------------------------------------------- */
footer {
	padding: 20px 0 5px 0;
	text-align: center;
}

footer p.tel {
	width: 96%;
	margin: 0 2%;
	padding: 10px 0;
	border: 1px solid #000;
	border-radius: 3px;
	text-align: center; 
}

footer p.tel img {
	height: 17px;
	margin: 0 0 6px 0;
}

footer ul {
	margin: 10px 0 5px 0;
	padding: 0 0 10px 12px;
	text-align: center;
	border-bottom: 2px solid #1D83DF;
}

footer ul li {
	display: inline;
	padding: 0 12px 0 6px;
	background: url(../img/icn_fnv.png) no-repeat left center;
	background-size: auto 5px;
}

footer small {font-size: 10px;}