@charset "utf-8";

/* お問い合わせフォーム */
.bold01 {
    color: #f00;
    font-weight: bold;
}

.table01 input[type="text"], 
.table01 textarea {
width: 90%;
padding:2px;
margin-bottom: 5px;
}
.table01 textarea {height: 100px;}
.table01 input[type="text"].s_size {width: 50px;}

.submit input[type="submit"] {
border: 0;
background: url(http://cyber-i00.xsrv.jp/v-plan/★/submit.jpg) no-repeat 0 0;
padding: 0;
text-indent: -9999px;
display: block;
margin: 0 auto;
cursor: pointer;
width: 130px;
height: 40px;
}
.submit input[type="submit"]:hover {
background-position: 0 -40px;
}

/* テーブル系 */
.table01 {
width: 100%;
border-collapse: collapse;
margin:0 0 10px;
}
.table01 th,
.table01 td {
border:1px solid #D7D7D7;
padding:10px;
}
.table01 th {
font-weight: normal;
background: #EFEFEF;
text-align: left;
}
/* テーブル内テーブル */
.table01 table {
width: 100%;
border-collapse: collapse;
}
.table01 table th,
.table01 table td {
vertical-align: top;
border:none;
padding:5px;
}
.table01 table th {
background: #fff;
}

/* テーブルオプション */
.td-lock th {width:25%;}

/* (1-1) ヘッダー広告下の余白
.headerBnrArea {padding-bottom: 0;}
--------------------------------------------*/

/* リンク文字色・アンダーライン有無
--------------------------------------------*/
a,
a:visited{color: #4f3926;text-decoration: none;}
.articleText a,
.articleText a:visited{color:#006FDD;text-decoration: underline;}
.skinFooterFrame a,
.skinFooterFrame a:visited{color: #333;text-decoration: none;}
.skinCopyFrame a,
.skinCopyFrame a:visited{color: #fff;text-decoration: none;}

a:hover,
a:focus{color: #4f3926;text-decoration: underline;}
.articleText a:hover,
.articleText a:focus{color:#006FDD;text-decoration: none;}
.skinFooterFrame a:hover,
.skinFooterFrame a:focus{color: #333;text-decoration: underline;}
.skinCopyFrame a:hover,
.skinCopyFrame a:focus{color: #fff;text-decoration: underline;}


/* ページ送りのカラー
--------------------------------------------*/
.skinSimpleBtn,
.skinSimpleBtn:visited,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus{
background-color:#4f3926;
border:1px solid #4f3926;
color:white;
}
.skinSimpleBtn:hover,
.skinSimpleBtn:focus{
background-color:#f7f7f7;
border:1px solid #4f3926;
color:#4f3926;
}

/* 文字サイズ
--------------------------------------------*/
.articleText,
.skinMessageBoard {
font-size: 15px;
line-height: 1.8;
-webkit-text-size-adjust: none;
}

/* (1-1) リセット＆ベースメント
--------------------------------------------*/
body {min-width: 0;}

body, input, button, select, textarea {
font-family: “ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro W3″,メイリオ,Meiryo,”ＭＳ Ｐゴシック”,sans-serif;
}

/* (1-1) ヘッダー
--------------------------------------------*/
.skinFrame {
    background: url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/body_bg.jpg) repeat 50% 0;
    padding-top: 0;
}
.skinFrame2 {
background: url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/page_bg.jpg) repeat-x 50% 0 ;
}

.skinHeaderFrame {
background: url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/header_bg.jpg) no-repeat 50% 0;
}
.skinHeaderArea {
height: 360px;
background: url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/header.jpg) no-repeat 50% 0;
padding: 0px 0px;
width:1020px;
}
.skinTitle,
.skinTitle:visited,
.skinTitle:hover,
.skinTitle:focus{
color:#fff;
font-weight:bold;
font-size:12px;
}
.skinDescriptionArea {
display:none;
}
.skinBlogHeadingGroupArea {
    padding: 7px 0 0;
}
.skinTitleArea {
    padding-bottom: 0;
}

/* (1-1) main + side
--------------------------------------------*/
.skinContentsFrame {
    background: url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/body_bg.png) repeat-y 50% 0;
}
.skinContentsArea {
    padding: 20px 0px 30px;
    position: relative;
    overflow: visible;
        background: url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/menu_bg.jpg) repeat-x 50% 38px;
        background-color:#fff;
}
.skinContentsArea2 {
        overflow: hidden;
        padding-top: 0;
}


/* (1-1) サイドバー
--------------------------------------------*/
.subModule {margin:0 0 10px;}
.skinMenu {
    background: transparent;
}
.skinMenuHeader {
    text-indent: -9999px;
    padding: 0;
    background: no-repeat 0 0;
    height: 50px;
}

.profileMenu .skinMenuHeader{
background-image:url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/side01.jpg);
}
.recentEntriesMenu .skinMenuHeader{
background-image:url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/side02.jpg);
}
.themeMenu .skinMenuHeader{
background-image:url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/side04.jpg);
}
.archiveMenu .skinMenuHeader{
background-image:url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/side05.jpg);
}
.readerMenu .skinMenuHeader{
background-image:url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/side08.jpg);
}
.favoriteMenu .skinMenuHeader{
background-image:url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/side10.jpg);
}
.rankingMenu .skinMenuHeader{
background-image:url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/side07.jpg);
}
.bookmarkMenu .skinMenuHeader{
background-image:url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/side09.jpg);
}
.recentCommentMenu .skinMenuHeader{
background-image:url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/side03.jpg);
}
.calendarMenu .skinMenuHeader{
background-image:url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/side06.jpg);
}
.skinMenuBody {
    padding: 0;
    margin: 10px 0;
    background: transparent;
}
.profileMenu .skinMenuBody {
    margin: 10px 20px;
}
.skinSubB .profileMenu .skinMenuBody2{
    padding:0;
}
/* リスト装飾 */
ul.skinSubList li {background: url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/li.jpg) no-repeat 3px 7px;padding: 5px 0 5px 20px;}

/* (1-1) reader_btn
--------------------------------------------*/
.reader_long{
text-align:center;
margin:10px 0;
}
.readerMenu .skinImgBtnS{
display: block;
height: 75px;
width: 100%;
background: no-repeat 50% 0;
text-indent: -9999px;
margin:0 auto;
}
.readerMenu .skinImgBtnS{
background-image: url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/reader_short.jpg);
}
.readerMenu .skinImgBtnS:hover span,
.readerMenu .skinImgBtnS:focus span,
.readerMenu .skinImgBtnS span{
background-image:none;
padding: 0;
}

/* (1-1) メッセージボード
--------------------------------------------*/
.skinMessageBoard {
background: transparent;
}
.skinMessageBoard3 {
padding: 16px 0px;
}
/* (1-1) １記事
--------------------------------------------*/
.skinArticle {
    border: 0;
    position: relative;
    padding-top: 20px;
}
.skinArticleHeader {
    margin: 0;
    border-left: 0;
    padding: 1em;
    border-top:1px solid #4f3926;
    border-bottom:3px solid #4f3926;
}
.skinArticleTitle,
.skinArticleTitle:hover,
.skinArticleTitle:focus,
.skinArticleTitle:visited{
font-size:16px;
color:#333;
font-weight: normal;
}
.articleDetailArea {
    text-align: right;
}
.articleTime {
    position: absolute;
    top: 0px;
    right: 0px;
}
.skinArticleBody2 {
    margin: 0;
}
.skinArticleFooter {
    margin: 10px 0;
}


/* ヘッダーリンク
--------------------------------------------*/
#logo {
    position: absolute;
    top: 0px;
    left: 0px;
}
#contact {
    position: absolute;
    top: 0px;
    right: 0px;
}

/* グローバルナビ
--------------------------------------------*/
ul.gnavi {
width: 720px;
height: 38px;
overflow:hidden;
position: absolute;
top: 0px;
left: 0px;
}
ul.gnavi li {
float: left;
}
ul.gnavi li a{
display:block;
background:no-repeat 50% 0%;
}
ul.gnavi li.menu1 a{background-image:url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/menu01_on.jpg);}
ul.gnavi li.menu2 a{background-image:url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/menu02_on.jpg);}
ul.gnavi li.menu3 a{background-image:url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/menu03_on.jpg);}
ul.gnavi li.menu4 a{background-image:url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/menu04_on.jpg);}
ul.gnavi li.menu5 a{background-image:url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/menu05_on.jpg);}
ul.gnavi li.menu6 a{background-image:url(http://cyber-i00.xsrv.jp/v-plan/haruhiko32/menu06_on.jpg);}

/* フッター
--------------------------------------------*/
.skinFooterFrame {
    background: #d5b286;
}
.skinCopyFrame {
    background: #4d3725;
}
.skinFooterFrame>div{
    background: ;
}
.skinCopyFrame>div {
    background: ;
    color:#fff;
}
.skinFooterFrame > div,
.skinCopyFrame > div {
    margin: 0 auto;
    width: 980px;
    text-align: center;
    padding:10px 0px;    
}