@charset "utf-8";

html, body{
width:100%;
height:100%;
background:#fff;
color:#4d4d4d;
}

#container{
margin:0 auto;
}

/*--==============================

ヘッダエリア

==============================--*/
.headerContainer{
width:100%;
height:360px;
margin:0 auto;
background:url(../image/common_header_background.png) repeat-x top center;
text-align:center;
}

.header{
height:360px;
background:url(../image/common_header_inner_background.png) no-repeat top center;
}

.headerInner{
width:1020px;
margin:0 auto;
padding-top:30px;
}

/*--===== サイト名 =====--*/
.siteTitle{
width:300px;
margin-left:20px;
padding-bottom:30px;
}

* html .siteTitle{
float:left;
}

.siteTitle img{
margin-bottom:7.5px;
}

/*--===== サイト名下説明文 =====--*/
.description{
color:#410f05;
font-size:100%;
font-weight:bold;
font-family:"MS P明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

/*--===== ページタイトル =====--*/
.pageNameBox{
width:940px;
margin:0 auto;
padding-top:25px;
text-align:left;
}

.pageName{
width:310px;
height:40px;
padding-bottom:10px;
background:url(../image/page_name.png) no-repeat top left;
display:block;
text-align:left;
text-indent:-9999px;
overflow:hidden;
}

/*--==============================

コンテンツエリア

==============================--*/
.contentsContainer{
width:940px;
margin:0 auto;
clear:both;
text-align:center;
}

.contents{
width:940px;
float:left;
background:url(../image/common_article_background.png) repeat-y top left;
margin-left:-20px;
}

/*--===== メインエリア =====--*/
.article{
width:690px;
padding-right:30px;
float:right;
}


/*--===== ページタイトル =====--*/
.article h2{
width:720px;
height:44px;
margin-bottom:15px;
margin-left:-30px;
display:block;
clear:both;
overflow:hidden;
text-indent:-9999px;
}

* html .article h2{
height:37px;
}

.newH{
background:url(../image/h_new.png) no-repeat top left;
}

.gourmetH{
background:url(../image/h_gourmet.png) no-repeat top left;
}

.beautyH{
background:url(../image/h_beauty.png) no-repeat top left;
}

.relaxationH{
background:url(../image/h_relaxation.png) no-repeat top left;
}

.eventH{
background:url(../image/h_event.png) no-repeat top left;
}

.businessH{
background:url(../image/h_business.png) no-repeat top left;
}

.school{
background:url(../image/article_category_school.png) no-repeat top left;
}

.fashion{
background:url(../image/article_category_fashion.png) no-repeat top left;
}

.medical{
background:url(../image/article_category_medical.png) no-repeat top left;
}

.travel{
background:url(../image/article_category_travel.png) no-repeat top left;
}

.gourmet{
background:url(../image/article_category_gourmet.png) no-repeat top left;
}

/*--===== サイト1セクション =====--*/
.line{
width:690px;
padding-bottom:20px;
float:left;
}

/*--===== サイトデータ部分 =====--*/
.unitR{
float:right;
margin-bottom:15px;
}

.textBox{
width:410px;
text-align:left;
}

.line h3{
width:420px;
margin-bottom:10px;
padding-left:15px;
background:url(../image/name_background.png) no-repeat top left;
color:#410f05;
font-size:14px;
line-height:1.2;
font-weight:bold;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.url{
margin-bottom:5px;
}

/*--===== サイトイメージ部分 =====--*/
.unitL{
float:left;
margin-bottom:15px;
}

.imgBox{
width:258px;
text-align:left;
}

* html .imgBox{
width:226px;
}

.imgBox a img{
width:253px;
padding:2px;
border:solid 1px #4d4d4d;
}

* html .imgBox a img{
border:none;
padding:0px;
margin:0px;
}

.imgBox img:hover{
background:#eb2d37;
}

.newIcon{
margin-top:-35px;
margin-left:5px;
}

/*--===== ページのトップへ戻るリンク =====--*/
.toTop{
width:690px;
text-align:right;
padding-bottom:30px;
clear:both;
}

/*--========== 左エリア ==========--*/
.aside{
width:180px;
margin-bottom:30px;
float:left;
overflow:hidden;
}

.aside h2{
width:180px;
height:25.5px;
padding-bottom:10px;
background:url(../image/aside_h_category.png) no-repeat top left;
display:block;
clear:both;
text-indent:-9999px;
}

* html .aside h2{
position:relative;
}

/*--========== サイドナビゲーション ==========--*/
.sideNav a{
width:180px;
height:50px;
border:none;
display:block;
overflow:hidden;
text-indent:-9999px;
text-decoration:none;
clear:both;
}

.sideNav .new a{
background:url(../image/aside_nav.png) no-repeat 0px 0px;
}

.sideNav .new .active{
background:url(../image/aside_nav.png) no-repeat -360px 0px;
}

.sideNav .new a:hover{
background:url(../image/aside_nav.png) no-repeat -180px 0px;
}

.sideNav .gourmet a{
background:url(../image/aside_nav.png) no-repeat 0px -50px;
}

.sideNav .gourmet a.active{
background:url(../image/aside_nav.png) no-repeat -360px -50px;
}

.sideNav .gourmet a:hover{
background:url(../image/aside_nav.png) no-repeat -180px -50px;
}

.sideNav .beauty a{
background:url(../image/aside_nav.png) no-repeat 0px -100px;
}

.sideNav .beauty .active{
background:url(../image/aside_nav.png) no-repeat -360px -100px;
}

.sideNav .beauty a:hover{
background:url(../image/aside_nav.png) no-repeat -180px -100px;
}

.sideNav .relaxation a{
background:url(../image/aside_nav.png) no-repeat 0px -150px;
}

.sideNav .relaxation .active{
background:url(../image/aside_nav.png) no-repeat -360px -150px;
}

.sideNav .relaxation a:hover{
background:url(../image/aside_nav.png) no-repeat -180px -150px;
}

.sideNav .event a{
background:url(../image/aside_nav.png) no-repeat 0px -200px;
}

.sideNav .event .active{
background:url(../image/aside_nav.png) no-repeat -360px -200px;
}

.sideNav .event a:hover{
background:url(../image/aside_nav.png) no-repeat -180px -200px;
}

.sideNav .business a{
background:url(../image/aside_nav.png) no-repeat 0px -250px;
}

.sideNav .business .active{
background:url(../image/aside_nav.png) no-repeat -360px -250px;
}

.sideNav .business a:hover{
background:url(../image/aside_nav.png) no-repeat -180px -250px;
}

.sideNav .fashion a{
background:url(../image/aside_nav.png) no-repeat 0px -450px;
}

.sideNav .fashion .active{
background:url(../image/aside_nav.png) no-repeat -360px -450px;
}

.sideNav .fashion a:hover{
background:url(../image/aside_nav.png) no-repeat -180px -450px;
}

.sideNav .school a{
background:url(../image/aside_nav.png) no-repeat 0px -300px;
}

.sideNav .school .active{
background:url(../image/aside_nav.png) no-repeat -180px -300px;
}

.sideNav .school a:hover{
background:url(../image/aside_nav.png) no-repeat -360px -300px;
}

.sideNav .medical a{
background:url(../image/aside_nav.png) no-repeat 0px -350px;
}

.sideNav .medical .active{
background:url(../image/aside_nav.png) no-repeat -360px -350px;
}

.sideNav .medical a:hover{
background:url(../image/aside_nav.png) no-repeat -180px -350px;
}

.sideNav .travel a{
background:url(../image/aside_nav.png) no-repeat 0px -400px;
}

.sideNav .travel a .active{
background:url(../image/aside_nav.png) no-repeat -360px -400px;
}

.sideNav .travel a:hover{
background:url(../image/aside_nav.png) no-repeat -180px -400px;
}

* html .sideNav li{
margin-bottom:-2px;
position:relative;
}

/*--========== .footer ==========--*/
.footer{
width:100%;
height:107px;
background:url(../image/common_footer_background.png) repeat-x bottom left;
text-align:center;
clear:both;
}

address{
padding-top:65px;
}