@charset "UTF-8";

/* elements */

h1,
h2,
h3,
h4,
h5{
 margin: 0;
 padding: 0;
}

p{
 margin: 0 auto;
 padding: 0;
 padding-bottom: 0.5em;
}


dl{
 margin: 0px auto;
 padding: 0px;
}

a img{
 border: none;
}

a:link{color:#0000ff;}
a:visited{color:#810081;}
a:active{color:#ff0000;}

blockquote{
 margin: 0px 0px 1em 1em;
 padding:0.5em;
 border-left: 1px solid #666666;
}

/* 基本骨子 */

body{
 margin: 0;
 padding: 0;
 background-color: #9d6cff;
 line-height: 140%;
 font-size: small;
 color: #333333;
}

div#header{
 height: 140px;
 background: url("/common/img/header_bg.png") left top repeat-x;
 text-align: center;
}

div#header div#common_header{
 height: 140px;
 position:relative;
 width: 870px;
 margin:0 auto;
 text-align: left;
}

div#header div#common_header p#logo_sub{
 position: relative;
 width:300px;
 margin:0px;
 padding: 8px 0 0;
}

div#header div#common_header h1#logo span{
 font-size: 12px;
}

div#header div#common_header ul#pnavi{
 clear: both;
 position: absolute;
 top: 8px;
 right: 0px;
 margin: 0;
 padding: 0;
 list-style: none;
 z-index: 20;
}

div#header div#common_header ul#pnavi li{
 float: left;
 margin-left: 10px;
 display: inline;
}

div#header div#common_header ul#pnavi li a{
 padding-left: 10px;
 background: url("/common/img/link_arrow.png") left center no-repeat;
 text-decoration:none;
 color:#333333;
}

div#header div#common_header ul#pnavi li a:hover{
 text-decoration:underline;
}

div#header div#common_header div#gnavi{
 margin-top:27px;
}

div#header div#common_header div#gnavi ul{
 position: absolute;
 top:100px;
 left:0;
 width: 871px;
 margin: 0px;
 padding: 0px;
 border-right: 1px #999999 solid;
 list-style: none;
}

div#header div#common_header div#gnavi ul li{
 float: left;
 height: 40px;
 margin: 0px;
 padding: 0px;
 text-indent: 0px;
 border-left: 1px #999999 solid;
 background-color: #ffffff;
}

div#header div#common_header div#gnavi ul li img{
 vertical-align: bottom;
}

div#header div#common_header div#gnavi ul li.current a img,
div#header div#common_header div#gnavi ul li a:hover img{
-moz-opacity:0.8;
opacity:0.8;
filter: alpha(opacity=80);
}

div#header div#common_header #hdnm{
 position: absolute;
 top: 36px;
 left: 105px;
 z-index: 10;
}

div#header div#common_header #hdsil{
 position: absolute;
 top: 7px;
 right: -36px;
 z-index: 10;
}

div#body{
 margin: 0px auto;
 padding: 5px 0px 0px;
 background: url("/common/img/body_bg.png") left top repeat-x;
 background-color: #ffffff;
 text-align: center;
}

div#body_bottom{
 height: 50px;
 background: url("/common/img/body_bottom.png") left bottom repeat-x;
 background-color: #ffffff;
}

div#body_bottom p.pagetop{
 width: 875px;
 margin: 0 auto;
 padding-top: 20px;
 text-align: right;
}

div#body_bottom p.pagetop a{
 background: url("/common/img/pagetop_arrow.png") left center no-repeat;
 padding:0px 10px 0px 15px;
 text-decoration: none;
 color: #666666;
}

div#footer{
 height: 200px;
 margin: 0px auto;
 background: url("/common/img/footer_bg.png") left top repeat-x;
 text-align: center;
 font-size: small;
 color: #ffffff;
}

div#footer ul{
 width: 870px;
 margin: 0px auto;
 padding: 20px 0;
}

div#footer ul li{
 margin: 0px 10px 0px;
 padding-left: 10px;
 background: url("/common/img/footer_arrow.png") left center no-repeat;
 display: inline; 
 list-style: none;
}

div#footer ul li a,
div#footer ul li a:link,
div#footer ul li a:visited,
div#footer ul li a:hover,
div#footer ul li a:active{
 color:#ffffff;
 text-decoration: none;
}

div#footer p#copyright{
 width: 870px;
 margin: 0 auto;
 padding: 20px;
 text-align: right;
}

/* id */
dl#pickup{
 margin: 0 10px;
}
dl#pickup dt{
 margin-top: 10px;
 font-weight: bold;
}
dl#pickup dd{
 margin:0 auto;
 padding-left: 20px;
 background: url("/common/img/link_arrow.png") 10px 5px no-repeat;
}


/* class */
div.breadcrumb{
 width:870px;
 margin:0px auto 10px;
}

div.breadcrumb p{
 margin:0 auto;
 text-align:left;
}

p.inner_link{
 padding: 10px 0px;
 text-align: right;
}

p.inner_link a{
 padding-left:10px;
 background: url("/common/img/link_arrow.png") left center no-repeat;
}

.attention{
 font-size: x-small;
}

.mgT-10{
 margin-top: -10px;
 position: relative;
}
.mgT-20{
 margin-top: -20px;
 position: relative;
}

.pdT20{
 padding-top: 20px;
}

div.box_m{
padding: 0 20px 0 10px;
}

div.box_inner{
 padding: 0px 0px;
}

.entry blockquote p{
 padding:0;
}

.entry p{
padding-bottom:1em;
}

.clearfix:after {
 content: "."; /* 新しい要素を作る */
 display: block; /* ブロックレベル要素に */
 clear: both;
 height: 0;
 visibility: hidden;
}

.clearfix {
 min-height: 1px;
}

* html .clearfix {
 height: 1px;
 /*\*//*/
 height: auto;
 overflow: hidden;
 /**/
}