@charset "utf-8";
/*
Theme Name: dna_wp-template_03
Theme URI: http:
Description: dna_wp-template_03
Version: 2.21
Author: DNAデザインワークス
Author URI: 
Tags: cool

	 DNA wp-template v3.01
	 

*/

*{
	margin: 0;
	padding: 0;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
}

body{
	color: #595757;
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
	border-top: 5px solid #023D7D;
	background-position: #F4F4F4;
	font-size: 11px;
}

body#toppage {
   background: url("images/body_back2.gif") 0 0 repeat-x;
}

a{color:#595757;text-decoration:none;}
a:hover{color:#5883BE;}
a:active, a:focus {outline: 0;}
img{
   border:0;
   margin-top: 2px;
   padding-left: 2px;
}
.clear{clear:both;}


/*************
全体
*************/
#wrapper{
   margin: 0 auto;
   padding: 0 10px;
   width: 960px;
}

img {
	vertical-align:bottom;
	border: 0;
	margin-right: 0px;
}

div#contents {
	width:960px;
	background:#fff;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

div#main {
	float: left;
	width: 670px;
	margin-top: 20px;
	margin-bottom: 24px;
}

div#side {
	float: right;
	width: 260px;
	margin-top: 20px;
	overflow: hidden;
	background-color: #FFFFFF;
	right: 0px;
	left: 650px;
}

div#bnr{
	float: right;
	width: 245px;
	margin-top: 0px;
	border: 1px solid #dddddd;
	background-color: #F4F4F4;
	padding: 3px 2px 5px 3px;
}

div#bnr2{
	float:right;
	width:245px;
	margin-top: 10px;
	border:1px solid #dddddd;
	background-color: #F4F4F4;
	padding: 3px 2px 5px 3px;
}

div#sub {
	float:right;
	width:250px;
	margin-top: 0px;
	font-size:11px;
	overflow:hidden;
	border:1px solid #dddddd;
	background-color: #F4F4F4;
}


/*************
/* ヘッダー
*************/
#header{
	background: url("") no-repeat 100%;
	height: 80px;
}

#header h1 {
   padding: 2px 0 0;
   font-size: 10px;
   font-weight: normal;
}

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


/*************
/* メニュー
*************/
.linedrop {
	height: 60px;/* ボタン高さ調整 */
	width: 960px;
	background: url("images/blank_blue60h2.gif");
	position: relative;
	font-family: arial, verdana, sans-serif;
	font-size: 13px;
	z-index: 500;
	margin-top: 12px;
	margin-bottom: 24px;
	margin-right: auto;
	margin-left: auto;
}

.linedrop .select {
   margin:0; 
   padding:0; 
   list-style:none; 
   white-space:nowrap;
}

.linedrop li {
   float:left;
   background:url("images/blank_blue60h_over.gif");
}

.linedrop .select a {
   display:block; 
   height:60px; /* ボタン高さ調整 */
   float:left; 
   background: url("images/blank_blue60h2.gif"); 
   padding:0 2px 0 0px; /* ボタン間隔調整 */
   text-decoration:none; 
   line-height:50px; /* ボタン文字位置調整 */
   white-space:nowrap; 
   color:#FFFFFF;
}

.linedrop .select li.line a {color:#FFFFFF;}

.linedrop .select a b {
   display:block; 
   padding:0 49px 0px 54px; /* ボタン表示幅調整 */
   background:url("images/blank_blue60h2.gif") right top;
}

.linedrop .select a:hover, 
.linedrop .select li:hover a {
   background: url("images/blank_blue60h_over.gif");
   padding:0 33px 0 10px;/* ホバー時ボタン幅調整 */
   line-height:50px;/* ボタン文字位置調整 */
   cursor:pointer;
   color:#2C538C;
}

.linedrop .select li.line a:hover, 
.linedrop .select li.line:hover a {
   color:#2C538C;
}

.linedrop .select a:hover b, 
.linedrop .select li:hover a b {
   display:block; 
   padding:0 18px 9px 41px; 
   background:url("images/blank_blue60h_over.gif") right top; 
   cursor:pointer;
}

.linedrop .sub {
   display:none;
}
.linedrop ul ul {display:none;}

/* IE6 only */
.linedrop table {
   border-collapse:collapse; 
   margin:-1px; 
   font-size:1em; 
   width:0; 
   height:0;
}

.linedrop .sub {
   margin:0; 
   padding:0;
   list-style:none;
}

.linedrop .sub li {background:transparent;
   
}

.linedrop .select :hover .sub {
   height:27px;
   display:block;
   position:absolute;
   float:reft;
   width:958px;
   top:53px; /* subメニューからの位置調整 */
   left:4px;
   text-align:left;
   background:transparent url("images/transparent.gif");
   border-bottom:0px solid #3963A4;
   border-left:0px solid #3963A4;
   border-right:0px solid #3963A4;
   background-color: #; /* subメニューベース色#E6E6E6 */
}

.linedrop .select :hover .rt li {float:right;}

.linedrop .select :hover .sub li a {
   display:block;
   height:27px;
   line-height:27px;
   float:left;
   background:transparent url("images/transparent.gif");
   padding:0 16px　6px 8px;
   margin:0;
   white-space:nowrap;
   background: url("images/bg_list_header.gif") 0 50% no-repeat;
   color:#7c7c7c;/* subメニュー文字色#6C6B6B */
   font-size:12px;
   font-weight: bold;
}

.linedrop .select :hover .sub li.subline a {
   color:#c00; 
}

.linedrop .select :hover .sub li a:hover,
.linedrop .select :hover .sub li:hover {
	color:#000;
	line-height:25px;
	position:relative;
	background-color: #E6E6E6;
	padding-left: 10px;
}

.linedrop .select :hover .sub li:hover > a {
   color:#2C538C;
}

/*********************
アイキャッチSlider
*********************/
.slideshow_box{
width:960px;
height:316px;
margin-bottom: 34px;
}

	
/*************
メイン（左側）コンテンツ
*************/
div#main a {
   color:#134D99;
}

div#main a:hover {
   color:#0066CC;
}

div#main h2 {
   margin-bottom:8px;
   padding:3px 0 0 20px;
   color:#595757;
   font-size:16px;/* 15px相当 */
   font-weight:normal;
   line-height:34px;
   border:1px solid #D8D8D8;
   background:url("images/bg_h2_b.gif") 0 0 no-repeat;
}

div#main h3 {
	margin-bottom:3px;
	font-size:14px;
	padding:10px 14px 0px 8px;
	border-bottom:4px solid #CDDAE6;
}

div#main h4 {
	margin-bottom:0px;
	height:28px;
	line-height:28px;
	font-size:14px;
	border-bottom:1px solid #DDDDDD;
	padding-left: 4px;
	padding-top: 4px;
	background-color: #EFF2F4;
}

div#main h5 {
   margin-bottom:2px;
   font-size:14px;
   padding-left: 6px;
   margin-bottom:10px;
   background:url("images/bg_072_05.png") ;
}

div#main h6 {
   margin-bottom:2px;
   font-size:14px;
   padding-left: 6px;
   margin-bottom:10px;
   background:url("images/bg_th_gray.jpg") ;
}

div#main p {
	margin:0 0 1em 6px;
	font-size:12px;/* 12px相当 */
	padding-left: 0px;
}

div#main ul,ol,dl {
   font-size:10.5px;/* 12px相当 */
}

div#main dt {
   margin-bottom:3px;
}

div#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:#f1f1f1;
   font-size:10.5px;/* 12px相当 */
}


/* --- リストエリア --- */
ol.topicPath {
margin: 0;
padding: 0 10px 0 10px ;
list-style-type: none;
font-size: 10px;
}

/* --- リスト項目 --- */
ol.topicPath li {
display: inline;
}

/* --- リンク --- */
ol.topicPath li a {
margin-right: 6px; /* リンクエリアの右マージン */
}

/*  --- トップページのニュース＆トピックス---  */
* html body div#main dl.information dd div {
   display:inline-block;
}

div#main dl.information dt {
	float:left;
	width:98px;
	margin:0;
	padding:0;
	padding-left: 6px;
	font-size:12px;
	border-bottom:1px solid #CFCFCF;
}

div#main dl.information dd {
   margin:0 0 6px 104px;
   padding:0;
   background:transparent;
   border-bottom:1px solid #CFCFCF;
}

/*  --- ニュース＆トピックス一覧 & 設計事例履歴---  */
#acMenu dt{
    font-size:14px;
	font-weight: bold;
	display:block;
	margin-top: 12px;
    width:650px;
    height:60px;
    line-height:60px;
    text-align:center;
    border:#CFCFCF 1px solid;
    cursor:pointer;
    background:url("images/i_swich.png") 360px -63px no-repeat;
    padding-right:15px;
    }
	
#acMenu dd{
	background:#fff;
	width:650px;
	line-height:16px;
	text-align:left;
	display:none;
    }
#acMenu dd p{
    border-bottom:1px solid #CFCFCF;
	}	
#acMenu dt.active{
    background:url("images/i_swich.png") 360px 21px no-repeat;
    }

/*************
サイド（右側）コンテンツ
*************/
div#sub .section {
   margin-bottom:5px;
}

div#sub h2 {
	padding:6px;
	font-size:14px;/* 14px相当 */
	font-weight:normal;
	color:#fff;
	padding-left:0px;
	border-top:5px solid #F4F4F4;
	border-left:5px solid #F4F4F4;
	border-right:5px solid #F4F4F4;
	background-image:url("images/bg_side_h2.gif");
}

#sub,.sbm2{
    margin:0px;
    padding:0px;
    list-style-type:none;
}
.sbm2{
    padding-left:9px;
}
.off .sbm2{
    display:none;
}
.on .sbm2{
    display:block;
}
#sub a{
    margin:auto;
    width:240px;
    height:30px;
    line-height:30px;
    text-align:left;
    text-indent:30px;
    text-decoration:none;
    white-space:nowrap;
    background-image:url("images/menu2_bg.jpg");
    background-repeat:no-repeat;
    background-position:top left;
    display:block;
    overflow:hidden;
	border-left:solid 0px #dddddd;
	border-right:solid 0px #dddddd;
	border-bottom:solid 0px #dddddd;
	border-top:solid 1px #dddddd;
}
#sub a:hover{
    background-image:url("images/menu2_blue_on.jpg");
    background-repeat:no-repeat;
    background-position:top left;
}
#sub .sbm2 a{
    width:230px;
    border-left:solid 0px #dddddd;
	border-right:solid 1px #dddddd;
	border-botom:solid 0px #dddddd;
}

/*************
/* フッター
*************/
#pagetop {
	position: fixed;
	bottom: 194px;
	right: 6px;
}

#pagetop a {
    background: #D3D3D4;
	text-decoration: none;
	color: #fff;
	width: 76px;
	padding: 0px 0;
	text-align: center;
    display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#pagetop a:hover {
    text-decoration: none;
    background: #9FA0A0;
}

#footer{
	clear:both;
	background-color: #CDDAE6;
	width: 100%;
	margin: 0 auto;
}

div#footMenu {
	width:960px;
	margin:0 auto;
	background-color: #CDDAE6;
	padding-top: 12px;
	padding-bottom: 4px;
}

div#footMenu li {
   display:inline;
   margin:0 0 0 0px;
   font-size:10px;/* 12px相当 */
   list-style:none;
}

div#footMenu li a {
	padding-left: 10px;
	background: url("images/bg_list.gif") 0 50% no-repeat;
	padding-bottom: 8px;
	font: 11px;
}

div#address {
	background:#023D7D;
}

div#address {
	font-size:12px;/* 11px相当 */
	font-style:normal;
	color:#FFFFFF;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 auto;
}