@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:'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro', '丸ゴシック-M' , 'ＭＳ Ｐゴシック', Osaka, sans-serif;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size : small ;
  line-height : 140% ;
}


/* レイアウト */
.base {
  width : 800px ;
  border-left : solid 1px #2c1612 ;
  border-right : solid 1px #2c1612 ;
  background-color : #f7eddf ;
  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 ;
}


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



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

p.summary {
	font-size: 16px;
	line-height: 160%;
	padding:0;
	margin-bottom: 20px;
	}

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

dt {
  font-weight : bold ;
  padding : 0px 0px 5px 0px ;
  margin : 0px ;
}

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



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

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

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




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


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



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

/*　実用新案登録済　*/
.registered {
	color: #666;
	border: solid 1px #666;
	font-size: 11px;
	line-height: 100%;
	width: 10em;
	text-align: center;
	position: relative;
	float: right;
	padding: 5px 0 4px 0;
	margin-bottom: 20px;
	
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	}


/*****　登録　*****/

p.patent {
	float: right;
	font-size: 11px!important;
	color: rgba(0,0,0,0.8)!important;
	line-height: 100%!important;
	background-color: #fff!important;
	margin: 15px 0 0px !important;
	}
p.patent span {
	border: solid 1px #aaa!important;
	border: solid 1px rgba(0,0,0,0.3)!important;
	background-color: #fff!important;
	display: inline-block;
	color: #555;
	padding: 5px 13px!important;
	margin-bottom: 0;
	
	-moz-border-radius: 20px!important;
	-webkit-border-radius: 20px!important;
	border-radius: 20px!important;
	}
p.patent span + span {margin-left: 10px;}


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

/* ページタイトル */
.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 ;
}


/* ３カラム */
.column3-left {
  float : left ;
  width : 232px ;
  margin : 0px 0px 0px 0px ;
}

.column3-center {
  float : left ;
  width : 232px ;
  margin : 0px 0px 0px 12px ;
}

.column3-right {
  float : right ;
  width : 232px ;
  margin : 0px 0px 0px 0px ;
}



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

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

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


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

.inline-left {
  float : left ;
  padding : 0px 20px 10px 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 ;
}



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

.head {display: flex}

.head-navi {
  height : 20px ;
  text-align : left ;
  background-image : url("../contents/images/head_navi_bg.jpg") ;
  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 : #663300 ; 
  font-size : 12px ;
  background-image : url("../contents/images/foot_bg.gif") ;
  background-repeat: repeat-x ;
  padding : 0px 0px 20px 0px ;
}

.foot a {color : #663300;}


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

/* パンくず　*/
.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 17px ;
}


/* テキストリンクの頭　リスト */
ul.link-head-list {
  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 17px ;
}


/* スタディメイトへ　*/
.studymate-link {
  padding : 0px ;
  margin : 0px 0px 10px 0px ; 
}

.studymate-link img {
  float : left ;
  padding : 0px ;
  margin : 0px ; 
}

.studymate-link p {
  padding : 5px 0px 0px 0px ;
  margin : 0px 0px 0px 0px ; 
}

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


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



/***********************************/
/* 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; 
}