@charset "UTF-8";

/* contents共通
------------------------------------------------------------*/

header {
	padding-bottom: 170px;
}

/* contents-image
------------------------------------------------------------*/

#business-wrapper {
  width: 100%;
	background: url(../../images/business_contents_bg.jpg) center 85px no-repeat;
}

#company-wrapper {
  width: 100%;
	background: url(../../images/company_contents_bg.jpg) center 85px no-repeat;
}

#inquiry-wrapper {
  width: 100%;
	background: url(../../images/inquiry_contents_bg.jpg) center 85px no-repeat;
}



/* contents別 */

/* business\webhop
------------------------------------------------------------*/

#contents-area #main-contents-area #webshop-block p {
	width: 650px;
	font-size: 110%;
	padding-bottom: 1.5em;
}

/* business\accessup
------------------------------------------------------------*/

#contents-area #main-contents-area #accessup-block .accessup-box {
	width: 650px;
	height: 110px;
	margin-bottom: 15px;
	border: 0px solid #D1D1D1;
	border-radius: 5px;
	-webkit-border-radius: 5px;    /* Safari5,Google Chrome10以前 */  
  -moz-border-radius: 5px;   /* Firefox4以前 */

}
#contents-area #main-contents-area #accessup-block .accessup-box-image {
  float: left;
}
#contents-area #main-contents-area #accessup-block .accessup-box-right {
	float: right;
	width: 540px;
	padding: 0;
	text-align: left;
	border-bottom: 1px solid #D1D1D1;
}

#contents-area #main-contents-area #accessup-block .accessup-box-title {
	padding: 0.8em 0 0.3em 0;
	vertical-align:text-bottom;
}
#contents-area #main-contents-area #accessup-block .accessup-box-text {
  padding-left: 1em;
	margin: 0.5em 0 0.8em 0;
}


/* business\marketing
------------------------------------------------------------*/

#contents-area #main-contents-area #marketing-block {
}
#contents-area #main-contents-area #marketing-block .marketing-box {
	width: 650px;
	height: 75px;
	border: 1px solid #D1D1D1;
}
#contents-area #main-contents-area #marketing-block .marketing-box-left {
	float: left;
	width: 75px;
}
#contents-area #main-contents-area #marketing-block .marketing-box-right {
	float: right;
	width: 545px;
	margin: 0 10px;
	padding: 5px 0;
	text-align: left;
}

#contents-area #main-contents-area #marketing-block .marketing-box-title {
	padding: 0.1em 0 0.3em 0;
}
#contents-area #main-contents-area #marketing-block .marketing-box-text {
  padding-left: 1em;
	line-height: 160%;
}


#contents-area #main-contents-area .marketing-block-sitaya {
	margin: 10px 0 10px 314px;
}



/* company
------------------------------------------------------------*/
#contents-area #main-contents-area #company-block {
}

#contents-area #main-contents-area #company-block dl {
  /* dlの背景色をdt用に使う */
  background-color :#EFEFEF;
	border-top: 0px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	border-left: 0px solid #256098;
}

#contents-area #main-contents-area #company-block dt {
  float : left;
  clear : both;
	/* 表示フォントサイズを大きくしても折り返さないように，dtのwidthはemで ddのmagineなどもemで */
  width : 10em;
	border-top: 1px solid #D1D1D1;
  padding : 0.8em;
}

#contents-area #main-contents-area #company-block dd {
  /* dtの幅だけ横にずらす */
  margin-left : 10em;
	border-top: 1px solid #D1D1D1;
  /* dlやdtとは異なった背景色を用いる */
  background-color : #FFF;
  padding : 0.8em;
}

/* -- Google map -- */
.map {
  margin: 1em 0;
}



/* inquiry
------------------------------------------------------------*/

/* -- テーブル -- */
.inquiry_table {
  width: 650px;
  border-collapse: collapse;
  margin: 1em 0;
	border-bottom: 1px solid #D1D1D1;
}
.inquiry_table td {
  padding: 10px;
  background-color: #FFF;
	border-top: 1px solid #D1D1D1;
}
.inquiry_table td.th {
  width: 130px;
  background-color: #FFF;
	border-top: 1px solid #D1D1D1;
}

/* -- 必須アイコン -- */
.hissu {
  margin: 0 3px 2px 0;
}

/* -- フォーム -- */
#contents-area #main-contents-area form {
	background: #FFF;
	width: 650px;
	padding: 1em 0;
	border:0px solid #D1D1D1;
	border-radius: 5px;
/* Webkit */
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;
/* Firefox */
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;
 /* IE */
	zoom: 1;

}
#contents-area #main-contents-area form .hissu_icon{
  margin: 0 0 2px 0; 
}
#contents-area #main-contents-area form div {
	padding: 5px 30px;
}
#contents-area #main-contents-area .formtext, textarea, .dropdown {
	border: 1px solid #D1D1D1;
	padding: 3px;
	color: #333;
	background: #fff;
	border-radius: 5px;
/* Webkit */ 
  background: -webkit-gradient( 
    linear, 
    left top, 
    left bottom, 
    from(#eee), 
    to(#fff) 
    ); 
 -webkit-border-radius: 5px; 
 -webkit-box-shadow: 1px 1px 1px #fff; 
/* Firefox */ 
  background: -moz-linear-gradient( 
    top, 
    #eee, 
    #fff 
    ); 
  -moz-border-radius: 5px; 
  -moz-box-shadow: 1px 1px 1px #fff; 
/* IE */ 
  filter:progid:DXImageTransform.Microsoft.gradient 
  (startColorstr=#ffeeeeee,endColorstr=#ffffffff); 
  zoom: 1; 
}
#contents-area #main-contents-area .formtext {
  margin-left: 1em;
	font-size: 100%; 
}
#contents-area #main-contents-area .submit {
  margin: 0 0 0 210px;
	border:1px solid #254C98;
	padding: 3px 10px;
	color: #fff;
	cursor: pointer;
	background: #256098;
	border-radius: 5px;
	/* Webkit */
    background: -webkit-gradient(linear,left top,left bottom,from(#1678AF),to(#256098));
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #254C98;
	/* Firefox */
    background: -moz-linear-gradient(top,#1678AF,#256098);
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #254C98;
    /* IE */
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1678AF, endColorstr=#256098);
	zoom: 1;
}
#contents-area #main-contents-area .submit:hover {
	/* Webkit */
    background: -webkit-gradient(linear,left top,left bottom,from(#256098),to(#1678AF));
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #254C98;
	/* Firefox */
    background: -moz-linear-gradient(top,#256098,#1678AF);
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #254C98;
    /* IE */
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#256098, endColorstr=#1678AF);
	zoom: 1; 
}

#contents-area #main-contents-area .checkbox, .radio {
	z-index: -1;
	position: absolute;
}
#contents-area #main-contents-area .CheckBoxLabelClass {
	background: url("http://www.webcreatorbox.com/sample/images/checkbox.png") no-repeat top left;
	margin-right:20px;
	padding-left:22px;
}
#contents-area #main-contents-area .radiolabel {
	background: url("http://www.webcreatorbox.com/sample/images/radio.png") no-repeat top left;
	margin-right:20px;
	padding-left:22px;
}
#contents-area #main-contents-area .LabelSelected, .RadioSelected {
	background-position: bottom left;
}