@charset "utf-8";


/*　追加した設定　ここから　*/

/* メインメニュー項目の装飾 */
ul.ddmenu li {
   width: 115px !important;          /* メニュー項目の横幅(125px) */
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	ul.ddmenu li {
		width:100% !important;
	}
}

/*　追加した設定　ここまで　*/



/*メインカルーセル*/
#mainCarousel{
	position: relative;
	z-index:1;
	width:100%;
	top:0px;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#mainCarousel {
		width:100%;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#mainCarousel {
	}
}


/*コンテンツエリア*/
#contentsArea {
	width:1000px;
	margin: 0 auto;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#contentsArea {
		width:90%;
		margin:0 5%;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#contentsArea {
		width:90%;
		margin:0 5%;
	}
}


/*画像配置プレーン設定*/
#imageOne {
	position:relative;
	width:100%;
	margin:0 0;
	clear:both;
}


/*ーーーーーここより　wrapperと背景画像の設定　ーーーーー*/

/*wrapper1 サブMENU*/
#wrapper1 {
	width: 100%;
    background-color: #000;
    clear:both;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#wrapper1 {
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#wrapper1 {
		width:100%;
	}
}


/*wrapper2 エコ＆ビッグビジネスの実現*/
#wrapper2 {
	width: 100%;
    background-image: url('images/wrapper_03.jpg');
    background-position: right top;
    background-repeat: round;
    clear:both;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#wrapper2 {
		width:100%;
        background-image: url('images/wrapper_03sp.jpg');
        background-position: right top;
        background-repeat: round;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#wrapper2 {
		width:100%;
	}
}


/*ーーーーーここまで　wrapperと背景画像の設定　ーーーーー*/



/*ーーーーーここより　タイトルとコンテンツ欄の設定　ーーーーー*/

/*サブMENU*/
#subMenu {
	width:1000px;
	margin: 0 auto;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#subMenu {
		width:90%;
		margin:0 5%;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#subMenu {
		width:90%;
		margin:0 5%;
	}
}
#subMenu a {
	color: #FFF;
    text-decoration: none;
}
#subMenu a:hover {
	color: yellow;
    text-decoration: none !important;
}


/*タイトルパターン１*/
#titleOne {
	position:relative;
	width:100%;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#titleOne {
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#titleOne {
	}
}

.mincho {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}


/*タイトルパターン２*/
#titleTwo {
	position:relative;
	width:96%;
	padding: 5px 2%;
	background-color: #3EA424;
	text-align: center;
	font-size: 30px;
	color: white;
	font-weight: bold;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#titleTwo {
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#titleTwo {
	}
}


/*タイトルパターン３*/
#titleThree {
	font-size: 120%;
	color: #3EA424;
	font-weight: bold;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#titleThree {
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#titleThree {
	}
}


/*タイトルパターン４*/
#titleFour {
	font-size: 120%;
	color: #FF9900;
    text-align:center;
	font-weight: bold;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#titleFour {
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#titleThree {
	}
}


/*コンテンツ欄（固定）*/
#contents {
	width: 100%;
	margin: 0 0;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#contents {
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#contents {
	}
}


/*コンテンツ欄（フロート50対50）*/
#float55 {
	width: 50%;
	margin: 0 0;
	float: left;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#float55 {
		width: 100%;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#float55 {
	}
}


/*コンテンツ欄（フロート40対60）*/
#float46-4 {
	width: 40%;
	margin: 0 0;
	float: left;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#float46-4 {
		width: 100%;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#float46-4 {
	}
}
#float46-6 {
	width: 60%;
	margin: 0 0;
	float: left;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#float46-6 {
		width: 100%;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#float46-6 {
	}
}


/*コンテンツ欄（フロート30対70）*/
#float37-3 {
	width: 30%;
	margin: 0 0;
	float: left;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#float37-3 {
		width: 100%;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#float37-3 {
	}
}
#float37-7 {
	width: 70%;
	margin: 0 0;
	float: left;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#float37-7 {
		width: 100%;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#float37-7 {
	}
}


/*コンテンツ欄（フロート3分割）*/
#float3bkt {
	width: 33%;
	margin: 0 0;
	float: left;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#float3bkt {
		width: 100%;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#float3bkt {
	}
}


/*コンテンツ欄（フロート4分割）*/
#float4bkt {
	width: 25%;
	margin: 0 0;
	float: left;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#float4bkt {
		width: 100%;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#float4bkt {
	}
}




/*ーーーーーここまで　タイトルとコンテンツ欄の設定　ーーーーー*/



/*ーーーーーここより　ページごとの個別設定　ーーーーー*/

/*１枚画像の表示（60％でセンター）*/
#imageTwo {
	position:relative;
	width: 60%;
	margin: 0 auto;
	clear:both;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#imageTwo {
		width: 100%;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#imageTwo {
	}
}


/*会社概要テーブル*/
#companyTable .tdTitle {
	background-color:#E6F5FF;
	font-size:120%;
	font-weight:bold;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#companyTable .tdTitle {
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#companyTable .tdTitle {
	}
}
#companyTable td {
	border-color: #666666;
	border-style: solid;
	border-width: 1px 0 0 1px;
}
#companyTable .tdRight {
	font-size:120%;
	border-color: #666666;
	border-style: solid;
	border-width: 1px 1px 0 1px;
}
#companyTable .tdRightBottom {
	font-size:120%;
	border-color: #666666;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
}
#companyTable .tdBottom {
	border-color: #666666;
	border-style: solid;
	border-width: 1px 0 1px 1px;
}