/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	margin:0;
	background: #ccc;
	font-size:90%;
}


a {
	color: #026acb;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}

/* list */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	/* margin: 20px 0 .4em;*/
	color: #000;
}

h1 {
	font-size:1.0em;

}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}

/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}


/************************************************************************************
STRUCTURE
*************************************************************************************/
/*width: 640px; 2018.08.18 to Mobile-Site*/
@media screen and (min-width: 640px) {
	/* 表示領域が640px以上の場合に適用するスタイル */
	#wrapper {
		width:960px;
		background: white;
		margin: 0 auto;
	}
}
@media screen and (max-width: 639px) {
	/* 表示領域が640px未満の場合に適用するスタイル */
	#wrapper {
		width:100%;
		background: white;
		margin: 0 auto;
	}
}

/************************************************************************************
HEADER
*************************************************************************************/

#header {
	position: relative;
	background: #fdfaff;
	overflow: hidden;
	height: 130px;
	clear: both;

}

#site-description {
	/*font: italic 100%/130% "Times New Roman", Times, serif;*/
	/*position: absolute;*/

	clear: both;
	overflow: hidden;
	padding:0px 0px 0px 20px;
	color: #555555;
}

/* site logo */
#logo {

	float: left;
	/* position: absolute;*/
}

#contact {
	float: right;
	color: #806600;
	background: #e9c6af;
	padding: 5px 10px 5px 10px;
}


#logorapper{
	float: left;
	clear: both;
}


#headercmtext{
	float: right;
}
#headercmgrf {
	float: right;

}
#global-navi {
	clear: both;
	background: #b2a0a7;
	overflow: hidden;
}
#globalTittle {
	padding:10px 0px 0px 30px;
	font-size: 14px;
	float: left;
}
#global-navi ul {
	list-style:none;
	float: right;
}
#global-navi li {

	margin-right: 30px;
}
#global-navi a {
	color: #806600;
	font-size: 16px; 
}

#header ul {
	list-style:none;
}
#header li {
	float: left;
	margin-left: 30px;
}
#header a {
	color: #806600;
	font-size: 16px; 
}
#main-feature_ {
	background: #f7d9e5;
	padding: 5px 0 5px 57px;
}
#feature-wapper {
}
#feature-wapper ul {
	list-style:none;
}
#f-image1 {
	padding: 25px 30px 15px 150px;
	overflow: hidden;
}
#f-image2 {
	padding: 120px 30px 0px 0px;
	float: left;
}
#f-image3 {
	padding: 5px 30px 0px 30px;
	float: left;
}
#f-image4 {
	padding: 120px 0px 0px 30px;
}

#main-navi {
	background: #b2a0a7;
	overflow: hidden;
	padding: 5px 10px 5px 10px;
}
#main-navi ul {
	list-style:none;
}
#main-navi li {
	float: left;
	margin-left: 30px;
}
#main-navi a {
	color: #806600;
	font-size: 16px; 
}

#content H2{
margin:0 5px 1.5em;padding:2px 4px;font-size:120%;border-left:5px solid #e27aa4;border-bottom:1px solid #e27aa4;font-weight:700
}



#main-features {
	overflow: hidden;
	padding: 20px 30px;

	background: #fdfaff;
}
.f-section {
	text-align: left;
	margin:0px 5px 30px 20px;
	line-height:4px;
	padding:8px 4px 1px 6px;
	border-left:4px solid #f791ba;
	font-size:80%;
}

.f-section-text {
	padding: 0px 4px 30px 40px;
}
#second-feature_ {
	padding: 0px 20px 20px 50px;

}
#f-section-wrapper {
	overflow: hidden;

}
#second-feature_ h2{
	padding: 30px 5px 5px 0px;
}
#f-section-wrapper a {
	color: black;
	font-size: 16px; 
	padding: 0px 0px 80px 40px;
}
#f-section-description{
	font-size: 16px; 
}
#f-section-wrapper2 a {
	color: black;
	font-size: 16px; 
	padding: 0px 0px 80px 40px;
}
#f-section-description2{
	font-size: 10px;
	width: 200px;
	float: left;
	clear: 	both;
	padding: 10px 20px 80px 20px;
}
#f-sectionimage{

	padding: 0px 30px 30px 30px;	
}
#footer{
	overflow: hidden;
	padding: 20px 30px;
	background: #fdfaff;
	height: 100px
}
#footer ul {
	list-style:none;
}
#footer li {
	float: left;
	margin-right: 60px;
}
#footer a {
	color: black;
	font-size: 16px; 
}

#CopyrightText{
	font-size: 10px;
	clear: 	both;
	padding: 30px 30px 30px 30px;	
	text-align: center; 
}