@charset "utf-8";

/*---- common ----*/
#page{
background:url(/img/public/pc/word/texture001.gif) no-repeat 50% 0;
}

@media screen and (min-width:1601px){
#page{
background:url(/img/public/pc/word/texture001.gif) no-repeat -120px 0;
}
}


/*---- header：ヘッダ ----*/
#header .logo{
width:185px;
}


/*---- subHeader：トピックパス ----*/
#subHeader{
border-bottom:1px solid #e6e6e6;
text-align:left;
}

#subHeader .wrapper{
width:992px;
padding:10px 15px;
}

#subHeader .bread{
margin:0 0 8px;
color:#999;
font-size:116%;
}

#subHeader .bread a{
color:#666;
}

#subHeader .bread a:hover,
#subHeader .bread a:active{
color:#996600;
}


/*---- tags：タグ ----*/
ul.tags li{
float:left;
display:inline-block;
*display:inline;
*zoom:1;
height:25px;
margin:0 5px 5px 0;
background:url(/img/public/pc/common/tags001_body001.gif) no-repeat 0 0;
}

ul.tags li a{
display:inline-block;
*display:inline;
*zoom:1;
height:25px;
line-height:25px;
padding:0 8px;
background:url(/img/public/pc/common/tags001_foot001.gif) no-repeat 100% 0;
color:#777;
white-space:nowrap;
}

ul.tags li a:hover,
ul.tags li a:active{
color:#996600;
}


/*---- contentTitle：ワード ----*/
.contentTitle{
margin:20px 15px;
font-size:26px;
font-weight:bold;
line-height:1;
}

.contentTitle .editLink{
margin-left:10px;
font-size:12px;
font-weight:normal;
}


/*---- hintMessage：ヒント ----*/
.hintMessage{
margin:0 15px 30px;
line-height:1.2;
}

.hintMessage p{
float:left;
padding:10px 0 0;
background:url(/img/public/pc/word/balloon_top003.gif) no-repeat 0 0;
}

.hintMessage p a{
display:block;
padding:10px 13px 9px;
background:url(/img/public/pc/word/balloon_bottom003.gif) no-repeat 100% -10px;
color:#333;
}

.hintMessage .mark{
margin-right:7px;
color:#f00;
}


/*---- subContent：付属の副コンテンツ ----*/
.subContent{
margin:20px 0;
padding:20px 15px 15px;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
background-color:#f8f8f8;
}

.subContent .contentTitle{
margin:10px 18px;
font-size:16px;
}

.subContent .hintMessage{
margin-bottom:20px;
}

.subContent .hintMessage p{
background:url(/img/public/pc/word/balloon_top004.gif) no-repeat 0 0;
}

.subContent .hintMessage p a{
background:url(/img/public/pc/word/balloon_bottom004.gif) no-repeat 100% -10px;
}


/*---- contentRead：説明文 ----*/
.contentRead{
margin:0 15px 20px;
font-size:100%;
}


/*---- additionalInfo：関連情報 ----*/
.additionalInfo{
padding:10px 15px;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
background:#f8f8f8;
text-align:right;
}

.additionalInfo .searchLink{
display:inline;
padding:2px 0 0 13px;
background:url(/img/public/pc/icon/search002.gif) no-repeat 0 50%;
font-size:116%;
}


/*---- recommend：おすすめワード ----*/
.recommend{
background:url(/img/public/pc/common/line002.gif) repeat-y 50% 0;
}

.recommend .inner{
margin-bottom:20px;
background:url(/img/public/pc/common/line001.gif) no-repeat 50% 100%;
}

.recommend .oneArea{
float:left;
width:308px;
padding:0 15px 15px;
}

.recommend .oneArea.right{
float:right;
}

.recommend h2{
margin:0 0 15px;
padding-left:23px;
background:url(/img/public/pc/icon/pin002.gif) no-repeat 0 1px;
font-size:150%;
line-height:1.3;
}

.recommend .note{
margin:0 0 15px;
font-size:116%;
}

.recommend .state{
margin:0 0 10px;
}

.recommend .state dt,
.recommend .state dd{
display:inline;
margin-right:3px;
vertical-align:middle;
}

.recommend .state dd{
margin-right:5px;
color:#999;
font-size:83%;
}

.recommend h3{
padding:10px 0;
border-top:1px dashed #e6e6e6;
font-size:100%;
font-weight:normal;
}

.recommend ul.tags li{
height:20px;
background:url(/img/public/pc/common/tags002_body001.gif) no-repeat 0 0;
}

.recommend ul.tags li a{
height:20px;
line-height:20px;
background:url(/img/public/pc/common/tags002_foot001.gif) no-repeat 100% 0;
font-size:83%;
}


/*---- contentList:関連リスト ----*/
.contentList{
margin:-20px 0 -1px;
}

.contentList .oneArea{
padding:15px 15px 10px;
border-bottom:1px solid #e6e6e6;
}

.contentList h2{
margin-bottom:10px;
padding-left:20px;
background:url(/img/public/pc/icon/pin001.gif) no-repeat 0 2px;
font-size:116%;
font-weight:normal;
}

.contentList .note{
margin-bottom:10px;
padding-left:20px;
font-size:116%;
}

.contentList .utility{
margin-left:20px;
text-align:right;
}

.contentList .utility li{
display:inline-block;
*display:inline;
*zoom:1;
height:25px;
line-height:25px;
}

.contentList .utility li img{
margin-right:8px;
vertical-align:middle;
}

.contentList .utility .date{
color:#999;
font-size:83%;
}

.contentList .utility .date a{
color:#999;
}

.contentList .utility .date.left{
float:left;
margin-top:2px;
}

.contentList .utility .thumbnail{
margin-left:20px;
font-size:116%;
}

.contentList .utility .thumbnail a{
color:#333;
}

.contentList .utility .thumbnail img{
max-width:25px;
max-height:25px;
}

.contentList .utility .like{
margin-left:20px;
color:#e67e22;
font-size:134%;
}

.contentList .utility .like a{
color:#e67e22;
}

.contentList .utility .like img{
vertical-align:top;
}

.contentList .utility .comment{
margin-left:20px;
color:#e1c04f;
font-size:134%;
}

.contentList .utility .comment a{
color:#e1c04f;
}

.contentList .utility a:hover,
.contentList .utility a:active{color:#996600 !important;}


/*---- relationalNewsList01:関連ニュース ----*/
.relationalNewsList01{
margin:-20px 0 -1px;
}

.relationalNewsList01 .oneArea{
padding:15px 0 10px 15px;
border-bottom:1px solid #e6e6e6;
}

.relationalNewsList01 .oneArea .textArea01{
float:left;
width:460px;
}

.relationalNewsList01 h2{
margin-bottom:10px;
padding-left:20px;
background:url(/img/public/pc/icon/list003.gif) no-repeat 10px 10px;
font-size:116%;
font-weight:normal;
}

.relationalNewsList01 .note{
margin-bottom:10px;
font-size:116%;
}

.relationalNewsList01 .utility{
padding-left:20px;
}

.relationalNewsList01 .utility li{
line-height:25px;
}

.relationalNewsList01 .utility li img{
margin-right:8px;
vertical-align:middle;
}

.relationalNewsList01 .utility .media{
float:right;
color:#999;
font-size:83%;
}

.relationalNewsList01 .utility .media a{
color:#999;
}

.relationalNewsList01 .utility .comment{
float:left;
color:#e1c04f;
font-size:134%;
}

.relationalNewsList01 .utility .comment a{
color:#e1c04f;
}

.relationalNewsList01 .balloon01{
width:441px;
margin-left:20px;
padding-top:20px;
background:url(/img/public/pc/word/balloon_top001.gif) no-repeat 0 0;
}

.relationalNewsList01 .innerBalloon01{
padding-bottom:10px;
background:url(/img/public/pc/word/balloon_bottom001.gif) no-repeat 0 100%;
}

.relationalNewsList01 .innerBalloon01 .contents{
padding:8px 20px;
border:1px solid #e6e6e6;
border-top:none;
border-bottom:none
}

.relationalNewsList01 .innerBalloon01 .contents a{
color:#333;
}

.relationalNewsList01 .oneArea .imageArea01{
float:right;
width:195px;
}

.relationalNewsList01 .oneArea .imageArea01 .image{
text-align:center;
}

.relationalNewsList01 .oneArea .imageArea01 .image img{
max-width:165px;
max-height:152px;
}

.relationalNewsList01 .utility .comment a:hover,
.relationalNewsList01 .innerBalloon01 .contents a:hover{
color:#996600;
}

/* oneArea.noImage */
.relationalNewsList01 .oneArea.noImage .textArea01{
padding-right:15px;
float:none;
width:auto;
}

.relationalNewsList01 .oneArea.noImage .balloon01{
width:626px;
margin-left:20px;
padding-top:20px;
background:url(/img/public/pc/word/balloon_top002.gif) no-repeat 0 0;
}

.relationalNewsList01 .oneArea.noImage .innerBalloon01{
padding-bottom:10px;
background:url(/img/public/pc/word/balloon_bottom002.gif) no-repeat 0 100%;
}


/*---- categoryList：カテゴリ一覧 ----*/
.categoryList{
padding:20px 0 30px 15px;
border-top:1px solid #e6e6e6;
background:#f8f8f8;
}

.categoryList h2{
margin-bottom:20px;
padding-left:25px;
background:url(/img/public/pc/icon/category001.gif) no-repeat 0 5px;
font-size:150%;
font-weight:normal;
}

.categoryList dl{
float:left;
width:132px;
font-size:100%;
}

.categoryList dt{
margin-bottom:15px;
font-weight:bold;
}

.categoryList dd{
margin-bottom:5px;
padding-left:10px;
background:url(/img/public/pc/icon/list003.gif) no-repeat 0 7px;
}


/*---- hintWordList01：編集完了画面のワードリスト ----*/
.hintWordList01{
margin:20px 30px;
font-size:116%;
}

.hintWordList01 li{
margin-top:5px;
}


/*---- counter：閲覧数・関連コンテンツ ----*/
.counter dl{
float:left;
width:172px;
font-size:116%;
text-align:center;
}

.counter .view{
border-right:1px solid #e0e0e0;
}

.counter dl dt{
height:30px;
padding-top:60px;
}

.counter .view dt{background:url(/img/public/pc/icon/view001.gif) no-repeat 50% 22px;}
.counter .content dt{background:url(/img/public/pc/icon/content001.gif) no-repeat 50% 23px;}

.counter dl dd{
height:50px;
line-height:50px;
background:#f4f4f4;
}

.counter dl dd span{
color:#e67e22;
font-size:143%;
}


/*---- editArea:編集 ----*/
.editArea{
text-align:center;
}

.editArea .editList{
border-top:1px solid #E6E6E6;
text-align:left;
}

.editArea .editList li.odd,
.editArea .editList li.even{
padding:20px 15px;
border-bottom:1px solid #E6E6E6;
background:#f8f8f8;
}

.editArea .editList li .name{
margin-bottom:10px;
font-size:14px;
font-weight:bold;
}

.editArea .editList li .necessaryItem{
color:#f00;
font-size:12px;
font-weight:normal;
}

.editArea .editList li input.newWord,
.editArea .editList li input.kana,
.editArea .editList li textarea.description,
.editArea .editList li input.parentWord{
width:624px;
padding:5px 10px;
border:1px solid #DDD;
font-size:14px;
}

.editArea .incrementalInput{
position:relative;
}

.editArea .incrementalInput .wordList{
position:absolute;
top:33px;
left:0;
border:1px solid #E6E6E6;
background:#FFF;
font-size:14px; 
}

.editArea .incrementalInput .wordList li a{
display:block;
padding:5px 10px;
color:#333;
}

.editArea .incrementalInput .wordList li a:hover,
.editArea .incrementalInput .wordList li a.highlight{
background:#F0F0F0;
}

.editArea .editButton{
display:inline-block;
*display:inline;
*zoom:1;
margin:30px 5px;
padding:0 0 0 5px;
cursor:pointer;
}

.editArea .editButton input{
height:30px;
padding:5px 15px 5px 10px;
border:none;
cursor:pointer;
}

.editArea .guidelinesWord{
margin-top:30px;
color:#666;
}

.editArea .editButton.buttonType01{
background:url(/img/public/pc/button/button001.gif) 0 0;
}

.editArea .editButton.buttonType01 input{
background:url(/img/public/pc/button/button001.gif) 100% 0;
color:#FFF;
}

.editArea .editButton.buttonType02{
background:url(/img/public/pc/button/button002.gif) 0 0;
}

.editArea .editButton.buttonType02 input{
background:url(/img/public/pc/button/button002.gif) 100% 0;
color:#258fb8;
}

.editArea.confirm{
margin-bottom:20px;
padding-top:1px;
border-bottom:1px solid #E6E6E6;
background:#fbfbfb;
}

.editArea.confirm .editButton{
margin:15px 5px;
}

.editArea.confirm .guidelinesWord{
margin-top:15px;
}

/*---- ticketAd ----*/
.ticketAd .contents{
padding:3px 0 23px 23px;
}

.ticketAd .contents p.thumbnail{
float:left;
}

.ticketAd .contents p.thumbnail img{
padding:1px;
border:solid 1px #ddd;
}

.ticketAd .contents p.title,
.ticketAd .contents p.detail{
margin-left:88px;
}

.ticketAd .contents p.title{
margin-bottom:5px;
}

.ticketAd .contents p.detail span{
color:#ff0000;
}

.ticketAd .contents p.detail span.ticketPrice{
white-space:nowrap;
color:#333;
}

.ticketAd .contents p.detail span.ticketPrice .strong{
color:#ff0000;
}

.ticketAd p.logo{
text-align:center;
border-top:solid 1px #e6e6e6;
padding:10px 0;
}


/*---- clearfix ----*/
ul.tags,
.hintMessage,
.subContent,
.recommend .inner,
.relationalNewsList01 .oneArea,
.relationalNewsList01 .utility,
.categoryList,
.counter,
.ticketAd .contents{
zoom:1;
}

ul.tags:after,
.hintMessage:after,
.subContent:after,
.recommend .inner:after,
.relationalNewsList01 .oneArea:after,
.relationalNewsList01 .utility:after,
.categoryList:after,
.counter:after,
.ticketAd .contents:after{
content:"."; 
display:block;
clear:both;
height:0;
visibility:hidden;
}