/*画像*/
img {
    border: 0px;
}

/*文字*/
p {
   line-height: 140%;
   letter-spacing: 1px;
   color: #666;
}

p.guide {
         float: right;
}

p.guide:before {
                content: "◆";
                color: #751a85;
}

/*見出し*/

h1 {
    position: relative;
    color: #fff;
    background: #9f5faa;
    font-size: 20px;
    line-height: 1;
    margin: 30px 20px 10px -10px;
    padding: 14px 5px 10px 50px;
    border-radius: 22px 0 0 22px;
}

h1:before {
            content: "";
            position: absolute;
            background: #fff;
            top: 50%;
            left: 14px;
            margin-top :-10px;
            height: 20px;
            width: 20px;
            border-radius: 50%;
            box-shadow: 1px 1px 1px #777 inset;
}

h1:after {
           content: "";
           position: absolute;
           top: 0;
           right: -22px;
           height: 0;
           width: 0;
           border: 22px solid #9f5faa;
           border-right-color: transparent;
}

h2 {
    position: relative;
    padding-left: 20px;
    border-bottom: 2px solid #ccc;
    font-weight: bold;
    font-size: 25px;
    line-height: 38px;
}

h2:before {
           content:'';
           height: 12px;
           width: 12px;
           display: block;
           background: #751a85;
           box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
          -box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
          -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
          -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
           position: absolute;
           top: -0px;
           left: 5px;
           transform: rotate(-50deg);
           -webkit-transform: rotate(-50deg);
           -moz-transform: rotate(-50deg);
           -o-transform: rotate(-50deg);
           -ms-transform: rotate(-50deg);
}

h2:after {
          content: '';
          height: 8px;
          width: 6px;
          display: block;
          background: #9ebb00;
          box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
          -box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
          -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
          -moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
          position: absolute;
          top: 16px;
          left: 2px;
          transform: rotate(-90deg);
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          -o-transform: rotate(-90deg);
          -ms-transform: rotate(-75deg);
}

h3 {
   background-color: #ffffff;
   border-style: solid;
   border-width: 0px;
   border-left-width: 10px;
   border-color: #ba8cc2;
   padding: 10px;
   border-bottom: dashed 1px #ba8cc2;
}

h4 {
    border-top: solid 1px #9ebb00;
    border-bottom: solid 1px #9ebb00;
    line-height: 30px;
    padding-left: 20px;
    width: 150px;
}    

/*リンク装飾*/

a {
   text-decoration: none;
}

a:link.nomal {
              text-decoration: none;
              color: #751a85;
}

a:hover{
        text-decoration: none;
        border-bottom: solid 1px;
}
 
a:visited.nomal {
                 text-decoration: none;
                 border-bottom:dotted 2px #ba8cc2;
}

/*サイト全体の設定*/
#body {
       width: 800px;
       margin: 0 auto;
} 

/*ヘッダー*/
header {
       width: 800px;
       height: 60px;
}

/*ナビゲーション*/
ul.nav {
        clear: both;
        list-style: none;
        margin-left: 0px;
        padding-left: 0px;
} 

li.nav {
	font-family: HGMaruGothicMPRO;
	font: small Arial, Helvetica, sans-serif;
	list-style: none;
	float: left;
	width: 133px;
	height: 60px;
	text-align: center;
	letter-spacing: 2px;
}

a.nav {
       clear: both;
       display: block;
       padding: 10px 0px;
       text-decoration: none;
       background: rgb(246,248,249);
       background: rgb(246,248,249);
       background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 100%, rgba(245,247,249,1) 100%);
       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(100%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1)));
       background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 100%,rgba(245,247,249,1) 100%);
       background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 100%,rgba(245,247,249,1) 100%);
       background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 100%,rgba(245,247,249,1) 100%);
       background: linear-gradient(to bottom, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 100%,rgba(245,247,249,1) 100%);
}

a:hover.nav {
             border-bottom:solid 3px #751a85;

}

/*パンくずリスト*/
li.TopicPath {
              display: inline;
}

/*リスト*/
li {
   line-height: 1.3;
   letter-spacing: 1px;
   color: InactiveCaptionText;
}

/*表*/
table {
       border-spacing: 0;
       border-collapse: collapse;
}

th {
    padding: 20px;
    line-break: strict;
    background: #e2eab2;
    border:solid 1px #9ebb00;
}

td {
    padding:20px;
    border:solid 1px #9ebb00;
}

/*メイン*/
#main {
       width: 600px;
       float: right;
       vertical-align: top;
       margin-bottom: 50px;
}

/*フッター*/
footer{
      clear: both;
      width: 790px;
      height: 20px;
      padding: 5px;
      background-color: #ba8cc2;
      color: #ffffff;
      text-align: center;
}