@charset "UTF-8";

/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Arial, sans-serif;
   font-size:12px;
   color:#333;
}

br {
   letter-spacing:normal;
}

a {
   color:#1A3182;
   text-decoration:none;
}

a:hover {
   text-decoration:underline;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

a:hover img{
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}

/* ========TEMPLATE LAYOUT======== */
#top {
   width:960px;
   margin:0 auto;
}

#header {
   position:relative;
   width:960px;
}


#gnavi {
   position:absolute;
   bottom:5px;
   right:0;
}

#menu {
   float:left;
   width:960px;
   margin-top:0px;
   margin-bottom:10px;
}

#icatch {
   width:960px;
   margin:0 auto;
   background:#fff;
}

#contents {
   width:960px;
   margin:0 auto;
   padding:10px 0 ;
   background:#fff;
}

#main {
   float:right;
   width:720px;
}

#sub {
   float:left;
   width:200px;
}



#works01 {
   float:left;
   width:470px;
   font-size:11px;
   padding-left:10px;
}

#works02 {
   float:right;
   width:470px;
   font-size:11px;
   padding-left:10px;


}

#pageTop {
   clear:both;
}

#footMenu {
   width:960px;
   clear:both;
   overflow:hidden;
   padding:10px 0;
}

#footer {
   width:960px;
   clear:both;
   padding:10px 0;
}


/* ========HEADER CUSTOMIZE======== */
#header h1 {
   margin:0;
   padding:2px 0;
   font-size:12px;
   color:#696969;
   font-weight:lighter;
   border-bottom:1px dashed #cccccc;
}

#header h1 a {
   color:#9B0000;
}

#header h1 a:hover {
   color:#D30000;
   text-decoration:none;
}

/* PR CUSTOMIZE */
#header #pr p {
   margin:0;
}

/* GNAVI CUSTOMIZE */
#header #gnavi ul {
   list-style:none;
}

#header #gnavi li {
   float:left;
   font-size:12px;
   margin-left:15px;
}

#header #gnavi li a {
   padding-left:15px;
   background:url() 0 50% no-repeat;
}


/* ========MENU CUSTOMIZE======== */
#menu ul {
   float:left;
   margin:0;
   padding:0;

}

#menu li {
   margin:0;
   padding:0;
   float:left;
   text-align:center;
   list-style-type:none;
   border-bottom:1px solid #696969;
}

#menu li span {
   font-size:12px;
   font-weight:bold;
   color:#000;
}

#menu li a {
   display:block;
   width:137px;
   padding:5px 0;
   color:#696969;
   background:url(../images/bg_menu.gif) 0 100% repeat-x;
}

#menu li a:hover {
   text-decoration:none;
   background:url(../images/bg_menu.gif) 100% 100% repeat-x;
}


#em h2 {
   font-size:12px;
   padding:10px 5px 10px 5px;
   border-bottom:1px solid #696969;

}
#em h3 {
   font-size:12px;
   font-weight:normal;
   padding:10px 5px 10px 5px;
   border-bottom:1px solid #696969;

}

#main h2 {
   font-size:14px;
   padding:10px 5px 10px 5px;
   border-bottom:1px solid #696969;

}

#main h3 {
   font-size:13px;
   font-weight:normal;
   padding:10px 5px 10px 5px;
   border-bottom:1px solid #696969;

}

/* ========works01(left)画像整列======== */

.works dl {
    display: table;
    width: 460px;
    margin-bottom:40px;
}
.works dt, dd {
    display: table-cell;
    padding: 0.5em 1em;
    vertical-align: middle;
}
.works dt {
    width: 30%;
}
.works dd {
    width: 70%;
}


/* ========table 表======== */
table.table021 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 570px;
  border-collapse: separate;
  border-spacing: 2px;
  font-size: 100%;
}

table.table021 caption {
  margin-top: 1em;
  text-align: right;
}

table.table021 th,
table.table021 td {
  padding: 4px 6px;
}

table.table021 th {
  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  background: #FFD9F3;
  text-align: center;
  white-space: nowrap;
  font-size: 92%;
}

table.table021 td {
  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  background: #F3F3F3;
  text-align: right;
  white-space: nowrap;
}
/* ========QandA======== */

div#mainImgBox{
	margin: 0 auto;
	text-align: left;
	width: 960px;
	background: url(../../index/img/mainimg.jpg) no-repeat top right;
	min-height:181px;
	height: auto !important;
	height: 181px;
	border: 1px solid #dedede;
	border-bottom: none;
}

div#mainImgBox div#mainMessageBox{
	width: 277px;
	min-height:381px;
	height: auto !important;
	height: 381px;
	background: #fff;
}

	div#mainImgBox div#mainMessageBox strong{
		font-weight: bold;
		font-size: 17px;
		display: block;
		padding: 90px 20px 10px;
	}
	div#mainImgBox div#mainMessageBox span{
		padding: 0 20px;
		display: block;
		line-height: 1.9;
		color: #666;
	}
/* ========SUBCONTENTS CUSTOMIZE======== */
#sub .section {
   margin-bottom:10px;
}

#sub h2 {
   font-size:14px;
   font-weight:bold;
   color:#333;
   line-height:1.2;
}

#sub ul {
   margin:5px 0 0 5px;
   padding:0;
}

#sub li {
   padding:5px 0 5px 0;
   list-style:none;
   background:url(../images/bg_sub_line.gif) 0 100% repeat-x;
}

#sub li a {
   display:block;
   width:200px;
   padding-left:12px;
   background:url(../images/bg_list.gif) 0 6px no-repeat;
}

#sub li a:hover {
   border:none;
   font-weight:bold;
   background:#f9ffef url(../images/bg_list.gif) 0 6px no-repeat;
   text-decoration:none;
}


/* ========PAGETOP CUSTOMIZE======== */
#pageTop {
   padding:10px 0;
   text-align:right;
}

#pageTop a {
   padding:0 0 0 12px;
   background:url(../images/bg_pagetop.gif) 0 60% no-repeat;
}


/* ========FOOTMENU CUSTOMIZE========= */
#footMenu {
   position:relative;
   padding:20px 0 0 0;
   border-top:1px solid #CECFCE;
}

#footMenu ul {
   position:relative;
   left:50%;
   float:left;
   margin:0;
   padding:0;
   list-style:none;
}

#footMenu li {
   position:relative;
   left:-50%;
   float:left;
   margin:0 20px 0 0;
   padding:0;
   font-size:12px;
}


/* ========FOOTER CUSTOMIZE======== */
#footer {
   text-align:center;
   padding:20px 0;
}

.copyright {
   font-size:11px;
}