/*--------------------------------------------------------------------------------------
覚書
behavior: url(./js/iej.htc);

--------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------
基本設定
--------------------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html, body {
	color: #000000;
	font-size: 13px;
	height: 100%;
	font-family:"メイリオ", Meiryo,"Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3", Osaka, Verdana, sans-serif, "ＭＳ Ｐゴシック", "MS P Gothic", Geneva;
}

a:link {
	color: #ffffff;
}

a:visited {
	color: #ffffff;
}

a:hover {
	color: #7f7f7f;
	/*background: #ffffff;
	padding: 5px 10px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	-webkit-box-shadow: #666 0px 0px 5px;
	-moz-box-shadow: #666 0px 0px 5px;
	box-shadow: #666 0px 0px 5px;
	behavior: url(../js/iej.htc);
	z-index: 2000;*/
}

a:active {
	color: #ffffff;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

ul {
	list-style: none;
}

img {
	border-style:none;
}

/*--------------------------------------------------------------------------------------
page全体
--------------------------------------------------------------------------------------*/

.containerBody {
	height: 100%;
	height: auto !important;
	width: 100%;
	min-height: 100%;
	position: relative;
	margin: 0px;
	padding: 0px;
}

.containerBody2 {
	height: 100%;
	width: 100%;
}

.containerBody3 {
	height: 100%;
	width: 100%;
}

/*--------------------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------------------*/

/*ヘッダー全体
-----------------------------------------*/
.headerArea {
	width: 100%;
	height: 85px;
	background: url(../img/headerarea_bg1.png) repeat;
}

.headerAreaInner {
	width: 100%;
	position: absolute;
	top: 0px;
	height: 20px;
}

.headerAreaInnerMenu {
	float: right;
	height: 20px;
}

.headerAreaInnerMenu a {
	display: block;
	height: 16px;
	line-height: 16px;
	padding-right: 10px;
	float: left;
	text-decoration: none;
	margin-top: 2px;
	margin-right: 10px;
	color: #ffffff;
}

.headerAreaInnerMenu a:hover {
	color: #7f7f7f;
}

.headerAreaInner2 {
	width: 100%;
	position: absolute;
	top: 20px;
	height: 65px;
}

.headerAreaInner2 h1 {
	position: absolute;
	left: 10px;
	height: 65px;
	width: 200px;
	line-height: 65px;
	font-size: 30px;
	font-weight: bold;
}

.headerAreaInner2 img {
	position: absolute;
	left: 50%;
	margin-left: -148px;
}

.headerAreaInner3 {
	width: 100%;
	position: absolute;
	
}

.headerTitleArea {
	margin: 0px;
	padding: 0px;
}

.headerDescriptionArea {
	
}

/*ヘッダーナビゲーション
-----------------------------------------*/
.headerNav {
	width: 100%;
	height: 30px;
	background: url(../img/headernav_bg1.png) repeat;
}

.headerNavInner {
	width: 100%;
	height: 30px;
}

.headerNavInner ul {
	padding: 0px;
	position: absolute;
	left: 50%;
}

.headerNavInner li {
	float: left;
	position: relative;
	left: -50%;
}

li.active a{
	background: #ffffff;
	color: #000000;
}

.headerNavInner a {
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	height: 30px;
	float: left;
	line-height: 30px;
	text-decoration: none;
	color: #ffffff;
}

.headerNavInner a:hover {
	background: #ffffff;
	color: #000000;
	/*filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;*/
}

/*--------------------------------------------------------------------------------------
コンテンツ
--------------------------------------------------------------------------------------*/

/*パンクズ＆サブメニュー
-----------------------------------------*/

.topicPath{
	width: 100%;
	height: 60px;
	-webkit-box-shadow: #666 0px 3px 3px;
	-moz-box-shadow: #666 0px 3px 3px;
	box-shadow: #666 0px 3px 3px;
	behavior: url(./js/iej.htc);
	background: #ffffff url(../img/topicpath_bg1.png) repeat;
}

.topicPath p {
	height: 60px;
	line-height: 60px;
	padding-left: 5px;
}

.topicPath p a {
	text-decoration: none;
	color: #000000;
}

.topicPath span {
	text-align: center;
	position: absolute;
	left: 50%;
	width: 500px;
	height: 30px;
	line-height: 30px;
	margin-left: -250px;
	margin-top: 30px;
}

.topicPath span a {
	color: #000000;
	text-decoration: none;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	border-left: #000000 1px dotted;
	display: inline;
}

.topicPath span a:first-child {
	border: none;
}

.topicPath span a.active {
	background: url(../img/topicpathspanaactive_bg1.gif) no-repeat top center;
}

.topicPath a:hover {
	color: #808080;
}

.topicPath h3 {
	text-align: center;
	position: absolute;
	left: 50%;
	width: 300px;
	height: 30px;
	line-height: 30px;
	margin-left: -150px;
}


/*コンテンツ全体
-----------------------------------------*/
.content{
	padding-bottom: 40px;
	width: 100%;
	height: 100%;
}
.content2{
	width: 100%;
	height: 100%;
}

.content3{
	width: 100%;
	height: 100%;
}

.contentHeader{
	
}
.contentHeader2{
	
}

.contentBody{
	width: 100%;
	height: 100%;
}

.contentBody2{
	width: 100%;
	height: 100%;
}

.contentFooter{
	
}

/*メッセージインフォ
-----------------------------------------*/

.messageArea{
	
}

.messageHeader{
	
}

.messageBody{
	
}

.messageFooter{
	
}

/*メイン
-----------------------------------------*/
.mainContent{
	
}
.mainContent2{
	
}

.mainContent3{
	
}

.mainContentHeader{
	
}
.mainContentHeader2{
	
}

.mainContentBody{
	
}

.mainContentBody2{
	
}

.mainContentFooter{
	
}

/*サブ
-----------------------------------------*/
.subContent{
	
}
.subContent2{
	
}

.subContent3{
	
}

.subContentHeader{
	
}
.subContentHeader2{
	
}

.subContentBody{
	
}

.subContentBody2{
	
}

.subContentFooter{
	
}

/*カテゴリー
-----------------------------------------*/

.categoryArea{
	width: 100%;
	background: url(../img/categoryarea_bg1.png) repeat;
}

.categoryHeader{
	width: 200px;
	height: 190px;
	float: left;
	text-align: right;
	margin: 20px;
}

.categoryHeader h3{
	color: #ffffff;
	border-bottom: 1px dotted #ffffff;
	font-size: 15px;
}

.categoryHeader p{
	color: #cccccc;
}

#categoryBody{
	height: 190px;
	width: auto;
	white-space: nowrap;
	/*position: absolute;*/
	right: 10px;
}

.categoryBodyInner1{
	width: auto;
	height: 190px;
	overflow: hidden;
	position: relative;
	margin-right: 5px;
}

.categoryBodyInner2{
	width: 2470px;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
}

.categorybox{
	width: 150px;
	height: 150px;
	margin: 5px;
	/*float: left;*/
	overflow: hidden;
	position: relative;
	display: inline-block;
}

.categorybox img{
	position: absolute; 
	top: 0;
	left: 0;
	border: 0;
}

.boxcaption p{
	height: 26px;
	line-height: 13px;
	color: #ffffff;
	padding: 3px;
}

.boxcaption h3{
	height: 25px;
	line-height: 25px;
	color: #ffffff;
	padding: 3px;
}

.boxcaption a{
	text-decoration: none;
}

.categoryFooter{
	
}

.boxcaption{ 
	float: left;
	position: absolute;
	top: 125px;
	background: #000000;
	height: 150px;
	width: 100%;
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/*スクロールデザイン
-----------------------------------------*/

#categoryBody .scrollbar{
	background: #000000;
	position: relative;
	left: 250px;
	top: -15px;
	margin: 0 0 5px;
	/*clear: both;*/
	height: 1px;
}

#categoryBody .track {
	background: #000000;
	width: 100%;
	height: 1px;
	position: relative;
}

#categoryBody .thumb {
	background: url(../img/thumb_bg1.png) no-repeat;
	height: 7px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	left: 0px;
	bottom: -3px;
}

#categoryBody .thumb .end{
	background: url(../img/thumb_bg2.png) no-repeat;
	overflow: hidden;
	height: 7px;
	width: 7px;
	position: absolute;
	right: 0;
	bottom: 0px;
}

#categoryBody .disable {
	display: none;
}

.noSelect {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

/*カテゴリー2
-----------------------------------------*/

.category2Area{
	width: 100%;
}

.category2Header{
	
}

.category2Body{
	height: 160px;
	width: 960px;
	margin: 0px auto;
}

.category2box {
	width: 150px;
	height: 150px;	
	margin: 5px;
	overflow: hidden;
	position: relative;
	float: left;
}

.category2box .boxcaption2 {
	width: 150px;
	height: 150px;
	background: #000;
	color: #fff;
	font-weight: bold;
	position: absolute;
	left: 0;
	display: none;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.category2box .boxcaption2 a {
	text-decoration: none;
	color: #0cc7dd;
	font-size: 16px;
	padding: 5px;
	display: block;
}

.category2box .boxcaption2 p {
	padding:5px;	
	margin:0;
	font-size:10px;
}

.category2box img {
	border:0;
	position:absolute;
}

.category2Footer{
	
}

/*ニュース
-----------------------------------------*/

.newsArea{
	font-size: 10px;
	width: 100%;
	background: url(../img/newsarea_bg1.png) repeat;
}

.newsAreaHeader{
	width: 100%;
	border-bottom: 1px dotted #cccccc;
	text-align: center;
	height: 35px;
}

.newsAreaHeader h3{
	color: #000000;
	font-size: 15px;
	display: inline-block;
	height: 35px;
	line-height: 35px;
}

.newsAreaHeader p{
	color: #808080;
	display: inline-block;
}

.newsAreaBody{
	width: 90%;
	padding: 0px 0px 10px 0px;
	margin: 0px auto;
	overflow: hidden;
}

.newsAreaBody p{
	border-bottom: 1px dotted #e5e5e5;
}

.newsAreaBody a{
	color: #000000;
}

.newsAreaBody a:hover{
	color: #808080;
}

.newsAreaBody span{
	padding-left: 3px;
	padding-right: 3px;
}

.newsAreaBody span.new{
	background: #ff8a00;
	color: #ffffff;
}

.newsAreaBody span.sale{
	background: #ff004e;
	color: #ffffff;
}

.newsAreaBody span.info{
	background: #000000;
	color: #ffffff;
}

/*処理中フィルター
-----------------------------------------*/

.jquerytimes {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: none;
	background: #000000;
	bottom: 0px;
	margin-top: 500px;
}


/*アコーディオン部分
-----------------------------------------*/

.sectionArea{
	
}

.sectionArea a{
	color: #000000;
	text-decoration: none;
}

.sectionArea a:hover{
	color: #7f7f7f;
}

.sectionAreaSide ul{
	
}

.sectionAreaSide {
	background: #ffffff;
	height: 60%;
	width: 70%;
	padding: 5em;
    margin: 12em;
	margin-right: auto;
    margin-left: auto;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.sectionAreaSide h3{
	border-bottom: 1px #000000 dotted;
	padding-left:-11px;
	padding-top:2em;
	padding-bottom:5px;
	}

.sectionAreaSide span{
	color: #808080;
	float: right;
	padding-right:10px;
}

.sectionAreaSide li p{
	color: #808080;
	line-height: 3em;
	list-style: none;
    padding-left: 1.5em;
    text-indent: -1.5em;
}


.sectionAreaBody{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	z-index: -100;
}

.sectionAreaBody ul{
	width: 100%;
	height: 100%;
}

.sectionAreaBody li{
	width: 100%;
	height: 100%;
}

.sectionAreaBody li.img1{
	background: url(../img/sectionarea_bg1.jpg) no-repeat;
}

.sectionAreaBody li.img2{
	background: url(../img/sectionarea_bg2.jpg) no-repeat;
}

.sectionAreaBody li.img3{
	background: url(../img/sectionarea_bg3.jpg) no-repeat;
}

.sectionAreaBody li div{
	/*width: 450px;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 175px;
	background: #ffffff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	padding: 30px;*/
}

.sectionAreaBody li div h4{
	/*border-bottom: 1px #000000 dotted;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 10px 0px;*/
}

.sectionAreaBody li div p{
	/*color: #000000;
	padding: 5px 10px;*/
}
}

/*プロダクトエリア
-----------------------------------------*/

.itemArea{
	
}

.itemArea a{
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	text-align: right;
}

.itemArea a:hover{
	text-decoration: none;
	color: #7f7f7f;
	background: #ffffff;
}

.itemAreaSide1{
	width: 300px;
	height: 450px;
	position: absolute;
	top: 30%;
	left: 20px;
	/*background: url(../img/sectionareabodylidiv_bg1) repeat-x;*/
}

.itemAreaSide1 ul{
	
}

.itemAreaSide1 ul li{
	/*background: #ffffff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-webkit-box-shadow: #666 0px 0px 5px;
	-moz-box-shadow: #666 0px 0px 5px;
	box-shadow: #666 0px 0px 5px;
	behavior: url(../js/iej.htc);*/
	padding: 30px;
}

.itemAreaSide1 ul li p:last-child{
	border-bottom: 1px solid #000000;
	padding-bottom: 15px;
}

.itemAreaSide1 ul li h2{
	font-size: 20px;
	border-bottom: 1px #000000 solid;
	margin-bottom: 10px;
}

.itemAreaSide1 ul li h3{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	display: inline-block;
}

.itemAreaSide1 ul li span{
	
}

.itemAreaSide1 ul li p{
	margin-bottom: 15px;
}

.itemAreaSide2{
	width: 270px;
	position: absolute;
	top: 180px;
	bottom: 60px;
	right: 5px;
	/*background: url(../img/sectionareabodylidiv_bg1) repeat-x;*/
}

.itemAreaSide2 ul{
	height: 100%;
}

.itemAreaSide2 ul li{
	height: 100%;
	background: #ffffff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-webkit-box-shadow: #666 0px 0px 5px;
	-moz-box-shadow: #666 0px 0px 5px;
	box-shadow: #666 0px 0px 5px;
	behavior: url(../js/iej.htc);
	padding: 30px;
}

.itemAreaSide2 ul li h3{
	margin-top: 10px;
	margin-bottom: 10px;
}

.itemAreaSide2 ul li span{
	
}

.itemAreaSide2 ul li p{
	margin-bottom: 15px;
}

.itemAreaBody{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	z-index: -100;
}

.itemAreaBody ul{
	width: 100%;
	height: 100%;
}

.itemAreaBody ul li{
	width: 100%;
	height: 100%;
}

.itemAreaBody ul li h3{
	
}

.itemAreaBody ul li span{
	
}

.itemAreaBody ul li p{
	
}

.itemAreaBody ul li.img1{
	background: url(../img/itemarea_bg1.jpg) no-repeat;
}

.itemAreaBody ul li.img2{
	background: url(../img/itemarea_bg2.jpg) no-repeat;
}

.itemAreaBody ul li.img3{
	background: url(../img/itemarea_bg3.jpg) no-repeat;
}

.itemAreaBody ul li.img4{
	background: url(../img/itemarea_bg1.jpg) no-repeat;
}

.itemAreaBody ul li.img5{
	background: url(../img/itemarea_bg2.jpg) no-repeat;
}

.itemAreaBody ul li.img6{
	background: url(../img/itemarea_bg3.jpg) no-repeat;
}

.itemAreaBody ul li.img7{
	background: url(../img/itemarea_bg1.jpg) no-repeat;
}

.itemAreaBody ul li.img8{
	background: url(../img/itemarea_bg2.jpg) no-repeat;
}

/*企業紹介、サイト紹介部分
-----------------------------------------*/

.sitepreviw01 {
	width: 33%;
	float: left;
	margin-top: 15px;
	}

.sitepreviw01 img {
	border: 1px dotted #cccccc;
	margin: 0px 5px;
	}

.sitepreviw01 span.sitetitle {
	font-size: 16px;
	font-weight: bold;
	display: block;
	width: 100%;
	
	margin: 5px 0px 5px 5px;
	
	}

p.subtitle {
	border: none;
	font-size: 14px;
	font-weight: bold;
	
	}

.sitepreviw01 a.sitepreviwl {
	font-size: 12px;
	line-height: 40px;
	text-align: center;
	height: 40px;
	width: 150px;
	
	margin: 10px 0px 0px 5px;
	
	display: block;
	background: #000000;
	color: #ffffff;
	text-decoration: none;
	
	}

.sitepreviw01 a.sitepreviwl:hover {
	background: #808080;
	color: #000000;
	}

.clear { clear:both; }  
.clear hr { display:none; }

/*--------------------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------------------*/


.footerTitleArea {
	background: #000000;
	color: #ffffff;
	width: 100%;
	position: absolute;
	bottom: 0;
	margin-top: auto;
	padding-top: 1em;
	padding-bottom:1em;
}

.footerTitleArea a:hover {
	color: #7f7f7f;
}

.footerCopyrightArea  {
	color: #ffffff;
	width: 100%;
	height: 15px;
	text-align: right;
    position: absolute;
    bottom: 15px; 
}

/*--------------------------------------------------------------------------------------
jqnavi
--------------------------------------------------------------------------------------*/

.gnavi {
	margin-top: 20px;
}

.gnavi ul {
	list-style-type: none;
	position: absolute;
	left: 50%;
	margin-left: -325px;
}

.gnavi ul li {
	float: left;
	margin-left: 20px;
	height: 120px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}

.gnavi ul li img{
	width: 40px;
	height: 40px;
	margin-left: 20px;
	border-style: none;
}

.gnavi ul li a {
	display: block;
	color: #ffffff;
	text-decoration: none;
}

.gnavi span {
	display: none;
}

.gnavi li a:hover span {
	display: block;
	text-align: center;
	position: absolute;
	top: 70px;
	color: #000000;
	width: 100px;
	padding: 5px;
	background: #ffffff;
	margin-left: -15px;
	border: 1px solid #ffffff;
	
}

.gnavi li a:hover span:after {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.gnavi li a:hover span:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 8px;
	left: 50%;
	margin-left: -8px;
}

/*--------------------------------------------------------------------------------------
jqslide
--------------------------------------------------------------------------------------*/


#iview {
	display: block;
	width: 100%;
	height: 500px;
	background: #000000;
	padding: 0px;
	position: relative;
}

#iview .iviewSlider{
	display: block;
	width: 100%;
	height: 500px;
	overflow: hidden;
}

.iview-controlNav a img {
	height: 38px;
	border: #000000 1px solid;
	margin: 7px 0px 7px 10px;
}

.iview-controlNav a.active img {
	border-color: #ffffff;
}

.iview-caption {
	color: #000000;
	padding: 10px 15px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	height: 30px;
}

.iview-caption.caption1 {
	
}

.iview-caption.caption2 {
	
}

.iview-caption.caption3 {
	
}

/*
#iview-preloader {
	border: #0000 1px solid;
	width: 100px;
}

#iview-preloader div {
	background: #666;
}
*/

/*サブ
-----------------------------------------*/

/* The slider */
.iviewSlider {
	overflow: hidden;
}

/* The timer in the Slider */
#iview-timer {
	position: absolute;
	z-index: 100;
	cursor: pointer;
	top: 10px;
	right: 10px;
}

#iview-timer div {
	
}

/* The Preloader in the Slider */
#iview-preloader {
	position: absolute;
	z-index: 1000;
	border: #000000 1px solid;
	padding: 1px;
	width: 100px;
	height: 1px;
}

#iview-preloader div {
	float: left;
	height: 3px;
	background: #000000;
	width: 0px;
}

/* The strips and boxes in the Slider */
.iview-strip {
	display:block;
	position:absolute;
	z-index:5;
}
.iview-block {
	display:block;
	position:absolute;
	z-index:5;
}

/* Control nav styles (e.g. 1,2,3...) */
.iview-controlNav {
	position: absolute;
	z-index: 9;
	bottom: 0px;
}

.iview-controlNav a {
	z-index:9;
	cursor:pointer;
}

.iview-controlNav a.active {
	font-weight:bold;
}

.iview-controlNav .iview-items ul {
	list-style: none;
}

.iview-controlNav .iview-items ul li {
	display: inline;
	position: relative;
}

.iview-controlNav .iview-tooltip {
	position: absolute;
}

/* The captions in the Slider */
.iview-caption {
	position:absolute;
	z-index:4;
	overflow: hidden;
	cursor: default;
}

/* The video show in the Slider */
.iview-video-show {
	background: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 101;
}
.iview-video-show .iview-video-container {
	position: relative;
	width: 100%;
	height: 100%;
}
.iview-video-show .iview-video-container a.iview-video-close {
	position: absolute;
	right: 10px;
	top: 10px;
	background: #222;
	color: #FFF;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 29px;
	font-size: 22px;
	font-weight: bold;
	overflow: hidden;
}
.iview-video-show .iview-video-container a.iview-video-close:hover {
	background: #444;
}

/*next prev button
-----------------------------------------*/

.iview-controlBottonArea {
	position: absolute;
	z-index: 9;
	height: 40px;
	width: 160px;
	top: 635px;
	right: 0px;

}

.iview-controlBottonArea ul {
	width: 160px;

}

.iview-controlBottonArea li {
	float: left;
	text-align: center;
	width: 40px;

}

.iview-controlBottonArea li a {
	z-index:9;
	cursor:pointer;
	display: block;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;

}

.iview-controlBottonArea li a.active {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;

}

.iview-controlBottonArea li a:hover {
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;

}

/*--------------------------------------------------------------------------------------
メールフォーム
--------------------------------------------------------------------------------------*/

.mailArea {
	width: 960px;
	margin: 0px auto;
	margin-top: 10px;
	background: url(../img/headerAreaInner2_bg1.png) repeat;
}

.mailArea a {
	color: #000000;
}

.mailArea a:hover {
	color: #808080;
}

.form {
	
}

.contentBody2 > .mailArea:first-child {
	
}

.fitem {
	margin-top: 10px;
	margin-bottom: 10px;
	
}

/*
.citem {
	background: #b8e8ff url('../img/mbg.png') repeat;
}
*/

.mailAreaTitle {
	/*background: url(../img/headerAreaInner_bg1.png) repeat;*/
	margin-bottom: 20px;
}

.mailAreaTitle p {
	padding: 3px;
	display: inline-block;
}

.mailAreaTitle h4 {
	display: inline-block;
	font-size: 18px;
	border-left: ridge #000000 8px;
	padding-left: 5px;
}

.mailAreaContent {
	margin-top: 15px;
	margin-bottom: 15px;
}

.mailAreaContent h5 {
	border-bottom: 1px #000000 dotted;
	font-size: 16px;
}

.mailAreaContent p {
	padding: 3px;
}

fieldset div {
	margin: 5px 5px;
	padding: 3px;
	clear: both;
}

label {
	float: left;
	width: 240px;
	text-align: left;
	border-bottom: 1px dotted #000000;
}

labelerr {
	float: right;
	width: 200px;
	text-align: center;
	margin-right: 5px;
	color: #ffffff;
}

input {
	border:1px solid #000000;
	background: #d9d9d9;
	padding: 3px;
}

input:hover, input:focus {
	border-color: #000000;
	background: #b3b3b3;
}

textarea {
	padding: 3px;
	border:1px solid #000000;
	background: #d9d9d9;
}

textarea:hover, textarea:focus {
	border-color: #000000;
	background: #b3b3b3;
}

fieldset {
	border: none;
}

.input.default {
	color:#bbb;
}

#submit-go {
	margin: 0px auto;
	width: 200px;
	height: 40px;
	/*text-indent: -9999px;*/
	overflow: hidden;
	border: 0;
	background: #000000;
	color: #ffffff;
	text-align: center;
	display: block;
	cursor: pointer !important;
	cursor: hand;
}
#submit-go:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}