/*_________ [1] Initialing  _________*/
#main_Col h3{
font-size: 14px;
color: #fff;
background: #666;
font-weight: normal;
padding: 9px 18px 0;
}
#user_Area{
padding:0 0 5px 750px;
width:210px;
}
#user_Area a{
padding:0 0px 0 7px;
background:url(../../images/top/ar02_001.gif) no-repeat left center;
margin-right:10px;
}
/*__________ [2] MAIN Column -> List Side __________*/
#main_Col{
float:left;
width:730px;
font-size:90%;
}
#areachoice_Wrapper{
margin:0 0 5px 0;
border: 6px solid #666;
}
#areachoice_Wrapper > #area,
#areachoice_Wrapper > #thema{
padding:10px 14px;
background: #f6f6f6;
border-bottom: 1px solid #999;
}
#areachoice_Wrapper > #area a,
#areachoice_Wrapper > #thema a{
font-size: 11px;
}
#areachoice_Wrapper > #area > dl:last-child{
border-top:1px dotted #999;
padding-top: 4px;
margin-top: 7px;
}
#areachoice_Wrapper h4{
width:730px;
height:55px;
background:url(../../images/top/tx01_002.gif) no-repeat;
}
#areachoice_Wrapper div#area dl{
clear:both;
height:1%;
}
#areachoice_Wrapper div#area dl#area_all dt{
width:100%;
font-size: 14px;
}
#areachoice_Wrapper div#area dl:after {
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
#areachoice_Wrapper div#thema ul  {
padding:0 0 0.2em 0;
width:710px;
}
#areachoice_Wrapper div#thema ul:after  {
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}

#areachoice_Wrapper div#area p#area_city_list       {
padding:0 20px 0.2em 30px;font-size:100%;margin:0;text-align:left;
}

#areachoice_Wrapper div#areachoice_Area p.release{
font-size:80%;text-align:right;margin:0;padding:0 15px 0 50px;clear:both;
}

#areachoice_Wrapper div#area dd{
display: inline-block;
font-size: 0;
width:19.5%;
white-space:nowrap;
box-sizing: border-box;
vertical-align: top;
}
#areachoice_Wrapper div#area dt       {
white-space:nowrap;
width:100%;
display:block;
}

#areachoice_Wrapper div#area dt.w_area_title,
#areachoice_Wrapper div#area dt.j_area_title {
width:100%;
font-weight:bold;
margin: 1px 0;
}
#areachoice_Wrapper div#area dt a{
padding:0.2em 0 0.4em 0;
font-size: 13px;
}
#areachoice_Wrapper div#area dt.w_chosen {
width:118px;
}
#areachoice_Wrapper div#area dt.j_chosen {
width:118px;
}
#areachoice_Wrapper div#area dd{
line-height: 1.6;
}
#areachoice_Wrapper div#area dl#area_sort dd,
#areachoice_Wrapper div#area dl#area_sort dt,
#areachoice_Wrapper div#area dl#area_sort dd em{
padding:0;
background:none;
line-height:1.0;
display:inline;
width:auto;
padding:4px 4px 4px 0;
}

#areachoice_Wrapper div#area dl#area_sort dd{
width: 19.5%;
display: inline-block;
white-space: normal;
padding: 2px 5px 2px 0;
}
#areachoice_Wrapper div#area dl#area_sort dd a {
width:auto;
}
#areachoice_Wrapper div#area dl#area_sort dt{
width: 100%;
font-weight: bold;
clear: both;
font-size: 14px;
display: block;
margin-bottom: 2px;
}
#areachoice_Wrapper div#area dl#area_sort dd em{
font-weight:bold;
display:block;
padding:0;
font-size: 11px;
}
#areachoice_Wrapper div#area dl#area_sort dd.area_Back {
white-space:nowrap;
line-height:1.2;
}
#areachoice_Wrapper div#thema li       {
float:left;
line-height:1.2;
box-sizing: border-box;
width: 20%;
padding: 2px 5px 2px 0;
}
#areachoice_Wrapper div#area img#border_area{
display:block;
margin:10px 0 10px 10px;
}
#areachoice_Wrapper div#thema img#border_thema{
display:block;
margin:10px 0 0 6px;
}

#areachoice_Wrapper li.chosen{
line-height:1.0;
padding:0.2em 0 0.3em 0;
width:100%;
display: block;
}
#areachoice_Wrapper ul em    {
padding:0 0.2em;
display:inline-block;
line-height:1.2;
background-color:#FFF3DA;
}
#areachoice_Wrapper li.second_list{
clear:both;
}
#areachoice_Wrapper ul li em {
padding:0;
}
#areachoice_Wrapper ul li a{
white-space:nowrap;
line-height:1.2;
display:block;
width:118px;
}
#areachoice_Wrapper ul li a img {
vertical-align:middle;
}
#areachoice_Wrapper p#area_city_list em    {
padding:0 0.2em;
display:inline-block;
line-height:1.2;
background-color:#FFF3DA;font-size:100%;
}
#areachoice_Wrapper p#area_city_list a    {
white-space:nowrap;
line-height:1.2;
}
#areachoice_Wrapper p#area_city_list a img {
vertical-align:middle;
}

#areachoice_Wrapper p{
display:block;
text-decoration:none;
text-align:right;
line-height:1.4;
clear:both;
margin-top: 8px;
}
#areachoice_Wrapper p a{
display:inline-block;
border-left: 1px solid #7d7d7d;
padding-left: 10px;
margin-left: 8px;
line-height: 1.2;
}
#areachoice_Wrapper p a:first-child{
border-left: 0;
padding-left: 0;
margin-left: 0;
}
#areachoice_Wrapper p a:hover{
display:inline-block;
background: none;
}
#areachoice_Wrapper p a.area-all{
border: 0;
padding-left: 12px;
}
#areachoice_Wrapper p a.area-back,
#areachoice_Wrapper p a.area-all-domestic,
#areachoice_Wrapper p a.area-all-oversea{
position: relative;
}
#areachoice_Wrapper p a.area-back + a.area-all-domestic,
#areachoice_Wrapper p a.area-back + a.area-back,
#areachoice_Wrapper p a.area-back + a.area-all-oversea{
border-left: 0;
}
#areachoice_Wrapper p a.area-back:after,
#areachoice_Wrapper p a.area-back + a.area-all-domestic:after,
#areachoice_Wrapper p a.area-back + a.area-all-oversea:after{
content: '\0FF1E';
position: absolute;
right: -17px;
color: #333;
font-size: 10px;
top: 1px;
}
#areachoice_Wrapper p em     {
font-weight:bold;
font-size:125%;
}
#areachoice_Wrapper div#freeword{
padding:9px 10px 11px ;
margin:0;
}
#areachoice_Wrapper div#freeword form{
vertical-align:middle;
float:left;
width:497px;
font-size: 11px;
font-weight: bold;
}
#areachoice_Wrapper div#freeword form .btn-search{
padding:2px 0 1px;
border-radius: 3px;
color: #fff;
border: none;
min-width: 70px;
display: inline-block;
text-align: center;
box-sizing: border-box;
background-color: #717171;
box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.4) inset;
font-weight: bold;
font-size: 15px;
text-decoration: none;
margin-left: 8px;
}
#areachoice_Wrapper div#freeword form input[type="text"],
#areachoice_Wrapper div#freeword form input[type="search"]{
font-weight: normal;
margin-left: 10px;
width: 280px;
box-sizing: border-box;
}
#areachoice_Wrapper div#freeword:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
#areachoice_Wrapper div#freeword span{
display:block;
font-size:10px;
color: #777;
text-align:right;
float:right;
width:180px;
padding-top: 5px;
}
#areachoice_Wrapper ul li.thema_all a     {
white-space:nowrap;
}
#areachoice_Wrapper .none       {
color:#999999;
font-size: 11px;
}
#areachoice_Wrapper div#area dd.chosen,
#areachoice_Wrapper div#area dt.chosen{
font-size:100%;
font-weight:bold;
}

#areachoice_Wrapper div#thema li.chosen {
font-weight: bold;
font-size: 11px;
}
#areachoice_Wrapper > div#thema li.thema_all,
#areachoice_Wrapper > div#thema li.thema_all a{
width: 100%;
font-weight:bold;
clear: both;
font-size: 14px;
}
#areachoice_Wrapper > div#thema li.thema_all{
margin-bottom: 4px;
}
#areachoice_Wrapper > #thema{
position: relative;
}
#areachoice_Wrapper > #thema .link03_d001{
display: inline-block;
position: absolute;
top: 13px;
left: 98px;
padding-left: 16px;
margin: 0;
}
#areachoice_Wrapper > #thema .link03_d001:before{
display: block;
position: absolute;
top: 50%;
left: 0;
width: 12px;
height: 12px;
overflow: hidden;
background-color: #999;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
margin-top: -7px;
content: '';
}
#areachoice_Wrapper > #thema .link03_d001 a,
#areachoice_Wrapper > #thema .link03_d001 a:hover{
color: #666;
text-decoration: none;
}
#areachoice_Wrapper > #thema .link03_d001 a:before{
margin: -2px 0 0 -4px;
position: absolute;
top: 50%;
left: 6px;
content: '';
display: block;
width: 8px;
height: 2px;
background-color: #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#areachoice_Wrapper > #thema .link03_d001 a:after{
position: absolute;
top: 50%;
left: 6px;
content: '';
display: block;
margin: -5px 0 0 -1px;
width: 2px;
height: 8px;
background-color: #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}


/*_______________ [2-3] Sort Article Area  __________________*/

#main_Col #upper_Navi {
margin-top:40px;
padding: 0;
background: none;
}
#upper_Navi #sort_Navi{
border-bottom: 1px solid #d2d2d2;
padding-bottom: 6px;
}
#main_Col div.contentsViewer div.planNavi{
padding-top: 20px;
}
#container .pager{
margin-top: 0;
margin-bottom: 10px;
}
#upper_Navi #sort_Navi dt{
padding: 0.2em 20px 0.2em 0;
}
#upper_Navi #sort_Navi dt:after{
content: '\0FF1A';
}
#upper_Navi #sort_Navi dd em {
font-weight: bold;
}

#upper_Navi #sort_Navi dd#alert_date {
font-size:10px;
color:#e30707;
padding:3px 0 0 20px;
float: right;
}


#main_Col div.contentsViewer div.planNavi {
padding-left:6px;
width:724px;

}
#main_Col div.contentsViewer div.planNavi p.pagination em{
background:#69C5C2;
color:#fff;
border:1px #69C5C2 solid;
}

#two_column_right .gototop {
clear:both;
margin:20px 0 10px;
text-align:right;
width:730px;
}


#upper_Navi #sub_genre {
width:730px;
padding:10px 0 0 6px;
width:724px;
}
#upper_Navi #sub_genre:after{ content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}

#upper_Navi #sub_genre img{
display:block;
float:left;
}
#upper_Navi #sub_genre span{
display:block;
float:left;
padding-left:5px;
}
#upper_Navi #sub_genre span b{
display:inline-block;
padding-right:5px;
}


#latest_Area        {
clear:both;
padding:0 0 25px 0;
width:730px;
}
#latest_Area h4     {
width:728px;
height:42px;
background:url(../../images/top/tx01_003.gif) no-repeat -1px top;
line-height:35px;
padding:2px 0 0px 0;
}
#latest_Area h4.searched{
background-image:url(../../images/top/tx01_004.gif);
line-height:33px;
text-indent:0;
}
#latest_Area h4.searched img{ vertical-align:middle;
margin:0 5px 0 5px;
}
#latest_Area .caption{ margin:-44px 0 0 0;
padding:0 0 0 210px;
width:520px;
height:44px;
line-height:37px;
color:#555;
font-size:87%;
}

div.article {
padding:20px 0 0;
width:710px;
margin:20px 0;
border-top:1px solid #d7d7d7;
}
div.article + .contentsViewer{
border-top: 1px solid #d7d7d7;
}
div.article:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
div.odd_blog{
}
div.article a img{
display:block;
float:left;
background:#ffffff;
}
div.sort_bloger div.article a img{
width:100px;
}
div.article div.blog_text{
float:right;
width:540px;
}
div.sort_bloger div.article div.blog_text{
width:590px;
}
div.article div.blog_text p.blog_date{
width:540px;
}
div.sort_bloger div.article div.blog_text p.blog_date{
width:590px;
}
div.article div.blog_text p.blog_date:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
div.article div.blog_text p.blog_date span.main{
display:block;
width:235px;
float:left;
padding-right:5px;
font-size:110%;
}
div.article div.blog_text p.blog_date span.main a{
line-height:1.3;
font-size:13px;
font-weight:bold;
}
div.sort_bloger div.article div.blog_text p.blog_date span.main{
width:300px;
}
div.article div.blog_text p.blog_date span.main b{
background:#DDF2F1;
display:inline-block;
padding:2px;
margin-top:3px;
}
div.article div.blog_text p.blog_date span.name{
display:block;
width:155px;
float:left;
padding-right:5px;
}
div.article div.blog_text p.blog_date span.date{
display:block;
width:140px;
font-size:10px;
float:right;
text-align:right;
}
div.article div.blog_text p.text{
margin:5px 0 0;
padding-top:10px;
width:540px;
border-top:#ccc 1px dotted;
text-align:left;
line-height:1.5;
font-size:13px;
}
div.article div.blog_text p.text a{
display:inline-block;
color: #555;
position: relative;
padding-left: 14px;
}
div.article div.blog_text p.text a:hover{
text-decoration: none;
}
div.article div.blog_text p.text a:before{
content:'';
display:block;
position:absolute;
top:6px;
left:0;
border-right:1px solid #555;
border-bottom:1px solid #555;
width:5px;
height:5px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
div.sort_bloger div.article div.blog_text p.text{
width:590px;
line-height:1.2;
}
div.article div.blog_text p.area_thema{
width:auto;
line-height:1.5;
font-size:11px;
margin-top: 15px;
box-sizing: border-box;
padding-right: 250px;
}

div.article div.blog_text p.feedback{
text-align:right;
width:auto;
margin-top: -18px;
}
div.article div.blog_text p.feedback span.evaluation{
display:inline-block;
padding:0;
font-size: 11px;
}
div.article div.blog_text p.feedback span.comment{
display:inline-block;
padding:0;
font-size: 11px;
margin-left: 12px;
}
div.article div.blog_text p.feedback span.comment:empty{
display: none;
}
div.article div.blog_text p.feedback a,
div.article div.blog_text p.feedback a:hover,
div.article div.blog_text p.feedback a:visited{
color: #333;
text-decoration: none;
}
#latest_Area .linksguide_List    {
margin:10px 0 0 0;
text-align:center;
}
#latest_Area .linksguide_List li {
display:inline;
}
#latest_Area .linksguide_Navi    {
text-align:center;
}
#latest_Area .linksguide_Navi span{ color:#c60;
}
#latest_Area .linksguide_new     {
margin:10px 25px 0 0px;
text-align:right;
}



/*__________ RIGHT_Column __________*/
#sub_Col{
line-height:1.2;
}
#sub_Col p.blog_banner         {
margin:0 0 20px 0;
}


/*__________ Blog Ranking __________*/
#sub_Col .blogRanking_Area     {
width:210px;
height:120px;
background:url(../../images/top/bg02_001.gif) no-repeat left bottom;
}
#sub_Col > .blogRanking_Area   {
height:auto;
min-height:120px;
}
div#container div#sub_Col div.blogRanking_Area dt{
width:210px;
height:35px;
background:url(../../images/top/tx02_001.gif) no-repeat;
}
#sub_Col div.blogRanking_Area dd         {
clear:both;
width:200px;
padding:5px;
}
#sub_Col div.blogRanking_Area dd:after   {
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
#sub_Col div.blogRanking_Area a{
display:block;
width:200px;
text-decoration:none;
font-size:80%;
color:#333;
}
#sub_Col div.blogRanking_Area a span     {
cursor:pointer;
display:block;
float:right;
width:134px;
text-align:right;
}
#sub_Col div.blogRanking_Area a span b   {
display:block;
height:17px;
text-decoration:underline;
font-weight:bold;
font-style:normal;
font-size:125%;
line-height:1.1;
color:#009;
text-align:left;
}
#sub_Col div.blogRanking_Area a span > b {
height:auto;
min-height:17px;
}
#sub_Col div.blogRanking_Area a:visited b{
color:#800080;
}
#sub_Col div.blogRanking_Area a:hover,
#sub_Col div.blogRanking_Area a:hover b  {
color:#e30707;
text-decoration:underline;
}
#sub_Col div.blogRanking_Area img        {
float:left;
margin:0 3px 0 0;
}
#sub_Col div.blogRanking_Area span img   {
float:left;
margin:0 3px 0 0;
vertical-align:middle;
}


/*_____________________ [3-2] Special(featured) Contents _____________________*/
#container #sub_Col dl.side_two_column_left     {
margin:20px 0 0 0;
background:#fff;
}
#container #sub_Col dl.side_two_column_left dl  {
background-color:transparent;
}
#container #sub_Col dl.side_two_column_left dt   {
margin:0;
width:210px;
height:35px;
text-indent:-9999px;
text-align:left;
}
#container #sub_Col dl.ranking dt{
background:url(../../images/top/tx02_001.gif) no-repeat left top;
}
#container #sub_Col dl.special_feature{
margin-bottom:20px;
}
#container #sub_Col dl.special_feature dt{
background:url(../../images/top/tx02_002.gif) no-repeat left top;
}
#container #sub_Col dl.ranking_everything dt{
background:url(../../images/top/tx02_003.gif) no-repeat left top;
}
#container #sub_Col dl.ranking dd,
#container #sub_Col dl.special_feature dd,
#container #sub_Col dl.ranking_everything dd{
width:198px;
padding:5px;
border-bottom:1px dashed #CCCCCC;
border-left:1px solid #FFAD08;
border-right:1px solid #FFAD08;
}


#container #sub_Col dl.side_two_column_left dd.bottomlist{
border-bottom:1px solid #FFAD08;
}


#container #sub_Col dl.ranking dd{
width:198px;
padding:5px;
border-bottom:1px dashed #CCCCCC;
border-left:1px solid #FFAD08;
border-right:1px solid #FFAD08;
}

#container #sub_Col dl.ranking dd span{
float:right;
display:block;
width:132px;
font-size:80%;
text-align:right;
}
#container #sub_Col dl.ranking dd.first span{
background:url(../../images/top/ic04_001.gif) no-repeat 0 0;
}
#container #sub_Col dl.ranking dd.second span{
background:url(../../images/top/ic04_002.gif) no-repeat 0 0;
}
#container #sub_Col dl.ranking dd.third span{
background:url(../../images/top/ic04_003.gif) no-repeat 0 0;
}
#container #sub_Col dl.ranking dd span b{
font-size:120%;
text-align:left;
padding:3px 0 0 28px;
}
#container #sub_Col dl.ranking dd a span{
cursor:pointer;
}



#container #sub_Col dl.ranking_everything p,
#container #sub_Col dl.ranking_everything dl {
width:188px;
padding:5px;
}
#container #sub_Col dl.ranking_everything{
background:#FFFEEC;
margin-bottom:20px;
}

#container #sub_Col dl.ranking_everything dl{
padding:0 0 15px 0;
width:180px;
background:url(../../images/top/bg03_002.gif) no-repeat left bottom;
margin-left:8px;
}
#container #sub_Col dl.ranking_everything dl dt{
background:url(../../images/top/bg03_001.gif) no-repeat;
font-size:80%;
text-indent:0;
width:170px;
padding:15px 5px 0 5px;
text-align:center;
line-height:140%;
margin-top:5px;
}
#container #sub_Col dl.ranking_everything dl dd{
border-left:#9F9E9D 1px solid;
border-right:#9F9E9D 1px solid;
border-bottom:none;
width:141px;
padding:3px 0 5px 37px;
min-height:20px;
height:auto !important;height:20px;
background:#fff;
}

#container #sub_Col dl.ranking_everything dd.first  {
background:url(../../images/top/ic04_001.gif) no-repeat 10px top;
}
#container #sub_Col dl.ranking_everything dd.second {
background:url(../../images/top/ic04_002.gif) no-repeat 10px top;
}
#container #sub_Col dl.ranking_everything dd.third  {
background:url(../../images/top/ic04_003.gif) no-repeat 10px top;
}
#container #sub_Col dl.ranking_everything p.other{
width:180px;
padding:0px;
margin:5px 0 5px 10px;
}
#container #sub_Col dl.ranking_everything p.other a{
color:#000099;
text-decoration:underline;
}
#container #sub_Col dl.ranking_everything p.other a:visited{
color:#800080;
}
#container #sub_Col dl.ranking_everything p.other a:hover{
color:#fe3070700;
}

#container #sub_Col dl.site_link dl {
width:200px;
}

#container #sub_Col dl.site_link dl dt{
text-align:left;
width:172px;
height:17px;
padding:2px 0 0 24px;
line-height:1;
margin-top:5px;
}
#container #sub_Col dl.site_link dl dd {
padding:0.3em 8px;
width:180px;
}

#container #sub_Col dl.site_link dl dt.w_slidebox{
background:url(../../images/top/w_sub_title.gif) no-repeat;
}
#container #sub_Col dl.site_link dl dt.j_slidebox{
background:url(../../images/top/j_sub_title.gif) no-repeat;
}


dl.link_list dt{
font-weight:bold;
width:200px;
padding:0 0 0 10px;
margin-top:5px;
}
dl.link_list dd a{ display:block;
width:193px;
padding:0 0 3px 17px;
background:url(../../images/top/ar02_001.gif) no-repeat 10px center;
margin-bottom:4px;
}


/*________________ [5] Error Contents _________________*/
.error_internal #main_Col{
width:960px !important;
}

#error_Area         {
padding:20px 0;
height:14em;
text-align:center;
}
#error_Area ul      {
margin:0 auto;
width:960px;
}
#error_Area li      {
font-weight:bold;
}
#error_Area p       {
margin:0 auto;
width:960px;
}
#error_Area p img   {
margin:1em auto;
display:block;
}
#error_Area p a     {
padding:0 0 0 12px;
background:url(/element/shared/images/burette/ar05_e307075.gif) no-repeat left center;
}

/* ----------------------------------------------------------------

	Clearfix

----------------------------------------------------------------- */
#upper_Navi #sort_Navi:before,
#upper_Navi #sort_Navi:after{
content:'';
display:table;
}

#upper_Navi #sort_Navi:after{
clear:both;
}