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

/*リンク装飾*/

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

/*メイン*/
#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;
}