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

h3{
    position: relative;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 2.0em;
    border-bottom: 2px solid #d5bada;
}
 
h3:before{
    content: "□";
    font-size: 200%;
    position: absolute;
    color:#d5bada;
    top: -0.8em;
    left: 0.3em;
    height: 12px;
    width: 12px;
}
 
h3:after{
    content: "□";
    font-size: 200%;
    position: absolute;
    color:#e2eab2;
    top: -0.5em;
    left: 0;
    height: 12px;
    width: 12px;
}

/*リンク装飾*/

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

/*履歴*/
#history {
           width:700px;
           margin:20px;
           letter-spacing:1.5px;
}

dt.history {
            padding:5px;
}

dd.history {
            margin-left:20px;
            padding:10px;
            border-bottom:2px dashed #cedd7f;
            color:#666;
} 

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