@charset "utf-8";

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (max-device-width: 480px) {
body {
-webkit-text-size-adjust: none; /* iPhone */
}
}
body{color:#000000; font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro",sans-serif; font-size:13px; line-height:1}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td,p{margin:0; padding:0; }
table{border-collapse:collapse; border-spacing:0;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;}
ol, ul{list-style:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }

/*-------clearfix-------*/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
/* end clearfix */

/*==================================
cmn
==================================*/

/*-------other-------*/
a { color: #008fdb; text-decoration: underline; }
a:visited { color: #008fdb; text-decoration: underline; }
a:hover { color: #008fdb; text-decoration: none; }
body { min-width: 980px; background:#000 ; min-height: 1000px;}

/*-------header-------*/
#header { background: url(../../images/pc/bg_hd.gif) 0 0 repeat-x; height: 86px; position:relative ;z-index:500}
#header_inner { position: relative; width: 980px; margin: 0 auto; }
#header h1 { top: 10px; left: -5px; position: absolute; }
#header #headertxt { top: 25px; left: 95px; position: absolute; }
#header ul { top: 25px; left: 313px; position: absolute; }
#header li { float: left; overflow: hidden; }
#header li a { display: block; overflow: hidden; text-indent: 104%; white-space: nowrap; height: 61px; }
#header li:nth-child(1) { background: url(../../images/pc/gnav.gif) 0 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(1):hover { background: url(../../images/pc/gnav.gif) 0 -61px no-repeat }
#header li:nth-child(2) { background: url(../../images/pc/gnav.gif) -133px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(2):hover { background: url(../../images/pc/gnav.gif) -133px -61px no-repeat }
#header li:nth-child(3) { background: url(../../images/pc/gnav.gif) -266px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(3):hover { background: url(../../images/pc/gnav.gif) -266px -61px no-repeat }
#header li:nth-child(4) { background: url(../../images/pc/gnav.gif) -399px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(4):hover { background: url(../../images/pc/gnav.gif) -399px -61px no-repeat }
#header li:nth-child(5) { background: url(../../images/pc/gnav.gif) -532px 0 no-repeat; width: 134px; height: 61px; }
#header li:nth-child(5):hover { background: url(../../images/pc/gnav.gif) -532px -61px no-repeat }
/*-------footer-------*/
#footer{ width:100%; background:#000; position:relative; z-index:9000; border-top:solid 1px #5b5b5b; min-height:100px; }
#footer_inner { font-size: 10px; line-height: 1.4; padding: 15px 0 24px; width: 980px; margin: 0 auto; position:relative; z-index:9999}
#footer #footer_logo_megahouse{ padding-right: 8px; float: left; }
#footer  p{font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,Helvetica,Arial,sans-serif;color:#fff;}
#footer  p#copyright{ font-size:10px; clear: both; padding: 10px 0 0 0 ;}
#footer  #sns{   position:absolute; top:20px; right:-46px}
/*-------link-------*/
.link_txt a{ padding-left:24px;background: url(../../images/pc/ico_link.png) no-repeat 0 0 ;}

/*==================================
blog
==================================*/
/*-------main-------*/
body#blog #main { background: url(../../images/pc/main_bg.jpg) #e6eff6 no-repeat center bottom; height:277px }
body#blog #main_inner{ width:980px; margin:0 auto; position:relative; }
body#blog #main h2 { position:absolute; top:-60px; left:0}
body#blog #main_tit{ position:absolute;top:70px; left:374px }

body#blog #subnav { width: 190px; float: left; margin-right: 20px; }
body#blog #articlewrap { float: left; }
body#blog #sidebar { width: 178px; float: right; }
body#blog #wrapper { background: url(../../images/pc/wrapper_bg.jpg) repeat 0 0}
body#blog #wrapper_inner{background: url(../../images/pc/wrapper_inner_bg.jpg) no-repeat center 290px}
body#blog #contents { width: 980px; margin: 0 auto; padding-top: 50px; }

/*-------nav-------*/
body#blog #nav{background-color: #fff;  border-bottom: 1px solid #a8bfde; height: 70px;}
body#blog #nav ul{ width:520px; margin:0 auto; padding-left:480px; }
body#blog #nav li a{ width:168px; height:70px; display:block; float:left;border-left:1px solid #d5e6f3}
body#blog #nav li#nav_top a{background: url(../../images/pc/nav_btn.gif) left top no-repeat;  }
body#blog #nav li#nav_lineup a{background: url(../../images/pc/nav_btn.gif) center top no-repeat;  }
body#blog #nav li#nav_blog a{background: url(../../images/pc/nav_btn.gif) right top no-repeat; border-right:1px solid #d5e6f3 }
body#blog #nav li#nav_top a:hover{background: url(../../images/pc/nav_btn.gif) left bottom no-repeat;  }
body#blog #nav li#nav_lineup a:hover{background: url(../../images/pc/nav_btn.gif) center bottom no-repeat;  }
body#blog #nav li#nav_blog a:hover{background: url(../../images/pc/nav_btn.gif) right bottom no-repeat; }



/*-------newarticle-------*/
body#blog #newarticle h4 { margin:3px 0 5px; background: url(../../images/pc/sidenav_tit.png) left top no-repeat; width: 156px; height: 38px; }
body#blog #newarticle { background: url(../../images/pc/sidenav_bg.png) 0 0 repeat; padding: 14px 14px 20px; font-size: 13px; line-height: 1.3; margin-bottom: 14px; }
body#blog ul#list_newarticle li { display: block; border-bottom:1px solid #dee5ef; padding: 14px 0; }
body#blog ul#list_newarticle li span { display: block; }
body#blog ul#list_newarticle li .newarticle_txt_date { color: #c95070; }
body#blog ul#list_newarticle li .newarticle_txt_date:hover { text-decoration: none; }
body#blog #newarticle a { color: #000000; text-decoration: none; }
body#blog .newarticle_txt_blogtit:hover { text-decoration: underline; }

/*-------archive-------*/
body#blog #archive h4 { margin:3px 0 5px; background: url(../../images/pc/sidenav_tit.png) left bottom no-repeat; width: 156px; height: 38px;}
body#blog #archive { background: url(../../images/pc/sidenav_bg.png) 0 0 repeat; padding: 14px 14px 20px; font-size: 13px; line-height: 1.3; margin-bottom: 14px; }
body#blog #archive #article_date { padding:10px 8px; background:#dee5ef; margin: 14px 0; }
body#blog #archive #archive_txt_comment { font-size: 12px; line-height: 1.3; }

/*-------article-------*/
body#blog .article p{ padding-bottom:20px}
body#blog .article .txt_red{color: #c95070}
body#blog .article .txt_22b{ font-size:22px; font-weight:bold}
body#blog .article .txt_32b{ font-size:32px; font-weight:bold}
body#blog .article .txt_b{ font-weight:bold}
body#blog .article .txt_center{ text-align:center}

body#blog .article { width: 770px; background: #FFFFFF 0 0 repeat; font-size: 16px; line-height: 1.6; margin: 0 auto 50px; color: #4d4d4d; position:relative;font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,Helvetica,Arial,sans-serif;}
body#blog .article_inner { padding:60px 30px 30px}
body#blog .article .article_txt_date { font-size: 18px; padding:5px 10px 15px; background: url(../../images/pc/article_bg_date.png) 0 0 no-repeat; color: #ffffff; width: 174px; height: 30px; position:absolute; top:-10px; left:30px;font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro",sans-serif; }
body#blog .article .article_tit { font-size: 23px; line-height: 1.4; padding-bottom: 42px; font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro",sans-serif; }
body#blog .article .article_sns { width: 100%; padding-top:60px }
body#blog .article .article_sns li { float: right; width: 110px; margin-right: 4px; }
body#blog .article .article_sns li.article_sns_first { margin-right: 0px; }
body#blog .article img { max-width: 710px; padding: 14px 0; }

/*-------btn_page-------*/
body#blog ul#btn_page { width: 770px; height:120px; margin: 30px auto 0; position: relative; }
body#blog ul#btn_page li a { height: 68px; }
body#blog li#btn_page_prev a { width: 200px; background: url(../../images/pc/btn_page.png) left top no-repeat ;display: block; position: absolute; left: 0; top: 0; }
body#blog li#btn_page_next a { width: 200px;background: url(../../images/pc/btn_page.png) right top no-repeat ;display: block; position: absolute; right: 0; top: 0; }
body#blog li#btn_page_toppage a { width: 240px; background: url(../../images/pc/btn_page.png) center top repeat; display: block; margin: 0 auto;  }
body#blog li#btn_page_prev a:hover { width: 200px; background: url(../../images/pc/btn_page.png) left bottom no-repeat ;}
body#blog li#btn_page_next a:hover { width: 200px; background: url(../../images/pc/btn_page.png) right bottom no-repeat ;}
body#blog li#btn_page_toppage a:hover { width: 240px; background: url(../../images/pc/btn_page.png) center bottom repeat; display: block; margin: 0 auto;  }