@charaset "UTF-8";
/* DCT-Company Site Style Sheet 2004 */

/***********************************/
/* 全体制御                        */
/***********************************/

/*
*{
  background-color : #FF3300 ; 
}
*/

body { 
  color : #333333 ; 
  text-align : center ;
  background-color : #FFFFFF ; 
  margin : 0px ;
}


/* ベースフォント */
.base-font {
  font-family: "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic", Arial, "メイリオ", Meiryo, sans-serif;
  font-size : small ;
  line-height : 160% ;
}


/* レイアウト */
.base {
  width : 800px ;
  border-left : solid 1px #008faa ;
  border-right : solid 1px #008faa ;
  background-color : #f5f5f5 ;
  background-image : url("../contents/images/bg_base.gif") ;
  background-repeat: repeat-x ;
  margin-left : auto ;
  margin-right : auto ; 
}


/***********************************/
/* コンテンツ全体用      　　　    */
/***********************************/

/* 本文ブロック用 */
.contents {
  text-align : left ;
  background-color : #FFFFFF ;
  padding : 0px 0px 1px 0px ;
  margin : 20px 20px 0 ;
  }
.contents + .contents {margin: 0 20px 20px;}


/* セクション */
.section {
  padding : 0px 20px 0px 20px ; 
  margin : 0px 0px 20px 0px ;
}



/* 本文 */
p {
  padding : 0px 0px 15px 0px ;
  margin : 0px ;
}


dl {
  padding : 0px 0px 5px 20px ;
  margin : 0px ;
}

dt {
  color : #8B4D0F ;
  font-weight : bold ;
  padding : 0px 0px 5px 0px ;
  margin : 0px ;
}

dd {
  padding : 0px ;
  margin : 0px 0px 10px 20px ;
}



ul {
  padding : 0px 0px 10px 20px ;
  margin : 0px ;
}

ol {
  padding : 0px 0px 10px 20px ;
  margin : 0px ;
}

li {
  padding : 0px ;
  margin : 0px 0px 5px 20px ;
}




/* リンク */
a {
  color : #0053A6 ;
  text-decoration: none;
  outline: none;
}
a:hover {
  color : #cc6600 ;
  text-decoration: none;
  outline: none;
}
a:visited {
  color : #B76BB4 ;
  outline: none;
}


caption a:visited {
  color : #0053A6 ;
  font-weight : normal ;
}



/* イメージ */
img {
  border : none ;
  vertical-align : baseline ;
  margin : 0px ;
  padding : 0px ;
}


/***********************************/
/* 見出し                          */
/***********************************/

/* ページタイトル */
.contents-title {

}

h1{
  font-size : small ;
  margin : 0px 0px 10px 0px ;
  padding : 0px ;
}

h2{
  font-size : small ;
  padding : 0px 0px 20px 0px ;
  margin : 0px ;
}
 
h3 {
  font-size : small ;
  padding : 0px 0px 15px 0px ;
  margin : 0px ;
}


h4 {
  font-size : small ;
  padding : 0px 0px 15px 0px ;
  margin : 0px ;
}


h4.mini {
  font-size : small ;
  padding : 0px 0px 5px 0px ;
  margin : 0px ;
}



/***********************************/
/* レイアウト                      */
/***********************************/

/* ２カラム */
.layout-left {
  float : left ;
  width : 350px ;
  margin : 0px 0px 0px 0px ;
}

.layout-right {
  float : right ;
  width : 350px ;
  margin : 0px 0px 0px 0px ;
}



/* 配置制御用 */
.position-center {
  text-align : center ;
}

.position-right {
  text-align : right ;
}

.position-left {
  text-align : left ;
}


/* パラグラフ中の画像配置 */

.inline-left {
  float : left ;
  margin : 0px 20px 15px 0px ;
}

.inline-right {
  float : right ;
  margin : 0px 0px 15px 20px ;
}

.inline-top {
  margin : 0px 0px 15px 0px ;
}

.inline-bottom {
  margin : 15px 0px 0px 0px ;
}


/* float解除用 */
.clear-right {
  clear : right ;
}

.clear-left {
   clear : left ;
}

.clear-both {
   clear : both ;
}

.float-none {
   float : none ;
}



/***********************************/
/* ヘッダ−　                      */
/***********************************/


.header {
    display: flex;
    }

.head-navi {
  height : 20px ;
  text-align : left ;
  background-image : url("../contents/images/head_navi_bg.jpg") ;
  background-position: left bottom 0;
  padding : 0px 0px 0px 0px ;
}

.navi-left {
  float : left ;
}

.navi-right {
  float : right ;
}


/***********************************/
/* フッタ−　                      */
/***********************************/

/* 全ページ共通フッター */

.foot-navi {
  height : 18px ;
  text-align : center ;
  background-image : url("../contents/images/foot_navi_bg.gif") ;
  padding : 0px 0px 0px 0px ;
}

.foot {
  color : #333333 ; 
  font-size : 12px ;
  background-image : url("../contents/images/foot_bg.gif") ;
  background-repeat: repeat-x ;
  padding : 0px 0px 20px 0px ;
}
.foot a { color : #333333 ;}

/***********************************/
/* ナビゲーション                  */
/***********************************/

/* パンくず　*/
.navi-route {
  color : #555555 ;
  font-size : 85% ;
  text-align : left ;
  padding : 0px 0px 5px 30px ;
}

.navi-route a:visited {
  color : #0053A6 ;
}

/* ページトップへ */
.navi-pagetop {
   font-size : 85% ;
   text-align : right ;
   margin  : 10px 20px 20px 0px ;
}

.navi-pagetop a:visited {
  color : #0053A6 ;
}


/* テキストリンクの頭　テキスト */
.link-head-text a {
  line-height : 200% ;
  background-image: url("../contents/images/link_head.gif");
  background-repeat: no-repeat;
  padding : 5px 0px 5px 30px ;
}


/* テキストリンクの頭　リスト */
ul.link-head-list,
ul.link-head-list02 {
  list-style: none;
  margin: 0px ; 
  padding : 0px ;
}

.link-head-list li{
  line-height : 140% ;
  background-image: url("../contents/images/link_head.gif");
  background-repeat: no-repeat;
  padding : 3px 10px 5px 30px ;
}

.link-head-list02 li{
  line-height : 140% ;
  background-image: url("../contents/images/link_head02.gif");
  background-repeat: no-repeat;
  padding : 3px 10px 5px 12px ;
}


/***********************************/
/* その他　   　　                 */
/***********************************/

.icon-eco {
  text-align : right ;
  margin : 0px 0px 10px 0px ; 
}


.partition {
  background-image: url("../contents/images/line03.gif");
  background-position : center ;
  background-repeat : repeat-y ;
}


/*　動画　*/

.movie {
	text-align: center;
	background-color: #eee;
	margin-bottom: 20px;
	padding: 20px 10px 0px 10px;
	}
.movie h3 {
	font-size: 120%;
	margin-bottom:10px;
	}
.movie p {
	font-size: 90%;
	margin-top: 5px;
	margin-bottom:0;
	}



.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}



/***********************************/
/* SNS　   　　                    */
/***********************************/

.social_btn { 
	margin: 0px 0px 0px 20px; 
	padding: 0px; 
	width:580px; 
}

.social_btn .google {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	display: inline;
	width: 60px;
}

.social_btn .twitter { 
	float: left; 
	margin: 0px 10px 0px 0px; 
	padding: 0px; 
	display: inline; 
	width: 120px; 
}

.social_btn .facebook { 
	float: left; 
	margin: 0px 10px 0px 0px; 
	padding: 0px; 
	display: inline; 
	width: 120px; 
}

.social_btn .mixi { 
	float: left; 
	margin: 0px 10px 0px 0px; 
	padding: 0px; 
	display: inline; 
	width: 60px; 
}