@charset "UTF-8";

/* base
-------------------------------------------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	color: #353535;
	font-size: 13px;
	line-height:1.4;
 	 font-family:"ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	background-color:#e8e9e9;
}
html {
	overflow:scroll;
}
div, h1, h2, h3, h4, h5, h6, form, fieldset, p, dl, dt, dd {
	margin: 0;
	padding: 0;
}
fieldset, img {
	border: 0;
}
 h1, h2, h3, h4, h5, h6, address, caption, em, {
	font-style: normal;
	font-size: 1em;
}
ul, ol, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
em {
	font-style: normal;
	font-weight: bold;
}
address {
	font-style:normal;
}
hr, legend {
	display: none;
}

/* IE7でpadding指定 */
	*:first-child+html body {
	padding-left: 1px;
}

/* IE6以下でpadding指定 */
	*html body {
	padding-left: 1px;
}
/* Chromeでpadding指定 */
body:nth-of-type(1) {
	padding-left: 1px;
}

/* IE8でpadding指定 */
html> /**/ body {
	padding-left /*\**/: -1px\9;
}
a {
	outline: none;
}
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}
div#nav a:hover img {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background: #fff;
}

a:link,
a:visited {
	color:#353535;
	text-decoration:none;
}

a:hover {
	color:#2d546d;
	text-decoration:underline;
}

/* container_top
-------------------------------------------------------------------------------------------------------*/
div#container_top {
	width: 950px;
	margin: 0 auto;
	height:7px;
	background-color:#2d546d;
}

/* container
-------------------------------------------------------------------------------------------------------*/
div#container {
	width: 910px;
	margin: 0 auto;
	padding:0 20px;
	text-align: left;
	background-color:#FFF;
}

/* header
-------------------------------------------------------------------------------------------------------*/
div#header {
	width: 910px;
	padding:15px 0;
}
div#nav li {
	height:31px;
	margin:0;
	padding:0;
	float:left;
	display:block;
}
div#mainimg {
	clear:both;
	width:908px;
	padding:10px 0 0 0;
}

/* add 2013/11/22 for lang */

div#header h1 {
	width:850px;
	height:51px;
	float:left;
}

div#language {
	width:56px;
	height:51px;
	float:right;
}

div#language ul,
div#language ul li,
div#language ul li a {
	width:56px;
	height:13px;
}

div#language ul li a {
	display:block;
	background-image: url(../images/language_english.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* main
-------------------------------------------------------------------------------------------------------*/
div#main {
	width: 950px;
	margin:20px 0 0 0;
	text-align:left;
}
div#main_con {
	width: 910px;
	margin:20px 0 0 0;
	text-align:center;
}

/* gallery photo
-------------------------------------------------------------------------------------------------------*/
div#gallery_index {
	width:400px;
	margin:0 auto 50px auto;
	position:relative;
	top:10px;
	clear:both;
	text-align:left;
}
div.sitemap_name {
	margin:10px 0;
	padding:0 0 5px 0;
	font-size:16px;
	font-weight:600;
	border-bottom:1px dotted #999;
}
ul.sitemap_con{
    list-style:none;
    width:***px;
}
ul.sitemap_con li{
	margin:0 0 0 60px;
    list-style:none;
    padding-left:15px;
    background:url(http://www.decinc2008.com/images/arrow_s.gif) no-repeat center left;
}


div#thum {
	width:900px;
	margin:0 auto 50px auto;
	position:relative;
	top:10px;
	clear:both;
}

h2.results_tit {
	width:900px;
	padding:0 0 10px 0;
	border-bottom:4px solid #222;
	font-size:21px;
}

h3.sub_tit {
	width:200px;
	margin:0 auto;
	padding:5px 20px;
	background-color:#222;
	color:#FFF;
}
h3.sub_tit_l {
	width:350px;
	margin:0 auto;
	padding:5px 20px;
	background-color:#222;
	color:#FFF;
}
div#arrow {
	width:868px;
	margin:0 0 0 25px;
	font-weight:600;
}
div#arrow img {
	vertical-align:middle;
}
div#arrow .arr_l {
	width:434px;
	position:relative;
	float:left;
	text-align:left;
}
div#arrow .arr_r {
	width:434px;
	position:relative;
	float:right;
	text-align:right;
}
.drop-shadow img {
	width: auto;
    position:relative;
    padding:5px;
    margin:0;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.6), 0 0 60px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	behavior: url("/css/pie.htc");
}
.drop-shadow img:before,
.drop-shadow img:after {
    content:"";
    position:absolute;
    z-index:-2;
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
} 
.drop-shadow img:after{
    right:10px;
    left:auto;
}
p.re_pagetop {
	margin:10px 0 20px 0;
	text-decoration:underline;
}
div#thum table {
	width:868px;
	margin:0 auto 20px auto;
	text-align:left;
	vertical-align:top;
}
div#thum table th {
	width:300px;
	padding:5px 20px 5px 0;
	text-align:right;
	vertical-align:top;
}
div#thum table td {
	padding:5px 15px;
	text-align:left;
	vertical-align:top;
	border-left:2px solid #ccc;
}
div#thum table p {
	margin:0 0 10px 0;
}
#contbl_tit {
	margin:40px 0 10px 0;
	padding:0 0 5px 0;
	font-size:16px;
	text-align:center;
	border-bottom:1px solid #ccc;
}
div.company_con {
	margin:0 0 0 20px;
	padding:0;
}
div.company_con02 {
	margin:0 0 20px 20px;
	padding:0;
}
.stg_co {
	font-size:15px;
	font-weight:bold;
}
div#contents h4 {
	margin:0 20px;
	padding:0;
	color:#2d546d;
}

/* top_contents
-------------------------------------------------------------------------------------------------------*/
div#top_contents {
	width: 700px;
	float:left;
}
div#top_contents ul {
	margin:10px 0 10px 0;
	padding:0 0 0 ;
}
div#top_contents li {
	width: 645px;
	float:left;
	margin:0 0 7px 0;
	padding:0 0 5px 20px;
	border-bottom:1px dashed #999;
    background:url(http://www.decinc2008.com/images/icon_news.gif) no-repeat top left;
}
div#top_contents li p {
	float:left;
}
div#top_contents li p.date {
	width:100px;
}
div#top_contents li p.news {
	width:530px;
}


h2#fbttl {
	margin-top:20px;
}

/* contents
-------------------------------------------------------------------------------------------------------*/
div#contents {
	width: 662px;
	margin:0 0 0 5px;
	float:left;
}

div.pagetop {
	margin:20px 0 0 0;
	text-align:right;
}

/* Company
-------------------------------------------------------------------------------------------------------*/
div#company {
	width: 662px;
	margin:30px 0;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #eee;
}

div#company dt {
	margin: 0;
	padding: 0.3em 0 0.1em 1em;
	border-top: 1px solid #999;
	width: 8em;
	float: left;
}
	
div#company dd {
	margin: 0 0 0 8em;
	padding: 0.3em 1em;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	background-color: #fff;
}

/* qa
-------------------------------------------------------------------------------------------------------*/
dl.qa {
	margin:20px;
	padding:0;
}

dl.qa dt {
	font-weight:600;
	color:#2d546d;
}

dl.qa dd {
	margin:20px 0;
}

/* sitemap
-------------------------------------------------------------------------------------------------------*/
#sitemap h3 {
	margin:20px 0;
	padding : 10px ;
	height : 1% ;
	background: url("/images/design/h3.png") no-repeat center left ;
	border:1px solid #CCC;
	border-right:2px solid #CCC;
	border-bottom:3px solid #2d546d;
	color : #363121 ;
	font-size : 15px ;
	font-weight : bold ;
}

#sitemap p a:link,
#sitemap p a:visited {
	height: auto ;
	padding: 0 ;
	margin: 0 ;
	text-decoration:underline;
	color : #363121;
}

#sitemap p a:hover {
	height: auto ;
	padding: 0 ;
	margin: 0 ;
	text-decoration:underline;
	color : #363121;
}

#sitemap p {
	padding:0 20px;
}


/* error page
-------------------------------------------------------------------------------------------------------*/
h2.notfound_tit {
	width:900px;
	margin:30px 0;
	padding:10px 0;
	border-top:4px solid #222;
	border-bottom:4px solid #222;
	font-size:21px;
}

div.errorBox {
	width:410px;
	margin:0 auto;
	text-align:left;
}

/* sidebar
-------------------------------------------------------------------------------------------------------*/
div#sidebar {
	width: 230px;
	float:left;
}
div#sidebar p {
	margin:0 0 10px 0;
}
div#sidebar ul {
	width: 200px;
	margin:0;
	padding:0;
	border-top:1px dashed #999;
}
div#sidebar ul li {
	margin:10px 0;
	padding:0 0 7px 20px;
	border-bottom:1px dashed #999;
    background:url(http://www.decinc2008.com/images/icon_arrow.gif) no-repeat 0 3px;
}

/* footer
-------------------------------------------------------------------------------------------------------*/
div#footer {
	margin:20px 0 0 0;
	padding: 10px 0;
	text-align:center;
	border-top:1px solid #d6d6d6;
}
div#footer ul {
	margin:0 0 20px 0;
}
div#footer li {
  padding: 0 0 0 10px;
  display: inline; /* 横並びにさせる */
  border-left: 1px solid #666; /* 区切り線 */
}
div#footer li:first-child {
  border: none; /* 親要素から見て一番目のli要素のボーダーを無しに */
}

/* common
-------------------------------------------------------------------------------------------------------*/
.m20 {
	margin:20px; !important
}
.m30 {
	margin:30px; !important
}
.mt30 {
	margin:30px 0 0 0; !important
}
.mt40 {
	margin:40px 0 0 0; !important
}
.mtb10 {
	margin:10px 0; !important
}
.mtb20 {
	margin:20px 0; !important
}
.mtb30 {
	margin:30px 0; !important
}
.mlr20 {
	margin:0 20px; !important
}
.tac {
	text-align:center;
}
.clr {
	clear:both;
	height:0;
}
* html .clear {
	height:.1em;
	overflow:hidden;
	margin-top:-.1em;
}
hr {
	visibility:hidden;
	border:0;
}

/* clearfix
-------------------------------------------------------------------------------------------------------*/
.section:after,
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	line-height: 0;
}

.section{
	zoom:1;/*for IE 5.5-7*/
}

.clearfix {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* Hides from IE-mac \*/
* html .section,
* html .clearfix {
	height: 1%;
}
.section,
.clearfix {
	display: block;
}
/* END Hides from IE-mac \*/

/**********************************************************
 mailform
**********************************************************/

div#mailform {
	margin: 0 20px;
}

div#mailform dl {
	margin-top: 20px;
}

div#mailform .red {
	color:#cc0000;
	font-weight:bold;
}

div#submit {
	margin-top: 20px;
}