@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
*{
margin: 0;
padding:0;
text-decoration:none;
font-weight: normal;
}

body {
font-size:75%;line-height: 1.5;background-color: #fff;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

img {border: none;vertical-align: top;}
img.right{float:right;margin-left:15px;}
img.left{float:left;margin-right:15px;}
img.center{margin-left:auto;margin-right:auto;display : block;}

p.right{text-align:right;clear: both;}
p.center{text-align:center;clear: both;}
p.left{text-align:left;clear: both;}


p.more {padding:4px 14px;text-align:center;}
p.more a{padding-left:16px;background: url("./images/greenblink.gif") ;background-repeat:no-repeat;}



/* 全体
---------------------------------------------------- */
#wrapper{
width: 955px;margin: 10px auto;
background-image: url("./images/wrapperback-main.gif");
}


ul.widget-list {
list-style: none;
overflow: hidden;
}



/* ヘッダー
---------------------------------------------------- */
#header{
clear: both;
text-align:center;
margin:  0 auto;
height: 32px;
background-image: url("./images/wrapperback.gif");
vertical-align: baseline;
display: block;
}

#header h2{
padding:12px 12px 0 24px;
font-size:100%;
color:#999;
}
#header a{color:#999;}



/* トピックパス
---------------------------------------------------- */
#topicpath {
text-align: right;
margin: 3px 30px;
}

#topicpath a{
color: #666;
}

#topicpath ul#navigator li {
display: inline;
}


/* 新着情報
---------------------------------------------------- */
#new dl{
padding:10px 20px;
}

#new dl dd{
padding-bottom:10px;
}

/* コンテンツ
---------------------------------------------------- */
#content01{
width:755px;
float:left;
background-image: url("./images/wrapperback-main.gif");
}

#content02{
width:200px;
float:right;
background-image: url("./images/wrapperback-main.gif");
background-position:right top;
}


/* プライマリィコンテンツ
---------------------------------------------------- */
#alpha{
width:550px;
float: right;
min-height:400px;
padding:0 2px; 0 2px;
}

#alpha h1{
font-size:100%;
height:21px;
margin:0 10px;
padding-top:3px;padding-left:10px;
background-image: url("./images/orangetitle.gif");
clear: both;
font-weight:bold;
}

#alpha h3{
font-size:100%;
height:21px;
margin:0 10px;
padding-top:3px;padding-left:10px;
background-image: url("./images/orangetitle.gif");
clear: both;
}


#alpha h2.asset-name{
font-size:100%;
height:18px;
padding-top:2px;padding-left:10px;
background-image: url("./images/graytitle.gif");
clear: both;
margin:6px 20px 0;
}

#alpha h4{
font-size:100%;
height:19px;
padding-top:1px;padding-left:10px;
background-image: url("./images/graytitle.gif");
clear: both;
margin:15px 20px 0;
}

#alpha h5{
font-size:100%;
padding-left:10px;
margin:5px 0;
background-image: url("./images/listimage.gif");
background-repeat: no-repeat;
clear: both;
}

#alpha p{padding:0 0 4px;color: #333;}
#alpha p.caption{text-align:center;margin:0;padding:0 0 12px;clear: both;}


#alpha div.div02{
padding:10px 20px;
}

#alpha div.div02waku{
padding:10px 20px;
border: 1px solid  #aaa;
}

#alpha div.div03{
padding:10px 0;
}

#alpha ol{padding-left:50px;}
#alpha ul{padding-left:50px;}

#alpha td{padding:5px;}

#alpha hr{margin:0 20px;}

#alpha div.section{
margin:12px 0;
}

#alpha div.section-excerpt{
margin:12px 0;
padding:0 0 30px;
}

#alpha div.section-excerpt p {padding:0 25px;margin:6px 0 0;}
#alpha div.section-excerpt p.entrymeta {text-align:right;margin:0 25px 0;padding:0;}

div.entrybody{
padding:0 30px;
}

div.toptext{
padding:0 10px;
}



/* サブコンテンツ01
---------------------------------------------------- */
#beta{
width: 190px;
float: left;
}

#betabox{
margin-left:15px;
}

/* サブコンテンツ02
---------------------------------------------------- */
#gamma{
width: 190px;
float: right;
}

#gammabox{
margin-right:15px
}


/* サイドナビゲーション
---------------------------------------------------- */
#sidenav {
font-size:12px;
margin-bottom:12px;
}

#logo a {
text-indent: -9999px;
height: 66px;
display: block;
overflow: hidden;
background-image: url("./images/logo.gif");
background-repeat:no-repeat;
padding-bottom:5px;
margin-top:5px;
}

#sidenav ul {
list-style: none;
overflow: hidden;
}

#sidenav ul li{
color: #333;
}

#sidenav ul li span.menutitle{
margin-left:3px;
}



#sidenav ul li a {
height:22px;
color: #666;
display: block;
background: url("./images/menu.gif") no-repeat 0px 0px;
display: block;
padding:4px 0 0 10px;
}

#sidenav ul li a:hover {
color: #333;
background: url("./images/menu.gif") no-repeat 0px -26px;
padding-left:17px;
}


/* 全ページコラム（サイドに表示）
---------------------------------------------------- */
.sidecol{
color: #333;
}

.sidecol ul{
list-style: none;
overflow: hidden;
}


.sidecol h3{
font-size:100%;
background-color:#ccc;
padding:0 5px;
margin:0;
border-top: 1px solid  #aaa;
border-right: 1px solid  #aaa;
border-bottom: 1px none  #aaa;
border-left: 1px solid #aaa;
}

.sidecol h4{
font-size:100%;
background-color:#ffd659;
color:#333;
padding:2px 5px;
margin-bottom:5px 0;
}

.sidecol h4 a{
font-size:83%;
color:#333;
}



div.sidecol-content{
background-color:#fff;
padding:8px;
border: 1px solid  #aaa;
margin-bottom:10px;
}


.sidecol a {
color:#333;
}

.sidecol p {
padding:5px;margin:0;font-size:83%;
}

div#rss{text-align:center;}
div#rss a{color:#666;}

.rss ul{
padding:25px 50px;
}

.rss ul li a{
color: #333;
}


#footer{
clear: both;
text-align:center;
height:30px;
background-image: url("./images/wrapperback-footer.gif");
padding-top:20px;
}

#footer h3{margin:0 24px 12px 0;font-size:100%;float: right;}


div#comment-section{
background-color:#fff;
padding:10px;
margin:0 23px 23px;
border-top: 1px none  #aaa;
border-right: 1px solid  #aaa;
border-bottom: 1px solid  #aaa;
border-left: 1px solid #aaa;
}

#alpha h3.comment{
margin:20px 23px 0;
background-image: none;
border: 1px solid #aaa;
background-color:#ddd;
}

div#comment-section h4{
border: 1px solid #aaa;
background-image: none;
background-color:#ddd;
margin:10px 0;
}

form#comment-form label{display:block;}
div.comment-inner{margin:10px 30px;}
textarea#comment-text{width:480px;font-size:100%;}
div.pentron span.name{
background-image: url("./images/pie.gif");
background-repeat: no-repeat;
padding-left:35px;
}