/*
Theme Name: Type24_purple
Author: Tsunehisa Hazama
Author URI: http://www.jp-soft.com/
*/

* {margin: 0; padding: 0;}
html{height: 100%;}

/* 基本指定 ---------------------------- */
body {
  margin: 0;
  padding: 0;
  color:#333;
  text-align: center;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.05em;
  font-family: "ＭＳ Ｐゴシック","MS P Gothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka", Verdana,Arial, Helvetica, sans-serif;
  background: #EFEFEF url("img/back.gif") repeat-x;
}

/* strong */
strong {font-weight: bold;}

/* 初期化 */
h1,h2,h3,h4{font-size: 14px;font-weight: normal;}
hr{display: none;}

/*テキストの属性*/

/*
装飾用文字色
-------------------------------------------------------------------*/


/*色を指定します*/
.aka { color: #ff0000; }
.ao { color: #0000cc; }
.tya { color: #bd000e;}
.gray { color: #3d3737;}


/*文字を太くします*/
.b { font-weight: bold; }


/*文字のフォントを指定します*/
.big { font-size: 18px; }
.big1 { font-size: 24px; }
.big2 { font-size: 16px; }
.big3 { font-size: 30px; }
.big4 { font-size: 36px; }
.big5 { font-size: 40px; }

.big10 { font-size: 10px; }
.big12 { font-size: 12px; }
.big14 { font-size: 14px; }
.big16 { font-size: 16px; }
.big18 { font-size: 18px; }
.big20 { font-size: 20px; }
.big24 { font-size: 24px; }
.big28 { font-size: 28px; }
.big32 { font-size: 32px; }
.big36 { font-size: 36px; }
.big40 { font-size: 40px; }
.big44 { font-size: 44px; }
.big48 { font-size: 48px; }


/*文字を装飾します*/
.u { text-decoration: underline }
.itlc {font style: italic }
.ind  {text-indent: 2em }
.ind2 {text-indent: 4% }
.ind3 {text-indent: 6px }
.ind4 {text-indent: 8px }

/*文字を装飾します*/
.line { background:#ffff86; }

/*アフィリリンク誘導*/
/*ｈ２*/

.goto {
	margin: 10px 10px 1px 10px;
	padding-top:0px;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
}





/*ｈ３*/

.goto1 {
	margin: 10px 10px 1px 10px;
	padding-top:0px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}

.goto2 {
	margin: 10px 10px 1px 10px;
	padding-top:0px;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
}
.goto3 {
	margin: 10px 10px 1px 10px;
	padding-top:0px;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
}


.goto4 {
	margin: 10px 10px 1px 10px;
	padding-top:0px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}


.center { text-align: center; }


/* 画像の属性 */
img {border: none; margin: 0;}
.img-l{float: left;margin: 5px 10px 5px 0;}
.img-r{float: right;margin: 5px 0 5px 10px;}
.img-c{;margin: 10px auto;}
.img-m{margin-right: 5px; vertical-align: middle;}
.img-t{margin-right: 5px; vertical-align: top;}
.img-b{margin-right: 5px; vertical-align: bottom;}

/* 線の属性 */
.dot{border-bottom:1px dotted #ccc;}
.solid{border-bottom:1px solid #ccc;}

/* 画像のリンク属性 */
a img.link{background:none!important;}
a:hover img.link{
  filter: alpha(opacity=50);
  -moz-opacity:0.50;
  -ms-filter: "alpha( opacity=60 )";
  opacity:0.50;
  background:none!important;
}

/*引用属性*/
blockquote {
  width: 400px;
  height: 200px;
  overflow: auto;
  border: 1px solid #CCC;
  scrollbar-face-color: #DCEBF0;
  margin: 10px 20px 10px 20px;
  padding: 5px;
  text-align: left;
  }



/* テキストリンクの属性（未指定の時） */
a:link, a:visited, a:active {color: #0000ff;text-decoration: none;}
a:hover {color:#CC0000;text-decoration: underline;position: relative; top: 1px; left: 1px;}
  
/* レイアウト設定---------------------------- */
#base{
  width: 850px;
  margin: 0 auto;
  background: url("img/base.gif") repeat-y;
  text-align: center;
  position: relative;
}

#containar {
  width: 820px;
  margin: 0 auto;
  text-align: left;
  background: #FFF;
}

/*ヘッダー---------------------------- */
#header  {
  height:90px;
  width: 850px;
  margin: 0 auto;
  background: #EAEAEA url("img/header.gif") no-repeat;
  text-align: left;
}

#header h1{
  position: absolute;
  top: 0px;
  left: 10px;
  font-size: 12px;
  font-weight: nomal;
  line-height: 20px;
  color: #6D4D7D;
}

#header #h_navi{
  padding: 2px 10px 0 0;
  text-align: right;
  font-size: 12px;
  line-height: 16px;
}

#header #h_navi img{margin: 0 2px;border-style: none; vertical-align: middle;}

#header #stitle{
  position: absolute;
  top: 30px;
  left: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 150%;
  color: #6D4D7D;
}

#stitle a:link, #stitle a:visited, #stitle a:active {color: #6D4D7D;text-decoration: underline;}
#stitle a:hover {color:#FF3300;text-decoration: none;}

#header #des{
  position: absolute;
  top: 65px;
  left: 10px;
  font-size: 12px;
  font-weight: nomal;
  line-height: 130%;
  color: #555;
}


/* navigation */
#navigation{
  margin: 0;
  padding: 0;
  background:url("img/header2.gif") no-repeat;
  width:850px;
  height:55px;
}

#navigation ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

#navigation li{margin: 0; padding: 0; float: left;}
#navigation li a{
  float: left;
  width: 141px; 
  height:55px;
  font-size: 12px;
  font-weight: bold;
  line-height: 50px;
  text-decoration: none;
  display:block;
  background:url("img/navi01.gif") no-repeat;
}

#navigation li a:hover{
  background:url("img/navi02.gif") no-repeat;
  text-decoration: none;
  position: relative; top: 0px; left: 0px;
}

#navigation li.last a{
  float: left;
  width: 145px; 
  height:55px;
  font-size: 12px;
  font-weight: bold;
  line-height: 50px;
  text-decoration: none;
  display:block;
  background:url("img/navi03.gif") no-repeat;
}

#navigation li a:hover{
  background:url("img/navi04.gif") no-repeat;
  text-decoration: none;
  position: relative; top: 0px; left: 0px;
}

/*  パンくずリスト  */
#contents .navi {
  margin:0px;
  padding-bottom: 10px;
  font-size: 12px;
  text-align: left;
}


/*スライドショー*/
#slideshow {
  margin: 10px auto 0 auto;
  width: 820px;
  height: 200px;
}


/*コンテンツ*/
#contents {
  float: left;
  width: 600px;  
  margin-top: 15px;
  background: #FFF;
  overflow: hidden;
}

#contents h2  {
  margin: 10px 0;
  padding-left: 18px;
  font-size: 24px;
  color: #6D4D7D;
  font-weight: bold;
  text-align: left;
  line-height: 150%;
  display: inline;
  background: url("img/h_list.png") no-repeat top left;
  border-bottom: 3px solid #F30;
}

#contents h3 {
  margin: 10px 0 10px 10px;
  padding-left: 5px;
  font-size:115%;
  font-weight: bold;
  color: #6D4D7D;
  line-height: 30px;
  text-align: left;
  border-left: 10px solid #7D4F94;
  border-bottom : 3px solid #7D4F94;
  border-top : 3px solid #947AA1;
  border-right : 3px solid #947AA1;

}

#contents h2 a:link,
#contents h2 a:visited,
#contents h2 a:active,
#contents h3 a:link,
#contents h3 a:visited,
#contents h3 a:active{
  color: #6D4D7D;
  font-weight: bold;
  text-decoration: none;
  display: block;
}

#contents h2 a:hover,
#contents h3 a:hover{
  color : #990066;
  text-decoration: underline;
}

#contents h4 {
  margin: 10px 10px 10px 0;
  border-bottom: 1px solid #DDD;
  color: #555;
  font-weight: bold;
  font-size: 100%;
  line-height: 150%;
  display: block;
  text-align: left;
}

#contents .line{
  clear: both;
  margin: 10px 0 20px 0;
  border-bottom: 1px solid #CCC;
}

#contents .doc{
  margin: 10px;
  text-align: left;
}

#contents .doc p{
  padding: 5px 0;
}

#contents ol{
  margin: 0px 0px 0px 30px;
}

#contents li{
  margin: 0;
  font-size: 100%;
  line-height: 150%;
}


#contents .hbtx3{
	clear:both;
	width: 560px;
	color:#929286;
	font-size:14px;
	line-height:125%;
	font-weight:normal;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 0px;
	margin-bottom: 30px;
	padding:10px 10px 10px 10px;
	background: #FEFDE5;
	border: 1px solid #929286;
        word-break: break-all
}

#contents .hbtx3 p{
	margin:0;
	padding-right: 5px;
	padding-left: 5px;
	line-height:125%;
	font-size:14px;
	color:#444444;
}



#f_navi {
  clear: both;
  text-align: right;
  margin: 0px;
  padding: 10px;
  font-size: 12px;
  line-height: 16px;
}

#f_navi img{margin: 0 5px;border-style: none; vertical-align: middle;}






/*  相互リンクリスト属性 */
#contents .slink ol{
  margin: 10px 5px 20px 30px;
}

#contents .slink ol li{
  margin: 0;
  font-size: 12px;
  line-height: 150%;
}


/*サイドバー*/
#sidebar {
  float: right;
  width: 200px;
  margin-top: 15px;
  color: #666;
  text-align: left;
  font-size: 12px;
}


#sidebar .w_new{
  margin-top: 10px;
}

#sidebar .line{
  clear: both;
  margin: 10px 0;
  border-bottom: 1px solid #CCC;
}

/*メニュー*/
#sidebar .idx{
  margin-top: 10px;
  padding-left: 5px;
  font-size: 13px;
  font-weight: bold;
  border-top: 2px solid #947AA1;
  border-bottom: 1px solid #947AA1;  
}

#sidebar ul{
  list-style: none;
  margin: 5px 0 15px 10px;
}

#sidebar ul li{
  padding-left: 15px;
  color: #6D4D7D;
  text-align: left;
  line-height: 150%;
  background: url("img/list.png") no-repeat;
}

/*フッター*/
#footer{
  clear: both;
  height: 60px;
  margin: 0;
  padding-top: 20px;
  background: #FFF;
  border-top: 5px solid #947AA1 ;
}

#footer .copyright{
  margin: 0 auto;
  width: 830px;
  text-align: left;
  font-size: 12px;
  line-height: 150%;
}

.copyright p{
  padding: 0 15px;
  text-align: left;
}

ul.f_list{
  margin; 0;
  list-style: none;
}

.f_list li{
  margin-right: 5px;
  display: inline;
}

.f_list img{margin-right: 5px;border-style: none; vertical-align: middle;} 

#footer a:link, #footer a:visited, #footer a:active {color: #6D4D7D;text-decoration: none;}
#footer a:hover {color:#CC0000;text-decoration: underline;}
  
/*
概要
-------------------------------------------------------------------*/

#gaiyou {
	color:#eee;
	font-size:10px;
	line-height:125%;
	font-weight:normal;
	margin-top: 20px;
	margin-left: 0px;
	margin-right:20px;
	margin-bottom: 10px;
	padding:0;
	background: #f7f8f4;
	border: 0px solid #929286;
        word-break: break-all
        position: relative;
         clear: both;
}


#gaiyou p {
	background: none;
	margin: 0px;
	padding: 5px;
	font-size:10px;
	line-height:130%;
	color: #999;
}